#cms-content div#mood-img{
  line-height:0px; 
}

#cms-content div#mood-img img{
  width: 100%;
}

#cms-content div.left-col{
  float:left;
 /* margin-right:20px;*/
  width:64%;
}

#cms-content div.left-col strong{
  font-family: Walbaum18pt-Regular;
  font-weight: 100;
  font-size: 13pt;  
}

#cms-content div.right-col{
  width:33%;
  float:right;
  padding-top:20px;
}

#cms-content div.left-col h1{
  margin-top: 34px;
  color: #000;
  font-family: Walbaum18pt-Regular;
  font-weight: 100;
}


/*############################################
  Bilder-Galerie
##############################################*/

.it-gallery {
  position: relative;
  float: left;
  width: 720px;
  margin-bottom: 10px;
}
.it-gallery.small {
  width: 460px;
}
.it-gallery ul {
  padding: 0;
  margin: 0 -20px 0 0;
}
.it-gallery ul li {
  border: 1px solid #ececec;
  display: block;
  float: left;
  height: 120px;
  margin: 0 15px 15px 0;
  padding: 3px;
  list-style: none;
  text-align: center;
  width: 120px;
}
.it-gallery.small ul li {
  margin-right: 25px;
}
.it-gallery ul li:hover img {
  opacity: 0.75;
  filter: alpha(opacity = 75);
}
.it-gallery ul li a {
  display: block;
  height: 100%;
}
.it-gallery .arrow-left,
.it-gallery .arrow-right {
  display: none;
}

.it-gallery.slider {
  height: 128px;
  overflow: hidden;  
  padding: 0 24px;
  width: 652px;
  margin-bottom: 25px;
}
.it-gallery.slider.small {
  width: 392px;
}
.it-gallery.slider .arrow-left {
  background: url('../images/layout/gallery-slider-arrows.png') no-repeat 0 -16px;
  cursor: pointer;
  display: block;
  height: 128px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.it-gallery.slider .arrow-left:hover {
  background-position: -25px -16px;
}
.it-gallery.slider .arrow-left.inactive {
  background-position: -50px -16px;
  cursor: default;
}
.it-gallery.slider .arrow-right {
  background: url('../images/layout/gallery-slider-arrows.png') no-repeat 0 -186px;
  cursor: pointer;
  display: block;
  height: 128px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.it-gallery.slider .arrow-right:hover {
  background-position: -25px -186px;
}
.it-gallery.slider .arrow-right.inactive {
  background-position: -50px -186px;
  cursor: default;
}
.it-gallery.slider ul {
  /* background-color: #e7e7e7; */
  margin: 0;
  left: 22px;
  position: absolute;
  width: 20000px;
}
.it-gallery.slider.small ul {
  left: 24px;
}
.it-gallery.slider ul li,
.it-gallery.slider.small ul li {
  margin-right: 4px;
}
.it-gallery-popup-wrapper {
  background: url("../images/layout/bg-50opac.png") repeat 0 0 transparent;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.it-gallery-popup-wrapper .popup-window {
  -moz-box-shadow:    0px 0px 10px 5px #666666;
  -webkit-box-shadow: 0px 0px 10px 5px #666666;
  box-shadow:         0px 0px 10px 5px #666666;
  
  background-color: #ffffff;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: relative;
  width: 400px;
}
.it-gallery-popup-wrapper .popup-window .cross {
  background: url('../images/layout/close-cross.png') no-repeat 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.it-gallery-popup-wrapper .popup-window .cross:hover {
  background: url('../images/layout/close-cross.png') no-repeat 0 -30px;  
}
.it-gallery-popup-wrapper .popup-window .loading-image {
  background: url('../images/ajax-loading.gif') no-repeat 0 0;  
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;  
}
.it-gallery-popup-wrapper .arrow-left {
  background: url('../images/layout/gallery-arrows.png') no-repeat 0 0;
  cursor: pointer;
  display: none;
  height: 100px;
  left: 0;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 40px;
}
.it-gallery-popup-wrapper .arrow-left.hover,
.it-gallery-popup-wrapper .arrow-left:hover {
  background: url('../images/layout/gallery-arrows.png') no-repeat -60px 0;
}
.it-gallery-popup-wrapper .arrow-right {
  background: url('../images/layout/gallery-arrows.png') no-repeat 0 -120px;
  cursor: pointer;
  display: none;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
}
.it-gallery-popup-wrapper .arrow-right.hover,
.it-gallery-popup-wrapper .arrow-right:hover {
  background: url('../images/layout/gallery-arrows.png') no-repeat -60px -120px;  
}


/*############################################
  Flexible Inhalte
##############################################*/

.flexible-content {
  margin-bottom: 30px;
}
.flexible-content h6 {
  margin: 0;
  font-size: 16px;
  color: #000;
}
.flexible-content p {
  margin: 0;
}
.flexible-content.double > div.part-left,
.flexible-content.double > div.part-right {
  float: left;
  width: 210px;
}
.flexible-content.double > div.part-left {
  margin-right: 20px;  
}
.flexible-content.double > div.part-left > div,
.flexible-content.double > div.part-right > div,
.flexible-content.single > div {
  word-wrap: break-word;
}

.flexible-content.double > div.part-left > div:first-child,
.flexible-content.double > div.part-right > div:first-child,
.flexible-content.single > div:first-child {
  margin-top: 0;
}

.flexible-content .text-container {
  margin-top: 10px;
}
.flexible-content .link-container {
  margin-top: 6px;
}
.flexible-content .image-container {
  margin-top: 13px;
}

.flexible-content .headline-container {
  margin-top: 15px;
}

/* Container für die Bildboxen im linken Teil */
/*############################################*/

table.layout-2-cols{
  margin-top:20px
}
table.layout-2-cols td{
  width: 48%;
  background: #f5f5f5;
  padding-bottom:15px;
  vertical-align: top;
}

table.layout-2-cols td img{
  width: 100%;
}

table.layout-2-cols td.offset{
  width:20px;
  background: none;
}
table.layout-2-cols h6{
  color: #000000;
  font-size:1.33em;
  margin: 10px 8px 6px 8px;
  font-family: Walbaum18pt-Regular;
  font-weight: 100;
}
table.layout-2-cols div.content{
  margin:0px 8px;
  line-height:1.333em;
}
table.layout-2-cols div.link{
  margin:5px 8px 0px 8px;
  color: #000;
  font-family: FFMarkWebProBook;
}
table.layout-2-cols div.link a{
  color: #000;
  text-decoration: underline;
}
table.layout-2-cols div.link a:hover{
  text-decoration:underline;
}

/*################################################################
   Marginalspalte
##################################################################*/

/* Container für den Claim im rechten Teil */
/*#########################################*/
div.claim {
  font-size: 28px;
  color: #000000;
  line-height:32px;
  font-family: Walbaum18pt-Regular;
}
div.claim h6{
  font-size: 16px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom:5px;
  margin-top:10px;
  font-family: FFMarkWebProBook;
}
div.claim div.link{
  font-size:12px;
  margin:20px 8px 0px 0px;
}
div.claim div.link a{
  color: #000000;
  text-decoration: underline;
  font-family: FFMarkWebProBook;
  font-size: 12pt;
}
/* Container für die Marginalspalte grau*/
/*#########################################*/
div.marginal-box {
  background:#f5f5f5;
  padding:10px;
}
div.marginal-box h6{
  font-size:16px;
  margin-top:0px;
  margin-bottom:20px;
}
div.right-col .marginal-box h6{
  color: #000;
  margin-bottom: 12px;
}
div.right-col .marginal-box h6.subHeadline{
  color: #58585a;
  font-size: 12px;
  font-weight: bold;
  margin: 7px 0 7px 0;
}
div.right-col .marginal-box p{
  margin: 8px 0;
}
div.marginal-box div.bold{
  font-size:16px;
  margin-top:0px;
  margin-bottom:20px;
}

/* Formular-Elemente */
/*#########################################*/
.input{
  border:1px solid #ababac;
  padding-top:3px;
  padding-bottom:4px;
  padding-left:5px;
  }
select, .input{
  color:#ababac;
  font-size:12pt;
  }
td.valign_top,
th.valign_top{
  vertical-align:top;
}  

/*################################################################
   Button
##################################################################*/
.button{
 /* background: url("../images/layout/button-bg.png") no-repeat transparent 0 0;*/
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  height: 30px;
  padding-top: 6px;
  text-decoration: none;
  text-align: center;
  width: 200px;
  margin-top:5px;
  background:#505050;
  padding-bottom: 7px;
}
.button:hover, .button.hover{
 /* background: url("../images/layout/button-bg.png") no-repeat transparent 0 -40px;*/
 background: #919191;
}

/*################################################################
   Formular-Tabellen (z.B Händlersuche)
##################################################################*/
.form-table th{
  text-align: left;
  font-weight:bold;
  padding-right:25px;
}
.form-table td{
  padding-top:5px;
  padding-bottom:5px;
  color: #9c9e9f;
}

/*################################################################
   Pager
##################################################################*/
.paging{
  border-top: 1px solid #ababac;
  padding-left: 10px;
}
.paging-element{
  border: 1px solid #ababac;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 10px 6px 0 0;
  padding-top: 3px;
  text-align: center;
  width: 22px;
}
.paging-element a{
  color: #58585A; 
}

.paging-element:hover{
  text-decoration: underline;
}

.paging-element.active{
  cursor: default;
  font-weight: bold;
  text-decoration: none;
}

/*################################################################
   Seite startcommon-start
##################################################################*/

#startcommon-start{
  padding-bottom:20px;
}
#startcommon-start .navigation{
  height:439px;
  width:340px;
  background: #626D86;
  float:left;
}
#startcommon-start .keyvisual{
  float:left;
}

#startcommon-start .navigation .item{
  border-top:1px solid #ffffff;
  color:#ffffff;
  display: block;
  height:90px;
  margin-left:20px;
  padding-top:40px;
  position:relative;
  width:300px;
}
#startcommon-start.items4 .navigation .item{
  height:72px;
  padding-top:22px;
}

#startcommon-start .navigation .item:first-child{
  border:none;
}
#startcommon-start .navigation .item.brands{
  height:145px;
  padding-top:30px; 
}
#startcommon-start.items4 .navigation .item.brands{
  height:130px;
  padding-top:22px; 
}
#startcommon-start .navigation .item .logos{
  background:#ffffff;
  margin-left:10px;
  margin-right:10px;
  margin-top:15px;
  padding:0px;
  text-align:center;
}
#startcommon-start .navigation .item .logos img{
  margin:10px;
  margin-bottom:6px
}
#startcommon-start .navigation .item h1{
  color:#ffffff;
  margin:0px;
  margin-left:10px;
  margin-bottom:6px;
}
#startcommon-start .navigation .item .arr{
  display:none;
}
#startcommon-start .navigation .item:hover .arr{
  position:absolute;
  left:-21px;
  top: 50px;
  display:inline;
}
#startcommon-start.items4 .navigation .item:hover .arr{
  top: 30px;
}
#startcommon-start .navigation .item.brands:hover .arr{
  position:absolute;
  left:-21px;
  top: 80px;
  display:inline;
}
#startcommon-start.items4 .navigation .item.brands:hover .arr{
  top: 62px;
}
#startcommon-start .navigation .item span{
  font-size:14px;
  color:#ffffff;
  margin-left:10px;
}



/*################################################################
   Seite newsletter-info
##################################################################*/

#newsletter-info{
  padding-top:13px;
  padding-bottom:20px;
}
#newsletter-info .navigation{
  height:439px;
  width:340px;
  background: #626D86;
  float:left;
}

#newsletter-info .navigation .item{
  border-top:1px solid #ffffff;
  color:#ffffff;
  display: block;
  height:90px;
  margin-left:20px;
  padding-top:40px;
  position:relative;
  width:300px;
}
#newsletter-info .navigation .item:first-child{
  border:none;
}
#newsletter-info .navigation .item.brands{
  height:145px;
  padding-top:30px; 
}
#newsletter-info .navigation .item .logos{
  background:#ffffff;
  margin-left:10px;
  margin-right:10px;
  margin-top:15px;
  padding:0px;
  text-align:center;
}
#newsletter-info .navigation .item .logos img{
  margin:10px;
  margin-bottom:6px
}
#newsletter-info .navigation .item h1{
  color:#ffffff;
  margin:0px;
  margin-left:10px;
  margin-bottom:6px;
}
#newsletter-info .navigation .item .arr{
  display:none;
}
#newsletter-info .navigation .item:hover .arr{
  position:absolute;
  left:-21px;
  top: 50px;
  display:inline;
}
#newsletter-info .navigation .item.brands:hover .arr{
  position:absolute;
  left:-21px;
  top: 80px;
  display:inline;
}

#newsletter-info .navigation .item span{
  font-size:14px;
  color:#ffffff;
  margin-left:10px;
}

/*################################################################
   Konformitätserklärung
##################################################################*/

.conformity-search  {
  margin-bottom: 20px;
}

.conformity-search table {
  width: 100%;
  margin: 20px 0 5px 0;
}
.conformity-search table td,
.conformity-search table th {
  vertical-align: bottom;
  padding-bottom: 15px;  
}
.conformity-search table td {
  width: 80%;
}
.conformity-search table th {
  font-weight: normal;
  text-align: right;
  width: 20%;
}

.conformity-search table span.cufon {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}

.conformity-search form input[type=text] {
  float: left;
  margin-right: 5px;
}
.conformity-search form a.search-button {
  background: url("../images/layout/search-arrow.png") no-repeat 0 0;
  float: left;
  width: 24px;
  height: 24px;
}
.conformity-search form a.search-button:hover {
  background-position: 0 -36px;
}

.conformity-search .search-results {
  margin-top: 20px;
}
.conformity-search .search-results p {
  margin: 0;
}

/*################################################################
   Tabellen
##################################################################*/
.tabelle h6{
  color: #58585a;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

.tabelle table{
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  width: 100%;
}

.tabelle td{
  border-right: 1px solid #d8d8d8;
  padding: 6px 10px;
}

.tabelle td.dark-bg{
  background-color: #f5f5f5;
}


/*################################################################
   Listen
##################################################################*/

.liste h6{
  color: #58585a;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 0px 0;
} 

.liste ul{
  margin: 5px 0 10px 0;
  list-style-image: url(../images/layout/list-icon.gif);
  padding: 0 0 0 18px;
}

.liste li{
  margin-bottom: 3px;
}


/*################################################################
   Listen
##################################################################*/

.content#error-404{
  background: url('../images/layout/error-404.png') 0 10px no-repeat;
  height: 378px;
  position: relative;
}

#error-box{
  left: 478px;
  position: absolute;
  top: 136px; 
}

#error-404 h6{
  color: #626D86;
  font-size: 22px;
  margin: 0 0 13px 0;
}


/*################################################################
   Fehler- und Erfolgsmeldung
##################################################################*/

.input.error, .checkbox.error{
  border: 1px solid #CF2228;
}

div.error-container div.hl {
  color: #CF2228;
  font-weight: bold;
  margin-bottom: 7px;
}

div.info-container div.hl {
  color: #02A308;
  font-weight: bold;
  margin-bottom: 7px;
}

div.error-container {
  background: url("../images/layout/error-bg.png") repeat-x scroll 0 0 transparent;
  border-bottom: 1px solid #CF2228;
  border-top: 1px solid #CF2228;
  margin-bottom: 15px;
  padding: 8px;
}

div.info-container {
  background: url("../images/layout/error-bg.png") repeat-x scroll 0 0 transparent;
  border-bottom: 1px solid #02A308;
  border-top: 1px solid #02A308;
  margin-bottom: 15px;
  padding: 8px;
}


ul.errorMessage, ul.infoMessage{
  margin: 0;
  padding: 0;
}

ul.errorMessage li, ul.infoMessage li {
  list-style: none outside none;
}