@font-face { font-family: 'Roboto Light'; src:url('font/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Bold'; src:url('font/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Condensed'; src:url('font/Roboto-Condensed.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Thin'; src:url('font/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Medium'; src:url('font/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Regular'; src:url('font/Roboto-Regular.ttf') format('truetype'); }

body {
     background-image: url(img/bg.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100%;
     background-color: #000000;
     }

#logoline {
     text-align: right;
     padding-left: 20px;
     padding-right: 20px;
     }

#hauptfeld {
     background-color: rgba(255,255,255, .8);
     border-style: outset;
     padding: 20px;
     border-radius: 10px;
     height: 500px;
     vertical-align: top;
     }

#footline {
     text-align: center;
     color: #FFFFFF;
     font-family: 'Roboto Thin';
     font-size: 12px;
     }