/* Webfont */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ---------------------------------------- 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 {
  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:13px !important;}
body{font-family:'Open Sans', arial, sans-serif; font-size:15px; color:#333; background-color:#E4E3E3; background-image:url(../images/grilled.png);}
p, ul, table{margin-bottom:20px}
a{text-decoration:none; color:#DA3635}
a:hover{text-decoration:underline}
iframe{width:100% !important}
/* iFrame Technikbörse */
.tbiframe{height:1450px}


/* --------------------------------------------- LAYOUT-HELFER ---------------------------------------------- */
.inner{width:960px; height:100%; margin:0 auto}
.clear, .wcmfloatreset{clear:both}
.content::after, .eintragartikeldia::after, #c29110 .csc-textpic-imagewrap, .content .wcm-stditem::after{clear:both; content:""; display:block}
.contentbutton{background-color:#DA3635; color:#fff; display:block; width:200px; padding:10px 0; text-align:center; margin-bottom:40px}
.csc-textpic-imagewrap, .csc-textpic-imagerow{width:100% !Important}



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

/* Top-Headline im Content */
.content h1{font-size:18px !important; color:#DA3635; font-weight:normal}

/* WCM-Title Startseite */
.content .wcm-startbox h1, .content #c29439 h1, .content #c30286 h1{color:#E03637; font-size:16px !important; display:block; border-bottom:2px solid #E03637; font-weight:normal; margin-bottom:10px}
.content .wcm-startbox h1 a{color:#E03637; text-decoration:none; font-size:16px !important}

/* Farbig hinterlegter Title - Sidebars & Content */
.sidebarleft h1, .sidebarleft #headerClaim, .sidebarright h1, .content .tx-felogin-pi1 legend, .sidebarright .tx-felogin-pi1 h3, .produkte-box h3
{font-weight:normal; background-color:#ccc; background-image:url(../images/h1bg.jpg); padding:10px; display:block; text-transform: uppercase; margin-bottom:0; border:1px solid #D8D6D6;}

/* Farbig hinterlegter Title - Boxen-Fix */
.content .wcm-stditem, .content .tx-felogin-pi1 fieldset{padding:0px; margin-bottom:5px; border:none}
.sidebarright .tx-felogin-pi1 legend{width:118px}



/* -------------------------------------------- HEADER ------------------------------------------------------ */
header{width:100%; background-color:#fff; padding:20px 0; position:fixed; z-index:89}
header .logo{float:left; width:219px; height:64px; background-image:url(../images/logo.gif);}
header nav{float:right; margin-top:46px}
header nav li{float:left; margin-left:15px}
header nav li a{color:#333; text-decoration:none; text-transform: uppercase;}
header nav li a:hover{color:#C6191D}
header nav li a.active{color:#C6191D; border-bottom:2px solid #C6191D}


/* -------------------------------------------- RES-SLIDER ------------------------------------------------- */
.slider{clear:both; margin-bottom:1px; padding-top:100px; background-image:url(../images/sliderbg.jpg); background-position:top center; background-repeat:no-repeat}
.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}

.abstand{padding-top:100px; display:block}


/* -------------------------------------------- SEC & RES NAVIGATION ------------------------------------------------ */
/* Subnavi */
.subnav li{margin:10px 0; border-bottom:2px solid #ccc}
.subnav li a{margin-left:10px; display:block; padding-bottom:10px}
.subnav li a:hover, .subnav li a.active{font-weight:bold;}

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



/* -------------------------------------------- CONTENT --------------------------------------------------- */
.contentwrapper .inner{background-color:#F8F7F7; margin:20px auto; border-top:4px solid #C6191D}
.maincontent{float:left; margin-left:20px;}
.content{width:500px; padding:30px 25px; margin:0; float:right;}
.contentpage{width:685px}
.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{float:left; margin-right:4px; width:142px}
.content .wcmshortpics img{border:1px solid #ccc; height:auto !important}
.content .wcm-stditem {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ccc}
.content .wcm-stditem .wcmnormal{text-align:left !important; font-style:italic}


/* --------------------------------------------- SIDEBARS ---------------------------------------------------- */
/* Sidebar-left */
.sidebarleft{width:185px; float:right; margin-top:30px;}
.sidebarleft img{margin-top:10px !important}
/* Info für Agro-News-Überschrift */
.sidebarleft #c29438{margin-bottom:0;}
.sidebarleft .csc-frame, .sidebarleft #newsletter-inner form, .subnav ul{background-color:#fff; border:1px solid #D8D6D6; border-bottom:3px solid #D51721; padding:10px 20px}
.detail{display:block; text-align:center; font-size:11px !important; color:#666; margin-top:-20px}

/* Sidebar-right */
.sidebarright{width:185px; float:left; margin-top:30px;}
.sidebarleft .csc-default, .sidebarright .csc-default{padding-bottom:0px; margin-bottom:20px;}
.sidebarright .csc-default .csc-default{border-bottom:none}
.sidebarright .tx-seolandwirtcontent-pi1, .sidebarright p.bodytext{background-color:#fff; border:1px solid #D8D6D6; border-bottom:3px solid #D51721; padding:10px 20px}
.sidebarright .videovorschau img, .sidebarright .eintragartikeldia img{width:100%; height:auto}

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


/* ----------------------------------------------- AGROWEB-NEWS --------------------------------------------------- */
/* Übersichts-Seite */
.news-list-item{margin-bottom:20px; padding-bottom:20px; display:block; border-bottom:1px solid #E8E6E6}
.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{font-size:12px !important}
.news-single-item .news-single-backlink a, .news-single-item a{background-color:#F2F1F1; padding:5px 10px; border-radius:3px; border:2px solid #E8E6E6; display:block; width:200px; text-align:center; color:#333}
.news-single-item .news-single-backlink a:hover, .news-single-item a:hover{background-color:#F8F7F7; text-decoration:none}
.news-single-additional-info a, .news-single-img a{padding:0; font-size:12px; color:#CC0000; 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}
/*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:960px; background-color:#D01A17; color:#fff; margin-top:20px}
div#laufband div.scrollingtext {position: absolute; white-space: nowrap; padding-top: 15px;}


/* -------------------------------------------- FORMULARE ------------------------------------------------------ */
/* Standard-Formular */
input, textarea, select{padding:5px; border:1px solid #D8D6D6; 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]{background-color:#DA3635 !important; color:#fff; width:80px; cursor:pointer; width:auto !important; border:1px solid #DA3635}
/* 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:250px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:250px;}
form#kontaktform .tx-srfreecap-pi2-image{margin:5px 0; width:150px}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:210px; font-size:10px !important}
form#kontaktform .powermail_submit{margin-left:200px;}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:200px}
.error p{color:white; background-color:red; padding:5px; margin-left:-20px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html_label{border-bottom:1px dotted #ccc; margin-bottom:20px !important; padding-bottom:20px}


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


/* --------------------------------------------- PRODUKTE (LOGOS) --------------------------------------------- */
.produkte-box{margin-bottom:20px}
.produkte-box .csc-textpic-imagewrap{width:auto !important}
.produkte-box{background-color:#EFEFEF}
.produkte-box div{padding:5px}
.produkte-box ul li{list-style-type:none !important; margin-left:0}


/* ---------------------------------------------- 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; padding-bottom:20px; border-bottom:1px dotted #ccc}
.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:inline-block; width:230px; margin-bottom:30px}
.videovorschau img{margin-bottom:10px}
.sidebarright .videovorschau ul li{list-style-type:none; display:inline-block; width:100%; margin:0 0 20px 0}


/* ------------------------------------------------ FOOTER -------------------------------------------------------- */
.footerticker{background-image:url(../images/flagge.png); background-position:center 10px; background-repeat:no-repeat; height:60px}
.footer{text-align:center; margin-top:40px; margin-bottom:20px}


/* -------------------------------------------- CSS3 Schatten ---------------------------------------------- */
.s, header, .slider li img, .contentwrapper .inner, .footerimg img{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);}




/* -------------------------- RESPONSIVE ---------------------------------------------------------------------- */
/* -------------------------- WEBDESIGN ---------------------------------------------------------------------- */
@media screen and (max-width:980px) {
.inner {width: 748px !important;}
.content{width:505px !important; padding:30px 0 30px 25px !important}

header .logo{width:150px; height:44px; background-size:150px 44px; margin-top:16px; margin-bottom:0px}
header nav li a{text-transform:none}

.slider{background-image:none}

#laufband{width:100% !important;}

.sidebarright{width:100% !important; border-top:2px solid #ccc}
.sidebarright img{max-width:100% !important; width:auto !important; height:auto}

.footerimg img{width:100%; height:auto}
.footerticker{background:none}

.produkte-box .csc-textpic-text, .produkte-box .csc-header{display:none}
.produkte-box{width:32%; margin-right:1%;  float:left; border-bottom:none}
.produkte-box div{padding:0}
.produkte-box .csc-textpic-single-image{padding:2% !important; width:96% !important}
.produkte-box .csc-textpic-single-image img{width:100% !important; height:auto; margin-bottom:0 !important}


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:80%;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:80%;}
}




@media screen and (max-width:767px) {
.inner{width: 96% !important; margin:2% 2% 2% 2% !important; display:block}
.maincontent{width:100%; margin:0 !important}

header{padding:0}
header .logo{margin-top:16px; margin-bottom:0}
header .selectmenu{display:block; padding:25px 0 10px 0; float:right; -webkit-backface-visibility:hidden;}
header nav{display:none}

.content {float:none; width:96% !important; padding:2% !important; margin:0 !important}
.sidebarleft{float:none !important; width:auto !important; margin-top:0; width:100% !important}
.sidebarright{margin-top:0}

form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:95%;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:95%;}
}



@media screen and (max-width:550px) {
.inner{min-width:300px}

header .logo, header .selectmenu{float:none; display:block; margin:0 auto !important; text-align:center}

.slider, .abstand{padding-top:145px}

.produkte-box{width:49%; margin-right:1%;  float:left; border-bottom:none}

.wcmshortpics, .diabild{float:none !important; display:block; margin-bottom:10px}

.wcm-stditem table td{display:block; margin-bottom:5px}

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

.footerimg{display:none}
.footer{font-size:12px}
}
.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;
}