div#header{
    float: left;
    width: 100%;
    height: 5%;
    background: url('../images/header_background.png') repeat;
    z-index: 10;
    position: absolute;
    top:0;
    left:0;
    cursor: default !important;
}
div#header ul#lives {
    height: 100%;
    margin: 0;
    position: absolute;
    right: 5%;
    top: 138%;
    width: 20%;
}
div#header ul#lives li{
    list-style: none;
    float: left;
    margin-left: 3%;
    position: relative;    
    height: 80%;
}
div#header ul#lives img.live {    
    float: left;    
    height: 90%;
}
div#header ul#lives li img.the-life,
div#header ul#lives li img.life-info{
    height: 200%;
    position: absolute;
    top: 115%;
    left: -726%;
    display: none;
    cursor: pointer;
}
div#header div#quick-links {
    left: 0;
    list-style: none outside none;
    padding-left: 7%;
    position: absolute;
    top: 0;
    height: 100%;
    width: 20%;
}
div#header div#quick-links a{
    display: block;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-right: 5%;
}
div#header div#quick-links a#school-logo img{
    float: left;
    height: 70%;
    padding-top: 10%;
}
div#header div#quick-links a#swr-logo img{
    float: left;        
    height: 50.938%;
    padding-top: 15%;
}
div#footer{
    float: left;
    width: 100%;
    z-index: 4;
    height: 10%;
    background: url('../images/transparent_black.png') repeat;
    position: absolute;
    bottom:0;
    left:0;
}
div#footer div#switcher {
    bottom: 30%;
    cursor: pointer;
    float: right;
    height: 45%;
    margin-right: 2%;
    position: absolute;
    right: 0;
    width: 15.125%;
}
div#footer div#switcher span#change-enviroment {
    color: #E0A853;
    font-family: "trajan_probold";
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1px black;
    top: 17%;
    width: 100%;
    font-size: 26px;
}
div#footer div#switcher span#change-enviroment:hover{
    /*text-shadow: 0px 0px 2px white;*/
}
div#footer div#switcher img{
    float: right;
    height: 100%;
    width: 100%;
}
div#footer img#impressum-btn {
    bottom: 30%;
    left: 2%;
    position: absolute;
    width: 14.125%;
    cursor: pointer !important;
}
img#header-sign {
    height: 89%;
    left: 21%;
    margin-top: 0.2%;
    position: absolute;
    width: 48.463%;
}
img#footer-sign {
    bottom: 6.6%;
    left: 42%;
    position: absolute;
    width: 6.5%;
}