html {
    font-size:100%;
}

body/* verhindert eine weien Rahmen um alles.    */
{	margin:0px;padding:0px;
    font-family:comic sans ms,Papyrus;
    color:#66FFFF;
    }


#Seitenbreite {
    width:100%;
    margin:0 auto;
    }

#Hintergrund { /* fuer breitere Bildschirme */
    width:100%;
    height:100%;
    position: fixed;
    background-image:url(Templates/Meerwasser.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: auto;
    }

#Logo
{	position:absolute;
    width:20%;
    top:0px;
    }

#banner {
    position:fixed;
    margin-left:15%;
    top:0px;height:15%;
    text-align:center;
    width:85%;
    }

#menu_container
{
    margin-left:15%;
    width:85%;
    position:fixed;
    top:10%;
    height: 10% ;
    }



nav  ul {
    margin: 0;
    padding: 0;
}

nav li {
    margin:5px;
    float:left;
    list-style: none;
    font-size:110%;
}

nav a {
    display: block;
    padding: 0.2em;
    text-decoration: none;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 5px 10px white inset;
    color: gold;
    background-color: #CC2937;
    transition: all .25s ease-in;

}

nav a:focus,
nav a:hover {
    color: darkblue;
    background-color: gold;
}

.untermenueliste:hover > ul{
    display: block;

}

.untermenue{
    display: none;
}

#content_container{
    margin-left:5%;
    margin-right: 5%;
    top:25%;
    bottom:5%;
    position:fixed;
    overflow-x: hidden;
}

#footer{
    width:100%;
    position:fixed;
    bottom:0;
    height:22px;
    text-align:center;
    color:#FFFFFF;
    font-size:16px;
    }