html, body {
    margin: 0;
    padding: 0;
}

body {
    background-color: #284156;
    color: #92B1DC;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    text-align: center;
}

.hidden {
    display: none;
}

#page-container {
    width: 760px;
    margin:  20px auto auto auto ;
    text-align: left;

}

#navi {
    height: 30px;
    width: 720px;
    margin: 0 0 0 0px;
    list-style-image: none;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #999999;
    font-family: 'Doppio One', sans-serif;
    text-align: center;
    background: #afaf17;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfc130), to(#afaf17));
    background: -moz-linear-gradient(top,  #dfc130,  #afaf17);
    background: -o-linear-gradient(top,  #dfc130,  #afaf17);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfc130', endColorstr='#afaf17');
}

#navi li {
    top:0px;
    left:-40px;
    position:relative;
    float: left;
    list-style-type: none;
}
#navi li a {
    display: block;
    width:80px;
    height: 14px;
    text-decoration: none;
    font-weight: normal;
    color: #333333;
    border-right: 1px solid #B3A8A4;
    list-style-type: none;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
}
#navi li a:hover {

    background: #cccccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0e38e), to(#999966));
    background: -moz-linear-gradient(top,  #f0e38e,  #999966);
    background: -o-linear-gradient(top,  #f0e38e,  #999966);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0e38e', endColorstr='#999966');

}

#navi li a:active {
    background: #cccccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
    background: -moz-linear-gradient(top,  #666666,  #999999);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999');
}


#header {
    height: 150px;
    background-color: #998A83;
    background-image: url(../Bilder/header.png);
    background-repeat: no-repeat;
    background-position: right center;
}

h1 {
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 43px;
    padding-right: 31px;
}

#right-content {
    float: right;
    height: 737px;
    width: 330px;
    line-height: 16px;
    background: #B3A8A4;
    background: -webkit-gradient(linear, left top, left bottom, from(#B3A8A4), to(#998A83));
    background: -moz-linear-gradient(top,  #B3A8A4,  #998A83);
    background: -o-linear-gradient(top,  #B3A8A4,  #998A83);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3A8A4', endColorstr='#998A83');
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
}
#right-content .padding {
    padding: 15px 25px 20px 25px;
}

#left-content {
    height:702px;
    width: 381px;
    margin-right: 280px;
    line-height: 16px;
    padding: 15px 25px 20px 25px;
    background: #B3A8A4;
    background: -webkit-gradient(linear, left top, left bottom, from(#B3A8A4), to(#998A83));
    background: -moz-linear-gradient(top,  #B3A8A4,  #998A83);
    background: -o-linear-gradient(top,  #B3A8A4,  #998A83);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3A8A4', endColorstr='#998A83');
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;


}

#footer {
    clear: both;
    height: 18px;
    font-family: 'Doppio One', sans-serif;
    font-size: 10px;
    line-height: 14px;
    background: #B3A8A4;
    background: -webkit-gradient(linear, left top, left bottom, from(#B3A8A4), to(#998A83));
    background: -moz-linear-gradient(top,  #B3A8A4,  #998A83);
    background: -o-linear-gradient(top,  #B3A8A4,  #998A83);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3A8A4', endColorstr='#998A83');
    padding: 13px 25px;
    color: #333333;
    text-align: center;
}

#footer #altnav {
    width: 120px;
    float: right;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
}

#schatten {
    height: auto;
    width: 760px;
    margin:auto;
    text-align: left;

    -webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px  #000000;
    box-shadow: 0 0 10px  #000000;

}