/*Reset der margins, paddings und schrifttyp, groesse*/
html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  background-color: #C4E8F5;
  font-size: 100.01%;
  text-align: center; /* IE Zentrierung horizontal */
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  padding: 0;
  margin: 0;
}


  /* container horizontal zentriert */
#zentral {
  border: 1px solid #D8DF37;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: 10px; /* Space oben */
  width: 900px;
  text-align: left;
}

  /* FARBEN
    grelles gruen #D7E037 - topnavi, footer und border fuer alles
    dunkleres gruen #CAC637 - topnavi rollover und aktiv, subnavi
    mittelblau #9AC5E8 - dicke dekoborder
    hellblau #C4E8F5 - subnavi, header
  */

  /* header */
#header {
  color: #000;
  background-color: #FFF;
  border-bottom: 10px solid #9AC5E8;
}
#header img {
  margin-top: 3px;
  float: left;
  clear: left;
}
#header h1 {
  font-size: 60%;
  line-height: 120%;
  padding: 10px 10px 10px 0;
  text-align: right;
  font-style: normal;
}

  /* Topnavigation */
#topnavi {
  border-top: 10px solid #FFF;
}
#topnavi ul {
  padding: 4px 0;
  margin: 0;
  list-style-type: none;
  background-color: #D7E037;
  color: #000;
  font-size: 80%;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
}
#topnavi ul li {
  display: inline;
  }
#topnavi ul li a {
  text-decoration: none;
  background-color: #D7E037;
  color: #000;
  padding: 4px 15px;
  border-right: 1px solid #fff;
}
#topnavi ul li a:hover {
  background-color: #CAC637;
  color: #fff;
}
#topnavi ul li#aktiv a {
  background: #CAC637;
  color: #FFF;
  font-weight: bold;
  border-right: 1px solid #fff;
}

  /* div umschliesst subnavi und content, background mitlaufend */
#bg {
  width: 100%;
  color: #000;
  background: url(../pics/bg_div_1px.jpg) repeat-y;
  background-color: #fff;
  float: left;
}

  /* Subnavi - kein div! */
#subnavi {
  height: 320px;
}
ul#subnavi {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 5px;
  float: left;
  width: 190px;
  font-size: 80%;
}
ul#subnavi li {
  list-style-type: none;
  padding-bottom: 10px;
}
ul#subnavi a {
  display: block;
}
ul#subnavi a:link {
  color: #000;
  background-color: transparent;
  padding: 4px;
  border : 0; /* dafür beim padding +1*/
  text-decoration: none;
}
ul#subnavi a:visited {
  color: #000;
  background-color: transparent;
  padding: 4px;
  border : 0; /* dafür beim padding +1*/
  text-decoration: none;
}
ul#subnavi a:hover {
  color : #000;
  background-color : #D7E037;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
ul#subnavi a:active {
  color : #000;
  background-color : #CAC637;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
ul#subnavi a:focus {
  color : #000;
  background-color : #CAC637;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
  /* aktiver Punkt in der Subnavi */
.sub_aktiv {
  color: #fff;
  font-weight: bold;
  background-color: #CAC637;
  padding: 4px;
  border : 1px solid #fff;
  text-decoration: none;
}
  /* subnavi background zahn, definiert min-Höhe der Subnavi (bes. Leistungen!) */
#subnavi_bg {
  width: 199px;
  height: 320px;
  background: url(../pics/bg_subnavi.jpg) no-repeat center;
  float: left;
}

  /* Contentbereich */
#content {
  margin: 0 10px 10px 240px;
  background-color: transparent;
}
#content p {
  font-size: 75%;
  line-height: 145%;
}
#content h2 {
  font-size: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}
#content h3 {
  font-size: 90%;
  margin-bottom: 4px;
  margin-top: 12px;
  border-bottom: 1px solid #C4E8F5;
}
.liste {
  list-style-type: square;
  list-style-position: inside;
  margin: 0;
  padding-top: 10px;
  font-size: 75%;
  line-height: 160%;
}
.liste_klar {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding-top: 10px;
  font-size: 80%;
  line-height: 160%;
}

  /* Bilder im content (ohne Verlinkung)*/
.pic_re {
  float: right;
  margin: 0 0 10px 10px;
}
.pic_li {
  float: left;
  margin: 10px 10px 10px 0;
}


  /* Formatierung der Links im content*/
a.content:link {
  text-decoration: underline;
  background-color: #fff;
  background-image: url(../pics/linkpfeil.gif);
  background-position: left center;
  padding-left: 15px;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
}
a.content:visited {
  text-decoration: underline;
  background-color: #fff;
  background-image: url(../pics/linkpfeil.gif);
  background-position: left center;
  padding-left: 15px;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
}
a.content:focus {
  text-decoration: underline;
  background-color: #fff;
  background-image: url(../pics/linkpfeil.gif);
  background-position: left center;
  padding-left: 15px;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
}
a.content:hover {
  text-decoration: none;
  background-color: #d7e037;
  background-image: url(../pics/linkpfeil.gif);
  background-position: left center;
  padding-left: 15px;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
}
a.content:active {
  text-decoration: none;
  background-color: #d7e037;
  background-image: url(../pics/linkpfeil.gif);
  background-position: left center;
  padding-left: 15px;
  background-repeat: no-repeat;
  color: #000;
  font-weight: normal;
}

  /* Bilder rechte Seite, verlinkt im Content */
a.bildre:link {
  float: right;
  margin: 0 0 10px 10px;
}
a.bildre:visited {
  float: right;
  margin: 0 0 10px 10px;
}
a.bildre:focus {
  float: right;
  margin: 0 0 10px 10px;
}
a.bildre:hover {
  float: right;
  margin: 0 0 10px 10px;
}
a.bildre:active {
  float: right;
  margin: 0 0 10px 10px;
}
  /* Bilder linke Seite, verlinkt im Content */
a.bildli:link {
  float: left;
  margin-right: 20px;
}
a.bildli:visited {
  float: left;
  margin-right: 20px;
}
a.bildli:focus {
  float: left;
  margin-right: 20px;
}
a.bildli:hover {
  float: left;
  margin-right: 20px;
}
a.bildli:active {
  float: left;
  margin-right: 20px;
}

  /* Formulare */
fieldset {
  padding: 0 10px 10px 10px;
}
legend {
  font-size: 80%;
  font-weight: bold;
  color: black;
}
input, textarea {
  border: 1px solid #9AC5E8;
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  font-size: 80%;
}
select {
  border: 1px solid #9AC5E8;
}
.button {
  border: 1px solid #CAC637;
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  background-color: #D7E037;
  font-size: 80%;
}


  /* Bildleiste*/
#bildleiste {
  clear: both;
  border-top: 10px solid #99C5E9;
  line-height: 0;
}
#bildleiste img {
  border-right: 1px solid #D7E037;
}

  /* Footer */
#footer {
  background-color: #D7E037;
  color: #000;
  line-height: 25px;
  height: 25px;
}
#footer p {
  font-size: 60%;
  vertical-align:middle;
}

  /* infodiv im index */
#infodiv {
border: 1px solid #9AC5E8;
background-color: #C4E8F5;
float: right;
width: 250px;
min-height: 148px;
text-align:left;
margin-top: 10px;
padding: 10px;
font-size: 80%;
}
a.info:link {
  text-decoration: underline;
  background-color: #C4E8F5;
  color: #000;
  font-weight: normal;
}
a.info:visited {
  text-decoration: underline;
  background-color: #C4E8F5;
  color: #000;
  font-weight: normal;
}