@font-face { font-family: 'BenchNine';
src: url('fonts/BenchNine-Light.eot#') format('eot'),
url('fonts/BenchNine-Light.woff') format('woff'),
url('fonts/BenchNine-Light.ttf') format('truetype'),
url('fonts/BenchNine-Light.svg#svgFontName') format('svg'); }
html, body
{
font-family: BenchNine;
font-size: 24px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
color: #444;
}
#underground{
    position: fixed;
    background-image: url(images/ground_hinten.jpg);
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: fixed;    
}
h1{
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 10px;

}
.small{
    font-size: 16px;
}
#ground{
    background-image: url(images/ground_vorne.png);
    z-index: 10;
    position: fixed;
    background-size: 100% auto;
    background-position: left top;
    width: 30%;
    left: 14%;
    height: 105%;
    top: -5px;
    background-repeat: no-repeat;
    background-color: transparent;
}
#content{
    left: 14%;
    width: 28%;
    background-image: url(images/transparent.png);
    position: relative;
    top: 0;
    z-index: 5;
    min-height: 100%;
    height: auto;
    padding: 8px;
}
#content img{
    max-width: 100%;
}
#logo{
    position: absolute;
    top: 50px;
    right: 50px;
    width: 25%;
    z-index: 15;
}
#logo img{
    width: 100%;
}
.blog{
    background-image: url(images/line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 20px;
}
#footer{
    left: 14%;
    width: 28%;
    background-image: url(images/transparent.png);
    position: relative;
    top: 0;
    z-index: 4;
    height: auto;
    padding: 8px;
    margin-top: 40px;
    margin-bottom: 200px;
    font-size: 20px;
}