@CHARSET "UTF-8";

/**
 * Design and Composing by AgroWeb GmbH
 * @author Frank Klar and Rüdiger Reinhardt
 * @version 2012-02-21
 */

body {
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 80%;
  background-color: #929292;
  background-image: url('../images/bg.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #626262;
}
body#pageminfo {
  background-color: #eee;
  background-image: none;
}
/* Links */
a,
a:link,
a:visited {
  color: #cc0000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Header */
h1, h2, h3, h4 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  /*margin: 0;
  padding: 0 0 0.01em 0;*/
  font-weight: normal;
  color: #444;
}
h1 {
  font-size: 1.2em;
  border-bottom: 1px solid #888;
}
h2 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.0em;
}
h4 {
  font-size: 1.4em;
  margin:0px;
}

h1 a, h1 a:visited, h1 a:link {
  color: #888;
}
h1 a:hover {
  text-decoration: none;
  color: #626262;
}

/**
 * Design Beschreibungen
 */

/* Top Header Bereich */
div.clear { clear: both; }
div#main {
  width: 1000px;
  margin: 20px auto;
}

div#main_top_left {
  width: 325px;
  float: left;
}
div#main_top_right {
  width: 675px;
  float: left;
}
div#deutz_fahr_logo {
  width: 320px;
  height: 78px;
  margin: 0 5px 0 0;
  padding: 0;
}
div#company_logo {
  width: 320px;
  height: 123px;
  margin: 5px 5px 5px 0;
  padding: 0;
}
div#news_feed {
  width: 320px;
  height: 68px;
  margin: 0 5px 0 0;
  padding: 0;
  background: transparent url('../images/bg_news_2.png') no-repeat;
}
div#news_feed div.news_feed_inner {
  padding: 2px 1px 2px 25px;
  color: #fff;
  font-size: 0.8em;
}

/* Menue Container */
div#mainNav {
  width: 675px;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  background: transparent url('../images/bg_mainNav.jpg') repeat-x;
}
div#subNav {
  width: 186px;
  margin: 0 0 32px 0;
  padding: 0;
}
div#subNav div {
  height: 32px;
  line-height: 32px;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: url('../images/bg_naviSub_header.jpg') no-repeat;
  padding-left: 15px;
}

/* Content Bereich */
div#main_bottom {
  margin: 5px 0 0 0;
  padding: 0;
  background: transparent url('../images/bg_main_bottom.png') repeat-y;
}
div#main_bottom_left {
  width: 192px;
  float: left;
}
div#main_bottom_left_inner {
  width: 186px;
  margin: 0 5px 0 0;
  padding: 0;
  background-color: #a9a9a9;
}
div#main_bottom_right {
  width: 808px;
  float: left;
}

div#banner {
  height: 20px;
  line-height: 20px;
  font-size: 1.0em;
  color: #666;
  background-color: #efefef;
  position: relative;
}
div#content_home {
  min-height: 680px;
  background: #fff url('../images/bg_content_line_home.png') no-repeat;
}
div#content {
  min-height: 680px;
  background: #fff url('../images/bg_content_line.png') no-repeat;
}
div#white_spacer {
  background-color: #fff;
  width: 100%;
  height: 20px;
}
div#footer {
  height: 38px;
  text-align:center;
  padding-top:4px;
  color: #000;
  background-color: #ccc;
}
#footer a {
  color: #000;
  text-decoration:underline;
}

/* Inhalte */
div#normalContent {
  float: left;
  width: 548px;
  margin: 0;
  padding: 0;
}
div#rightContent {
  float: left;
  width: 259px;
  margin: 0;
  padding: 0;
}
div#normalContent_home {
  float: left;
  width: 438px;
  margin: 0;
  padding: 0;
}
div#rightContent_home {
  float: left;
  width: 369px;
  margin: 0;
  padding: 0;
}
div#ersatzContent {
  width: 808px;
  margin: 0;
  padding: 0;
}

div#ersatzContent div.innerWrapper,
div#normalContent div.innerWrapper,
div#normalContent_home div.innerWrapper {
  padding: 15px 25px 0 25px;
}
div#rightContent div.innerWrapper,
div#rightContent_home div.innerWrapper {
  padding: 15px 10px 0 25px;
}

/* Newsletter */
div#newsletterBox {
  margin-bottom: 20px;
}
div#newsletterBox h1,
div#leftContent h1 {
  background: url('../images/bg_left_header.jpg') no-repeat;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  padding-left: 15px;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
div#newsletterBox div.head {
  padding-left: 15px;
  color: #fff;
}
div#newsletterBox input#inputtext {
  margin-left: 15px;
  width: 150px;
  padding: 2px 3px;
}
div#newsletterBox input#btnsubmitnl {
  margin-left: 14px;
  margin-top: 3px;
  width: 158px;
  border: 1px solid #999;
  background-color: #cdcdcd;
  padding: 2px 3px;
}
/* Rest */

.csc-subheader {
  font-weight: bold;
}

#socialbuttons {
  padding-top:11px;
}

#newsHeader {
  margin:0px auto;
  width:165px;
}
#newsHeader .header-logo {
  margin:0px 5px 0px 5px;
}
.indent {
  padding-left: 25px;
}

div.wcm-stditem span.wcmdatum {
  padding-right: 10px;
}

.wcmfloatreset { clear: both; }


.csc-frame-frame1 .contenttable p {
  margin: 0px;
  padding: 0px;
}
.csc-frame-frame1 .contenttable th,
.csc-frame-frame1 .contenttable td {
  padding: 2px 5px;
  text-align: left;
}

.csc-frame-frame1 h3 {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

/* Maschinen über 100% */
body.maschinen div#content{background-image:none}


/* Hersteller-News (Agro-Web-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 5px 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, p 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}
/*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}
#rightContent_home .prodlogo{margin-left:80px !important}

.wcmshortpics img{height:auto !important}

.error {
  background-color: #FF0000;
  border: 1px solid #FF0000;
  color: #FFFFFF;
  height: auto;
  margin-left: -2px;
  padding: 3px 10px 5px;
  text-align: left;
  z-index: 10;
  -moz-border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 0 0 6px #DDDDDD;
}
.error p {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color:#FFF;
}
html:root .error em {
  border-color: #FF0000 transparent;
  border-style: solid solid none;
  border-width: 10px 10px 0;
  bottom: -10px;
  display: block;
  height: 0;
  left: 5px;
  position: absolute;
  width: 0;
}

.tx-powermail-pi1_mandatory_submit {
  border:1px solid #999;
  padding:2px 5px 3px 5px;
}

.powermail_mandatory_listitem {
  margin-top:5px;
  margin-bottom:2px;
  color:#EE0000;
}

input.validation-failed, textarea.validation-failed {
  border:2px solid #FF0000;
}

div.powermail_mandatory_js {
  color: red;
  margin: 3px 0 5px 169px;
}