* {
  margin:0;
  padding:0;
} 

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
/*  overflow:hidden;  an/ausschalten der Scrollbar */
}
body {
  text-align: center; /* Zentrierung IE */
}

#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  height: auto;
  background-color:silver;
  border-bottom: 2px #FF0000 double;
}


#kopfzeile {
  background:url(../../Images/Stauteich.jpg) no-repeat left top;
  height:180px;
  width: auto;
}

#kopfzeile p {
  color:#EBCB8A;
  text-align:center;
  font-size:20px;
  padding:2em;
}


#fusszeile {
  clear: both;
  font-size: 10px;
  background-color:#F0F0F0;
  border-top:3px solid black;
  text-align:center;
}

#fusszeile p {
  color:#000000;
  text-align:center;
  font-size:1em;
  padding:0.4em 0.4em 0 0;
}

#nav_top {
   text-align: left;               /* Textausrichtung     */
   margin-top: 10px;               /* Außenabstand oben   */
   margin-bottom: 0px;            /* Außenabstand unten  */
   margin-left: 0px;              /* Außenabstand links  */
   margin-right: 10px;             /* Außenabstand rechts */
   list-style: none;
   font-size: 11px;
   font-family: Verdana,Arial,sans-serif;   
}

#nav_top ul {
   list-style: none;               /* keine Aufzählungspunkte */
}

#nav_top li {
   float:left;                     
   margin-left:10px;    
   width:110px;                     
   text-align:center;
   
   background-color: #E7EEF8;       /* Hintergrundfarbe   */
   border-color: #508BF0;
   border-style: ridge;
   border-radius: 10px;           /* its not working for IE8 */
   color: #D300C5;              /* Farbe für aktive Seite */   
   padding: 1px;               /* Innenabstand */
}

#nav_top a:link    { color:blue;   text-decoration:none; }
#nav_top a:visited { color:black;  text-decoration:none; }
#nav_top a:focus   { color:#D300C5;  text-decoration:underline; }
#nav_top a:hover   { color:red;    text-decoration:underline; }
#nav_top a:active  { color:#32B528; text-decoration:underline; }


#nav_left {
   clear: both;
   float: left;
   width:150px;                   /* Breite des Bereichs */
   text-align: left;               /* Textausrichtung     */
   margin-top: 1em;               /* Außenabstand oben   */
   margin-bottom: 20px;            /* Außenabstand unten  */
   margin-left: 20px;              /* Außenabstand links  */
   margin-right: 10px;             /* Außenabstand rechts */
  border-radius: 10px;
  border-color: #000000;
}

#nav_left ul {
   list-style: none;               /* keine Aufzählungspunkte */
}

#nav_left li {
   text-align:center;
   background-color: #EDE9E8;       /* Hintergrundfarbe   */
   border-bottom: 1px black solid;   /* Rahmenfarbe unten  */
   padding-top: 8px;               /* Innenabstand */
   padding-bottom: 1px;            /* Innenabstand */
   padding-left: 0px;              /* Innenabstand */
   padding-right: 8px;             /* Innenabstand */
}

#nav_left a:link    { color:#FF00FF;   text-decoration:none; }
#nav_left a:visited { color:#484C2A;  text-decoration:none; }
#nav_left a:focus   { color:green;  text-decoration:underline; }
#nav_left a:hover   { color:red;    text-decoration:underline; }
#nav_left a:active  { color:#32B528; text-decoration:underline; }



ul#nav_mon {
 width:90px;  
 float:left;
 margin-top: 1em;               /* Außenabstand oben   */
 margin-bottom: 20px;            /* Außenabstand unten  */
 margin-left: 20px;              /* Außenabstand links  */
 margin-right: 10px;             /* Außenabstand rechts */
 list-style:none;
}


ul#nav_mon h1 {
  font-size: 16px;
  font-family: Verdana,Arial,sans-serif;
  color: #003399;
  font-weight: bold;
  text-align: center;    
}
ul#nav_mon ul {
 width:115px;
 float:left;
padding: 0px 0px 0px 25px;
 margin: 0px; 
 list-style:none;
}

ul#nav_mon li  {
 position:relative;
 padding: 5px 5px 5px 25px;
 margin-bottom: 20px; 
 border: 1px black solid;
 border-radius: 10px;
}

/*
ul#nav_mon a {
display:block; 
 padding:5px;
 color:#000000;
 font-weight:bold;
}

*/


ul#nav_mon ul  ,                   /* 1. Ebene verschieben */
ul#nav_mon  li:hover ul ul ,       /* 2. Ebene verschieben */
ul#nav_mon  li:hover  ul ul   {  /* 3. Ebene verschieben */
 position:absolute;
 left:-9999px;
 top:0;

}

ul#nav_mon li:hover ul ,
ul#nav_mon ul  li:hover  ul , 
ul#nav_mon ul  ul li:hover  ul  {
 left:90px;
 }          

ul#nav_mon li:hover > a , 
ul#nav_mon  ul li:hover  > a, 
ul#nav_mon ul  ul  li:hover  > a, 
ul#nav_mon ul  ul ul  li:hover  > a  {
 color:#AA0000;
}


#inhalt_mon {
  margin-top: 50px;               /* Außenabstand oben   */
  margin-bottom: 20px;            /* Außenabstand unten  */
  margin-left: 130px;              /* Außenabstand links  */
  margin-right: 20px;
  background-color:#F5F5F5;
  border:1px solid black;
  text-align:center;
  padding:1px	/* 2em 2em 2em; */
}

#inhalt_mon p {
  color:#333333;
  text-align:center;
  font-size:12px;
  padding:0.4em 0.4em 0 0;
}

#inhalt_mon h1{ 
  font-size: 20px;
  font-family: Verdana,Arial,sans-serif;
  color: #003399;
  font-weight: bold;
  text-align: center;
  }

#inhalt_mon h2{ font-size: 14px;
    font-family: Verdana,Arial,sans-serif;
    color: #336699;
    font-weight: bold;
    text-align: center;
  }

#inhalt_mon h3{ font-size: 16px;
    font-family: Verdana,Arial,sans-serif;
    color: #FF0505;
    font-weight: bold;
    text-align: center;
  }


#inhalte {
  margin-top: 50px;               /* Außenabstand oben   */
  margin-bottom: 20px;            /* Außenabstand unten  */
  margin-left: 190px;              /* Außenabstand links  */
  margin-right: 20px;
  background-color:#F5F5F5;
  border:1px solid black; 
  text-align:center;
  padding:1px	/* 2em 2em 2em; */
}

#inhalte p {
  color:#333333;
  text-align:center;
  font-size:12px;
  padding:0.4em 0.4em 0 0;
}

#inhalte h1{ font-size: 20px;
  font-family: Verdana,Arial,sans-serif;
  color: #003399;
  font-weight: bold;
  text-align: center;
  }

#inhalte h2{ font-size: 14px;
    font-family: Verdana,Arial,sans-serif;
    color: #336699;
    font-weight: bold;
    text-align: center;
  }

#inhalte h3{ font-size: 16px;
    font-family: Verdana,Arial,sans-serif;
    color: #FF0505;
    font-weight: bold;
    text-align: center;
  }


#inhalte ul {
   list-style-type: square ;               
}

#inhalte li {
   margin-left:20px;
   width:150px;
   text-align:center;
   background-color: #E7EEF8;       /* Hintergrundfarbe   */
   border-color: #508BF0;
   border-style: ridge;
   border-radius: 10px;           /* its not working for IE8 */

   padding-top: 1px;               /* Innenabstand */
   padding-bottom: 1px;            /* Innenabstand */
   padding-left: 1px;              /* Innenabstand */
   padding-right: 1px;             /* Innenabstand */
}

#inhalte a {
  color:#333333;
  text-align:center;
  font-size:50px;
  padding:0.4em 0.4em 0 0;
}


#inhalt_imp {
  clear: both;
  margin-top: 50px;               /* Außenabstand oben   */
  margin-bottom: 50px;            /* Außenabstand unten  */
  margin-left: 20px;              /* Außenabstand links  */
  margin-right: 20px;
  background-color:#F5F5F5;
  border:1px solid black;
  text-align:center;
  padding:1px	/* 2em 2em 2em; */
}

#inhalt_imp p {
  color:#333333;
  text-align:center;
  font-size:12px;
  padding:0.4em 0.4em 0 0;
}

#inhalt_imp h1{ font-size: 20px;
  font-family: Verdana,Arial,sans-serif;
  color: #003399;
  font-weight: bold;
  text-align: center;
  }

#inhalt_imp h2{
    font-size: 14px;
    font-family: Verdana,Arial,sans-serif;
    color: #336699;
    font-weight: bold;
    text-align: center;
  }


#inhalt_gal {
  clear: both;
  margin-top: 50px;               /* Außenabstand oben   */
  margin-bottom: 20px;            /* Außenabstand unten  */
  margin-left: 20px;              /* Außenabstand links  */
  margin-right: 20px;
  background-color:#333333;
  border:1px solid black;
  text-align:center;
  padding:20px	/* 2em 2em 2em; */
}

.galerie
{
float: left;
width: 180px;
border: double;
padding: 20px;
font-size: 0.7em;
}