/* BASIC */
body {margin:0 0; padding:0 0; font-family: 'Open Sans', sans-serif; min-height: 100%;font-size: 100%;}
html, body {background:url(../media/aufbau/body.jpg) repeat-x;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
#wrapper {width:980px; margin:0 auto;}
.clearer {clear:both; margin:0 0; padding:0 0;}
::-moz-selection { background: rgb(53, 99, 117); color:#fff; text-shadow: none }
::selection { background: rgb(53, 99, 117); color:#fff; text-shadow: none }

/* INHALT */
#header {background:url(../media/aufbau/header.jpg) top center no-repeat; width:980px; height:264px;}
#header .teaser_mobil {display:block; float:right; margin-top:90px;}
#intro {padding:30px 0px 0px 0px; text-align:center;  border-bottom:1px solid #ccc; margin:0px 0px 40px 0px;}
#intro .line1 {font-weight: 700; text-transform:uppercase; color:#c6c6c6; font-size:46pt; padding:0px 0px;}
#intro .line2 {font-weight: 700; text-transform:uppercase; color:#c6c6c6; font-size:46pt; padding:0px 0px 20px 0px; line-height:32pt;}
#intro .colortag {color:#356375;}
#intro .subline {text-transform:none; color:#356375; font-weight:400; font-size:21pt; padding:20px 0px 30px 0px; line-height:28pt;}

#gallery {width:981px;}
#gallery img {width:236px; height:290px; margin:0px 6px 6px 0px;}
#gallery .double-width {width:482px; height:290px; margin:0px 6px 6px 0px;}

#footer {border-top:1px solid #ccc; height:70px; width:980px; margin:30px 0px 60px 0px;}
#footer .iconset {float:left; margin-top:12px;}
#footer .logo_dd {float:right; margin-top:12px; margin-right:25px;}
#footer .right {float:right; text-align:right; width:180px; font-size:12px; color:#a9a9a9; margin:19px 0px 0px 0px;}

/* Mobile */
@media only screen and (max-width: 640px){
#wrapper, #header {width:100%;}
#header .teaser_mobil img{display:none;}
#header .teaser_mobil {background:url(../media/aufbau/teaser_mobil2.png) top center no-repeat; width:300px; height:80px; float:right; margin-top:185px; margin-right:10px;}
#gallery {width:99%; margin-left:1%;}
#gallery img {width:49.2%; height:100%; margin:0px 2px 2px 0px;}
#gallery .double-width {width:99.7%; margin:0px 0px 2px 0px;}
#intro .line1, #intro .line2 {font-size:26pt;}
#intro .subline {font-size:12pt; line-height:21pt;}
#footer {width:99%; margin:30px 0px 2px 3px;}
#footer .logo_dd {display:none;}
}
@media only screen and (max-width: 400px){
#gallery img, #gallery .double-width {width:99.7%; margin:0px 0px 2px 0px;}
#gallery .fotografie {display:none;}
#footer .logo_dd, #footer .iconset {width:100%; text-align:center; border:none;}
#footer .right {text-align:center; width:64%; font-size:13px; padding:0% 18%; margin:13px 0px 15px 0px;}
}