@font-face {
    font-family: 'BPdotsSquare';
    src: url('bpdotssquareshh-webfont.eot');
    src: url('bpdotssquareshh-webfont.eot?#iefix') format('embedded-opentype'),
         url('bpdotssquareshh-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{color:white;background-image:url('mosaic.png');background-repeat:repeat; font-family:'Arial';  font-size:16px;} 
.container { margin: auto; width: 1024px; height: 700px; background-color: black; box-shadow: 10px 10px 5px #6E6E6E; }
.header { margin:auto; line-height: 100px; width:1024px; height: 100px; background-color: #E6E6E6; background-image:url('server.png');background-repeat:no-repeat; font-family: 'BPdotsSquare', serif; color: white; font-size: 72px; text-align:center;} 
.footer {font-size:12px; background-image:url('footer.png');background-repeat:no-repeat;} 
#hall_banner { background:#F2F2F2; height: 500px; width:1024px;background-image:url('room.png');background-repeat:no-repeat;} 
.kontaktlogo { padding-left: 20px;  padding-top: 20px; vertical-align:text-top; font-family: 'BPdotsSquare', serif; color: #FFCC00; font-size: 20px;} 
#cvtlogo { font-family: 'BPdotsSquare', serif; color: black; font-size: 42px; position:absolute; width: 192px; height: 91px; margin-left: 120px; margin-top: 110px; } 
#lefttext {  position: absolute; width: 300px; height: 350px; margin-left: 50px; margin-top: 50px; color:black; } 
#righttext { position: absolute; width: 320px; height: 350px; margin-left: 680px; margin-top: 180px; color:black; } 
#btslogo { font-family: 'BPdotsSquare', serif; color: black; font-size: 110px;  width: 200px; height: 100px; line-height: 100px; top:-103px; left: -5px; position: relative; }
#objecttorot { width: 280px; height: 280px; position: relative; top:90px; left:-10px; }