body {
  background: #339966; 
  color: black;
  margin: 0;
  padding: 1%; 
  min-width: 640px; 
  font-size: 100.01%; 
  font-family: verdana, arial, sans-serif ;
}


a { color: #000033; text-decoration: none; } /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
a:hover { text-decoration:underline; }

a:visited { color: black; } /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}


#box   {
border-style:outset;background-color:#CCFF99;text-decoration:none;
margin-left:5px;
margin-right:10px;border-width:0px;padding: 2px;color:#FAC87C; font-weight: bold;color:#FFCB97;
weight:100px;

}






h1 { 
  font-size: 2.7em;
  font-weight: normal;
  line-height: 1.0em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 0px dashed #E6E6FA;
}

h2, h3, h4 { 

font-weight: normal;
padding: 0.6em 0 0.2em 2%;
line-height: 1.0em;
 }
h1, h2, h3, h4, h5, h6 { 
  color: black;
  font-family: Georgia, "Times New Roman", Times, serif;
}
img {
  border: solid 0px white;
  padding: 1px;
  max-width: 95%; 
}
.fleft { 
  float: left;
  margin: 0.3em  0.6em 0em 0em ; 
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}





#container {  
  font-size: 0.8em; 
  max-width: 70em; 
  margin: auto; 
  border: 0px solid #aaa; 
  border-top: 0; 
  background: white;
}




#footer {
  clear: both; 
  padding: 0 20px;
}




#logogreen {
  background: url(../img/wald_01.jpg) 0 0 no-repeat black;  
  height: 150px; 
  padding: 0 20px;
  text-align: right;
  line-height: 54px;
  font-size: 45px; 
  overflow: hidden; 
  letter-spacing: -3px; 
  margin: 0; 
}


#logo a {
  color: white; 
  text-decoration: none;
}
#logo a span { 
  color: black;
  background: white;
  padding-right: 0.1em; 
  font-weight: bold;
}

/* - Menü - */
#menu {
  background: white;
  padding: 5px 5%;
  margin: 0;
  text-align: left;
  color: black; 
}
#menu li {
  font-size: 1.2em;
  display: inline; 
  list-style-type: none; 
  border-left: 1px solid white; 
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: blue; 
  text-decoration: none;
  
}


#subnav {
  background: url(../img/vgreen04.gif) 0 0 no-repeat white;
  text-align: left;
  width: 21%; 
  min-width: 0em; 
  float: right; 
  padding: 10px 1% 0em 1%;
  margin: 2em 1% 0 1%;
  font-size: 0.9em; 
}


#subnav dt { 
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 0px dotted #aaa; 
}
#subnav dd { 
  padding: 0;
  margin: 0.2em 0;
}


#main {
  background: no-repeat 100% 0 white; 
  padding: 0 27% 0 20px; 
  line-height: 1.5em; 
}



#vgreen
{
  background: url(../img/vgreen04.gif) 0 0 no-repeat; 
  height: 480px; 
  width: 570px;
  padding: 0 20px;
 
}


#bear {

  width:100%; color:#0050A0; 
  position: absolute;
  top:626px;
  left:1049px;
  width: 68px;
  height: 80px;
}

#pa01 {

  width:100%; color:#0050A0; 
  position: absolute;
  top:606px;
  left:800px;
  width: 120px;
  height: 100px;
}

#pa02 {

  width:100%; color:#0050A0; 
  position: absolute;
  top:350px;
  left:500px;
  width: 120px;
  height: 100px;
}

#pa03 {

  width:100%; color:#0050A0; 
  position: absolute;
  
  top:200px;
  left:890px;
  width: 150px;
  height: 30px;
}

#findeis01 {

  width:100%;  
  position: absolute;
  
  top:164px;
  left:1016px;
  width: 150px;
  height: 30px;
}




#wrose{
margin-top: 5px;
width: 570px;
position: absolute;
top: 300px;
left:15px;
 

}
#trommel  {
margin-top: 5px;
width: 570px;
position: absolute;
top:1000px; 
left:730px;

}


}

#findeis  {
margin-top: 5px;
width: 570px;
position: absolute;
top:170px; 
left:1080px;

}

.button1
{
   background:url(../img/ktk_230.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:300px;

}
.button1:hover
{
    background:url(../img/ktk_230.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}

.button2
{
   background:url(../img/ktk_276.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:390px;

}
.button2:hover
{
    background:url(../img/ktk_276.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}
 
.button3
{
   background:url(../img/ktk_270.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:480px;

}
.button3:hover
{
    background:url(../img/ktk_270.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}

.button4
{
   background:url(../img/ktk_213.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:570px;

}
.button4:hover
{
    background:url(../img/ktk_213.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}

.button5
{
   background:url(../img/ktk_260.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:660px;

}

.button5:hover
{
    background:url(../img/ktk_260.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}

.button6
{
   background:url(../img/ktk_283.jpg) no-repeat;
   width:80px;
   height:60px;
   position: absolute;
top:350px;
left:750px;

}
.button6:hover
{
    background:url(../img/ktk_283.jpg) no-repeat;
    width:620px;
   height:600px;
   position: absolute;
top:350px;
left:290px;


}