/* Webfont */
@import url('../../../../fonts.googleapis.com/css__q_93f9040ecd1a.bin');
@import url(../../../../maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);


/* ---------------------------------------- RESET ---------------------------------------------------- */
*{margin:0; padding:0; list-style-type:none; box-sizing:border-box}
img{border:none}
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
h1{text-transform:uppercase; font-weight:normal; font-size:18px !important}
h2, #c38503 a, #c38502 a{text-transform:uppercase; font-weight:normal; font-size:16px !important; font-weight:800}
.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 {display: block;}


/* -------------------------------------------- STANDARD-HTML ----------------------------------------------- */
html, body{width:100%;}
*{margin:0; padding:0; list-style-type:none; font-family:'Open Sans', arial, helvetica, sans-serif !important; font-size:14px !important}
body{font-family:'Open Sans', arial, sans-serif; color:#333; background-color:#E4E8EB !important;}
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
h1, h1 a{font-size:20px}
h2, h2 a{font-size:16px; margin-bottom:10px}
.brand{font-size:30px; text-transform:uppercase;}
.welcome{font-size:18px; text-transform:uppercase;}
p, ul, table{margin-bottom:20px}
a{text-decoration:none; color:#0A5FA7; transition:all 0.3s linear 0s;}
a:hover{color:#5FA0D7; text-decoration:none}
iframe{width:100% !important}
article{min-height:600px}
article, aside{margin-bottom:40px}
img{max-width:100%; height:auto}



/* --------------------------------------------- LAYOUT-HELFER ---------------------------------------------- */
.inner{width:980px; margin:0 auto}
.clear, .wcmfloatreset{clear:both}
article::after, aside::after, .content::after, .inner::after, .eintragartikeldia::after, .content .wcm-stditem::after, .videovorschau li::after, .csc-textpic::after, .gmmtrefferresp::after{clear:both; content:""; display:block}
.fa{font-family: FontAwesome !important; font-weight:normal !important}

.col100{width:98%; margin-left:1%; margin-right:1%; float:none}
.col75{width:73%; margin-left:1%; margin-right:1%; float:left}
.col66{width:64.66666%; margin-left:1%; margin-right:1%; float:left}
.col50{width:48%; margin-left:1%; margin-right:1%; float:left}
.col33{width:31.33333333%; margin-left:1%; margin-right:1%; float:left}
.col25{width:23%; margin-left:1%; margin-right:1%; float:left}

iframe.tbiframe{height:3100px !important}

/* Individuelle Angaben */
/* Startseite, Welcome-Box */
#c39108{margin-bottom:40px}



/* -------------------------------------------- HEADER ------------------------------------------------------ */
header{width:100%; background-color:#fff}
header .logo{float:left; padding:10px 0}

.naviwrapper{float:right; text-align:right; padding-top:10px;}
nav{padding-top:20px}
nav ul {text-align:right; margin-bottom:0}
nav ul li{display:inline-block}
nav li a{display:block; padding:5px 0; border-bottom:2px solid #fff; margin-left:20px; text-transform: uppercase; transition:all 0.3s linear 0s;}
nav li a:hover, nav li a.active{color:#5FA0D7; text-decoration:none; border-bottom:2px solid #5FA0D7;}

header .topphone i, header .topphone span{color:#0A5FA7; font-size:22px !important}
header .topphone:hover{text-decoration:none}

.button{background-color:#0A5FA7; color:#fff; display:inline-block; padding:5px 10px; text-transform: uppercase; transition:all 0.3s linear 0s;}
.button:hover{background-color:#5FA0D7; color:#fff; text-decoration:none}


/* -------------------------------------------- SEC & RES NAVIGATION ------------------------------------------------ */
/* Subnavi */
.subnav li{margin:0; border-bottom:1px solid #fff; background-color:#0A5FA7;}
.subnav li a{display:block; padding:10px 20px; color:#fff !important; transition:all 0.3s linear 0s}
.subnav li a:hover, .subnav li a.active{text-decoration:none; background-color:#5FA0D7;}

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


/* -------------------------------------------- RES-SLIDER ------------------------------------------------- */
.slider{clear:both; margin-top:1px; margin-bottom:0%;}
.slider img.placeholder{width:100%; height:auto; vertical-align: middle}
.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 --------------------------------------------------- */
.content ul li{list-style-type:square; margin:0 0 10px 20px; padding-left:0px; }
.content .csc-textpic-intext-left ul{margin:0; padding:0}
.content .wcmshortpics{float:left; margin-right:20px; width:142px}
.content .wcm-stditem, .times, #c39142, #c39144, #c39145, #c39146, #c39776 {margin-bottom:20px; display:block; background-color:#fff; border:1px solid #D2DAE0; padding:10px}
.content .wcm-stditem ul{clear:both}
.content .wcmshortpics img, .content .wcmpicpos2 img{clear:both; width:129px}
.content .wcmpicpos2{clear:both}
.content .wcm-stditem{border:1px solid #D2DAE0;}
.content .wcmdatum{margin-right:10px}
.content .wcmshortpics img{height:auto !important}


#agronews .anewsheaderpic, #agrowetter{border-top:0 !important}

.csc-uploads td{vertical-align:top; padding:10px}
.csc-uploads td p{margin-bottom:0}


/* -------------------------------------------- CONTENT --------------------------------------------------- */
.content .wcm-stditem table{width:100%}


/* --------------------------------------------- LAYOUT + SIDEBARS ---------------------------------------------------- */
.wrapper{margin-top:40px}

/* Sidebar-left */
aside img{margin-top:10px !important}
aside .csc-textpic-imagewrap, aside .csc-textpic-imagewrap div, aside .csc-textpic-imagewrap li{width:100% !important}
/* Info für Agro-News-Überschrift */
aside .csc-frame, aside #newsletter-inner form, .subnav ul, aside .csc-textpic{background-color:#fff; border:1px solid #D2DAE0; padding:10px; margin-bottom:20px}


/* ----------------------------------------------- AGROWEB-NEWS --------------------------------------------------- */
/* Übersichts-Seite */
.news-list-container{padding:0 !important}
.news-list-item{margin-bottom:20px; display:block; background-color:#fff; border:1px solid #D2DAE0; padding:10px}
.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}
.news-list-item .news-list-date{font-size:12px !important; padding:3px;}
/* Detail-Seite */
.news-single-item div{width:100%}
.news-single-item h1{margin:0px 0 10px 0; clear:both; border:none}
.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:#0A5FA7; width:100%; color:#fff !important; padding:5px 10px; border-radius:1px; display:block; text-align:center; margin-bottom:2px; clear:both}
.news-single-item .news-single-backlink a:hover, .news-single-item a:hover{background-color:#3787C9; color:#fff !important; 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:#29509B}
/*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 --------------------------------------------------------- */
.ticker{position:relative; background-color:#0A5FA7; border-bottom:5px solid #5FA0D7; border-top:1px solid #fff}
div#laufband { height: 50px; overflow: hidden; position:relative; width:100%; color:#fff; font-weight:bold; margin-bottom:10px}
div#laufband div.scrollingtext {position: absolute; white-space: nowrap; padding-top: 20px;}


/* -------------------------------------------- FORMULARE ------------------------------------------------------ */
/* Standard-Formular */
input, textarea, select{padding:5px; border:1px solid #D2DAE0; margin:5px 0; background-color:#EFEFEF; font-family:'Actor', arial, sans-serif; font-size:13px; color:#666;}
input:focus, textarea:focus, select:focus{background-color:#fff; color:#333; border:1px solid #71bf45}
input[type=submit], #agrowetter #wettersubmit, input.btnRoute{color:#fff; background-color:#333; width:80px; cursor:pointer; width:auto !important; border:none !important}
input#btnsubmitnl{background-color:#fff !important; color:#333 !important;}
/* 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; width:180px; float:left; margin-right:20px}
form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:98%;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:98%;}
form#kontaktform .tx-srfreecap-pi2-image{margin:5px 0; width:150px}
form#kontaktform .tx-srfreecap-pi2-cant-read{font-size:10px !important}
form#kontaktform .powermail_submit{}
.error p{color:white; background-color:red; padding:5px; margin-left:-20px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html_label{border-bottom:1px solid #E6E8E8; margin-bottom:20px !important; padding-bottom:20px}


/* --------------------------------------------- GOOGLE MAP --------------------------------------------------- */
#map_canvas{width:100%; height:450px;}

.gm-style img{max-width:none !important}
.map {background-color:#fff; border-top:5px solid #0A5FA7}
.map {position:relative}
.map  .overlay{background-color:#EFEFEF; opacity:0.3; position:absolute; width:100%; height:100%; z-index:998; transition: all 0.3s linear 0s;}
.map:hover .overlay {opacity: 0; -webkit-transform: scale(0); -mstransform: scale(0); transform: scale(0);}



/* --------------------------------------------- PRODUKTE (LOGOS) --------------------------------------------- */
.produkte-box{width:48%; margin:1%; border:1px solid #D2DAE0; 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:#EAEAEA}
.produkte-box a{color:#333}
.produkte-box DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:none; border-bottom:1px solid #D2DAE0; 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}


/* ---------------------------------------------- NEWSLETTER -------------------------------------------------- */
.sidebarleft #newsletter-inner form input{width:128px;}
.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{margin-bottom:20px; display:block; background-color:#fff; border:1px solid #D2DAE0; padding:10px}
.diabild{float:left; vertical-align:top}
.diabild img{margin-right:20px; margin-bottom:10px}
#imageshow img{width:100%; height:auto}
.sidebarright .diatext{width:100%}
.videovorschau ul li{list-style-type:none; display:block; margin-left:0 !important; margin-bottom:20px; display:block; background-color:#fff; border:1px solid #D2DAE0; padding:10px}
.videovorschau img{margin-right:10px;}
.videobild{display:block}
.sidebarright .videovorschau ul li{list-style-type:none; display:inline-block; width:100%; margin:0 0 20px 0}
.home .diabild, .home .diabild img, .home .videovorschau img{margin:0; display:block; float:none}
.home .diabild img{margin-bottom:20px}
/* -- Gebrauchtmaschinen -- */
.gmmtrefferresp, #gmmliste{padding:20px; background-color:#fff; margin-bottom:20px}
#gmmkontaktdaten{background-color:#fff}
.flex-direction-nav li{margin:0; list-style-type:none !important}
.row{margin-left:0 !important; margin-right:0 !important}



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


/* ------------------------------ FOOTER ----------------------------------- */
.footer{background-color:#0A5FA7; text-align:center; color:#fff; padding:20px 0;}
.footer a{color:#fff}


/* -------------------------------------------- CSS3 Schatten ---------------------------------------------- */
.s, .sticky{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);}




/* -------------------------- 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 */






@media screen and (max-width:999px) {
.inner{width:748px; margin:0 auto}
*, body{font-size:13px !important}
h1, h1 a{font-size:16px !important}
h2, h2 a{font-size:13px !important}
header .logo{width:230px; padding:25px 0 10px 0}
header nav{padding-top:15px}
nav li a{margin-left:15px}
header .topphone{font-size:17px}
}

@media screen and (max-width:767px) {
.inner{width:96%; margin:0 auto}

form#kontaktform .tx_powermail_pi1_fieldwrap_html label{float:none}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:0}
form#kontaktform .powermail_submit{margin-left:0}
form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:95%;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:95%;}

header .naviwrapper{padding-top:30px}
header .topphone{float:right; display:block; width:35px; height:35px; padding-top:5px; text-align:center; background-color:#FF9933}
header .topphone span{display:none}

nav{display:none !important}
.selectmenu{display:block; -webkit-backface-visibility:hidden; float:right}

.selectmenu select{
display:block;
background-color:#0A5FA7;
width: 200px;
height: 35px;
padding: 0;
margin:0;
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: 94% 50%;
cursor:pointer}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {display:none;}
option {background:#222; border-top:1px solid #444; padding:.3em 1em .3em 1em;}

aside.col33{width:98%; float:none}
article.col66{width:98%; float:none}

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

.wcm-stditem table{width:100%}
.wcm-stditem table td{display:block; margin-bottom:5px; width:100%; padding-top:5px; height:auto}

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

.produkte-box{width:48%}
}



@media screen and (max-width:580px) {
.csc-textpic-imagewrap, .csc-textpic-imagewrap, .csc-textpic-imagerow{width:100% !important}
.csc-textpic-imagewrap li, .csc-textpic-imagerow li{width:31% !important; padding:0 !important; margin:1% !important}
.csc-textpic-imagewrap li img, .csc-textpic-imagerow li img{width:100% !important; height:auto !important}
.produkte-box{width:98%}

header{background-image:url(../images/layout/header_bg.jpg); background-repeat:repeat-x; background-position:bottom}
header .naviwrapper, header .logo{float:none; margin:0 auto; width:235px; display:block}
header .naviwrapper{padding-top:10px}

div#laufband {height: 30px;}
div#laufband div.scrollingtext {padding-top: 10px;}
}

form#kontaktform .tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_check label {
	width: unset !important;
	display: inline !important;
	float: none !important;
}
.tx_powermail_pi1_fieldwrap_html_check input {
	width: unset !important;
	display: inline !important;
}
#newsletter-inner {
	display: none;
}