html {font-family: arial; font-size: 12px;}
body {margin: 0px; background: #FFF; color: #BBB;}
* {margin: 0; padding: 0;}

.clear {clear: both;}
img {border: 0px;}

a {color: #ff6000; text-decoration: none; font-weight: bold;}
a:hover {color: #FFF;}

h1, h2, h3, h4 {font-size: 22px; color: #FFF; color: #FFF; padding-left: 5px;}
p {text-align: justify; padding: 0 5px 15px 5px;}

#body {width: 900px; padding: 5px; margin: 20px auto 20px auto; background: #000;}

#header {width: 898px; height: 110px; background: url(img/titel.jpg); margin-bottom: 15px;}

.box {width: 200px; float: left; border: 1px solid #000; text-align: center; margin: 0 10px 10px 10px; background: #444; position: relative; left: 6px;}
.box h3 {font-size: 14px;}
.box p {text-align: justify; width: 180px; margin: auto;}

.sidebox {float: left; width: 404px; height: 374px; padding: 10px; background: #444; margin-left: 12px; text-align: justify;}



.box2 {width: 424px; height: 248px; float: left; border: 1px solid #000; text-align: center; margin: 0 10px 10px 10px; background: #444; position: relative; left: 6px; color: #BEBEBE;}
.box2 h2, .box2 h3 {color: #ff6000;}

.pic1 {float: right; margin-left: 16px;}
.pic2 {margin-left: 16px; float: left;}

.flat {float: left; margin-right: 16px;}

.atch {width: 100%; height: 0; padding-bottom: 9.091%; background: url(img/atch.jpg); background-size: 100%;}
@media screen and (max-width : 680px){ .atch {display: none;} }