body {
padding: 0;
margin: 0;
height: 100%;
background-image: url(Bilder/hintergrund3.jpg);
background-repeat: repeat;
font: normal 100.01% "Comic Sans MS";
font-size: 18px;
}

h1,h2  {
   color: green;
   text-decoration: none;
   text-shadow: 1px 1px 10px white;
   margin-top: -30px;
   margin-bottom: 10px;
}

#headerZwei { margin: 15px 0px; }

h2 { margin-bottom: 20px; }

p {
padding: 0;
margin: 0;
}

/*#header {
top: 0px;
padding: 0px;
margin: 0;
height:260px;
margin: 0 0 0 200px; auto;
background-image: url(Bilder/Bildx4.jpg);
background-repeat: no-repeat;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}*/

#content {
top: 0px;
width: 842px;
min-height: 200px;
margin: 0 0 0 200px /*auto  25px*/;
padding: 280px 25px 0 25px;
color: darkblue;
font-weight: bold;
text-align: left;
background-image: url(Bilder/Bildx4.png);
background-repeat: no-repeat;
}

/*               IMAGES START                   */



#img {

/*padding: 5px;           */
margin: 10px 10px 10px 10px
/*auto  25px;
/*border: 2px solid darkgreen;
color: darkblue;
font-weight: bold;
text-align: left;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
}

#imgLeft {
        position: absolute;
        top: 0.5em;
        left: 4em;
        }

#imgRight {
        position: absolute;
        top: 0.5em;
        right:0.5em;
        }

        /*               IMAGES END                   */
        /*               MENU START                   */


#menu {
/*background-image:url(Bilder/headeroliFee250x350.jpg);
background-repeat: no-repeat;  */
position: absolute;
top: 0px;
left: 0px;
width: 250px;
/*border: 0px solid darkblue;*/
padding: 10px;
font-weight: bold;
font-size: 16px;
/*-moz-border-radius: 20px 0 20px 0;
-webkit-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0; */
text-align: center;
}

#menu li {
position: relative;
top: 250px;
left: 0px;
list-style: none;
padding: 0;
margin-bottom: 10px;
width: 185px;

}

#menu ul {
padding: 0;
margin: 0;
}

#menu ul ul {
   position: ;
   top: 0;
   left: 180px;
}

#menu ul li ul {
display: none;
}

#menu ul li:hover ul {
display: block;
}

#menu ul li ul li {
margin: 0;
   position: relative;
   top: -10px;
   left: 180px;
}

#menu a {
   color: blue;
   /*font: bold 0.8em;*/
   text-decoration: none;
   display: block;
   padding: 3px 10px;
   margin: 0;
   width: 158px;
   border-radius:10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   }

#menu a:link, #menu a:visited {

   background-color: white;
   border: 1px solid blue;
}

#menu a:link.selected, #menu a:visited.selected {
   color: green;
   background-color: grey;
   border: 1px solid blue;
   text-shadow: 1px 1px 5px black;
   }

#menu a:hover, #menu a:focus {
   background-color: green;
   color: white;
   }

#menu a:hover.selected {
   background-color: yellow;
   color: gray;
   text-shadow: none; /* verhindert verschmieren der schrift durch hover+shadow effektkombination*/
}


/*               MENU END                   */


#footer {
bottom: 0;
left: 0;
position: relative;
width: 100%;
text-align: center;
padding: 20px 0;
margin-top: 50px;
font-weight: bold;
font-size: 14px;
word-spacing: 5px;
color: darkblue;
}

#footer a{
   color: blue;
   border-radius:10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 3px 10px;
}

#footer a:link, #footer a:visited {

   background-color: white;
   border: 1px solid blue;
}

#footer a:link.selected, #footer a:visited.selected {
   color: green;
   background-color: grey;
   border: 1px solid blue;
   text-shadow: 1px 1px 5px black;
   }

#footer a:hover, #footer a:focus {
   background-color: green;
   color: white;
   }

#footer a:hover.selected {
   background-color: yellow;
   color: gray;
   text-shadow: none; /* verhindert verschmieren der schrift durch hover+shadow effektkombination*/
}