@charset "utf-8";
/* CSS Document */

/*#########################
Farben
rot #F40010
hellgrau #DFDFDF
mittelgrau #A0A0A0
dunkelgrau #444643
#########################*/

/*######################### Allgemeiner Bereich #########################*/

* {margin:0;padding:0}
html, body{ height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;text-align: left; } 
p {margin:0 0 1em 0;padding:1px}
p.expand a:hover{display:block;height:300px;background:red}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both;}

body { background:#EFEFEF; color: #000;	position:relative;/* for ie7*/}

h2 { color:#F40010;  font-weight: 700; /* margin-left:31px; margin-top:30px; margin-right:120px;background-position: bottom ;*/ font-size:18px; padding:2% 0 1% 0; /*border: 1px solid red;*/}
h3 { color:#F40010;  font-weight: 700; /* margin-left:31px; margin-top:30px; margin-right:120px;background-position: bottom ;*/ font-size:14px; padding:1% 0 1% 0; /*border: 1px solid green;*/}
h4 { color:#F40010;  font-weight: 700; /* margin-left:31px; margin-top:30px; margin-right:120px;background-position: bottom ;*/ font-size:16px; padding:1% 0 1% 0; /*border: 1px solid blue;*/}

a { color: #F40010}
a:hover { color: #444643}

#alles{	 position: absolute; width: 100%; left: 50%; /* background-color: #FFFFFF;box-shadow: 0 0 50px rgba(0,0,0,0.8); margin-left: -487px;negative Hälfte von width: bottom:32px; top:32px; border:6px solid yellow;*/  margin:0 0 0 -50%;background:#EFEFEF url(img/hg_bottom.jpg); background-repeat: repeat-x;/*100% fixed ;*/background-position: bottom;}



/*######################### Header #########################*/

#header{/*border:5px solid pink;background:purple;*//*background: url(img/headerbild.png)  no-repeat;background-size: 100% auto;position:absolute;top:30px;left: 50%; 	margin-left: -45%;	*/width: 100%; 	/* width: 974px; 	left: 50%; 	margin-left: -487px; negative Hälfte von width: padding-top:70px; */ /*height:550px; */color: #fff; /*background:url(img/header.jpg) left 57px top no-repeat 100% ; url(img/headerbild-cont.png)*/; }


#header_nav{  /*border:2px solid red;*/margin:10px 0 0 0; padding:0;width:90%; /**/height:354px;background:url(img/header-topohne.png) left top no-repeat; background-size: 100% auto;position: absolute;top: 0px;z-index: 2; }

#header_pic a{ /*background:blue;*/position: absolute;top: 15px; right: 7%; z-index: 10;}
#header_pic a.tpl-logo{/* border:2px solid blue;*/ background:url(img/logo.png) no-repeat;/*background:purple;*//**/padding:5% 10% 5% 10%; color:#FFF; font-size:1px;background-size: 100% auto;}



#header_bread{/* border:2px solid orange;*/background:url(img/header-b.png) left top no-repeat; background-size: 100% auto;float:left;	font-size:11px; height: 60px; width:100%;}


#header_bread_rechts{ /*border:2px solid yellow;*/ list-style:none;	padding:0;margin:13px 2% 0 0;/* */float: right; width: 30%;}
#header_bread_rechts ul {list-style:none; }
#header_bread_rechts ul li { float:right;margin-right:11px;}

#header_bread_links{ /*margin-left:11px; margin-top:35px;border:2px solid orange;*/ float: leftle; width: 65%/**/;margin:13px 0 0 2%;}
#header_bread_links a{ color: #000; text-decoration:none;}
#header_bread_links span{ color: #000;}


#x { /*border:2px solid orange;*/ margin: -9px 0 0 5px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-slide-arrow.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:25px 0 150px 0; list-style:none; /*font-family:'latomedium', arial, sans-serif;*/ font-size:13px; width:/*750px*/100%; ; height:40px;}
#nav {position:relative; z-index:100;}

#nav li {float:left; position:relative; margin-right:1px;}
#nav li a.top-a {text-decoration:none; white-space:nowrap; display:block; padding:0 10px; cursor:pointer; height:40px; line-height:40px; float:left; font-weight:normal; color:#fff; background:url(img/background.gif) no-repeat top left;}
#nav li div.arrow {float:left; cursor:pointer; width:30px; height:40px; font-weight:normal; background:url(img/background.gif) no-repeat top right;}

#nav li.nosub a {padding:0 0 0 10px;}
#nav li.nosub b {display:block; width:10px; height:40px; float:left; background:url(img/background.gif) no-repeat top right;}

#nav div.inner {position:absolute; left:0; top:40px; height:0; width:174px; overflow:hidden;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;}

#nav li div.arrow:hover div.line1 {height:32px;}
#nav li div.arrow:hover div.line2 {height:52px;}
#nav li div.arrow:hover div.line3 {height:72px;}
#nav li div.arrow:hover div.line4 {height:92px;}
#nav li div.arrow:hover div.line5 {height:112px;}
#nav li div.arrow:hover div.line6 {height:132px;}

#nav li div.arrow:hover div ul {top:0;}

/* for IE6 only */
#nav table {border-collapse:collapse; padding:0; margin:0 -20px -1px 0; position:absolute; left:0; top:0;}
#nav li a.sub-a {display:block; float:left; width:30px; height:40px;} 
#nav li a.sub-a:hover {direction:ltr;}
#nav li a.sub-a:hover div.line1 {height:32px;}
#nav li a.sub-a:hover div.line2 {height:52px;}
#nav li a.sub-a:hover div.line3 {height:72px;}
#nav li a.sub-a:hover div.line4 {height:92px;}
#nav li a.sub-a:hover div.line5 {height:112px;}
#nav li a.sub-a:hover div.line6 {height:132px;}
#nav li a.sub-a:hover ul {top:0;}
/* end for IE6 only */

#nav li ul {padding:2px 2px 10px 2px; margin:0; list-style:none; background:url(img/background.gif) no-repeat bottom left; width:0; position:absolute; width:170px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
#nav li div.line1 ul {top:-32px;}
#nav li div.line2 ul {top:-52px;}
#nav li div.line3 ul {top:-72px;}
#nav li div.line4 ul {top:-92px;}
#nav li div.line5 ul {top:-112px;}
#nav li div.line6 ul {top:-132px;}


#nav li ul li {float:none; width:170px; margin:0; height:20px;}
#nav li ul li a {display:block; text-decoration:none; height:20px; line-height:20px; padding:0 5px; background-image:none; color:#fff; font-size:13px; width:160px;}
#nav li ul li a:hover {background:#20bffc;}

/* for iPhone, iPod Touch and iPad */
#nav a.iPad {display:block; width:30px; height:40px; margin-bottom:-40px;}
#nav a.iPad:hover + div.line1 {height:32px;}
#nav a.iPad:hover + div.line2 {height:52px;}
#nav a.iPad:hover + div.line3 {height:72px;}
#nav a.iPad:hover + div.line4 {height:92px;}
#nav a.iPad:hover + div.line5 {height:112px;}
#nav a.iPad:hover + div.line6 {height:132px;}

#nav a.iPad:hover + div ul {top:0;}






/*######################### outer #########################*/



#outer{	width: 90%; margin: 0px 0px 0px 5%; 	/*margin-left:240px;margin-right:0px; background:green;*/}

.outerwrap { /*border:5px solid red; */ float: left;width: 100%;padding:20px 0 40px 0;/* to clear header*/	 /*margin-right:-3px; to stop columns droppingbackground:yellow;*//*background:url(img/hgcontent.png) *//*50% 0*//* left repeat-y; margin-top:410px;*/ background:none;}



/*######################### left #########################*/

#left {/* border:2px solid blue;*/width:25%; float:left;position:relative;margin:2% 0 0 0 ;/*height:400px;*/}


/*######################### Bildnavi #########################*/

#bildnavi { /*border: 2px solid purple; background:red; background:url(img/navigation.png)  left 278px no-repeat;*/}

#bildnavi ul{ list-style:none; margin-bottom:100px; /*border: 1px solid red;*/}
#bildnavi ul li{ margin:45px 0 45px 0;/**/}
/*Halle*/
#bildnavi a.tplbld-stallbau {border: 10px solid white;/**/background:url(img/nav_stallbau1200.jpg)  center top no-repeat; /* */padding:10% 26% 20% 26%; margin: 1% 0 0 1%  ;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
#bildnavi a.tplbld-stallbau:hover {/* border: 1px solid yellow;*/background:url(img/nav_stallbau1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}
/*Schweine*/
#bildnavi a.tplbld-stalleinrichtungen { border: 10px solid white;/**/background:url(img/nav_stalleinrichtung1200.jpg)  center top no-repeat;/**/ padding:10% 26% 20% 26%; margin: 1% 0 0 47% ;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
#bildnavi a.tplbld-stalleinrichtungen:hover {/* border: 1px solid yellow;*/background:url(img/nav_stalleinrichtung1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}
/*Luftbild*/
#bildnavi a.tplbld-hallenbau { border: 10px solid white;/**/background:url(img/nav_hallenbau1200.jpg)  center bottom no-repeat;;/**/ padding:10% 26% 20% 26%; margin: 1% 0 0 1% ;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
#bildnavi a.tplbld-hallenbau:hover {/* border: 1px solid yellow;*/background:url(img/nav_hallenbau1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}
/*Silo*/
#bildnavi a.tplbld-umwelttechnik { border: 10px solid white;/**/background:url(img/nav_umwelttechnik1200.jpg)  center bottom no-repeat;/**/ padding:10% 26% 20% 26%; margin: 1% 0 0 47%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
#bildnavi a.tplbld-umwelttechnik:hover {/* border: 1px solid yellow;*/background:url(img/nav_umwelttechnik1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}






#seitenbild {/* border: 1px solid green;*/ text-align:center; /*margin-bottom:150px;*/ }
#seitenbild img { /*border: 1px solid yellow;*/ text-align:center; /*margin-bottom:150px;*/ width: 100%; height: auto;}

/*######################### content #########################*/

#centercontent { /* border:3px solid orange;*/float:right;width:73%; 	position:relative;	padding-bottom:12px;/* clear footer margin-left:-1px;*//*background-color:blue; */font-size:14px; line-height:20px; /*border:2px solid black;box-shadow: 0 0 5px rgba(0,0,0,0.8);*/ }

/*ohne Bildnav*/
body.idd47 #centercontent{ width:100%;}
body.idd51 #centercontent{ width:100%;/*border: 1px solid red;*/}
body.idd52 #centercontent{ width:100%;}
body.idd53 #centercontent{ width:100%;}
body.idd54 #centercontent{ width:100%;}
body.idd74 #centercontent{ width:100%;}
body.idd75 #centercontent{ width:100%;}
body.idd76 #centercontent{ width:100%;}
body.idd80 #centercontent{ width:100%;/*border: 1px solid red;*/}
body.idd81 #centercontent{ width:100%;}

#text{/*border:2px solid yellow;*/ margin:11px 24px 24px 24px ; text-align:justify; /*background:orange; color:#6C7F84;*/  /*background:url(img/hgtxt.jpg) right bottom no-repeat;*/ }
/*body.idd1 #text{background:none; }*/
#text a:link, #text a:visited {text-decoration: none;/*color:#004894*/}
#text a:hover {	text-decoration: underline; /*color:#BD0008*/}

#refnav {/*border:2px solid green;*/margin:11px 0 24px 24px ; text-align:center;}
#refnav ul {list-style:none; }



/*Referenzen*/



.auswahl { border: 10px solid #A0A0A0; width: 22%; float: left; margin:0 1% 0 0; /*height: 350px; */background: #A0A0A0; padding: 10px 0 10px 0;}
.auswahlbild { /*height: 200px;*/width: 100%;  }
.separator{border-top:1px solid #F40010;border-bottom:1px solid #F40010; width: 100%; text-align: center; margin:10px 0 10px 0;padding:10px 0 10px 0;}

.auswahlbild img {/*border: 1px solid yellow;margin: 10px 0 10px 0;*/}
.auswahlbild a {/*border: 1px solid blue;margin: 20px 0 20px 0;*/}


/*Halle*/
.auswahlbild a.tplbld-stallbau {background:url(img/nav_stallbau1200.jpg)  center top no-repeat; /* */padding:0 49% 60% 49%; background-size: 100% auto;color: black;font-size:1px;text-decoration: none; }
.auswahlbild a.tplbld-stallbau:hover {background:url(img/nav_stallbau1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}
/*Schweine*/
.auswahlbild a.tplbld-stalleinrichtungen {background:url(img/nav_stalleinrichtung1200.jpg)  center top no-repeat;/**/ padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-stalleinrichtungen:hover {background:url(img/nav_stalleinrichtung1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}
/*Luftbild*/
.auswahlbild a.tplbld-hallenbau {background:url(img/nav_hallenbau1200.jpg)  center bottom no-repeat;;/**/ padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-hallenbau:hover {background:url(img/nav_hallenbau1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}
/*Silo*/
.auswahlbild a.tplbld-umwelttechnik {background:url(img/nav_umwelttechnik1200.jpg)  center bottom no-repeat;/**/ padding:0 49% 60% 49%; background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-umwelttechnik:hover {background:url(img/nav_umwelttechnik1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}


/*Produkte*/

/*Geflügel*/
.auswahlbild a.tplbld-huhn {background:url(img/nav_huhn1200.jpg)  center top no-repeat; /* */padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-huhn:hover {/* border: 1px solid yellow;*/background:url(img/nav_huhn1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}



	
/*Schweine*/
.auswahlbild a.tplbld-schwein {background:url(img/nav_schwein1200.jpg)  center top no-repeat;/**/ padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-schwein:hover {/* border: 1px solid yellow;*/background:url(img/nav_schwein1200_hover.jpg)  center top no-repeat;background-size: 100% auto;}
/*Rinder*/
.auswahlbild a.tplbld-kuh {background:url(img/nav_kuh1200.jpg)  center bottom no-repeat;;/**/ padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-kuh:hover {/* border: 1px solid yellow;*/background:url(img/nav_kuh1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}
/*Pferde*/
.auswahlbild a.tplbld-pferd {background:url(img/nav_pferd1200.jpg)  center bottom no-repeat;;/**/ padding:0 49% 60% 49%;background-size: 100% auto;color: black;font-size:1px;text-decoration: none;}
.auswahlbild a.tplbld-pferd:hover {/* border: 1px solid yellow;*/background:url(img/nav_pferd1200_hover.jpg)  center bottom no-repeat;background-size: 100% auto;}

/*########### ditto ##########################*/

.ditto_projekte {/*border: 2px solid red;*/border-bottom: 2px solid black; margin: 0 0 20px 0;}
.ditto_projekte-oben {/*border: 2px solid orange;*/ width: 100%}

.ditto_projekte-rechts {/*border: 2px solid yellow; */position: relative; float: right; /*width: auto;*/width:27%; padding:5px 0 0 0; }
/*.ditto_projekte-rechts a {background: yellow; color:gray;}*/
.ditto_projekte-rechts img{/**//*border: 2px solid red; width:200px;*/ width: 100%; height:auto; /**/}

.ditto_projekte-links { /*background: pink;border: 2px solid green;*/position: relative; float: left;width:70%; }
.ditto_projekte-links h3 {border: 5px solid white;/**/background:url(img/projekte-h3.jpg) repeat-y; background-size: 100% auto; min-height: 71px; line-height:61px; padding:0 0 0 20px; text-align: left; color: white;}
/*.nr80 h3 {line-height: 21px;}Kemberg*/
/*.nr81 h3 {line-height: 31px;} Meinsdorf*/
.ditto_projekte-links h3 a {color: white; }
.ditto_projekte-links-rahmen {/*border: 2px solid red; */min-height: 206px; width: 90%; margin: 0 0 0 2%;}
.ditto_projekte-links-longtitle {/*border: 2px solid green;*/ font-weight: bold;}
.ditto_projekte-links-summary {/*border: 2px solid yellow;*/}
.ditto_projekte-links-content {/*border: 2px solid blue;*/}
.ditto_projekte-links-content ul {/*border: 2px solid yellow;*/ padding: 0 0 0 20px;}

.ditto_projekte-darunter {/*border: 2px solid orange;*/ width: 100%}

.ditto_projekte-links-links {/*background: yellow; border: 2px solid green;*/position: relative; float: left;width:32%;}
.ditto_projekte-links-links img {/*border: 2px solid purple; */width:100%; height:auto; /**/}

.ditto_projekte-links-mitte {/*background: red;border: 2px solid green;*/position: relative; float: left;width:32%; margin: 0 2% 0 2%;}
.ditto_projekte-links-mitte img {/* border: 2px solid green;*/width:100%; height:auto; /**/}

.ditto_projekte-links-rechts {/*background: blue;border: 2px solid yellow;*/ position: relative; float: right; width: 32%; text-align: right;}
.ditto_projekte-links-rechts img {/*border: 2px solid blue;*/ width:100%; height:auto; /**/}

.ditto_projekte-unten {/*border: 2px solid purple; */width: 100%; margin: 0 0 1% 0;}
.ditto_projekte-unten img {/*border: 2px solid pink;*/ width: 100%; height:auto;}
/*.zeitung {border: 2px solid gray;}*/





/*######################### Footer #########################*/

#vorfooter {width:100%;	clear:both;	height:50px; background-color: #333;position:relative;	margin: 0 auto 0 auto;	font-size:10px; border-top: 1px solid grey; color: white;}
#cookies {/*border:2px solid pink;*/padding: 30px 0 0 10px;}
#footer { /*border:2px solid pink;/*/width:100%;	clear:both;	height:30px; text-align:right;/*margin-left:auto;	margin-right:auto; */position:relative;	/*margin-top:-50px;drag footer from below the fold*/	margin: 5px auto 0px auto;	font-size:10px; }

#footer a { color:black; text-decoration:none }
#footer a:visited { color:black; text-decoration:none }
#footer p { /*background-color:#728394;border-top:1px solid #fff;*/line-height:30px; height:35px; text-align:right; padding-right:24px;  margin-top:5px}
#footer ul {list-style:none; }
#footer ul li { float:left;margin-right:11px;}

#footernav {/*border:2px solid pink;*/padding: 0 10px 0 10px;}