*{
margin:0;
padding:0;
}


html, body{

width:989px;

margin:0 auto;
height:100%;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 100.01%;
letter-spacing:1px;
color:black;
background-color:rgb(60,75,34);

width:100%;
text-align:center;



}

body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
}

#Seite {

width:989px;
min-width:58em;
margin:0 auto;
text-align:left;
min-height:100%;
height:auto!important;
height:100%;
background-color:white;

background-image: url("Grafik/Leiste5.jpg");
 background-repeat:repeat-y;
}




#header {
margin:0px;
padding:0px;
height:150px;

width:989px;
min-width:58em;
background-image: url("Grafik/Header gelb2.jpg");

background-repeat:no-repeat;
background-color:rgb(248,241,213);
background-position: right;

}

h1.logo {
text-indent:-9999px;
}



#navigation, #navigation ul {

margin:0px;
padding:0px;
list-style:none;
top:0px;
left:0px;
width:100%;
height:35px;
margin:0 auto;
min-width:58em;



background-color:rgb(220,185,182);

background-image: url("Grafik/langes Ende gr5.jpg");

background-position: right -2px;
background-repeat:no-repeat;
}

ul#navigation li a {
color:black;
text-decoration:none;
display:block;

padding-top:3px;
}

#navigation li {
list-style-type:none;
float:left;
height:100%;
margin-left:0px;
margin-top:0px;
overflow:hidden;

}


#navigation a {
background:transparent;
background-image: url("Grafik/langes Ende gr5.jpg");

background-position: right -2px;
background-repeat: no-repeat;
display:block;
height:100%;
position:relative;
padding-left:0.1em;
padding-right:0.1em;
text-decoration:none;
float:left;
font-size:118.5%;

width:100%;
overflow:hidden;


}











#navigation a span{
background:transparent;
background-image: url("Grafik/kurzes Ende gr5.jpg");

background-position: left -5px;
background-repeat: no-repeat;
display:block;
padding:4px 25px 4px 25px;
color:black;
overflow:hidden;

}



#navigation li:hover ul, #navigation li.sfhover ul {

left:auto;
top:186px;
font-size:80%;
width:14em;
}

#navigation li li a:hover {
background-color:rgb(196,197,198);

}




 .second, .third, .fourth, .fifth, .last {
background-color:rgb(220,185,182);

}

 .Kontakt {
 position:relative;
 margin-top:30px;
 margin-left:265px;





}



.letzte {
text-decoration:none;
border-bottom:0px solid;
}

#Hauptteil {
overflow:hidden;
height:100%;

 background-repeat:no-repeat;
 margin:0px;
 padding:0px;
 float:left;
 padding-bottom:3em;

}

#features {
background-image:url("Grafik/grauer Hintergrund.jpg");
clear:both;
float:left;
margin:0px;
padding:0px;
margin-top:80px;
margin-left:0px;
background-color:rgb(125,157,74);


list-style-type:none;
top:280px;
left:0px;

line-height:1.5em;
width:208px;




}





#features ul{
list-style-type:none;
margin:0px;
padding:0px;
}


#features a{
text-decoration:none;
letter-spacing:1px;
display:block;
margin:0px;
padding: 5px 2px;
color:black;
text-align:center;

width:205px;
border-bottom:1px dotted grey;

}

#features ul {
position:absolute;
left:-9999px;
width:10em;
}
#features li:hover ul{
left:160px;
top:0px;
background-color:rgb(196,197,198);
font-size:80%;
}

#features li:hover{
position: relative;
background-color:rgb(196,197,198);

}



.Titel {
Text-decoration:underline;
letter-spacing:1px;
display:block;
margin:0px;
padding: 10px 15px;
color:black;
text-align:center;
background-color:white;
padding-top:1px;


}



.Titel{

}

.erste
border-top:1px solid black
 /*rgb(160,163,164);*/
}

/*
 .erste, .zweite, .dritte, .vierte, .fünfte, .sechste, .siebte {

 border-bottom: dotted 1px white;
}
 */
.letzte {
/*border-bottom:1px solid black
border-left:1px solid black
border-right:1px solid black*/
}

#content{


float:right;
margin:0px;
/*width:795px;*/
width:46em;
padding:0px;
padding-left:2px;
height:100%;
overflow:auto; /*sticky footer Befehl*/
padding-bottom:3em;  /*sticky footer Befehl*/


}

.wrapper{
overflow:hidden;
width:100%;
}


h1{
position: absolute;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, Sans-serif;
font-size:20px;
text-align:center;
left:210px;
top:30px;
z-index:1;
}

h2 {
margin-left:45px;
margin-top:25px;
font-weight:bold;
font-style:normal;
text-align:center;
font-size:140%;
line-height:1.1em;
text-decoration:underline;

}

h3 {
clear:both;
float:left;
margin-left:25px;
margin-top:10px;
padding:0px;
text-decoration:underline;
color:white;

}

h4 {
margin-left:45px;
margin-top:25px;
font-weight:bold;
font-style:normal;
text-align:center;
font-size:120%;
line-height:1.1em;


}



.Gruppe img {
position:relative;
top: 15px;
left:120px;

}

.Foto img{
position: relative;
top: 20px;
left: 120px;


}


.Foto p {
margin-top:25px;
margin-left:120px;
margin-right:66px;
padding:0px;
}

.Bilder img{
position:relative;
padding-top:4px;
padding-left:2px;
top: 20px;
left:114px;


}


.Bilder p {

margin-top:25px;
margin-left:113px;
margin-right:65px;
}

.Bild1 img {
margin:0px;
padding:0px;
float:left;
margin-top:15px;
padding-right:20px;
}

.Bild1 p{
margin:0px;
padding:0px;
padding-top:70px;
padding-right:20px;

}

.Bild2 img{
padding:0px;
margin:0px;

padding-right:20px;
float:left;

}

.Bild2 p{
clear:left;
margin:0px;
padding:0px;
padding-right:120px;
padding-bottom:10px;

}


.Bild3 p{
margin:0px;
padding:0px;
padding-top:70px;
padding-right:20px;
}

.Bild3 img{
padding:0px;
margin:0px;
padding-bottom:10px;
padding-right:20px;
float:left;

}

.Fotos img {
position: relative;
top:0px;
left:190px;

}


.Fotos p {
margin-top:5px;
margin-left:200px;
margin-right:200px
}

.Namen p {
margin-top:15px;
margin-left:120px;
margin-right:100px

}

.Arbeiten img{
overflow:hidden;
float:left;
left:0px;
margin-top:60px;
padding-right:10px;

}

.Arbeiten p{
clear:left;
left:20px;
margin-top:20px;
margin-bottom:10px;

}


.Artenschutz p{
clear:left;
float:right;
margin-left:300px;
margin-top:150px;
}


.Artenschutz img{
float:left
}

.Artenschutz p{

float:right;
margin-left:300px;
margin-top:-150px;
}


.clear1 img{
float:left;
overflow: hidden;
}

.clear:after{
content:".";
display:block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;

}

.clear2 {
clear:both;
}

.clear1 {
min-height:1px;
clear:left;
}

.links{
float:left;
}

.cl-left {
clear:both;
height:.1px;
font-size:0;
line-height:0;
}

#Bildergalerie {
float:left;
margin:0px;
padding:0px;
}

#pos{
clear:both;
margin-top:65px;
padding-top:0px;
float:left;
margin-left:48px;
margin-right:0px;
padding-left:35px;
padding-top:35px;
padding-bottom:35px;
padding-right:35px;
background:rgb(209,210,212);
width:615px;

}

a:hover img {
width:300px;
height:157px;
z-index:900;
}

p {
margin-left:35px;
margin-right:5px;
margin-top:50px;
font-weight:normal;
text-align:justify;
line-height:1.4;
}


#Fuss{
clear:both;
position:relative;
margin-top:-3em;
text-align:center;

height:3em;


}

table {
margin-top: 3em;
margin-left: 4.7em;
width:75%;
border-collapse: collapse;
text-align:center;
font-size: 160%;
border: white;
color: white;
}

td, th{
border: white;
padding: 8px;}


tr {
background-color: rgb(60,75,34);
font-color: white;
}


#Aufzaehlung {
margin-left:270px;
margin-right:5px;
margin-top:50px;
font-size:20px;
line-height:1.6;


}

#features a:hover,
#features a:focus, #features a:active {
background-color:white;
}

#Schriftzug{
position:absolute;

}

#navigation a:hover, #navigation a:focus, #navigation a:active
{
color:white;
background-position:right -42px;
}

#navigation a:hover span
{
background-position:left -42px;
}