html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
address{padding:0 0 30px; line-height:1.7;}
abbr,acronym{border-bottom:.1em dotted;}
ins{background:#ffffcc;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
.placeholder {color: #999;} .clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.scfl:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
} .cf {
*zoom: 1;
}
@-ms-viewport{ width: device-width; zoom:1; }
@-o-viewport{ width: device-width; zoom:1; }
@viewport{ width: device-width; zoom:1; } @font-face {
font-family: 'Didact Gothic';
font-style: normal;
font-weight: 400;
src: url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.eot); src: local('Didact Gothic Regular'), local('DidactGothic-Regular'),
url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.woff2) format('woff2'), url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.woff) format('woff'), url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.ttf) format('truetype'), url(//www.saebu-holzbau.de/fonts/didact-gothic-v11-latin-regular.svg#DidactGothic) format('svg'); }
*{
margin:0;
padding:0;
}
body{
font:90%/1.5em "didact gothic", "trebuchet ms", arial, verdana, sans-serif;
color:#333;
background:#fff;
}
a{
color:#666;
font-weight:normal;
text-decoration:underline;
outline:none;
}
a:hover{
color:#5c898b;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,table,td,input,textarea,form,select,blockquote{
margin:0 0 1em;
}
ul,
ul li{
list-style-type:none;
}
.scfl:after{
content:" ";  
display:block; 
visibility:hidden;
clear:both; 
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .scfl { display:inline-block; }/*\*/* html .scfl { height:1%; }
.scfl{ display:block;}/**/h1,h2,h3,h4{
font-family: "didact gothic1", Arial, verdana, "trebuchet MS", Helvetica, sans-serif;
font-weight:bold;
text-rendering: optimizeLegibility;
line-height:1.3em;
color:#666;
}	
h1 {
margin: 0 0 1em;
font-size: 180%;
color:#333;
}
h2 {
margin: 0 0 .8em;
font-size: 160%;
clear:both;
}
h3 {
margin: 0 0 .5em;
font-size: 120%;
clear:both;
}
h4 {
margin: 0 0 .3em;
font-size: 110%;
}
h1 a,
h2 a{
font-weight:bold;
border:0;
color:#333;
}
h3 a, 
h4 a{
font-weight:bold;
border:0;
color:#666;
} #seite{
margin:0 auto;
padding:0;
text-align:center;
position:relative;
background:#fff;
}
#blatt{
float:left;
display:inline-block;
width:100%;
background:#fff;
overflow:hidden;
} #content{
float:left;
display:inline-block;
margin:0;
text-align:left;
background:#fff;
}
#main{
float:left;
display:inline-block;
color:#666;
margin-bottom:3em;
}
body.start #main{
margin-bottom:0;
}
#main p.links{
clear:both;
width:94% !important;
}
#mainin{
margin:3em 1.5em 3em 2em;
background:#fff;
}
#mainin2{
float:left;
display:inline-block;
background:#d3de29;
padding:3em 2em 1em 3em;
padding:3em 1.5em 1em 2em;
}
#mainin3{
float:left;
display:inline-block;
background:#eee;
padding:3em 2em 0 2em;
width:95.2%;
}
#main .entry{
float:left;
display:inline-block;
margin:0 0 2em;
padding:0 0 1em;
width:100%;
}
body.aktuell #main .entry{
border-bottom:1px solid #ccc;
}
#main strong{
font-weight:bold;
}
#main ul{
margin:0 2em 1em !important;
}
#main ul li{
background:transparent url(//www.saebu-holzbau.de/bild/pkt2.gif) no-repeat 0 3px;
padding-left:1.5em;
}
#main ul.pdf li{
background:transparent url(https://www.saebu-holzbau.de/bild/pdf16.gif) no-repeat 0 3px;
padding-left:1.5em;
}
#main ol{
list-style-type:numeric;
margin:0 3.5em 1em;
}
#main ol li{
padding-left:.3em;
}
#main blockquote{
clear:both;
margin:2em;
padding:1em 1em .5em;
background:#f1f1f1;
color:#888;
line-height:1.4em;
}
#main blockquote strong{
color:#666;
font-weight:bold;
font-style:normal;
font-size:83%;
}
#main blockquote b{
font-weight:bold;
font-size:83%;
}
#main .presse{
padding:2em 3em;
font-size:1.2em;
line-height:1.3em;
font-family:times-roman;
color:#1da1f2;
color:#888;
font-style:italic;
} 
#main .zitat{
display:block;
border:3px double #d3de29;
border-width:3px 0;
margin:2em;
padding:1.5em 2em;
color:#5c898b;	
}
#main .date{
clear:both;
color:#aaa;
font-size:.9em;
text-decoration:none;
}
#main .date a{
color:#aaa;
font-size:.9em;
text-decoration:none;
}
#main .date a:hover{
color:#5c898b;
text-decoration:underline;
}
#main .timeline{
margin-left:1.5em;
border-left:3px double #5c898b;
border-left:1px double #7EC0C3;
}
#main .timeline h3{
margin-top:1em;
margin-left:-.5em;
border-bottom:3px double #5c898b;
border-bottom:3px double #7EC0C3;
font-size:300%;
color:#7EC0C3;
}
#main .timeline h3 strong{
margin-bottom:-2.1em;
padding-left:1.2em;
display:inline-block;
background:transparent url(https://www.saebu-holzbau.de/bild/history.gif) no-repeat .05em .4em;
background:none;
}
#main .timeline p{
padding:1.5% 3%;
}
#main img{
max-width:100%;
height:auto;
border:1px solid #ccc;
}
#main .gbbereich,
#main .gbbereich2,
#mainin3 .gbkontakt{
clear:both;
margin:0 0em 2em;
}
#main .gbbereich{
float:left;
width:100%;
display:inline-block;
}
#main .gbbereich h2{
color:#333;
font-size:1.4em;
margin:0;
}
#main .gbbereich h2 a{
color:#666;
text-decoration:none;
}
#main .gbbereich h2 a:hover,
#main .gbentry2 h2 a:hover,
#main .gbentry3 h2 a:hover{
color:#666;
}
#main .gbbereich em{
color:#5c898b;
}
#main .gbentry{
float:left;
display:inline-block;
margin:0 2% 1% 0;
width:31.3%;
}
#main .gbbereich2{
float:left;
width:100%;
display:inline-block;
}
#main .gbentry2{
float:left;
display:inline-block;
margin:0 2% 1% 0;
width:47.8%;
}
#main .gbbereich2 h2{
color:#666;
font-size:1.3em;
margin:0;
}
#main .gbbereich2 h2 a{
color:#666;
text-decoration:none;
}
#main .gbentry img,
#main .gbentry2 img{
margin-bottom:.5em;
border:0;
}
#main .gbaktuell{
float:left;
display:inline-block;
width:100%;
margin:0 0em 2em;
}
#main .gbentry3{
float:left;
display:inline-block;
margin:0 2% 1% 0;
width:47.9%;
}
#main .gbentry3 h2{
color:#555;
font-size:1.2em !important;
margin:0;
}
#main .gbentry3 h2 a{
color:#555;
text-decoration:none;
}
#main .links{
margin:0 auto;
text-align:center;
}
#main .links a{
color:#5c898b;
font-size:.9em;
text-decoration:none;
}
#main .links a:hover{
color:#666;
}
#mainin3 .gbkontakt{
float:left;
display:inline-block;
width:100%;
margin:0 2% 1em;
}
#mainin3 .gbkontakt a{
color:#888;
text-decoration:none;
}
#mainin3 .gbkontakt a:hover{
color:#5c898b;
}
#mainin3 img{
max-width:100%;
height:auto;
}
#mainin3 p.block{
float:left;
display:inline-block;
width:24%;
margin:0 3% 2em 0%;
padding-left:5%;
}
#mainin3 p.block strong{
font-size:1.4em;
font-weight:bold;
}
#mainin3 p.email{ background:transparent url(https://www.saebu-holzbau.de/bild2/email.png) no-repeat 0em 0; }
#mainin3 p.telefon{ background:transparent url(https://www.saebu-holzbau.de/bild2/telefon.png) no-repeat 0em 0; }
#mainin3 p.kommentar{ background:transparent url(https://www.saebu-holzbau.de/bild2/kommentar.png) no-repeat 0em 0; }
#main .tag{
clear:both;
}
#main form{
width:90%;
padding:2% 5% 3%;
border:0;
background:#d3de29;	
}
#main form.newsletter{
background:#ddd !important;
}
#main form.newsletter input,
#main form.newsletter select,
#main form.newsletter textarea{
border:1px solid #aaa;	
}
#main form input,
#main form select,
#main form textarea{
width:50% !important;
padding:.5% 1%;
border:1px solid #ccc;
font-family: verdana, sans-serif;
color:#888;
font-size:100%;
}
#main form textarea{
width:80%;
}
#main form input.wpcf7-submit{
width:24.5% !important;
width:37% !important;
margin-right:2.5%;
border:0;
}
#main form input#submit,
#main form input.wpcf7-submit{
background:#5c898b;
font-size:110%;
color:#fff;
}
#main form input#submit:hover,
#main form input.wpcf7-submit:hover{
background:#70b7ba;
}
#main form label{
color:#333;
display:block;
}
#main form h3{
margin-top:1em;	
}
#main form p{
margin:0;
}
#main form .wpcf7-list-item-label{
clear:both;
margin:0 0 1em;
}
#main .wpcf7-checkbox span{
width:80%;
display:inline-block;	
}
#main .wpcf7-checkbox input{
display:inline-block;
width:40px !important;
}
#main form .first{
padding:0 !important; 
}
#main .wpcf7-list-item{
padding:0 !important; 
}
#main form input#rueckruf,
#main form input#zusendung,
#main form input#interesse1,
#main form input#interesse2,
#main form input#interesse3,
#main form input#interesse4,
#main form input#interesse5,
#main form input#interesse6,
#main form input#interesse7,
#main form input#gewerk1,
#main form input#gewerk2,
#main form input#gewerk3,
#main form input#gewerk4,
#main form input#gewerk5,
#main form input#gewerk6,
#main form input#gewerk7,
#main form input#gewerk8,
#main form input#gewerk9,
#main form input#gewerk10,
#main form input#gewerk11,
#main form input#gewerk12,
#main form input#gewerk13,
#main form input#gewerk14,
#main form input#gewerk15,
#main form input#gewerk16,
#main form input#gewerk17,
#main form input#gewerk18,
#main form input#gewerk19,
#main form input#gewerk20,
#main form input#gewerk21,
#main form input#gewerk22,
#main form input#gewerk23,
#main form input#gewerk24,
#main form input#gewerk25,
#main form input#gewerk26,
#main form input#gewerk27,
#main form input#gewerk28,
#main form input#land1,
#main form input#land2,
#main form input#land3,
#main form input#land4,
#main form input#land5,
#main form input#land6,
#main form input#land7,
#main form input#land8,
#main form input#land9,
#main form input#land10,
#main form input#land11,
#main form input#land12,
#main form input#land13,
#main form input#land14,
#main form input#land15,
#main form input#land16,
#main form input#land17{
width:5em;
}
#main .jobs,
#main .jobs2{
background:#d3de29;
margin:0 0 3em;
padding:2% 0% 1% 2%;
width:96%;
}
#main .jobsinner2{
margin:0 auto;
text-align:center;
width:100%;
float:left;
display:inline-block;
}
#main .jobs .gbentry,
#main .jobs2 .gbentry{
text-align:left;
border:1px solid #fff;
background:#fff;
margin-bottom:2%;
margin-right:1%;
padding:2%;
height:17em;
overflow:hidden;
width:43% !important;
}
#main .jobs .gbentry h2 a,
#main .jobs2 .gbentry h2 a{
color:#5c898b;
font-size:1.15em;
}
#main .jobs .gbentry h2,
#main .jobs2 .gbentry h2{
margin:1em auto !important;
text-align:center;
}
#main .jobs a,
#main .jobs2 a{
color:#5c898b;
}
#main .jobs .gbentry ul,
#main .jobs2 .gbentry ul{
margin:0 0 1em;
}
#main .jobs .gbentry p.bot,
#main .jobs2 .gbentry p.bot{
text-align:center;
}
#main .jobs .gbentry p.bot a,
#main .jobs2 .gbentry p.bot a{
color:#5c898b !important;
}
#main .jobs2 .gbentry{
width:96% !important;	
height:auto;
}
#main .dlbereich{
background:#fff;
width:97%;
margin:0 0 1em;
padding:2em 1em 1em !important;
padding:0;
line-height:1.2em !important;
}
#main .dlbereich h2{
margin-left:1%;
}
#main .top{
background:#d3de29 !important;
}
#main .first{
padding:0em 1em 1em !important;
}
#main .dlbereich .gbentry6{
float:left;
display:inline-block;
width:23%;
margin:0 1% 1em 1%;
}
#main .dlbereich .gbentry6 img{
width:92%;
width:100%;	
margin-bottom:.5em;
}
#main .dlbereich a{
color:#666;
font-size:90%;
}
#main .dlbereich a:hover{
color:#5c898b;
}
#main .tags{
clear:both;	
}
#main img.alignleft{
float:left;
display:inline-block;
margin:0 1em 1em 0;
}
#main img.alignright{
float:right;
display:inline-block;
margin:0 0 1em 1em;
} aside{
float:right;
display:inline-block;
margin:0 0 3em;
padding:4em 0;
background:#fff;
}
body.start aside{
display:none;
}
aside .box{
margin:0 1em 2em 0;
padding:0 1em 0 2em;
}
aside .box ul{
border-top:1px solid #eee;
margin:0;
}
aside .box ul li ul{
border:0;
}
aside .box ul li a{
width:91.5%;
display:inline-block;
text-decoration:none;
color:#444;
border-bottom:1px solid #eee;
padding:.2em 1em;
}
body.page aside .box ul li a{
color:#888;
}
aside .box ul li ul li a{
padding:.2em 0em .2em 2em;
color:#888;
}
aside .box ul li a:hover,
aside .box ul.archiv li a:hover,
body.page aside .box ul li a:hover{
text-decoration:underline;
color:#5c898b;
background:#efefef;
}
aside .box ul.archiv li a{
color:#888;
}
aside .widget_tag_cloud a{
color:#444;
text-decoration:none;
font-size:100% !important;
display:inline-block;
margin-right:1em;
}
aside .widget_tag_cloud a:hover{
text-decoration:underline;
color:#5c898b;
} #nav2{
clear:both;
margin:0 auto;
text-align:center;
background:#5c898b;
}
#nav2 ul{
float:left;
display:inline-block;
margin:0;
width:100%;
padding:0em;
}
#nav2 ul li a:hover{
float:left;
display:inline-block;
}
#nav2 ul li{
float:left;
display:inline-block;
}
#nav2 ul li a{
float:left;
display:block;
color:#eee;
padding:.6em 1em 0;
border:0;
text-decoration:none;
}
#nav2 ul li a:hover{
color:#333;
} #footer{
float:left;
display:inline-block;
margin:0 auto;
text-align:center;
background:#D3DE29;
color:#fff;
}
#footerin{
width:96em;
margin:0 auto;
text-align:center;
}
#footer .inhalt{
text-align:left !important;
margin:0;
padding:0;
}
#footer h2{
color:#555;
margin:3% 0% 1.5% 1.4em;
font-size:140%;
}
#footer .footerbox{
float:left;
display:inline-block;
width:22.5% !important;
margin:0 2% 2% 0;
color:#555;
}
#footer .footerbox h4{
text-align:left;
color:#555;
}
#footer .footerbox p,
#footer .footerbox ul{
float:left;
display:inline-block;
width:100%;
}
#footer .footerbox ul li{
float:left;
display:inline-block;
width:100%;
}
#footer .footerbox ul li a{
float:left;
display:block;
color:#555;
text-decoration:none;
}
#footer .footerbox ul li a:hover{
color:#fff;
}
#footer .widget_text{
clear:both;
width:100% !important;
}
#fuss{
clear:both;
margin:0 auto;
padding:0;
text-align:center;
width:100% !important;
background:#979D1D;
color:#ccc;
border:0;
overflow:hidden;
}
#fuss p{
color:#eee;
padding:2em 1em 1em;
font-size:.9em;
}
#fuss a{
color:#eee;
text-decoration:none;
}         
#footer{
width:80% !important;
padding:0 10%;
}    @media only screen and (max-width : 480px) {
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:100% !important;;}
header ul#knav{top:.6em; margin-right:1% !important;}
header ul#knav li a{ padding:.3em .3em !important; font-size:60% !important; }
header .h1{margin:0 0 0 1em;}
#main .l,#main .bild{max-width:44% !important;}
#main .l img{max-width:100% !important;height:auto}
#main {width:100% !important;}
aside {width:100% !important;margin:0;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
#mainin{margin:3em 2em 3em 2em;}
#mainin3{padding:3em 1em 0 2em;}
#main h1{font-size:150%;}
#main ul.wertematrix li{
width:98% !important;
height:20em !important;
}
#main ul.wertematrix li p,
#main ul.wertematrix li span{
padding:30% 14% 0 6% !important;
}
#main .timeline img{
width:100%;
}
#main .gbentry img,
#main .gbentry2 img,
#main .gbentry3 img{
width:100%;
}
#main .gbentry{
width:100%;
}
#main .gbentry2{
width:47.8%;
width:100%;
}
#main .gbentry3{
width:47.9%;
width:100%;
}
#main .dlbereich .gbentry6{
width:48%;
}	
#main .block{
width:100% !important;
margin:0 0 .6em 0 !important;
padding-left:0% !important;
background:none !important;
}
#main form{width:88%;}
#main form input,#main form textarea{width:96%;}
#main form textarea{width:96%;}
#main form input#comment-preview,#main form input#comment-submit{width:46.5% !important;}
#mainin3 p.email,#mainin3 p.telefon,#mainin3 p.kommentar{padding-left:3em;}
#mainin3 p.block{width:92%;}
#footer .footerbox{width:98% !important;}
#footer .break{clear:both !important;}
#main .jobs{width:94%;}
#main .jobs .gbentry{
margin-right:0;
height:24em;
width:89% !important;
}
#main ul.refgalerie li{
width:100% !important;	
height:auto !important;
}
#main ul.refgalerie li img{
height:auto !important;
}
}    @media only screen and (min-width : 480px) and (max-width : 600px){
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:100%;}
header ul#knav{top:.6em; margin-right:1% !important;}
header ul#knav li a{ padding:.3em .3em !important; font-size:60% !important; }
#main .l,#main .bild{max-width:44% !important;}
#main .l img{max-width:100% !important;height:auto}
#main {width:100% !important;}
aside {width:100% !important;margin:0;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
#main ul.wertematrix li{
width:45% !important;
height:14em !important;
}
#main ul.wertematrix li p,
#main ul.wertematrix li span{
padding:40% 14% 0 6% !important;
}
#main .timeline img{
width:50% !important;
display:block;
}
#main .gbentry img,
#main .gbentry2 img,
#main .gbentry3 img{
width:100%;
}
#main .gbentry{
width:100%;
}
#main .gbentry2{
width:47.8%;
width:100%;
}
#main .gbentry3{
width:47.9%;
width:100%;
}
#main .dlbereich .gbentry6{
width:48%;
}	
#main form{width:88%;}
#main form input,#main form textarea{width:96%;}
#main form textarea{width:96%;}
#main form input#comment-preview,#main form input#comment-submit{width:46.5% !important;}
#main .block{
width:100% !important;
margin:0 0 .6em 0 !important;
padding-left:0% !important;
background:none !important;
}
#mainin3 p.email,#mainin3 p.telefon,#mainin3 p.kommentar{padding-left:3em;}
#mainin3 p.block{width:92%;}
#footer .footerbox{width:43% !important;}
#footer .break{clear:both !important;}
#main .jobs{width:94%;}
#main .jobs .gbentry{
margin-right:0;
width:91% !important;
}
#main ul.refgalerie li{
width:100% !important;	
height:auto !important;
}
#main ul.refgalerie li img{
height:auto !important;
}
}    @media only screen and (min-width : 600px) and (max-width : 850px){
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:100%;}
#main .l,
#main .bild{max-width:44% !important;}
#main .l img{max-width:100% !important;height:auto}
#main {width:100% !important;}
aside {width:100% !important;margin:0;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
#main ul.wertematrix li{
width:45% !important;
height:16em !important;
}
#main ul.wertematrix li p,
#main ul.wertematrix li span{
padding:38% 14% 0 6% !important;
}
#main .gbentry img,
#main .gbentry2 img,
#main .gbentry3 img{
width:100%;
}
#main .gbentry{
width:48%;
}
#main .gbentry2{
width:47.8%;
width:100%;
}
#main .gbentry3{
width:47.9%;
width:100%;
}
#main .dlbereich .gbentry6{
width:31%;
}	
#main .block{
width:48% !important;
margin:0 0 .6em 0 !important;
padding-left:0% !important;
background:none !important;
}
#mainin3 p.email,#mainin3 p.telefon,#mainin3 p.kommentar{padding-left:3em;}
#mainin3 p.block{width:39%;}
#footer .footerbox{width:43% !important;}
#footer .break{clear:both !important;}
#main ul.team li:hover div,
#main ul.team li:active div{
font-size:85%;
line-height:140%;
}
#main .jobs{width:95%;}
#main .jobs .gbentry{
margin-right:0;
width:91% !important;
}
#main ul.refgalerie li{
width:100% !important;	
height:auto !important;
}
#main ul.refgalerie li img{
height:auto !important;
}
}    @media only screen and (min-width : 850px) and (max-width : 1024px){
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:100%;}
#main .bild{max-width:22%;height:auto;}
#main {width:66% !important;}
aside {width:32% !important;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
#main ul.team li div{
font-size:.8em !important;
line-height:130% !important;	
}
#main ul.wertematrix li{
width:45% !important;
height:24em !important;
padding:6% 0 12% !important;
}
#main ul.wertematrix li p,
#main ul.wertematrix li span{
padding:48.5% 14% 0 6% !important;
}
#footer .break{clear:both !important;}
#main2 .block{
width:48% !important;
margin:0 0 .6em 0 !important;
padding-left:0% !important;
background:none !important;
}
#footer .footerbox{
width:43% !important;
}
#main .jobs{width:98%; }
#main .jobs .gbentry{
margin-right:0em;
width:43% !important;
}
#main ul.refgalerie li{
width:49% !important;	
height:22em !important;
}
}    @media only screen and (min-width : 1024px) and (max-width : 1200px){
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:100%;}
#main {width:66% !important;}
aside {width:32% !important;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
#main ul.wertematrix li{
width:45% !important;
height:18em !important;
padding:6% 0 12% !important;
}
#main .jobs{width:96%; }
#main .jobs .gbentry{
margin-right:1%;
width:43% !important;
}
#main ul.refgalerie li{
width:49% !important;	
height:21em !important;
}
#main ul.refgalerie li div{
width:95% !important;	
overflow:hidden;
margin:0 0 -1em !important;
}
#main ul.refgalerie li img{
width:100%;
height:150px;	
}
#nav #searchform input{
margin:.4em 0 !important;
}
}    @media only screen and (min-width : 1400px) {
#seite,
#blatt,
#content,
#footer,
#nav2,
#fuss {width:83.4em;}
#seite {width:100% !important;    border:0px solid red;   }
#blatt {float:none; margin:0 auto; text-align:center; margin-bottom:-.4em !important;}
header {width:100% !important; border:0px solid blue;}
header .kopf {width:83.4em !important; float:none; margin:0 auto; text-align:center; position:relative;}
header #slider{width:100% !important; background:#ccc;}
header #slider .slider{width:83.4em !important; margin:0 auto; text-align:center; }
#nav {width:100% !important; }
#nav ul{width:83.4em; float:none; margin:0 auto; text-align:center;}
#content{ float:none; margin-bottom:-.4em !important; }
#mainin {margin:3em 1em 3em 2em; }
#main {width:66% !important;}
aside {width:32% !important;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
} #main .bild{
margin:0 0 1em;
}
#main .l{
float:left;
display:inline-block;
margin:0 1em 1em 0;
}
#main .r{
float:right;
display:inline-block;
margin:0 0 1em 1em;
}
#main ul.wertematrix{
clear:both;
float:left;
width:100%;
display:inline-block;
list-style-type:none;
background:transparent !important;
margin:0 0 2em !important;
}                           
#main ul.wertematrix li{
float:left;
display:inline-block;
width:28%;
margin:0 2% 2%;
height:11em;
border:1px solid #ccc;
list-style-type:none;
background:none;
padding:6% 0 10%;
position:relative;
overflow:hidden;
}          
#main ul.wertematrix li p,
#main ul.wertematrix li span{
position:absolute;
top:5%;
left:8%;
width:63%;
text-align:center;
padding:38.5% 14% 0 6%;
height:50%;
overflow:hidden;
font-size:1.2em;
text-transform:uppercase;
background:#999 !important;
color:#fff;
}
#main ul.wertematrix li span{
display:none;
}                        
#main ul.wertematrix li:hover span,
#main ul.wertematrix li:active span{
display:block;
z-index:1;
font-size:1em;
font-weight:normal;
text-transform:normal;
background:#fff !important;
padding:45% 6% -7.5 2%;
color:#666;
text-transform:none;
}
#main ul.wertematrix li:hover span h4,
#main ul.wertematrix li:active span h4{
position:absolute;
font-size:1.1em;
top:28%;
width:80%;
margin:0 auto;
text-align:center;
text-transform:uppercase;
}
#main ul.wertematrix li a{
color:#fff;
text-decoration:none;
}
#main ul.wertematrix li.wert9:hover span h4,
#main ul.wertematrix li.wert9:active span h4{top:15% !important;}
#main ul.wertematrix li.wert9 span{padding:28.5% 14% 10% 6%;}
#main ul.wertematrix li.wert1 p{background:#ACD440 !important;}
#main ul.wertematrix li.wert2 p{background:#BB1D2C !important;}
#main ul.wertematrix li.wert3 p{background:#57A3F9 !important;}
#main ul.wertematrix li.wert4 p{background:#E3CB9B !important;}
#main ul.wertematrix li.wert5 p{background:#EA9869 !important;}
#main ul.wertematrix li.wert6 p{background:#7685A4 !important;}
#main ul.wertematrix li.wert7 p{background:#90918B !important;}
#main ul.wertematrix li.wert8 p{background:#7F9020 !important;}
#main ul.wertematrix li.wert9 p{background:#D76711 !important;}
#main ul.wertematrix li.wert10 p{background:#8EC59F !important;}
#main ul.wertematrix li.wert11 p{background:#B0C3CA !important;}
#main ul.wertematrix li.wert12 p{background:#82A3C4 !important;}
body.hunternehmen #nav ul li.teamwerte{
display:none;
}
#main .clear{
clear:both !important;
}
#main img.mt-image-left{
clear:both !important;
padding-right:14%;
border:0;
overflow:none;
}
#main b{
font-weight:bold;
}
#main form input.FALSE{
border:2px solid red;
}
#main .FALSE{
color:red;
}
#main ul.team,
#main ul.team li{
float:left;
display:inline-block;
list-style-type:none;
background:0;
padding:0;
margin:0 0 1.5em;
}
#main ul.team li{
width:46%;
margin:0 4% 2em 0;
overflow:hidden;
height:26em;
position:relative;	
}
#main ul.team li img{
max-width:100%;
height:auto;
z-index:10;
}
#main ul.team li a{
position:relative;
}
#main ul.team li strong{
display:block;
}
#main ul.team li em{
font-style:normal;
}
#main ul.team li div{
display:none;
height:100%;	
}
#main ul.team li:hover div,
#main ul.team li:active div{
position:absolute;
top:0;
left:0;
width:92%;
padding:1.5% 4%;
padding:20.5% 4%;
background:#fff;
opacity: .8;
display:block !important;
z-index:1;
}   @media only screen and (max-width : 600px) {
#main ul.team li{width:92% !important;
height:auto !important;
}
#main ul.team li:hover div,
#main ul.team li:active div{
position:relative !important;
display:block !important;
font-size:1em;
padding:0 !important;
bottom:0 !important;
width:100%;
}
#main ul.team li a{
font-size:.8em;
color:#888;
text-decoration:none;
line-height:120% !important;
margin:0 0 .5em;
display:block !important;
height:auto !important;	
}
#main ul.team li div{
display:none;
}
#main ul.team li:hover div,
#main ul.team li:active div{
position:relative !important;
}
}
body.page-template-page-referenzen #main,
body.page-template-page-vollformat #main,
body.page-template-page-download #main,
body.page-template-page-karriere #main{
width:100% !important;	
}
body.page-template-page-referenzen aside,
body.page-template-page-vollformat aside,
body.page-template-page-download aside,
body.page-template-page-karriere aside{
display:none !important;	
}
body.home #main {
margin:0 !important;
}
#main img.width100{
width:100%;
max-width:100%;
text-align: center; 
display: block; 
margin: 0 auto 20px;	
}
body.page-referenzen #main ul{
float:left;
display:inline;
width:100%;
margin:0 !important;
list-style-type:none;
background:0;
padding:0;
}
body.page-referenzen #main ul.refgalerie li{
float:left;
display:inline-block;
width:32%;	
margin:0 1% 1% 0 !important;
list-style-type:none;
background:#fff;
height:23em;
padding:0;
}
body.page-referenzen #main ul.refgalerie li a{
font-weight:bold;	
}
body.page-referenzen #main ul.refgalerie li div{
width:95% !important;	
overflow:hidden;
margin:0 0 -1em !important;
}
body.page-referenzen #main ul.refgalerie li img{
width:100% !important;	
height:150px;	
}
#main .upl-list{
float:left;
display:inline;	
width:100%;		
}
#main .upl-list ul{
float:left;
display:inline;	
width:100%;	
list-style-type:none;
background:0;
padding:0;
}
#main .upl-list ul li{
float:left;
display:inline;	
width:24%;
margin:0 1% 1% 0;
list-style-type:none;
background:0;
padding:0;
clear:right;
}
#main .gallery{
float:left;
display:inline-block;
}
#main .gallery img{
float:left;
display:inline.block;
width:90%;
border:1px solid #ccc;
margin:0 .7em .7em 0;
text-align:left;
}
#main .gallery img{
width:100% !important;	
}
#main .gallery .gallery-icon{
width:100% !important;	
border:1px solid #ccc:
}
#main .gallery .gallery-item{
margin:0 1em 1em 0;
width:150px !important;
}
#main p.years strong,
#main p.years a,
#main p.years span.emptymonth{
margin-right:1em;
font-size:110% !important;
}
#main p.years strong a{
margin-right:0;
font-weight:bold !important;
}
body.page-template-sitemap #main ul li a{
font-size:110% !important;
}
#main .jobs a,
#main .dlbereich a,
#main .top a{
color:#5c898b;
}
#main .jobs a:hover,
#main .dlbereich a:hover,
#main .top a:hover{
color:#666;
}
body.page-saebu-holzbau-download img{
max-width:100%;
height:auto;
}
#main ul.site li a{
margin:0 0 1em !important;
width:3em !important;
display:inline-block;		
}
#main ul.site li.emptymonth{
margin:0 0 1em !important;
width:5em !important;
display:inline-block;	
}
#main p.tag a{
margin:0 0.2em 2em 0;	
}
#main ul.cat li.categories{
margin:0 0 1em !important;
padding:0 !important;
background:none;
font-size:100% !important;
font-weight:bold !important;
}
#main ul.cat li.categories ul li{
font-size:100% !important;
font-weight:normal !important;
}
#mainin4{
width:100%;
background:#efefef !important;	
}
#mainin4 .dlbereich{
padding:2em  1em 0 !important; 	
background:transparent !important; 
}
#mainin5 .gbentry2{
width:47%;
margin:0 2em 2em 0 !important;
}
#mainin5{
margin:0 0 3em 0;	
width:100%;
border:0px solid red;
background:#fff;	
}
#mainin5 .gbentry2 h3 a{
color:#666;
font-size:1.1em;
text-decoration:none;
}
.mainin5{
width:97%;
margin:2% 0 0;
padding:2% 2% 1%;
float:left;
display:inline-block;
}
.mainin5 .gbentry2{
width:45%;
}
.mainin5 .gbentry2 h2{
margin:0;
}
.mainin5 .gbentry2 h2 a{
color:#666;
font-size:.8em;	
text-decoration:none;	
} #head{
position:fixed;
top:0;
left:0;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
z-index:101;
}
#headin{
float:left;
width:100%;
margin:0 auto;
border:1px solid #7EC0C3;	
border:1px solid #ccc;	
border-width:0 0 2px 0;	
text-align:center;
background:#fff;
z-index:102;
}	
#headin .hh1{
width:88em !important;
margin:0 auto;
text-align:center;
}
#headin .hh1 img{
float:left;
display:inline-block;
width:300px;
width:20%;
height:auto;
margin:0;
text-align:left;
}
#head .navi{
float:left;
display:inline-block;
width:79%;
margin:3.8% auto 0em;
text-align:center;
background:#fff;
}
#head .navi ul{
float:left;
display:inline-block;
width:100%;
margin:0 auto;
text-align:center;
}
#head .navi ul li{
float:left;
display:inline-block;
text-align:left;
color:#fff;
padding:.6em 0;
}
#head .navi ul li a{ 
margin:0;
padding: 0 1em;
text-decoration:none;
color:#888;
}
#head .navi ul li{
position:relative;
}
#head .navi ul li a{
padding:1.4em 1em 1.6em;	
}
#head .navi ul li ul li{
float:left;
display:inline-block;
margin:0 !important;
padding:0 !important;
width:30em !important;
}
#head .navi ul li ul li a{
float:left;
display:inline-block;
margin:0;
padding:1.5% 3%;
width:93.7%;
color:#888;
border:0;
border-bottom:1px solid #eee;
}
#head .navi ul li a:hover{
color:#7EC0C3;
}
#head .navi ul li ul li a:hover{
color:#7EC0C3;
background:#f5f5f5;
}
#head .navi ul li:hover ul{
display:block !important;
position:absolute;
z-index:11;
top:52px;
left:0px;
padding:0 !important;
width:30em !important;
background:#fff;
border:1px solid #eee;
border-width:1px 1px 1px 1px;
color:#666;
}
#head .kopfnavi{
position:absolute;
top:0;
right:4%;
}
#head .kopfnavi ul{
float:right;
display:inline-block;
}
#head .kopfnavi ul li{
float:left;
display:inline-block;
}
#head .kopfnavi ul li a{ 
float:left;
display:inline-block;
margin:0em 0 0 ;
padding:1em .6em;
font-size:.8em;
color:#666;
text-decoration:none;
}
#searchsubmit,
#head .navi ul li ul { display:none;} #seite{
margin:0 !important;
padding:0 !important;	
}
#blatt,
#content,
#main,
#mainin{
margin:0 !important;
padding:0 !important;
width:100% !important;
}
.zeile{
float:left;
display:inline-block;
margin:0em 0 0 0;
padding:3em 0 1em;
width:100%;
background:#ccc;
border-width:0 0 0 0;
overflow:hidden;
} .inhalt{
margin:0 auto;
text-align:center;
width:96em !important;
overflow:hidden;
}
.inhalt2{
margin:0 auto;
padding:0 1%;
text-align:center;
overflow:hidden;
width:100% !important;
}
#main .zenter{
float:none;
display:inline-block;
width:100%;
margin:0 auto;
text-align:center;
}
.inhalt h1,
.inhalt h2,
.inhalt2 h1,
.inhalt2 h2{
margin-left:center;
margin-right:center;
text-align:center;
}	
.inhaltin{
text-align:left;
}
.inhaltin .entrybox{
margin:0 2% 0% 0 !important; 
width:31%;
}
.gbentry2{
width:50% !important;
margin:0 0 3em !important;
padding:0 !important;
}
.gbentry2 img{
width:95% !important;
}
.gbaktuell h2,
.gbentry2 h2{
text-align:left;
}
#content,
#contentin,
#blatt,
#mainin2,
#mainin3,
#mainin4,
#mainin5,
#mainin6{
float:left !important;
display:inline-block !important;	
}
#mainin4{
width:100%;
margin:0 !important;
padding:0 !important;
background:none !important;	
border:0px solid red !important;
}
#mainin4 .gbentry6{
float:none !important;
width:11% !important;
margin:0 1% 2em 0 !important;
margin:0 .65% 2em !important;
vertical-align:top;
}	
#mainin4 .gbentry6 img{
display:block !important;	
}	
#mainin4 .dlbereich{
width:98% !important;
margin:0 !important;
padding:0 !important;
}
#mainin5{
margin:0 !important;
padding:0 !important;
}
#mainin3{
width:100% !important;
margin:0 !important;
padding:2em 0 !important;
}
#mainin3 h2{
width:100% !important;
text-align:center;
margin:0 auto 1.5em !important;
padding:.5em 0 0 !important;
}
.refgalerie{
float:left;
display:flex;
flex-direction:row;
flex-wrap:wrap;
flex-flow: column wrap;
justify-content:flex-start;
align-items:stretch1;
list-style-type:none !important;
background:none !important;
margin:0 0 3em !important;
padding:0 !important;
}
.refgalerie li{
width:48.5% !important;	
height:25em;
}
.refgalerie img{
float:left;
display:block !important;
width:200% !important;
height:auto !important;
overflow:hidden;
}
.refgalerie p{
clear:both;	
float:left;
margin:0 !important;
padding:0 3% 2em 0 !important;
}
.refgalerie a{
float:left;
display:block !important;	
margin:0 !important;
padding:0 !important;
height:auto !important;
}
.refgalerie h3 a{ 
font-size:100% !important;
}
#nav2{
width:100% !important;
z-index:1;
text-align:center !important;
margin:0 auto 0 !important;
padding:0 !important;
background:#7EC0C3 !important;
color:#444;
border:0 !important;
}
#nav2 ul{
float:none !important;
text-align:center !important;
margin:0 auto !important;
background:#70b7ba !important;
}
#nav2 ul li{
float:none !important;
margin:0 auto 0 !important;
padding:0 !important;
}
#nav2 ul li a{
float:none !important;
margin:0 auto 0 !important;
padding:.5em 1em !important;
color:#666 !important;
}	
#nav2 ul.menu li a:hover{
color:#5c898b !important;
}
#main .entry100{
width:100%;
float:left;
display:inline-block;
margin:0 0 1em 0;
padding:0;
}
#main .entry50{
width:49.7%;
float:left;
display:inline-block;
margin:0 0 1em 0;
padding:0;
}
#main .entry33{
width:32.8%;
float:left;
display:inline-block;
margin:0 0 1em 0;
padding:0;
}
#main .entry25{
width:24.8%;
float:left;
display:inline-block;
margin:0 0 1em 0;
padding:0;
}
#main .entry20{
width:19.8%;
float:left;
display:inline-block;
margin:0 0 1em 0;
padding:0;
}
#main .entry16{
width:16%;
float:none;
display:inline-block;
margin:0 auto 1em 0;
padding:0;
text-align:center;
}
#main .entryin{
float:left;
display:inline-block;
margin:0;
padding:0 6%;
text-align:left;
}
#main .entryin6{
width:95% !important;
float:left;
display:inline-block;
margin:0;
padding:0 6% 0 0;
text-align:left;
}
#main .grau3 .entryin6 ul{
width:94% !important;
margin:0 0 1em !important;
border-top:1px solid #ccc;
background:none;
overflow:hidden;
}
#main .grau3 .entryin6 p{
width:94% !important;
margin:0 !important;
padding:0 6% 1em 0 !important;	
background:none;
}
#main .grau3 .entryin6 ul li{
width:100% !important;
margin:0 !important;
padding:0 6% 0 0 !important;	
background:none;
}
#main .grau3 .entryin6 ul li{
border-bottom:1px solid #ccc;
}
#main .grau3 .entryin6 ul li a{
width:100% !important;
display:inline-block;
color:#666;
text-decoration:none;
font-family:normal;
padding:1% 1%;
}	
#main .grau3 .entryin6 .werte{
width:100% !important;
text-align:justify;
}
#main .grau3 .entryin6 .werte a{
margin-right:1em;
font-size:16px !important;	
color:#666;
text-decoration:none;	
}
#main .grau3 .entryin6 .werte a:hover,
#main .grau3 .entryin6 ul li:hover{
background:#f1f1f1;
}
#main .null{
margin:0 !important;
}	
#main .galerie{
width:100%;
float:left;
display:flex;
flex-direction:row;
flex-wrap:wrap;
flex-flow: column wrap;
align-items:stretch;
justify-content:flex-start;
align-content: stretch;
margin:0 !important;
padding:0 !important;
}
#main .galerie div{
width:88%;
height:auto !important;
padding:11% 6% !important;
}
#main .galerie img{
width:100%;
height:auto !important;
border:1px solid #ccc;
}
#main .beige{
background:#f9f9f9 !important;
border:0;
padding-bottom:3em;
}
#main button {
padding:.5em 1em;
}
#main .geschichte{
padding:1em 10%;
}
.weiss{
background:#fff;
border:1px solid #fff;
}
.grau{
background:#eee;
border:1px solid #eee;
}
.silber{
background:#f9f9f9;
border:1px solid #f9f9f9;
}
.gruen{
background:#D3DE29;
border:1px solid #D3DE29;
}
.gruen2{
background:#969C1D;
border:1px solid #969C1D;
}
.gruen4{
background:#7EC0C3;
border:1px solid #7EC0C3;
}
.gruen4 a{
color:#eee !important;
text-decoration:none;
}
.gruen4 .gbentry6{
margin:0 auto;
text-align:center;
}	
.grau3{
background:#777;
border:0;
}
.grau3,
.grau3 p,
.grau3 ul,
.grau3 ul li,
.grau3 ul li a{
font-family: "Didact Gothic", Arial, verdana, "trebuchet MS", Helvetica !important;
}
#main .grau3 h3{
color:#D3DE29 !important;
}
#main .grau3 ul{
border-top:1px solid #D3DE29 !important;
}
#main .grau3 ul li{
border-bottom:1px solid #D3DE29 !important;
}
#main .grau3 a:hover,
#main .grau3 ul li a:hover,
#main .grau3 ul li:hover{
background:#666 !important;
color:#D3DE29 !important;
}
#main .grau3 p,
#main .grau3 a{
color:#eee !important;
}
#main .grau5{
background:#f5f5f5;
background:#ecf6f6;
border:0;
}
#main .entry {
padding:0 !important;
}
#main .entryin{
padding:0 !important;
padding:0 10% 0 !important;
}
#main ul.fakten{
margin:2em 0 !important;
border-top:2px solid #7EC0C3;
}
#main ul.fakten li{
margin:0 !important;
padding:1.3em 2em 1em;
border-bottom:2px solid #7EC0C3;
background:none;
}
#main ul.fakten li h3{
color:#5c898b;
color:#7EC0C3;
color:#666;
}
#main ul.bereiche{
float:left;
display:inline-block;
margin:0 auto !important;	
padding:0 !important;	
text-align:center;	
width:95% !important;
border-bottom:1px solid #eee;	
}
#main ul.bereiche li{
float:none;
display:inline-block;
margin:0;
padding:.4em .6em;
line-height:80% !important;
border-left:1px solid #eee;	
background:none !important;
}
#main ul.bereiche li:first-child{
border-left:0px solid #eee !important;	
}
#main ul.bereiche li a{
float:left;
display:inline-block;
text-decoration:none;
color:#888;
}
#main ul.bereiche li.current-menu-item a,
#main ul.bereiche li.current-page-ancestor a{
color:#7EC0C3 !important;
}
#main ul.bereiche li:hover,
#main ul.bereiche li a:hover{
color:#5c898b !important;
background:#f5f5f5!important;
}
#main blockquote{
background:#eee;
color:#888;
text-align:left;
padding:4% 4% 2%;
margin-left:0;
}
#mainin{
float:left;
}
#blatt{
float:left;
display:inline-block;
padding:0 !important;
margin:0 0 0 !important;
overflow:hidden;
}
#tag_cloud-5,
#tag_cloud-2,
#tag_cloud-3,
#tag_cloud-4{
width:100% !important;
text-align:justify;
clear:both !important;	
}
#tag_cloud-5 a,
#tag_cloud-2 a,
#tag_cloud-3 a,
#tag_cloud-4 a{
margin-right:1em;
font-size:16px !important;	
color:#666;
text-decoration:none;	
}
#tag_cloud-5 a:hover,
#tag_cloud-2 a:hover,
#tag_cloud-3 a:hover,
#tag_cloud-4 a:hover{
background:#f1f1f1;
}
.download{
width:90% !important;
margin:0 auto;
text-align:center;
}
#main .gallery{
float:left;
display:inline-block;
width:101% !important;
margin:0 0 1em !important;
}
#main .gallery img{
float:left;
display:inline.block;
width:90%;
border:1px solid #ccc;
margin:0 .7em .7em 0;
text-align:left;
}
#main .gallery img{
width:165px !important;	
}
#main .gallery .gallery-icon{
width:100% !important;	
border:1px solid #ccc:
}
#main .gallery .gallery-item{
margin:0 1em 1em 0;
}
body.blog #main h2,
body.archive #main h2,
body.single #main h2{
text-align:left !important;
}
.inhalt  h1 a,
.inhalt2 h1 a,
.inhalt  h2 a,
.inhalt2 h2 a,
.inhalt  h3 a,
.inhalt2 h3 a,
#main h1 a,
#main h2 a,
#main h3 a{
text-decoration:none !important;
border:0 !important;	
}
.inhalt .entry16 a,
.inhalt .entry33 a,
.inhalt .entry50 a,
.inhalt .entry100 a,
.inhalt2 .entry16 a,
.inhalt2 .entry33 a,
.inhalt2 .entry50 a,
.inhalt2 .entry100 a{
background:transparent url(//www.saebu-holzbau.de/bild/link2.gif) no-repeat 0 center;
padding-left:20px; 
}
.inhalt a[href*="//"]:not([href*="saebu-holzbau.de"]),
.inhalt2 a[href*="//"]:not([href*="saebu-holzbau.de"]) {
padding-left:20px; 
background:transparent url(//www.saebu-holzbau.de/bild/elink.gif) no-repeat 0 center;
}
a.lightbox,
.gallery a,
body.home .inhalt .entry50 a,
body.page-karriere .inhalt .entry16 a,
body.page-karriere .inhalt .entry33 a,
body.page-karriere .inhalt .entry50 a,
body.page-karriere .inhalt .entry100 a,
body.page-karriere .inhalt2 .entry16 a,
body.page-karriere .inhalt2 .entry33 a,
body.page-karriere .inhalt2 .entry50 a,
body.page-karriere .inhalt2 .entry100 a,
#mainin3 p.email a,
#mainin3 p.telefon a,
#mainin3 p.kommentar a,
#main ul.pdf li a,
.inhalt  a.more-link,
.inhalt2 a.more-link,
#mainin3 .inhalt a.no[href*="//"]:not([href*="saebu-holzbau.de"]),
#mainin3 .inhalt2 a.no[href*="//"]:not([href*="saebu-holzbau.de"]) {
padding-left:0 !important; 
background:0 !important;
}  @media only screen and (max-width : 480px) {
#seite,#blatt,#content,#main,
#footer .inhalt,
.inhalt{width:100% !important;}	
.inhaltin{padding:0 0 0 2%;}
#main .entry50 img,
#main .entry50{width:100% !important;}
#main .entry33{width:97% !important;margin:0 1% 2% 1.5%;font-size:90%;}
#main .entry25{width:96% !important;margin:1.5% !important; }
#main .entry20{width:47% !important;margin:1.5% !important;}
#main .grau3 .entry25{width:100% !important; }
#main .grau3 .widget_text,
#main .grau3 .widget_tag_cloud{width:100% !important;}
#nav2 ul li{width:100% !important;text-align:left;border-bottom:1px solid #fff;padding: 0 1.5% !important; }
#nav2 ul li a{color:#eee !important;}	
#mainin4 .dlbereich .gbentry6{width:42% !important;}
#footer{width:100% !important;padding:0 !important;}	
#footerin{width:100% !important;}
#footer .inhalt{width:94% !important;padding:0 3% !important;}
#footer .footerbox{ width:98% !important; height:auto;}
.refgalerie li{margin:0 0 4em;height:40em !important; } 
#main .entry50 .mission img,
#main .entry50 .vision img{width:auto !important;}
#main h1{font-size:140% !important;}
#head{margin-top:47px;}
#main ul.bereiche{width:99% !important;}	
} @media only screen and (min-width : 480px) and (max-width : 600px){
#seite,#blatt,#content,#main,
#footer .inhalt,
.inhalt{width:100% !important;}	
.inhaltin{padding:0 0 0 2%;}
#main .entry50 img,
#main .entry50{width:100% !important;}
#main .entry33{width:97% !important;margin:0 1% 2% 1.5%;font-size:90%;}
#main .entry25{width:97% !important;margin:1.5% !important; }
#main .entry20{width:46% !important;margin:2% !important;}
#main .grau3 .entry25{width:100% !important; }
#main .grau3 .widget_text,
#main .grau3 .widget_tag_cloud{width:100% !important;}
#nav2 ul li{width:100% !important;text-align:left;border-bottom:1px solid #fff;padding: 0 1.5% !important; }
#nav2 ul li a{color:#eee !important;}	
#mainin4 .dlbereich .gbentry6{width:42% !important;}
#footer{width:100% !important;padding:0 !important;}	
#footerin{width:100% !important;}
#footer .inhalt{width:94% !important;padding:0 3% !important;}
#footer .footerbox{ width:98% !important; height:auto;}
.refgalerie li{margin:0 0 4em !important;height:30em  !important; } 
#main .entry50 .mission img,
#main .entry50 .vision img{width:auto !important;}
#main h1{font-size:140% !important;}
#head{margin-top:47px;}
#main ul.bereiche{width:99% !important;}	
} @media only screen and (min-width : 600px) and (max-width : 850px){
#seite,#blatt,#content,#main,
#footer .inhalt,
.inhalt{width:100% !important;}	
.inhaltin{padding:0 0 0 4%;}
#main .entry50 img,
#main .entry50{width:100% !important;}
#main .entry33{width:97% !important;margin:0 1% 2% 1.5%;font-size:90%;}
#main .entry25{width:46% !important;margin:1.5% !important; }
#main .entry20{width:47% !important;margin:1.5% !important;}
#main .grau3 .entry25{width:100% !important; }
#main .grau3 .widget_text,
#main .grau3 .widget_tag_cloud{width:100% !important;}
#nav2 ul li{width:100% !important;text-align:left;border-bottom:1px solid #fff;padding: 0 1.5% !important; }
#nav2 ul li a{color:#eee !important;}	
#mainin4 .dlbereich .gbentry6{width:28% !important;}
#footer{width:100% !important;padding:0 !important;}	
#footerin{width:100% !important;}
#footer .inhalt{width:94% !important;padding:0 3% !important;}
#footer .footerbox{ width:47.5% !important; height:200px;}
.refgalerie li{margin:0 0 4em !important;height:30em !important; } 
#main .entry50 .mission img,
#main .entry50 .vision img{width:auto !important;}
#main h1{font-size:140% !important;}
#head{margin-top:47px;}
#main ul.bereiche{width:99% !important;}	
} @media only screen and (min-width : 850px) and (max-width : 1024px){
#seite,#blatt,#content,#main,
#footer .inhalt,
.inhalt{width:100% !important;}	
.inhaltin{padding:0 0 0 4%;}
#main .entry50 img,
#main .entry50{width:100% !important;}
#main .entry33{width:47% !important;margin:0 1% 2% 1.5%;font-size:90%;}
#main .entry25{width:30% !important;margin:1.5% !important;}
#main .entry20{width:30% !important;margin:1.5% !important;}
#main .grau3 .entry25{width:47% !important; }
#main .grau3 .widget_text,
#main .grau3 .widget_tag_cloud{width:100% !important;}
#nav2 ul li{width:100% !important;text-align:left;border-bottom:1px solid #fff;padding: 0 1.5% !important; }
#nav2 ul li a{color:#eee !important;}	
#mainin4 .dlbereich .gbentry6{width:28% !important;}
#footer{width:100% !important;padding:0 !important;}	
#footerin{width:100% !important;}
#footer .inhalt{width:94% !important;padding:0 3% !important;}
#footer .footerbox{ width:47.5% !important; height:200px;}
.refgalerie li{margin:0 0 4em !important;height:30em !important; } 
#main .entry50 .mission img,
#main .entry50 .vision img{width:auto !important;}
#main h1{font-size:140% !important;}
#head{margin-top:47px;}
#main ul.bereiche{width:99% !important;}	
}
@media only screen and (min-width : 1024px) and (max-width : 1200px){
#head{margin-top:47px;}	
} @media only screen and (min-width : 1024px) and (max-width : 1400px){
#seite,#blatt,#content,#main,
#footer .inhalt,
.inhalt{width:100% !important;}	
.inhaltin{padding:0 0 0 4%;}
#main .entry25{width:20% !important;margin:1.5% !important;}
#mainin4 .dlbereich .gbentry6{width:13% !important;}
#footer{width:100% !important;padding:0 !important;}	
#footerin{width:100% !important;}
#footer .inhalt{width:94% !important;padding:0 3% !important;}
.refgalerie li{margin:0 0 4em !important;height:30em !important;} 
#main .entry50 .mission img,
#main .entry50 .vision img{width:auto !important;}
#main .grau3 .widget_tag_cloud{width:100% !important;}
#main h1{font-size:140% !important;}
}	
@media only screen and (min-width : 1400px) and (max-width : 1700px){
#mainin4 .dlbereich .gbentry6{width:13% !important;}
#main .grau3 .widget_tag_cloud{width:100% !important;}
}
body.home .inhalt .entry50{
text-align:left;
margin:0 !important; 
color:#444 !important;
}
body.home .inhalt .entry50 h2,
body.home .inhalt .entry50 h2 a{
text-align:left;
margin:1em 0 .5em !important; 
color:#444 !important;
font-size:120%;
}
body.home .inhalt .entry50 img{
width:120% !important;	
margin:0 0 1em;	
height:auto;
}
body.blog .inhalt .entryin div{
width:100% !important;
}
#layerslider,
#slider{
z-index:1 !important;
vertical-align:top !important;
}
#layerslider img{
max-width:100% !important;	
height:auto !important;	
vertical-align:top !important;
}
#head{
z-index:101 !important;
}
#headin{
z-index:102 !important;
}
#layerslider,
#slider{
z-index:1 !important;
vertical-align:top !important;
margin-top:50px !important;
}
h1.title {
margin: 0 0 0.8em;
font-size: 150%;
clear: both;
}
.vision{
color:#333 !important;	
padding:2em;
border:1px solid #FEB615 !important;
background:#FEB615 !important;
border:1px solid #D3DE29 !important;
background:#D3DE29 !important;
}
.mission{
color:#fff !important;	
color:#333 !important;	
padding:2em;
border:1px solid #333 !important;
background:#333 !important;
border:1px solid #7EC0C3 !important;
background:#7EC0C3 !important;
}
.vision h3{
color:#fff !important;	
}
.mission h3{
color:#FEB615 !important;	
color:#fff !important;	
}
.vision img,
.mission img{
border:0 !important;
}
.navi ul li form{
float:left;
display:inline-block;
margin:0 !important;
padding:0 !important;
overflow:hidden;	
background:#fff !important;
}
.navi ul li form input{
width:8em !important;	
margin:0 0 1em 1em;	
padding:2px;	
border:1px solid #ccc;
font-family:verdana, sans-serif;
background:#fff url(//www.saebu-holzbau.de/bild/lupe.gif) no-repeat 90% 50%;
color:#666;
}
#main .jobs{
margin:0 !important;
width:100% !important;
}