/* Webfont */
@import url(../../../../../fonts.googleapis.com/css__q_32398671a5d5.bin);
@import url(../../../../../fonts.googleapis.com/css__q_7e0c523f4b87.bin);

/* ---------------------------------------- RESET ---------------------------------------------------- */
*{margin:0; padding:0; list-style-type:none;}
img{border:none}
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.clear, .wcmfloatreset{clear:both}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
div{
  display: block;
  box-sizing: border-box;
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

img{vertical-align:bottom !important; line-height:0 !important}


/* -------------------------------------------- STANDARD-HTML ----------------------------------------------- */
html, body{width:100%;}
*{margin:0; padding:0; list-style-type:none; font-family:'Open Sans', arial, helvetica, sans-serif; font-size:15px !important;}
body{font-family:'Open Sans', arial, sans-serif; color:#333; background-color:#EAECF3;}
p, ul, table{margin-bottom:20px;}
ul, table{clear:both}
a{text-decoration:none; color:#E00616}
a:hover{text-decoration:underline}
iframe{width:100% !important}
/* iFrame Technikbörse */
.tbiframe{height:1500px}


/* --------------------------------------------- LAYOUT-HELFER ---------------------------------------------- */
.inner{width:100%; height:100%; margin:0 auto}
.clear, .wcmfloatreset, .floatreset{clear:both}
.nomargin{margin-right:0 !important}
.content::after, .eintragartikeldia::after, .content .wcm-stditem::after{clear:both; content:""; display:block}

.wrapper, header .inner, nav, .selectmenu{width:940px; margin:0 auto}

/* Boxbilder */
.homebox{margin-bottom:30px}
.homebox img{width:100%; max-width:100%; height:auto}
.boxleft{width:48%; float:left; border:2px solid #fff}
.boxright{width:48%; margin-left:4%; float:right; border:2px solid #fff}


/* ------------------------------------------------ ÜBERSCHRIFTEN ----------------------------------------------- */
/* Standardwerte */
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom:5px;}

/* Top-Headline im Content */
h1, h1 a{color:#97BF28; font-weight:normal; font-size:24px !important; text-transform: uppercase; text-decoration:none; font-family: 'Fjalla One', sans-serif;}
h2, h2 a{font-size:15px; font-weight:bold; text-decoration:none; color:#333}


/* -------------------------------------------- HEADER ------------------------------------------------------ */
header{width:100%; height:90px; background-color:#fff; padding-top:10px}
header .logo{width:160px; height:160px; background-image:url(../images/layout/logo.png); position:absolute; display:block}
header .topbuttons h1{text-align:right; padding-top:20px; font-size:36px !important}
header .topbuttons h1 span{font-size:20px !important; color:#666; border-left:1px solid #666; padding-left:10px; margin-left:10px}


/* -------------------------------------------- MAINNAV ------------------------------------------------------ */
.navwrapper{width:100%; background-color:#97BF28}
nav ul{margin:0 !important; float:right}
nav ul li{float:left}
nav li a{color:#fff; text-decoration:none; display:block; text-align:center;  padding:20px 15px 20px 15px;  text-transform:uppercase; border-right:1px solid #fff; transition:all 0.3s linear 0s}
nav li:first-child a{border-left:1px solid #fff}
nav li a:hover{color:#fff; text-decoration:none; background-color:#333; border-right:1px solid #fff;}
nav li a.active{color:#fff; text-decoration:none; background-color:#333; border-right:1px solid #fff;}

.sticky {position: fixed; top: 0; z-index: 100; border-top: 0;}


/* -------------------------------------------- SUNNAV ------------------------------------------------ */
/* Subnavi */
.subnav li{margin:0; border-bottom:2px solid #fff;}
.subnav li a{font-weight:bold; display:block; padding:10px 20px; background-color:#97BF28; color:#fff; transition:all 0.3s linear 0s}
.subnav li a:hover, .subnav li a.active{color:#fff; text-decoration:none; background-color:#333;}

/* Mobilenavi */
.selectmenu{display:none}


/* -------------------------------------------- RES-SLIDER ------------------------------------------------- */
.slider{clear:both; padding:2px; background-color:#fff; margin-bottom:30px}
.slider img.placeholder{width:100%; height:auto}
.slider .tx-imagecycle-pi1{width:100% !important;}
.slider .tx-imagecycle-pi1 li{width:100% !important; text-align:center; height:auto !important; position:absolute !important}
.slider .tx-imagecycle-pi1 img{margin:0 auto; width:100% !important; height:auto !important}
.slider .tx-imagecycle-pi1 ul{width:100% !important; height:auto !important; margin:0 auto}
.slider .imagecycle-caption{display:none !important}
.tx-imagecycle-pi1-images{overflow:visible !important}
.tx-imagecycle-pi1{padding:0px}
.slider .inner{background-color:#ccc}



/* -------------------------------------------- CONTENT --------------------------------------------------- */
.wrapper{padding-top:40px}
.maincontent{float:left; background-color:#fff; margin-bottom:40px; border-top:5px solid #97BF28; width:100%}
.content{width:70%; padding:3%; margin:0;}
.contentpage{min-height:400px}
.content ul li{list-style-type:square; margin:0 0 5px 20px; padding-left:0px}
.content .csc-textpic-intext-left ul{margin:0; padding:0}
.content .wcmshortpics, #topmaschinen .item img{float:left; margin-right:20px; width:180px}
.content .wcmshortpics img, #topmaschinen .item img{border:1px solid #BFC5D9; height:auto !important}
.content .wcmpicpos2{clear:both; padding-top:10px; border-top:1px dotted #ccc}
.content .wcm-stditem, #topmaschinen .item {padding:20px; margin-bottom:20px; background-color:#F4F4F1; border-bottom:1px solid #ccc}
.content .wcm-stditem .wcmnormal{text-align:left !important; font-style:italic}
.content .wcm-stditem table td{background-color:#BFC5D9}
.content .csc-textpic-image img {border:1px solid #BFC5D9;}
.content .wcmdatum{margin-right:10px}

.content table, .content tbody{width:100% !important; clear:both;}
table tr, table td, table div{width:auto !important}
.content td p{margin-bottom:0}
.content td{background-color:#EBE8E8 !important; border:1px solid #ccc; padding:5px !important}



/* --------------------------------------------- SIDEBARS ---------------------------------------------------- */
/* Sidebar-left */
.sidebarleft{width:30%; padding:3%;}
.sidebarleft img{margin-top:10px !important}
.sidebarleft ul{margin-bottom:0}
/* Info für Agro-News/Wetter */
.sidebarleft .csc-frame, .sidebarleft #newsletter-inner form, .subnav ul{background-color:#fff; border:1px solid #ccc; border-bottom:3px solid #ccc; padding:20px}


/* ---- LayoutFloater ------ */
.layoutfloatright{float:right}
.layoutfloatleft{float:left}


/* ----------------------------------------------- AGROWEB-NEWS --------------------------------------------------- */
/* Übersichts-Seite */
.news-list-container{padding:0 !important}
.news-list-item{padding:20px; margin-bottom:20px; background-color:#F4F4F1; border-bottom:1px solid #ccc}
.news-list-item h2{margin-bottom:10px}
.news-list-item img{float:left !important; margin:2px 10px 30px 0 !important}
.home .news-list-item img{float:left !important; margin:2px 10px 20px 0 !important}
.news-list-item hr{clear:both !important}
/* Detail-Seite */
.news-single-item h1{margin:0px 0 10px 0; clear:both; border:none}
.news-single-item a{font-size:10px; display:block;}
.news-single-item .news-single-rightbox{padding-top:20px; clear:both; display:block; text-align:left; float:none}
.news-list-item .news-list-date{padding:0; clear:both; display:block; text-align:left; float:none}
.news-single-item hr{background-color:#E8E6E6; margin:20px 0 !important; display:block; width:100%;}
.news-single-item .news-single-img{margin-bottom:20px; margin-top:0}
.news-single-item .news-single-additional-info{margin-bottom:20px; padding-bottom:20px; display:block; border-bottom:1px solid #E8E6E6}
.news-single-item iframe{width:100% !important;}
.news-single-item .news-single-img img{width:100%; height:auto}
.news-single-item .news-single-backlink{padding-left:0;}
.news-single-item .news-single-backlink a, .news-single-item a{background-color:#454545; padding:5px 10px; border-radius:3px; border:2px solid #fff; display:block; width:200px; text-align:center; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-single-item .news-single-backlink a:hover, .news-single-item a:hover{background-color:#B9CD16; text-decoration:none}
.news-single-additional-info a, .news-single-img a{padding:0; color:#fff; border-radius:none; border:none; background-color:none; width:auto; text-align:left; display:inline}
.news-single-additional-info a:hover, p a:hover{text-decoration:underline}
.tx-srfreecap-pi2-cant-read{display:block}
.news-single-imgcaption{font-size:11px !important; font-style:italic; color:#666}
/*Prod-Logo*/
.prodlogo{float:right !important; margin-left:10px !important; position:relative !important; top:0 !important}
.prodlogo img{width:80px !important; height:auto !important; border:1px solid #ccc !important}


/* ------------------------------------------- TICKER --------------------------------------------------------- */
div#laufband { height: 50px; overflow: hidden; position:relative; width:100%; background-color:#97BF28; color:#fff; margin-top:0px; border-bottom:5px solid #454545; text-shadow: 0px 0px 8px #333;}
div#laufband div.scrollingtext {position: absolute; white-space: nowrap; padding-top: 10px; font-weigt:bold}
div.ticker a.tickerlink{width:100%; height:50px; display:block}


/* -------------------------------------------- FORMULARE ------------------------------------------------------ */
/* Standard-Formular */
input:focus, textarea:focus, select:focus{border:1px solid #B9CD16}
input, textarea, select{padding:1%; border:1px solid #ccc; margin:5px 0; background-color:#F4F4F1; font-family:'Open Sans', arial, helvetica, sans-serif; font-size:15px; color:#666;}
input:focus, textarea:focus, select:focus{background-color:#fff; color:#333; border:1px solid #71bf45}
input[type=submit]{background-color:#97BF28 !important; color:#fff; width:80px; cursor:pointer; width:auto !important; border:1px solid #B9CD16 !important; font-weight:bold}
/* Responsive-Kontaktformular */
form#kontaktform fieldset{border:none}
form#kontaktform legend{display:none}
form#kontaktform .tx_powermail_pi1_fieldwrap_html{display:block; margin-bottom:10px; clear:both;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html label{display:block;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:98%}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{display:block; width:98%}
form#kontaktform .tx-srfreecap-pi2-image{margin:5px 0; width:150px}
form#kontaktform .tx-srfreecap-pi2-cant-read{font-size:10px !important; color:#333}
.error p{color:white; background-color:red; padding:5px; margin-left:-20px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html_label{border-bottom:2px solid #BFC5D9; margin-bottom:20px !important; padding-bottom:20px}


/* --------------------------------------------- GOOGLE MAP --------------------------------------------------- */
#map_canvas{width:100%; height:350px; margin-bottom:30px}


/* --------------------------------------------- PRODUKTE (LOGOS) --------------------------------------------- */
.produkte-box{width:48%; margin:1%; border:1px solid #ccc; float:left}
.produkte-box .csc-header{display:none}
.produkte-box .produkte-image-border{background-color:#fff}
.produkte-box .csc-textpic img{padding:5px 0}
.produkte-box .csc-textpic-text{height:155px; padding-top:10px; padding-left:10px; overflow:auto; background-color:#F4F4F1}
.produkte-box a{color:#333}
.produkte-box DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:none; border-bottom:1px solid #ccc; margin:0 0 0 0 !important; text-align:center; min-height:75px}
.produkte-box div{padding:0px}
.produkte-box ul li{list-style-type: disc;}
.produkte-box .csc-textpic-imagewrap img{border:none !important}
.produkte-box .csc-textpic .csc-textpic-single-image IMG{margin-bottom:0 !important}
/* Berti: Brücke für iFrame-Verweigerer (siehe auch Setup Produkte) */
.produkte-box #uid-8236{display:block; position:absolute; margin-left:10px; margin-top:90px}
.produkte-box #uid-8236 h3{display:none}


/* ---------------------------------------------- NEWSLETTER -------------------------------------------------- */
.msgbox{padding:10px; background-color:#CCFFCC; border:1px solid #99CC33; color:#336600; font-weight:bold; text-align:center; margin-bottom:40px}


/* ---------------------------------------------- LANDWIRT PLUGINS --------------------------------------------- */
.eintragartikeldia, .listebox{padding:20px; margin-bottom:20px; background-color:#F4F4F1; border-bottom:1px solid #ccc}
.content .diabild{float:left; vertical-align:top}
.content .diabild img{margin-right:20px; margin-bottom:10px}
#imageshow img{width:100%; height:auto}
aside .diatext{width:100%}

.content .videovorschau ul li{list-style-type:none; display:block; height:110px; padding:20px; margin-bottom:20px; background-color:#F4F4F1; border-bottom:1px solid #ccc}
.content .videovorschau img{margin-right:10px; float:left}
aside .videovorschau ul li{list-style-type:none; display:block; padding:20px; margin-bottom:20px; background-color:#F4F4F1; border-bottom:1px solid #ccc}
aside .videovorschau ul li a{font-weight:bold}


/* ---------------------------------------------- Technikbörse PopUp ----------------------------------------- */
#sptxt{padding:10px; display:block; font-size:10px !important}
#scroller_popup{z-index:99999999}


/* ------------------------------ FOOTER ----------------------------------- */
footer{width:100%; display:block; background-color:#fff; border-bottom:5px solid #97BF28; margin-top:0px; margin-bottom:40px}
footer .footercol{width:25%; padding:3%; float:left}
footer a{color:#333}


/* -------------------------------------------- CSS3 Schatten ---------------------------------------------- */
.s, header, .slider, .teaser01, footer, .maincontent, div#laufband, .headerwrapper, .sticky, .boxleft, .boxright
{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}




/* -------------------------- RESPONSIVE ---------------------------------------------------------------------- */
/* -------------------------- WEBDESIGN ---------------------------------------------------------------------- */

/* Produkt-Darstellung || Mobile Devices */
@media screen and (min-width: 1025px) and (max-width: 1366px) {
#myProductInfoInner{position: fixed; height:800px !important; width:1000px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:750px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
#myProductInfoInner{position: fixed; height:680px !important; width:1000px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:630px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
#myProductInfoInner{position: fixed; height:700px !important; width:580px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:650px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 480px) and (max-width: 599px) {
#myProductInfoInner{position: fixed; height:650px !important; width:460px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:600px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 360px) and (max-width: 479px) {
#myProductInfoInner{position: fixed; height:500px !important; width:340px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:450px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
#myProductInfoInner{position: fixed; height:400px !important; width:315px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:350px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 240px) and (max-width: 319px) {
#myProductInfoInner{position: fixed; height:280px !important; width:240px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:230px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}
/* Produkt-Darstellung || Mobile Devices */



/* Mobile First */
@media screen and (min-width:767px) {
body{background-image:none; background-color:#DCE68A}
}

@media screen and (min-width:768px) {
body{background-image:url(../images/layout/bg2.jpg); background-position:center top; background-attachment:fixed}
}

@media screen and (min-width:1601px) {
body{background-image:url(../images/layout/bg.jpg); background-position:center top; background-attachment:fixed}
}
/* Ende Mobile First */


@media screen and (max-width:1250px) {
*, .landwirt *, body.landwirt{font-size:13px !important}
.wrapper, header .inner, nav{width:980px; margin:0 auto}
.csc-textpic-imagewrap, .csc-textpic-imagewrap, .csc-textpic-imagerow{width:100% !important}
.csc-textpic-imagewrap li, .csc-textpic-imagerow li{width:23% !important; padding:0 !important; margin:1% !important}
.csc-textpic-imagewrap li img, .csc-textpic-imagerow li img{width:100% !important; height:auto !important}
}


@media screen and (max-width:999px) {
.wrapper, header .inner, nav{width:728px; margin:0 auto}
header .topbuttons h1{font-size:30px !important}

.slider{padding:3px}
nav li a{padding:15px 8px}

.content {float:none; width:100% !important; padding:3% !important; margin:0 !important}
.sidebarleft{float:none !important; width:100% !important; padding:3%; margin-top:0;}
}




@media screen and (max-width:767px) {
.wrapper, header .inner, .selectmenu{width:90% !important;}
header .topbuttons h1{font-size:24px !important}

nav{display:none !important}
/* ---- Start Mobile Menu ---- */
.selectmenu{display:block;
-webkit-backface-visibility:hidden;}
.selectmenu select{display:block;
float:right;
width: 120px;
height: 45px;
padding: 0px 3% 0 3%;
background-color: #454545;
border: medium none;
color: #FFF;
font-size: 13px !important;
text-transform:uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../images/menu.png");
background-repeat: no-repeat;
background-position: 85% 50%;
cursor:pointer;
margin:0}
select::-ms-expand {display:none;}
option {background:#222; border-top:1px solid #444; padding:.3em 1em .3em 1em;}
/* ---- Ende Mobile Menu ---- */

.maincontent{width:100%;}

.wcmshortpics, .diabild, .videovorschau img, #topmaschinen img{float:none !important; display:block; margin-bottom:10px;}
.videovorschau ul li {height:auto}
.videovorschau ul li img{display:inline}

.news-list-item img, #topmaschinen img{float:none !important; display:block !important}
.news-single-item div{float:none !important}
.news-single-img{margin:10px 0 !important}

.sidebarleft .ltpartner{padding:0 0 10px 0}
.sidebarleft .ltpartner img{width:40%; margin:4%}

.footerimg{display:none}
footer{font-size:12px; width:100%}
footer .footercol{float:none; display:block; width:100%; border-bottom:2px solid #BFC5D9}
}

@media screen and (max-width:640px) {
.slider{width:100%; margin:0 0 30px 0; padding:1%}
.produkte-box{width:48%;}
.boxleft{float:none; margin-bottom:30px; width:100%}
.boxright{float:none; margin-left:0; width:100%}
}

@media screen and (max-width:499px) {
.topbuttons h1{text-align:center !important}
.logo{display:none !important}
.selectmenu select{width:100% !important; float:none}
h1, h1 a{font-size:18px !important}
header .topbuttons h1 span{font-size:14px !important}
header{height:70px}
}


@media screen and (max-width:450px) {
.produkte-box{width:98%;}
}