@charset "utf-8";

/* CSS Document für vbs-intern.de */

html {
  height:100%;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
  color:#333;
  background:#999;
  min-height:101%;
  position:relative;
}

/* wrapper um die ganze Seite - zentriert */
#wrapper {
  width:760px;
  border:1px solid #333;
  background:#fff;
  margin-right:auto;
  margin-left:auto;
}

/* SEITENKOPF/HEADER mit Bannergrafik*/
#header {
  background:#333;
  height:60px;
}

/* Kleines Textmenü unter dem Seitenkopf rechts */
#headermenu {
  margin:0;
  margin-top:1px;
  padding:4px;
  background-color:#A4BD55;
  font-variant:small-caps;
  text-align:right;
  font-size:75%;
  color:#fff;
}

#headermenu span {
  vertical-align:middle;
}

#headermenu a {
  color:#fff;
  text-decoration:none;
  margin:0;
  padding:0;
}

#headermenu a:hover {
  color:#ddd;
}

#headermenu img {
  border:0;
  margin:0;
  margin-top:1px;
  padding:0;
}

/* Hauptmenü Container */
#mainmenu {
  width:120px;
  float:left;
  padding-bottom:80px;
}

/* Hauptmenü */
#mainmenu p {
  /* Abstände zwischen den Menübalken */
  margin:1px 0px;
  font-size:75%;
}

/*Links im Hauptmenü - Allgemein */
#mainmenu p a {
  text-decoration: none;
  display: block;
  padding: 0.6em 0.25em;
  font-variant: small-caps;
  color: #444;
}

/* Hauptmenü Level 1 */
#mainmenu p.menu-l1-no a:hover {
  background-color: #DEE8C1;
  color: #111;
}

#mainmenu p.menu-l1-act a:hover {
}

#mainmenu p.menu-l1-no {
  background:#E4E4E4;
  border-right:1px dashed #444;
}

/*Hintergrund für aktiven Tab weiss lassen*/
#mainmenu p.menu-l1-act {
  background:#fff;
  color:#000;
  border-right:1px dashed #eee;
}
 /*Schrift für aktiven Tab schwarz!*/
#mainmenu p.menu-l1-act a {
  color:#000;
}

/* Hauptmenü Level 2 */
#mainmenu p.menu-l2-no a,
#mainmenu p.menu-l2-act a {
  font-variant:normal;
  color:#777;
  font-style:oblique;
}

#mainmenu p.menu-l2-no a:hover,
#mainmenu p.menu-l2-act a:hover {
  color:#333;
  background-color:#F8D7C9;
}

#mainmenu p.menu-l2-no {
  background:#C8C8C8;
  border-right:1px dashed #444;
}

#mainmenu p.menu-l2-act {
  background:#fff;
  border-right:1px dashed #eee;
}

/* Hauptmenü Level 3 */
#mainmenu p.menu-l3-no a,
#mainmenu p.menu-l3-act a {
  font-variant:normal;
  color:#444;
}

#mainmenu p.menu-l3-no a:hover,
#mainmenu p.menu-l3-act a:hover {
  background:#fff;
  color:#444;
}

#mainmenu p.menu-l3-no {
  background:#eee;
  border-right:1px dashed #444;
}

#mainmenu p.menu-l3-act {
  background:#eee;
}

#contentwrapper {
  float:left;
  width:600px;
}

/* Klickpfad (über dem Content) Container */
#trail {
  margin-top:5px;
  margin-bottom:5px;
  width:580px;
  float:left;
  font-size:8pt;
  color:#aaa;
  text-align:right;
}

#trail a {
  color:#bbb;
  text-decoration:none;
}

#trail a:hover { color:#0162AE; }

/* Container für Content */
#content { width:600px; float:left; padding:0.3em 1.2em 0.3em 1.2em; margin-bottom:3em; font-size: 75%;}
#content div.csc-default { margin:1em 0 2em 0; }

/* Überschriften im Content */
#content h1, #content h2{ margin:0.6em 0 0.3em 0; padding:0; font-size:150%; color:#CB521C; }
#content h2 { font-size: 125%; }

#content h3, #content h4 { margin:0.6em 0 0.3em 0; padding:0; }

/* Absätze im Content */
#content p { margin:0.3em 0 0.6em 0; padding:0; line-height: 1.3; text-align: left; }

/* Links im Content */
#content a {
  color:#829646;
  text-decoration:underline;
}

#content a[href^="http:"] {
  background:url(../images/ext_link_bullet.gif) no-repeat 0px 4px;
  padding:0 0 0 18px;
}

#content a[href^="mailto:"] {
  background:url(../images/mail_link_bullet.gif) no-repeat 0px 4px;
  padding:0 0 0 18px;
}

#content a:hover {
  text-decoration:none;
}

/* Tabellen im Content */
#content table.contenttable {
  border-collapse:collapse;
}

/* Gerade Tabellenzeilen */
#content table.contenttable tr.tr-even {
  background: white;
}

/* Ungerade Tabellenzeilen */
#content table.contenttable tr.tr-odd {
  background: #ddd;
}

/* Vier contenttables anders formatiert, damit das normale contentable über den RTE formatierbar bleibt */
#content table.contenttable-0 td,
#content table.contenttable-1 td,
#content table.contenttable-2 td,
#content table.contenttable-3 td {
  border: black 1px solid;
  padding: 0.33em;
}

/* Neue Formularformatierung seit Typo3 4.0 */
#content fieldset.csc-mailform {
  border:none;
}

#content fieldset.csc-mailform div.csc-mailform-field {
  padding:5px;
}

/* Beschriftungen für Formularfelder */
#content label {
  width:140px;
  float:left;
  text-align:right;
  margin-right:10px;
  display:block;
}

#content span.req label {
  color:#900;
}

/* Eingabefelder bzw. Textfelder */
#content input {
  color:#333;
  background:#eee;
  border:1px solid #c0c0c0;
}

/* Eingabefeld für Nachricht */
#content #mailformnachricht {
  color:#333;
  background:#eee;
  border:1px solid #c0c0c0;
}

#content #mailformnachricht:focus {
  background:#F0F8FF;
}

#content input:focus {
  background:#F0F8FF;
}

#content input.csc-mailform-submit {
  margin-left:150px;
  margin-top:25px;
}

/* Suchergebnisse */
#content table.csc-searchResultInfo {
  color:#666;
}

#content p.csc-searchResult {
  font-style:oblique;
}

#content h3.csc-searchResultHeader {
  font-style:oblique;
}

/* Suchwort im Text markieren */
#content span.csc-sword {
  background:#ff0;
}

/* Listen im Content */
#content ul li,
#content ol li {
  line-height:1.2em;
  padding-top:3px;
  padding-bottom:3px;
}

/* Sitemap Formatierung */
#content div.csc-sitemap a {
  color:#333;
  text-decoration:none;
}

#content div.csc-sitemap a:hover { color:#0162AE; }
#content div.csc-sitemap li { padding:3px; }
#content table.csc-uploads, #content table.csc-uploads a { font-size: 83.33%; }

/* Bildtexte (unter jedem Bild) */
#content dd.csc-textpic-caption {
  font-size: 83.33%;
  margin: 3px 0px 9px 0px;
  font-style: oblique;
  padding: 3px;
  border-left: 1px dashed #ccc;
}

/* Titelbild unter dem Content rechts */
#tbimage {
  width:760px;
  height:90px;
  float:right;
  margin-top:1px;
  margin-bottom:1px;
}

/* Seitenfuss mit Copyright*/
#footer {
  height:15px;
  background:#333;
  padding:5px;
  clear:both;
  color:#b3b3b3;
  font-size: 83.33%;
  text-align:right;
}

/* tt_news */
/*=========*/

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-latest-container hr.clearer,
.news-list-container hr.clearer,
.news-list2-container hr.clearer,
.news-list3-container hr.clearer,
.news-single-item hr.cl-left,
.news-single-item hr.cl-right { clear: right; height: 1px; border:none; padding: 0; margin: 0; }
.news-list2-container hr.clearer,
.news-list3-container hr.clearer { clear: both; }
.news-single-item hr.cl-left { clear: left; }

/* Gemeinsame Deklarationen */
.news-list-date, .news-single-date,
.news-latest-date { font-weight: bold; padding-bottom: 0.15em; margin-bottom: 0.2em; color: #656565; border-bottom: 1px dashed #959595;}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container { margin: 0; } 
.news-latest-gotoarchive { padding: 0.3em; margin: 0.2em; background-color:#f3f3f3; }
.news-latest-container h2 { margin-bottom: 0.5em; }
.news-latest-container h2 a { text-decoration: none; }
.news-latest-item { margin-bottom: 1em; }
.news-latest-item img { margin: 0 0.4em 0.4em 0; float: left; border: 1px solid #bbb; }
.news-latest-category img { float: none; border: none; margin: 0; }
.news-latest-item > p { margin: 0; padding: 0; }

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container { margin: 0; }
.news-list-item { margin-bottom: 1em; }
.news-list-container h2, .news-single-item h2 { margin-bottom: 0.5em; }
.news-list-container h2 a { text-decoration: none; }

.news-list-imgcaption { padding: 0.3em 0.3em 0 0; }
.news-list-container img { float: right; margin: 0 0.2em 0.4em 0.4em; border: 1px solid #bbb; }
.news-list-category img { float: none; border: none; margin: 0; }
.news-list-morelink { padding-left: 0.4em; }

  /*---------------------------------  LIST2 / 3 ---------------------------------*/
.news-list2-container, .news-list3-container { padding: 0 0 10px 0; }
.news-list2-container, .news-list3-container { background:#e5e5e5; }
.news-list3-item, .list2-subdiv-hdr { background:#f1f1f1; }
.news-list2-container .hdr-left, .news-list2-container .hdr-right, .news-list3-container .list3-left,
.news-list3-container .list3-right { width:48%; float:left; padding:5px; }
.news-list2-container .sub-left, .news-list2-container .sub-middle,
.news-list2-container .sub-right { width:31%; float:left; padding:5px; }
.news-list3-item { padding:5px; }
.news-list3-item, .list3-subdiv, .list2-subdiv { border-top:5px solid #fff; }
.news-list2-container img { float: right; margin:0 2px 5px 5px; border: none; }
.news-list3-container img { float: left; margin:0 5px 5px 2px; border: none; }

  /*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse { text-align:center; margin-bottom:20px; }
.activeLinkWrap { font-weight:bold; }
.disabledLinkWrap { color: #999; }
.disabledLinkWrap, .browseLinksWrap a, .activeLinkWrap { padding:0 1px; }

  /*--------------------------------- tt_news SINGLE view  ---------------------------------*/

.news-single-item { margin: 0; }
.news-single-item h2 { font-size: 100% !important; color: #222 !important;}
.news-single-img { float: right; margin:10px 0 0 10px; padding:0; }
.news-single-img img { border: 1px solid #bbb; }
.news-single-imgcaption { font-size: 91.67%; padding: 1px 0 3px 0; margin:0; }
.news-single-rightbox { float: right; width: 160px; text-align: right; clear: both; }
.news-single-backlink { padding: 10px; }
.news-single-additional-info { margin-top: 15px; padding: 3px; clear: both; }
.news-single-related, .news-single-files, .news-single-links  { margin: 0; margin-bottom: 3px; padding: 3px; }
.news-single-related dd, .news-single-links dd, .news-single-files dd { margin-left: 20px; }
.news-single-related dt, .news-single-links dt, .news-single-files dt { font-weight: bold; margin-left: 5px; }
.news-single-files dd a { padding: 0 3px; }
.news-single-backlink { padding:0; }

  /*--------------------------------- SINGLE2  ---------------------------------*/
.sv-img-big img, .sv-img-small img { border:none; }
.sv-img-big { float: right; padding: 10px 0 2px 10px; }
.sv-img-small-wrapper { padding:15px 0; }
.sv-img-small { float: left; padding: 0 10px 10px 0; }

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container { width: 165px; padding: 0; margin-left: 10px; }
.news-amenu-container li { padding-bottom: 1px; }
.news-amenu-container li:hover { background-color: #f3f3f3; }
.news-amenu-container ul { padding:0; margin:0; margin-top:5px; list-style-type: none; }
.news-amenu-item-year { font-weight: bold; margin-top:10px; padding: 2px; background-color: #f3f3f3; }
.amenu-act { background:#fff; font-weight:bold; }

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
.news-catmenu  { padding: 10px; }
ul.tree { list-style: none; margin: 0; padding: 0; clear: both; }
ul.tree a { text-decoration: none; }
ul.tree a.pm { cursor: pointer; }
ul.tree img { vertical-align: middle; }
ul.tree ul { list-style: none; margin: 0; padding: 0; padding-left: 17px; }
ul.tree ul li { list-style: none; margin: 0; padding: 0; line-height: 10px; white-space: nowrap; }
ul.tree ul li.expanded ul { background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left; }
ul.tree ul li.last > ul { background: none; }
ul.tree li.active, ul.tree ul li.active { background-color: #ebebeb !important; }
ul.tree li.active ul, ul.tree ul li.active ul { background-color: #f7f3ef; }

/*  Styles for catmenu mode "nestedWraps" */
.level1 { padding:1px; padding-left:10px; background-color:#ebf8bf; border-left:1px solid #666; border-top:1px solid #666; }
.level2 { padding:1px; padding-left:10px; background-color:#ddf393; border-left:1px solid #666; }
.level3 { padding:1px; padding-left:10px; background-color:#cae46e; border-left:1px solid #666; border-top:1px solid #666; }
.level4 { padding:1px; padding-left:10px; background-color:#b0cb51; border-left:1px solid #666; }
	
/* Seitenabhängige Formatierung */
/*==============================*/
/* Terminseite (Datum besonders hervorheben!) */
body#page-events div.news-list-container div.news-list-date { font-size: 125%; font-weight: bold; color:#0162CD; padding-bottom:0.15em; margin-bottom:0.2em; border-bottom: 1px dashed #0162CD; }