/* CSS-Vorlage für VCD Gliederungsseiten */

/* 1. Allgemeine Einstellungen
-----------------------------------------------------------------------*/
* {
        margin: 0;
        padding: 0;
}
body {
        background-color: #fff;
        text-align: center;
}

#container {
        background: url(container_back.gif) repeat-y;
        width: 795px;
        margin: 0 auto;
        text-align: left;
}

/* Kopf
----------------------------------------------------------------------*/

#banner {
        height: 134px;
        background: url(logo_leiste.gif) no-repeat 0 0;
}

#banner a {
        display: block;
        float:left;
        height: 130px;
        width: 190px;
   border-bottom: none;
        text-decoration: none;
}
#banner span {
        font: normal normal normal 8px/8px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#banner span {
   visibility: hidden;
}

#foto {
        height: 134px;
        background: url(foto_leiste.gif) no-repeat right 0;
  overflow: hidden;
  text-align: left;
}
#foto img {
  background: none;
  margin: 10px 15px 0 0;
  display: inline;
}
#foto h1 {
  margin: 50px 0 0 28px;
  line-height: 134px;
  font: bold 25px/30px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #ADD52E;
   visibility: hidden;
}


#banner div#foto {
  background: url(foto_leiste.jpg) no-repeat right;
}

/* Oberes Menü
---------------------------------------------------------------------*/
#topmenu {
        height: 31px;
        background: url(navi_back.gif) no-repeat;
        padding: 1px 0 0 0;
}

#topmenu ul {
        font: normal 11px/26px Verdana, Geneva, Arial, Helvetica, sans-serif;
        list-style: none;
        margin: 0 0 0 12px;
}

#topmenu li {
        display: inline;
}

#topmenu li a {
        display: block;
        float: left;
        padding: 0 14px 0 14px;
        border-right: 1px solid #D6EA96;
        text-decoration: none;
        color: #303030;
        font-weight: normal;
}

/* Klasse für aktive Menüpunkte des oberen Menüs */
#topmenu li a.spezial {
        background-color: #D6EA96;
}
/* optional: Servicemenü */
#topmenu #servicemenu {
        display: inline;
        float: right;
        margin: 4px 31px 0 0;
}

/* Locator / Oberes Menü
---------------------------------------------------------------------*/
#locator {
/*
        border: white solid 5px;
        margin-left:     10px;
        background-color: white;
*/
        height: 15px;
        margin: 0px 31px 0px 0px;
        background: url(menu_top_back.gif) no-repeat;
        padding-left:     25px;
        padding-bottom:   15px;
}

#locator p {
   font: 10px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #434F55;
}

/* Linke Spalte / Menue
----------------------------------------------------------------------*/

#sidebar {
        float: left;
        width: 205px;
}
#sidebar #search {
        padding: 3px 0;
        height: 34px;
   background: url(menu_top_back.gif) no-repeat;
}

#sidebar #leftmenu a {
   border-bottom: none;
   text-decoration: none;
   color: #303030;
}

#sidebar #leftmenu #submenuoben {
        background: url(submenu_top.gif) no-repeat bottom;
        height: 3px;
}

#sidebar #leftmenu  ul {
   list-style: none;
   font: 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 5px 0 0 0;
}

#sidebar #leftmenu li {
   display: inline;
}

#sidebar #leftmenu ul li a {
   display: block;
   padding: 0 0 0 30px;
        font-weight: normal;
}

#sidebar #leftmenu li a:hover, #sidebar #leftmenu ul li a.spezial {
   background: url(menu_over.gif) no-repeat 22px 55%;
}

/* Klasse für aktive Menüpunkte der zweiten Ebene */
#sidebar #leftmenu ul li a.spezial {
        font-weight: bold;
}

#sidebar #leftmenu ul ul {
   font: normal 11px/17px Arial, Helvetica, sans-serif;
        margin: 0 8px 0 12px;
        padding: 3px 0 3px 0;
        border: 1px solid #ADD52E;
        background-color: #EAF4CA;
}

#sidebar #leftmenu li li {
   background-image: none;
}

#sidebar #leftmenu li li a {
   padding: 0 0 0 30px;
   background-image: none;
        font-weight: normal;
}

/* Klasse für aktive Menüpunkte der dritten Ebene */
#sidebar #leftmenu li li a:hover, #sidebar #leftmenu li li a.spezial {
   background: url(submenu_over.gif) no-repeat 20px 50%;
        font-weight: normal;
}

#sidebar img {
        border: none;
        margin: 20px 0 20px 35px;
}

/* Link zum VCD-Bundesverband */
#sidebar p {
  margin: 20px 0 0 0;
  text-align: center;
  clear: both;
}
#sidebar p a {
  font: bold 13px/20px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #434F55;
  text-decoration: none;
}
#sidebar p a:hover {
  text-decoration: underline;
}

/* Inhalt
----------------------------------------------------------------------*/

#content {
        width: 535px;
        min-height:520px;
   height:520px;
        /*\*//*/
    height:auto;
    /**/
        padding: 30px 0 20px;
        margin: 0 35px 0 0;
        float: right;
        display: inline;
}

#content[id="content"] {
   height:auto;
}

/* Überschriften eins bis vier */
#content h1 {
   font: 17px/20px "Trebuchet MS", Verdana, Arial, sans-serif;
   color: #434F55;
   margin: 10px 0 0 0;
   border-bottom: 1px solid #434F55;
   clear: both;
}

#content h2 {
   font: bold 15px/20px "Trebuchet MS", Verdana, Arial, sans-serif;
   color: #434F55;
/* dashed included by VCD-BW  */   
   border-bottom: 1px dashed gray;
   margin: 20px 0 15px 0;
   clear: both;
}

#content h3 {
   font: bold 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-bottom: 1px dotted gray;
   color: #434F55;
   margin: 30px 0 -10px 0;
        padding-bottom: 2px;
   clear: both;
}

#content h4, #content h4 a {
   font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
        background-color: #5F696E;
        color: white;
   padding: 3px 0 3px 10px;
   margin-top: 10px;
   clear: both;
}
/* Standard-Styles für Absatz und Listen */
#content p, #content ul, #content ol, #content h5, #content h6,
#content dd, #content dt {
   margin: 10px 0 0;
   font: 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #434F55;
}

#content blockquote {
   margin: 0px 0 0;
   margin-left: 50px;
   margin-right: 50px;
   font: 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #434F55;
}

#content ul, #content ol {
  font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 15px 0 0 25px;
}


#content dt {
         font-weight: bold;
        margin: 15px 0 0 5px;
}

#content dd {
        margin: 10px 0 0 25px;
}

/* Absatzklasse zum freien Neubeginn von Absätzen nach gefloateten Elementen (meist Bildern) */
p.frei {
  clear: both;
}
/* Links */
#content a {
        color: #434F55;
        text-decoration: none;
}

#content p a, #content li a, #content dd a, #content blockquote a {
        font-weight: bold;
        background-image: url(link.gif);
        background-repeat: no-repeat;
        background-position: 100%;
        padding: 0 12px 0 1px;
}
/* Tabellen */
#content table {
  border-collapse: collapse;
  margin: 10px auto;
  background: #EAF4CA;
  border: 2px solid #ADD52E;
}
#content table caption {
 margin: 10px auto -10px;
 font: bold 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #434F55;
}
#content table th, #content table td {
  padding: 6px 4px 4px;
  border: 1px solid white;
}
#content table th {
 font: bold 12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #434F55;
 background: #D6EA96;
}
#content table td {
 font: 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content .caption {
  color: #434F55;
  font: bold 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content div[style="text-align: center;"] table {
        margin: 0 auto;
}
/* Auszeichnung von Warnmeldungen in rot */
#content span.red {
        color: red;
}

/* Klassen für Grafiken */
img.imgrahmen {
   padding: 3px;
   background: #fff;
   border: 1px solid #bfbfbf;
        margin-top: 12px;
}

img.linksmitrahmen {
  padding: 3px;
  background: #fff;
  border: 1px solid #bfbfbf;
  margin: 5px 10px 5px 0;
  float: left;
}
img.rechtsmitrahmen {
  padding: 3px;
  background: #fff;
  border: 1px solid #bfbfbf;
  margin: 5px 0 5px 10px;
  float: right;
}
img.zentriertmitrahmen {
  padding: 3px;
  background: #fff;
  border: 1px solid #bfbfbf;
  margin: 5px auto 5px;
  display: block;
  text-align: center;
}
img.zentriertohnerahmen {
        margin: 5px auto 5px;
        display: block;
        text-align: center;
}

div.bildmitquellelinks, span.bildmitquellelinks {
        padding: 3px; /* Abstand des Rahmens zum Bild 3 Pixel */
        background: #fff; /* Hintergrundfarbe zw. Rahmen und Bild */
        border: 1px solid #bfbfbf; /* Rahmendicke -art und -farbe */
        margin: 5px 10px 5px 0; /* Abstand zu andern Elementen */
        float: left; /* Fluß (hier links, Text rechts) */
        font-size: x-small;
}

div.bildmitquellerechts, span.bildmitquellerechts {
        padding: 3px; /* Abstand des Rahmens zum Bild 3 Pixel */
        background: #fff; /* Hintergrundfarbe zw. Rahmen und Bild */
        border: 1px solid #bfbfbf; /* Rahmendicke -art und -farbe */
        margin: 5px 10px 5px 0; /* Abstand zu andern Elementen */
        float: right; /* Fluß (hier links, Text rechts) */
        font-size: x-small;
}

/* Formulare
Formulare müssen mit einem Div der die id "form" besitzt umschlossen werden
---------------------------------------------------------------------------*/

#formular form {
        text-align: center;
}

#formular form fieldset {
    margin: 20px auto 0;
    text-align: left;
    padding: 10px 30px 15px;
    border: 1px solid #ADD52E;
}

#formular form fieldset legend {
        font: bold 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #434F55;
        padding: 0 4px;
}

#formular form p, #formular form label {
        font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #434F55;
        margin: 0 0 0 0;
        display: block;
}
#formular form label {
        margin: 10px 0 1px;
        clear: both;
}

#formular form p {
        padding-top: 10px;
}

#formular form textarea {
        width: 400px;
        border: 1px solid #434F55;
}

#formular form div.adressblock {
        margin: 15px 0 15px 0;
}

#formular form input {
        font: 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #434F55;
        margin: 0;
        padding: 0;
  width: 400px;
        border: 1px solid #8B8B8B;
}

#formular form label.plz, #formular  form label.ort {
        float: left;
        clear: none;
}

#formular form label.plz input {
        width: 70px;
        margin-right: 10px;
}

#formular form label.ort input {
        width: 318px;
}

#formular label.eingerueckt {
  margin: 0 0 0 20px;
  padding: 0;
}

#formular p.alert {
        color: red;
        margin: 0 0 7px;
        padding: 0;
}

#formular span.block {
        margin: 0 23px 0;
        display: block;
}

#formular form input.ohnebreite {
        width: 20px;
        text-align: right;
}

#formular form input.radio {
        width: auto;
        border: none;
        vertical-align: -40%;
  margin: 0 7px 0 0;
}
#formular form input.submit {
        width: auto;
        clear: both;
        display: block;
        margin: 10px 0;
  padding: 0;
}

/* Fuss
----------------------------------------------------------------------*/

#footer {
        height: 38px;
   clear: both;
   background: url(footer_back.gif) no-repeat;
        border: none;
}

#footer p {
   font: 10px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #434F55;
        margin: 0;
        padding: 0;
        text-align: center;
}

#footer a {
        font-weight: normal;
        color: #434F55;
        text-decoration: none;
}

/* Klassen
----------------------------------------------------------------------*/
/* Klasse zum Freistellen von divs nach gefloateten Elementen */
.clear {
  clear: both !important;
        font: normal normal normal 1px/1px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

/* Suche
----------------------------------------------------------------------*/
#search form {
        margin: 0 0 0 15px;
}
#search form #suche {
        width: 100px;
}
#search form input {
        vertical-align: middle;
        margin-left: 10px;
}


/* Termine (docgenerator-calendar)
----------------------------------------------------------------------
*/
div.calendar { 
   font: 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #434F55;
	}
div.calendar div.event {
	margin-top: 15px;
	}