html, body
{
 height: 100%; /* wichtig */
 background-color: #305F35;
 text-color: #999999;
 padding: 2px 2px 15px 2px;
}

.body {
	margin: 0px auto;
	font: 0.62em "Verdana", "Arial", "Helvetica", "Sans-Serif";
	text-align: justify; color: #999999;
 	border: solid 1px #888888;
}
.text{
	margin: 0px auto;
	padding:2px 2px 2px 2px;
	font: 1.2em "Verdana", "Arial", "Helvetica", "Sans-Serif";
	text-align: justify; color: #999999;
}

/* Container immer über volle Höhe erstrecken */
.wrapper {
	height:auto !important; /* moderne Browser */
	height:100%; /* IE 6 und 7 */
}

.wrapper {
	background-color: #305F35;
	width: 88em;
	margin: 0px auto;
}

.content {
	font-size: 1em;
	padding: 0px 0px 0px 0px;
}


.nav {
 background:url(onepx_line.gif) 80% 0% repeat-y;
 position:absolute;
 width:20%;
 margin:20px 0 0 0;
 padding:30px 0;
}


/* Box für kleines Bild der Art, Text rechts */
.box1 { 
      width:202px;
	  float: right;
	  padding: 0px 0px 0px 0px;
	  border:1px;
	  margin: 5px 0px 0px 5px;
	  background-color: #305F35;	  
}

/* Box für kleines Bild der Art, Text links */
.box2 { 
      width:202px;
	  float: left;
	  padding: 0px 0px 0px 0px;
	  border:1px;
	  margin: 5px 5px 0px 0px;
	  background-color: #305F35;	  
}

/* Box für Übersichtsbilder der Galerien */
.box3 { 
      width:164px;
      height:133px;
	  float: left;
	  padding:5px 2px 8px 0px;
	  border:1px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}

.box4 { 
      width:400px;
	  float: left;
	  padding:0px 2px 0px 0px;
	  border:0px;
	  margin: 12px 3px -5px 0px;
	  background-color: #305F35;
}

/* Box für Menü stylen */
.box5 { 
      width:105px;
	  float: left;
	  padding:0px 2px 0px 0px;
	  border:0px;
	  margin: 0px 0px 0px 10px;
	  background-color: #305F35;
}

.box6 { 
      width:40px;
	  float: left;
	  padding: 0px 0px 0px 0px;
	  border: 0px;
	  margin: 3px 3px 280px 0px;
	  background-color: #305F35;
}

/* Box für Galerieaufruf */
.box7 { 
      width:145px;
	  float: left;
	  padding: 0px 0px 0px 0px;
	  border: 0px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}

.box8 { 
      width:308px;
	  float: left;
	  padding: 5px 5px 0px 0px;
	  border: 0px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}

/* für 3 Bildoxen nebeneinander a_insekten */
.box9 { 
      width:202px;
	  float: left;
	  padding: 0px 1px 0px 0px;
	  border: 0px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}

/* für 3 Bildoxen nebeneinander a_insekten */
.box10 { 
      width:202px;
	  float: left;
	  padding: 0px 0px 0px 38px;
	  border: 0px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}

/* Testbox Gesamtmenü */
.box11 { 
      width:190px;
      height: 800px;
	  padding: 0px 0px 0px 0px;
	  border: 0px;
	  margin: 0px 0px 0px 0px;
	  background-color: #305F35;
}


.bild { 

	  padding:2px 2px 2px 2px;
	  border: solid 1px #888888;
	  background-color: #305F35;
}

.foto
 {
 margin: 0;
 padding: 0;
 }

 .foto img
 {
 border: solid 1px #888888;
 }

 .foto li
 {
 list-style: none;
 position: relative;
 } 

a .gross
 {
 display: none;
 z-index:1;
 }

a .gross1
 {
 display: none;
 } 

a .gross2
 {
 display: none;
 z-index:1;
 } 

a .gross11
 {
 display: none;
 } 

a .gross11u
 {
 display: none;
 } 

a .gross21
 {
 display: none;
 } 

a .gross21u
 {
 display: none;
 }

a .gross22
 {
 display: none;
 } 

a .gross31
 {
 display: none;
 } 

a .gross31u
 {
 display: none;
 }

a .gross41
 {
 display: none;
 } 

a .gross41u
 {
 display: none;
 } 

a .gross51u
 {
 display: none;
 } 

a .gross61u
 {
 display: none;
 } 

a:hover .gross
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 0px;
 left: 0px;
 } 

a:hover .gross1
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 0px;
 left: 160px;
 } 

a:hover .gross2
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -398px;
 left: 160px;
 } 

a:hover .gross11
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 30px;
 left: 20px;
 } 

a:hover .gross11u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -430px;
 left: 80px;
 } 

a:hover .gross21
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 30px;
 left: -65px;
 } 

a:hover .gross21u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -430px;
 left: -65px;
 } 

a:hover .gross22
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -650px;
 left: 160px;
 } 

a:hover .gross31
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 30px;
 left: -220px;
 } 

a:hover .gross31u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -430px;
 left: -220px;
 } 

a:hover .gross41
 {
 display: block;
 position: absolute;
 z-index:1;
 top: 30px;
 left: -400px;
 } 

a:hover .gross41u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -430px;
 left: -400px;
 } 

a:hover .gross51u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -130px;
 left: -180px;
 } 

a:hover .gross61u
 {
 display: block;
 position: absolute;
 z-index:1;
 top: -600px;
 left: -180px;
 } 

h1 {
	font: 1.3em Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: 2px;
	padding: 3px 0px 0px 0px;
	margin: -3px 0px; 0px 0px
	text-align: left;
	}

h2 {
	margin: 0px auto;
	font: 1.0em "Verdana", "Arial", "Helvetica", "Sans-Serif";
	text-align: justify; color: #E72020;
	}

/* LINKS ----------------------------------------------------------------------------------------------------------------------------- */	
a:link {	color: #999999;	text-decoration: none;	}
a:visited { color: #999999; text-decoration: none;	}
a:hover { color: #FFFFFF; text-decoration: none;}
a:active { color: #FFFFFF; text-decoration: none; }
/* ----------------------------------------------------------------------------------------------------------------------------------- */	


/* HEADLINE 01 ----------------------------------------------------------------------------------------------------------------------- */	
h5 {
	font: 1.2em Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: 2px;
	margin: -2px 0px; 0px 0px
	text-align: left;
	}

h5 span {
	padding: 0 5px;
	background: #FFFFFF;
	text-align: justify; color: #727260;
}

/* HEADLINE  02----------------------------------------------------------------------------------------------------------------------- */	
h5.dark {
	letter-spacing: 2px;
	text-align: center;
	background: url(headline/line_dark.gif) repeat 0 50%;
	padding-left: 0px;
	margin: 0px;
	}

h5.dark span {	
	padding: 0 10px;
	background: #F5F5DF url(headline/line_light.gif) repeat left center;