/*Reset der margins, paddings und schrifttyp, groesse*/
html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  background: url(../pics/bagger.jpg) repeat-x fixed bottom;
  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 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: 30px; /* Space oben */
  width: 950px;
  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
  */


  /* navi links */
#navibox {
width: 200px;
min-height: 310px;
float: left;
border: 1px solid #D7E037;
background: url(../pics/navi_bg.jpg) no-repeat center;
}
ul#navi {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 5px;
  width: 190px;
  font-size: 80%;
}
ul#navi li {
  list-style-type: none;
}
ul#navi a {
  display: block;
}
ul#navi a:link {
  color: #000;
  background-color: transparent;
  padding: 4px;
  border : 0; /* dafür beim padding +1*/
  text-decoration: none;
}
ul#navi a:visited {
  color: #000;
  background-color: transparent;
  padding: 4px;
  border : 0; /* dafür beim padding +1*/
  text-decoration: none;
}
ul#navi a:hover {
  color : #000;
  background-color : #D7E037;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
ul#navi a:active {
  color : #000;
  background-color : #CAC637;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
ul#navi a:focus {
  color : #000;
  background-color : #CAC637;
  padding : 3px;
  border : 1px solid #fff;
  text-decoration: none;
}
  /* aktiver Punkt in der Navi */
.navi_aktiv {
  color: #fff;
  font-weight: bold;
  background-color: #CAC637;
  padding: 4px;
  border : 1px solid #fff;
  text-decoration: none;
}
  
  /* spacer */
#spacer {
float: left;
height: 500px;
width: 50px;
float: left;
background: transparent;
}

  /* header */
#header {
  color: #000;
  background-color: #FFF;
  border-bottom: 5px solid #9AC5E8;
  border-top: 1px solid #9AC5E8;
  border-left: 1px solid #9AC5E8;
  border-right: 1px solid #9AC5E8;
  float: left;
  width: 680px;
}
#header img {
  margin-top: 10px;
  float: left;
  clear: left;
}
#header h1 {
  font-size: 60%;
  line-height: 120%;
  padding: 10px 10px 10px 0;
  text-align: right;
  font-style: normal;
}
 /*  header: neues logo weiter rechts okt2007*/
.logo {
  float:left;
  padding-left:5px;
}

  /* scrollbox fuer vertikalen scrollbalken bei langen texten (divs verschachtelt)  */
#scrollbox {
width: 660px;
}

  /* Contentbereich */
#content {
float: left;
width: 680px;
height: 380px;
border: 1px solid #9AC5E8;
background: white url(../pics/bagger_380.gif) repeat-x;
overflow: auto;
}
#content p {
  font-size: 75%;
  line-height: 145%;
  margin: 0 10px 10px 10px;
}
#content h2 {
  font-size: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: 10px;
}
#content h3 {
  font-size: 90%;
  margin-left: 10px;
  margin-bottom: 4px;
  margin-top: 12px;
  border-bottom: 1px solid #C4E8F5;
}
.zitat {
font-style: italic;
}
.liste {
  list-style-type: square;
  list-style-position: inside;
  margin-left: 10px;
  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%;
}
.re {
  float: right;
  border: 1px solid #D7E037;
  margin-left: 10px;
}

  /* Formatierung der Links im content*/
a.content:link {
  text-decoration: none;
  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: none;
  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: none;
  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;
}

  /* Spacer horizontal*/
#spacer_h {
  background: transparent;
  height: 15px;
  clear: left;
}

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