html * { margin: 0; padding:0;  }
a, a:link, a:visited, a:hover, a:active 
{border:0 none}
a img 
{border:0 none}
#aun
{ 
	background-color: #000033; 
	text-align: center; 
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	color: #7B8684; 
}

#wrapper
{
  position: relative;
  width: 1040px;
  height: 80%;
  top: 100px;
  left: 50%;
  margin-left: -535px;
  background-color: #999999;
  z-index: 1;
}
#logo
{
  position: absolute;
  width: 1070px;
  margin-left: -535px;
  height: 100px;
  left: 50%;
  top: 0px;
  background: transparent url(../bild/logo.gif) no-repeat;
  z-index: 1;
  }
  #naturland
{
  position: absolute;
  width: 1050px;
  margin-left: -535px;
  height: 100px;
  left: 50%;
  top: 0px;
  background:  transparent  url(../bild/naturland.gif) right no-repeat;
  z-index: 1;
  }
  #logo h1
{
  position: absolute;
  left: 100px;
  top: 35px;
  color: #FFFFFF;
  font-size: 24px;
  text-align: left;
}
#obenmenue
{
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0px;
  top: 0px;
  background-color: #666666;
  z-index: 2;
}
#menue ul 
{ 
position: absolute;
left: 25px;
list-style-type: none; 
color: #FFFFFF; 
text-transform: uppercase; 
}
#menue ul li 
{ 
float: left; 
padding-left: 28px;
}
#menue ul li a 
{ 

float: left; 
padding: 15px 0px 10px 0px; 
color: #FFFFFF; 
text-decoration: none;
font-size: 18px; 
}
#menue ul li a:hover 
{ 
text-decoration: underline;
color: #C5C5C5; 
padding: 17px 0px 12px 0px; 
}
#menue ul li a.active , #menue ul li a.active:hover 
{ 

color: #C49506; 
padding: 17px 0px 12px 0px; 
}

#obenbanner
{
  position: absolute;
  width: 100%;
  height: 180px;
  left: 0px;
  top: 50px;
  background: #666666 center url(../bild/banner.gif)  no-repeat ;
  z-index: 2;
}
#lioecke
{
  position: absolute;
  width: 30px;
  height: 50px;
  left: 0px;
  top: 0px;
  background: #000033 url(../bild/linksecke.gif)  no-repeat ;
  z-index: 3;	
}
#reoecke
{
  position: absolute;
  width: 30px;
  height: 50px;
  right: 0px;
  top: 0px;
  background: #000033 url(../bild/rechtsecke.gif)  no-repeat ;
  z-index: 3;	
}
#liuecke
{
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  bottom: 0px;
  background: #000033 url(../bild/linkseckeu.gif)  no-repeat ;
  z-index: 3;	
}
#reuecke
{
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  bottom: 0px;
  background: #000033 url(../bild/rechtseckeu.gif)  no-repeat ;
  z-index: 3;	
}


#inhalt
{
  position: absolute;
  width: 100%;
  height: 460px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#inhaltg
{
  position: absolute;
  width: 100%;
  height: 650px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#map_canvas
{
position: absolute;
top: 30px;
width: 800px;
height: 500px;
margin-left: -400px;
left: 50%;
padding: 0px;
z-index: 4;
}
#inhalts
{
  position: absolute;
  width: 100%;
  height: 700px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#inhaltsx
{
  position: absolute;
  width: 100%;
  height: 1100px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#inhaltds p
{
  position: absolute;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  top: 20px;
  color: #000000;
  font-size: 20px;
  font-align: center;
  z-index: 4;
}
#inhaltdsx p
{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 10px;
  color: #000000;
  font-size: 20px;
  z-index: 4;
 
}

#inhalta
{
  position: absolute;
  width: 100%;
  height: 680px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#inhaltx
{
  position: absolute;
  width: 100%;
  height: 1800px;
  left: 0px;
  top: 230px;
  background-color: #666666;
  z-index: 2;
}
#inhaltd
{
  position: absolute;
  width: 95%;
  height: 92%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}
#inhaltdm
{
  position: absolute;
  width: 95%;
  height: 92%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}
#inhaltdd
{
  position: absolute;
  width: 95%;
  height: 92%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}
#inhaltddd
{
  position: absolute;
  width: 95%;
  height: 93%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}
#inhaltdddx
{
  position: absolute;
  width: 95%;
  height: 98%;
  left: 2.5%;
  top: 11px;
  background-color: #cccccc;
  z-index: 3;
}
#inhaltds
{
  position: absolute;
  width: 95%;
  height: 92%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}
#pboo
{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 3;
}
#inhaltgg
{
  position: absolute;
  width: 95%;
  height: 600px;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}

#inhaltdsx
{
  position: absolute;
  width: 95%;
  height: 96%;
  left: 2.5%;
  top: 2.5%;
  background-color: #cccccc;
  z-index: 3;
}

#inhaltd img
{
  position: absolute;
  width: 425px;
  left: 30px;
  top: 10px;
  z-index: 4;
}
#inhaltd p
{
  position: absolute;
  width: 425px;
  left: 520px;
  top: 10px;
  color: #000000;
  font-size: 18px;
  z-index: 4;
}


#inhaltdddx p
{
  position: absolute;
  padding-left: 40px;
  padding-right: 40px;
  left:35px;
  top: 30px;
  color: #000000;
  font-size: 20px;
  z-index: 4;
}
#inhaltdddx table
{
  position: absolute;
  left: 50%;
  margin-left: -445px;
  top: 195px;
  color: #000000;
  font-size: 18px;
  background-color: #cccccc;
  text-align: left;
    border-width:2px;
  border-style:solid;
  border-color: #666666;
  border-spacing:0px
  
  z-index: 3;
}
#inhaltdddx table td
{
border-bottom-style: solid;
 border-right-style: none;
 border-color: #666666;
 padding:12px;
}
#erstes
{
  width: 200px;
}
#zweites
{
  width: 200px;
  text-decoration: underline;
}
#drittes
{
  width: 400px;
}

#inhaltd h2
{
  position: absolute;
  left: 20%;
  top: 370px;
  color: #000000;
  font-size: 32px;
  z-index: 4;
}
#inhaltdd p
{
  position: absolute;
  left: 50px;
  right: 50px;
  top: 45px;
  color: #000000;
  font-size: 20px;
  z-index: 4;
}
#inhaltddd p
{
  position: absolute;
  left: 240px;
  right: 240px;
  top: 30px;
  color: #000000;
  font-size: 20px;
  z-index: 4;
}
#inhaltddd table
{
  position: absolute;
  left: 10px;
  right: 10px;
  border: none;
  top: 450px;
  color: #000000;
  font-size: 20px;
  z-index: 4;
  text-align: left;
  vertical-align: text-top;
}
#inhaltddd table td
{
  vertical-align: text-top;
}
#markt
{
  width: 460px;
}
#foto1
{
  position: absolute;
  width:200px;
  height: 243px;
  left: 30px;
  top: 80px;
  z-index: 4;
}
#foto1alt
{
  position: absolute;
  width:200px;
  height: 243px;
  right: 30px;
  top: 50px;
  z-index: 4;
}
#foto2
{
  position: absolute;
  width:200px;
  height: 243px;
  right: 30px;
  top: 80px;
  z-index: 4;
}
#z1
{
  position: absolute;
  width:200px;
  left: 60px;
  top: 80px;
  z-index: 4;

}
#z2
{
  position: absolute;
  width:200px;
  left: 600px;
  top: 50px;
  z-index: 4;
}
#z1a
{
  position: absolute;
  width:200px;
  left: 60px;
  top: 20px;
  z-index: 4;

}
#z2a
{
  position: absolute;
  width:200px;
  left: 500px;
  top: 20px;
  z-index: 4;
}
#z3
{
  position: absolute;
  width:600px;
  left: 50%;
  margin-left: -300px;
  top: 50px;
  z-index: 4;

}
#inhaltd h1
{
  position: absolute;
  left: 33%;
  top: 10px;
  color: #000000;
  font-size: 32px;
  z-index: 4;

}
#inhaltdm h1
{
  position: absolute;
  left: 65px;;
  top: 20px;
  color: #000000;
  font-size: 32px;
  z-index: 4;

}
#inhaltdm p
{
  position: absolute;
  left: 90px;
  right: 90px;
  top: 80px;
  color: #000000;
  font-size: 18px;
  z-index: 4;

}

#familie
{
  position: absolute;
  width: 400px;
  height: 243px;
  left: 30%;
  top: 90px;
  background: transparent url(../bild/familie.gif)  no-repeat ;
  z-index: 4;	
}


#inhaltecker
{
  position: absolute;
  width: 30px;
  height: 50px;
  right: 0px;
  top: 0px;
  background: #666666 url(../bild/inhaltrechtsecke.gif)  no-repeat ;
  z-index: 4;	
}
#inhalteckel
{
  position: absolute;
  width: 30px;
  height: 50px;
  left: 0px;
  top: 0px;
  background: #666666 url(../bild/inhaltlinksecke.gif)  no-repeat ;
  z-index: 4;	
}
#inhalteckeru
{
  position: absolute;
  width: 30px;
  height: 50px;
  right: 0px;
  bottom: 0px;
  background: #666666 url(../bild/inhaltrechtseckeu.gif)  no-repeat ;
  z-index: 4;	
}
#inhalteckelu
{
  position: absolute;
  width: 30px;
  height: 50px;
  left: 0px;
  bottom: 0px;
  background: #666666 url(../bild/inhaltlinkseckeu.gif)  no-repeat ;
  z-index: 4;	
}