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:#36c;
font-weight:normal;
text-decoration:underline;
outline:none;
}
a:hover{
color:#666;
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;
} header{
float:left;
display:inline-block;
margin:0;
width:100%;
background:#fff;
height:auto;
}
header .h1{
margin:0 0 0 .6em;
width:34%;
background:#fff;
}
header .h1 a{
margin:0;
display:block;
}
header .h1 img{
display:block;
max-width:100%;
}
header #knav{
position:absolute;
top:1.6em;
right:1em;
}
header #knav ul{
float:left;
display:inline-block;
width:100%;
margin-right:2%;
}
header #knav ul li{
float:left;
display:inline-block;
}
header #knav ul li a{
float:left;
display:inline-block;
padding:.3em 1em;
color:#666;
font-size:.8em;
text-decoration:none;
}
header #knav ul li a:hover{
color:#36c;
}
header .slider{
}
header .slider img{
display:block;
max-width:100%;
} #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/pkt.gif) no-repeat 0 3px;
padding-left:1.5em;
}
#main ul.pdf li{
background:transparent url(//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:#36c;
text-decoration:underline;
}
#main .timeline{
margin-left:1.5em;
border-left:1px solid #5c898b;
}
#main .timeline h3{
margin-top:1em;
margin-left:-1em;
border-bottom:1px solid #5c898b;
}
#main .timeline h3 strong{
margin-bottom:-2.1em;
padding-left:2.2em;
display:inline-block;
background:transparent url(//www.saebu-holzbau.de/bild/history.gif) no-repeat .05em .4em;
}
#main .timeline p{
padding-left:1.5em;
}
#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:#36c;
}
#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:#36c;
font-size:.9em;
text-decoration:none;
}
#main .links a:hover{
color:#666;
}
#mainin3 .gbkontakt{
float:left;
display:inline-block;
width:100%;
margin:0 0em 1em;
}
#mainin3 .gbkontakt a{
color:#888;
text-decoration:none;
}
#mainin3 .gbkontakt a:hover{
color:#36c;
}
#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(//www.saebu-holzbau.de/bild2/email.png) no-repeat 0em 0; }
#mainin3 p.telefon{ background:transparent url(//www.saebu-holzbau.de/bild2/telefon.png) no-repeat 0em 0; }
#mainin3 p.kommentar{ background:transparent url(//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:37% !important;
width:24.5% !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:2em 1em 1em;
width:97%;
}
#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:2em;
margin-right:1em;
padding:1em;
height:17em;
overflow:hidden;
width:45.2% !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:#36c;
}
#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:#36c !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:18%;
width:23%;
margin:0 1% 1em 1%;
}
#main .dlbereich .gbentry6 img{
width:92%;
margin-bottom:.5em;
}
#main .dlbereich a{
color:#666;
font-size:90%;
}
#main .dlbereich a:hover{
color:#36c;
}
#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:#36c;
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:#36c;
} #nav{
float:left;
display:inline-block;
width:100%;
background:#5c898b;
position:relative;
}
#nav ul{
float:left;
display:inline-block;
margin:-1px 0 0;
width:100%;
padding-left:1.2em;
display:none;
}
#nav ul li a:hover{
float:left;
display:inline-block;
}
#nav ul li{
float:left;
display:inline-block;
}
#nav ul li a{
float:left;
display:block;
color:#fff;
padding:.49em 1em;
border:0;
text-decoration:none;
}
#nav ul li a:hover{
background:#eee;
color:#333;
}
#nav ul li ul{
display:none;
}
#nav #searchform{
position:static;
float:left;
display:inline-block;
margin:0;
width:14em;
}
#nav #searchform input{
float:left;
display:inline-block;
width:100%;
margin:.4em 0 0 5.5em !important;
border:1px solid #ccc;
padding:4px;
color:#666;
font-family:verdana, sans-serif;
background:#fff url(//www.saebu-holzbau.de/bild/lupe.gif) no-repeat 98% 50%;
}
#nav #searchform #searchsubmit{
display:none;
} #nav2{
clear:both;
margin:0 auto;
text-align:center;
background:#5c898b;
}
#nav2 ul{
float:left;
display:inline-block;
margin:0;
width:100%;
padding-left:1em;
padding-bottom: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;
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:#70b7ba;
color:#fff;
text-align:left;
}
#footer h2{
color:#eee;
margin:3% 0% 1% 1.4em;
font-size:140%;
}
#footer .footerbox{
float:left;
display:inline-block;
width:20%;
margin:0 0 2em 2em;
color:#333;
}
#footer .footerbox h4{
color:#333;
}
#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:#333;
text-decoration:none;
}
#footer .footerbox ul li a:hover{
color:#eee;
}
#footer .widget_text{
clear:both;
width:100% !important;
}
#footer .zertifikate{
clear:both;
margin:0em auto 2em;
padding:0 2em;
text-align:center;
}
#footer .zertifikate h4{
color:#333;
}
#footer .zertifikate img{
max-width:100%;
height:auto;
}
#fuss{
clear:both;
margin:0 auto;
padding:0;
text-align:center;
width:100%;
background:#666;
color:#ccc;
border:0;
overflow:hidden;
}
#fuss p{
padding:2em 1em 1em;
font-size:.9em;
}
#fuss a{
color:#ccc;
text-decoration:none;
} @media only screen and (max-width : 1200px) {
nav{
float:left;
display:inline-block;
width:100% !important;
}
nav a#pull {
float:left;
display:block;
background:#5c898b;	
width:96.2%;
width:96%;
position: relative;
text-align:left;
padding:0.6% 0% 0.6% 2em;
line-height:1.6em;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}
nav a#pull:after {
content:" ";
background:transparent url(//www.saebu-holzbau.de/bild2/nav-icon.png) no-repeat 95.5% 40%;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:3.5em;
top:5px;
}
nav ul{
float:left;
display:inline-block;
width:100%; 
background:#eee;
padding:0 !important;
}
nav ul li{
float:left;
display:inline-block;
padding:0;
width:100%;
border-bottom:1px solid #666;
}
nav ul li ul li{
border-bottom:1px solid #aaa;
}
nav ul li ul li:last-child{
border:0;
}
nav ul li a{
float:left;
display:block !important;
text-align:left;
margin:1px 0 0 0;
padding:.4em 2em !important;
width:100%;
color:#666 !important;
}
nav ul li a:hover,
nav ul li a:active{
color:#36c !important;
background:#dedede !important;
}
nav ul li ul,
nav ul li ul li ul,
nav ul li:hover ul li ul,
nav ul li:active ul li ul{
display:none !important;
}
nav ul li:hover ul,
nav ul li:active ul{
display:block !important;
border:0 !important;
}
nav ul li:hover ul li a,
nav ul li:active ul li a{
padding-left:4em !important;
border:0 !important;
background:#f9f9f9;
}
nav ul li:hover a,
nav ul li:active a{
color:#36c;
background:#ddd;
}
#nav #searchform{
position:static;
float:left;
display:inline-block;
width:30%;
margin-left:2em;
}
#nav2 ul{
background:#5c898b !important;	
}
#nav2 ul li{
border-bottom:1px solid #ccc;
}
#nav2 ul li a{
color:#eee !important;
padding:.4em 2em !important;
}
#nav2 ul li a:hover{
color:#666 !important;
}
}    @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:92%;}
#main .jobs .gbentry{
margin-right:0em;
height:24em;
width:90% !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:0em;
width:92% !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:18em !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:0em;
width:95% !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:18em !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:95%;}
#main .jobs .gbentry{
margin-right:0em;
width:95% !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 1% !important;
}
#main .jobs{width:96%;}
#main .jobs .gbentry{
margin-right:1em;
width:45.2% !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 : 1200px) {
#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; }
#footer{float:none; overflow:hidden; margin-bottom:-.4em !important; }
#main {width:66% !important;}
aside {width:32% !important;}
body.start #main {width:100% !important;}
body.start aside {width:0% !important;}
nav ul li ul,
nav ul li ul li ul,
nav a#pull{
display:none !important;
}
nav ul {display:block !important;}
nav ul li,
nav ul li ul li{
position:relative;
}
nav ul li:hover a,
nav ul li:active a{
background:#efefef;
color:#333 !important;
}
nav ul li:hover a:hover,
nav ul li:active a:active{
color:#36c !important;
}
nav ul li:hover ul,
nav ul li:active ul{
display:block !important;
position:absolute;
z-index:1;
top:36px;
left:-1px;
padding:0 !important;
width:20em !important;
background:#fff;
border:1px solid #666;
border-width:0 1px;
}
nav ul li:hover ul li ul,
nav ul li:active ul li ul{
display:none !important;
}
nav ul li:hover ul li ul li a,
nav ul li:active ul li ul li a{
background:#f9f9f9;
}
nav ul li ul li:hover ul,
nav ul li ul li:active ul{
display:block !important;
position:absolute;
top:0px;
left:20em;
border-width:1px;
}
nav ul li ul li:hover a,
nav ul li ul li:active a{
background:#ddd;
}
nav ul li ul li{
margin:0 0 0px 0;
width:20em !important;
padding:0 !important;
border-bottom:1px solid #666;
}
nav ul li ul li a{
width:18em !important;
display:block !important;
text-align:left;
margin:0 !important;
padding:.3em 1em .3em 1em !important;
color:#666 !important;
}
nav ul li ul li a:hover{
background:#ddd !important;
color:#36c !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% 2em;
height:11em;
border:1px solid #ccc;
list-style-type:none;
background:none;
padding:6% 0 2%;
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;
}
.links,
#mainin3,
#footer1,
#fuss,
nav ul,
nav2 ul{
font-family: arial, sans-serif;
}
#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:16em;
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:10.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:#36c;
}
#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;	
}	
#main h2 a{text-decoration:none;}
#main h2 a:hover{text-decoration:underline;}