*{margin:0;padding:0;}
a{text-decoration: none;}
ul{list-style-type: none;}

html{  
    font-family: 'antje', 'Times New Roman', Times, serif;
    color:#555555;
    background:#021f3c;
    }

body{
    max-width:90%;
    background:#81c4f7;
    margin:auto; /*mittig positionieren*/
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
    }

@font-face{
    font-family:'antje';
    src:url('../fonts/bell_mt.eot');
    src:local('Bell MT'),
    url('../fonts/bell_mt.eot?#iefix') format('fonts/embedded-opentype'),
    url('../fonts/bell_mt.woff') format('woff'),
    url('../fonts/bell_mt.ttf') format('truetype'),
    url('../fonts/bell_mt.svg#Bell MT') format('svg');
    }

h1{ 
        font-size:2.1em;
        color:#fff;
        text-align: right;
        padding-right:40px;
        padding-top:20px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 0.04em;
        }

h2{ 
        font-size:1.2em;
        padding-top:10px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 0.04em;
        }

h3{ 
        font-size:1.0em;
        padding:0;
        padding-bottom:4px;
        font-weight: bold;
        letter-spacing: 0.05em;
        }

h5{ 
        font-size:1.0em;
        padding:0;
        padding-bottom:4px;
        padding-top:3px;
        font-weight: bold;
        letter-spacing: 0.05em;
        }

p{ 
        letter-spacing: 0.02em;
        }


/*HEADER*/
.header{
    background:#1d5183; /*Fallback*/
    background-image: url(../img/bg_header.jpg);
    background-size: cover;
    width:auto;
    min-height:310px;
    }

/*NAVIGATION*/
nav a.open, nav a.close{
    display:none;
    margin:0;
    padding:0;
    }

.nav {
    float:left;
    color:white;
    text-transform: uppercase;
    margin-top:10px;
    /* margin-right:20px; */
    margin-left:10px;
    }

.nav a{
    display:block;
    color:inherit;
    padding:20px;
    }

.nav li{
    background: #1d5183;
    text-align: center;
    letter-spacing: 0.04em;
    margin-bottom:4px;
    }

.nav li:last-child{
    margin-bottom:0px;
    }

.nav li:active, .nav #active, #footer li:focus{
    color:#1d5183;
    text-decoration: underline;
    background: #fff;
    }
    
.nav li:hover{
    color:#555555;
    background:#f9d7b5;
    text-decoration: underline;
    }

/*FOOTER*/
.footer{
    background:#1d5183;
    text-align: center;
    color:white;
    clear:both;
    }
.footer a{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    color:inherit;
    }
.footer a:hover, .footer a:focus, .footer a:active, .footer #active1{
        text-decoration: underline;
        }