/* CSS Document */

#logo { margin-bottom:13px;}
.sortiment_button { width:263px; height:34px;}
#claim {font-size:17px;}
.angebot_button { width:244px; height:34px;}
#submit { background-image:url(../images/button.jpg); width:188px; height:34px;}

@media only screen and (min-width: 480px) and (max-width: 939px) {
.mainlogo { width:89%}
.partners { width:380px; height:48px;}
#claim { width:90%; font-size:18px;}
.weitererzaehlen { display:block; margin-left:20px;}
}

@media only screen and (min-width: 582px) and (max-width: 939px) {
.mainlogo { width:519px; height:84px;}
}

@media only screen and (min-width: 625px) and (max-width: 939px) {
#header-mood { width:100%; height:auto; display:block; margin-bottom:20px;}
#logo { margin-bottom:20px;}
.teaser_sortiment { width:30.25%; float:left; margin-left:1.2%;}
#last_teaser { float:right; margin-right:1.2%;}
#mid_teaser { margin-right:1.5%; margin-left:3.5%;}
#footer { clear:both;}

#cf-konzept { display:block;}

#whois-wrap { margin-top:0; float:left; margin-top:10px;}
#info-wrap { width:50%; float:left;}
#quote { width:100%; text-align:left; margin:0; margin-right:0; margin-top:0;}
.quote_img { width:98.5%;}
#whois { width:45%; margin:0; text-align:right; float:right; padding-left:0;}
#whois img { width:100%;}
.atwork-wrap { margin:0; padding-top:30px; margin:0; float:left;}
#copy1 { width:99.5%; padding-right:0; margin-top:50px;}
.copy2 { float:left; width:50%; padding:0; padding-left:10px;}
.atwork_img { width:44.75%; float:right; padding-right:10px; margin:0;}
h1 { font-size:22px;}
h2 { margin-top:0;}
#copy-right2 { padding-bottom:35px;}
#atwork_last { padding-bottom:30px;}

#howto { width:auto; height:auto; background-image:url(../images/howto_bg.jpg); background-position:top right; background-repeat:no-repeat;}
#howto_text { padding-right:17%; }

#referenzen { width:auto; padding-left:10px; padding-right:10px;}
#referenzen h2 { padding-left:0;}
.ref-mood1 { width:65.4% !important; float:left; margin-bottom:21px !important;}
.ref-mood2 { width:31.6% !important; float:right; margin-left:3%; margin-bottom:21px !important;}
.ref-mood3 { clear:both; display:block;}
#mid { margin-bottom:21px !important;}

#ref-mood2_left { float:left; margin-left:0; margin-right:3%;}
#ref-mood1_right { float:left;}
#kontakt-wrap { width:100%; height:auto; padding-bottom:28px; padding-top:28px; background-image:url(../images/kontakt_bg_2.jpg);}
#k-form { width:60%; padding-right:0; float:left;}
#k-text { width:26%; padding-left:0; padding-right:10px; margin-left:4%; height:auto; margin-top:20px; float:left;}
#cf-kontakt { display:block;}
}

@media only screen and (min-width: 768px) and (max-width: 939px) {
.quote_img { width:385px;}
#quote { text-align:right;}
#copy-right1, #copy-right2 { float:right; padding-left:0; padding-right:10px;}
#atwork_first img, #atwork_last img { padding-right:0; padding-left:10px;}
#atwork_first, #atwork_last { float:left; }
.atwork-wrap { padding-top:45px;}
#atwork_last { padding-bottom:45px;}

#referenzen h2 { font-size:22px;}

.news-wrap { padding-bottom:0;}
.news_posted_text { width:50%; float:left; margin-bottom:19px;}
.news_posted_text h1 { font-size:22px; line-height:145%;}
.news_posted_img { display:block; width:45%; float:right; margin-top:30px; margin-bottom:29px;}
.news_posted_img img { width:100%;}
.news_posted { clear:both; float:left; margin-top:0;}

#cf-news { display:block;}
}