@charset "UTF-8";
/**
 * ZF Electronics GmbH
 * content.css - Allgemeine CSS-Definitionen
 *
 * @version		2.0.1
 * @package     CHERRY
 * @author		Michael Bayer <michael.bayer@arsmedium.com>,
 * 			Philipp	 Jung <philipp.jung@arsmedium.com>
 */

@font-face {
	font-family: DINWeb-Light;
	src: url("../fonts/DINWeb-Light.eot");
}
@font-face {
	font-family: DINWeb;
	src: url("../fonts/DINWeb.eot");
}
@font-face {
	font-family: DINWeb-Light;
	src: url("../fonts/DINWeb-Light.woff") format("woff");
}
@font-face {
	font-family: DINWeb;
	src: url("../fonts/DINWeb.woff") format("woff");
}

@media screen, projection {

	html {
		height: 100%;
	}

	body {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		width: 100%;
		height: 100%;
	}

    .dark-theme body{
        color: #F3F3F3;
        background-color: #000;
    }

	a {
		color: #284361;
		text-decoration: none
	}
    .dark-theme a{
        color: #bcbcbc;
    }

	a:hover {
		text-decoration: underline
	}

	button {
		cursor: pointer
	}

	p {
		line-height: 16px;
		margin-bottom: 8px
	}

	#page {
		position: relative;
		min-width: 970px;
        /*width:100%; */
        /*background: #fff;*/
	}

	#header-wrapper {
		position: relative;
		width: 100%;
		height: 75px;
		text-align: center;
		background: #FFF center 0 no-repeat;
	}
    .dark-theme #header-wrapper{
        background: #000;
    }

	#header {
		margin: 0 auto;
		width: 985px !important;
		position: relative;
		text-align: left;
		height: 75px;
	}

	#header h1 {
		float: right;
		height: 75px;
		position: relative;
		width: 206px;
		background: url(../images/cherry-logo.png) 0 center no-repeat;
		margin: 0 15px 0 0;
	}

	#header h1 a {
		display: block;
		height: 90px;
		width: 206px;
	}

	#header ul#global-nav {
		float: left;
		list-style: none outside none;
		margin: 0;
	}

	#header ul li {
		float: left;
		display: block;
		height: 32px;
		line-height: 32px;
		margin: 0;
		color: #000;
	}

    #header ul li a {
		color: #bcbcbc;
		padding: 0 15px 0 7px;
	}

	#header ul #lang-switch {
		position: relative;
		cursor: pointer;
		width: 53px;
	}

	#header ul #lang-switch div.bg-layer {
		position: absolute;
		height: 90px;
		width: 53px;
		background: url(../images/layer_global-navi.png) left bottom no-repeat;
		top: -60px;
		z-index: 0;
	}

	#lang-switch #lang-switch-open {
		display: block;
		top: 14px;
		right: 10px;
		position: absolute;
		height: 5px;
		width: 9px;
		background: url(../images/header-lang-arrow.png) 0 0 no-repeat;
	}

	#lang-switch.open #lang-switch-open {
		background-position: 0 -5px;
	}

	#header #lang-switch ul {
		margin: 26px 0 0 8px;
		list-style: none;
	}

	#header #lang-switch ul li {
		height: 11px;
		width: 17px;
		float: none;
		margin: 6px 0 0 0;
		position: relative;
		z-index: 1;
		display: none;
		line-height: 0;
	}

	#header #lang-switch ul li.active {
		position: absolute;
		top: 2px;
		display: block !important;
	}

	#header #lang-switch a {
		display: block;
		height: 15px;
		width: 20px;
		padding: 0;
	}

	#header #lang-switch a.german {
		background: url(../images/lang-matrix.gif) 0 0 no-repeat;
	}

	#header #lang-switch a.german:hover {
		background: url(../images/lang-matrix.gif) -20px 0 no-repeat;
	}

	#header #lang-switch a.english {
		background: url(../images/lang-matrix.gif) 0 -15px no-repeat;
	}

	#header #lang-switch a.english:hover {
		background: url(../images/lang-matrix.gif) -20px -15px no-repeat;
	}

	#header #lang-switch a.italy {
		background: url(../images/lang-matrix.gif) 0 -30px no-repeat;
	}

	#header #lang-switch a.italy:hover {
		background: url(../images/lang-matrix.gif) -20px -30px no-repeat;
	}

	#header #lang-switch a.spain {
		background: url(../images/lang-matrix.gif) 0 -45px no-repeat;
	}

	#header #lang-switch a.spain:hover {
		background: url(../images/lang-matrix.gif) -20px -45px no-repeat;
	}

	#nav-wrapper {
		width: 100%;
		height: 49px;
		text-align: center;
	}

	#nav {
		background: url("../images/navi-bg.png") no-repeat scroll 0 0 transparent;
		height: 49px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 970px !important;
		z-index: 990;
	}

	#nav ul.lvl1 {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1000;
	}

	#nav ul.lvl2 {
		background-color: #FFF;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: none;
		left: -1px;
		list-style: none outside none;
		margin: 0;
		padding: 10px 0;
		position: absolute;
		top: 49px;
		min-width: 200px;
		z-index: 1100;
	}

	#nav ul.lvl3 {
		background: none repeat scroll 0 0 #FFFFFF;
		box-shadow: 1px 3px 3px #333333;
		display: none;
		float: left;
		left: 100%;
		list-style: none outside none;
		margin: 0;
		padding: 10px 0;
		position: absolute;
		top: -10px;
		width: auto;
		z-index: 1200;
	}

	#nav ul.lvl1 li.lvl1 {
		background: url("../images/nav-trimm.png") no-repeat scroll right 0 transparent;
		display: block;
		float: left;
		height: 49px;
		line-height: 52px;
		margin: 0;
		overflow: visible;
		position: relative;
		white-space: nowrap;
	}

	/*#nav ul.lvl1 li.lvl1:first-child {
			  padding: 0 0 0 7px;
		  }*/
	/*#nav ul.lvl1 li.lvl1:first-child:hover {
			  padding: 0 0 0 7px;
			  background: url("../images/nav-home-bg.png") no-repeat scroll right 0 transparent;

		  }*/
	#nav ul.lvl1 li.lvl1:hover {
		background: url("../images/nav-trimm.png") no-repeat scroll right 0 transparent;
	}

	#nav ul.lvl2 li.lvl2, #nav ul.lvl3 li.lvl3 {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 0;
	}

	#nav ul li {
		position: relative;
	}

	#nav ul li a {
		display: block;
		float: left;
		color: #333333;
		font-size: 16px;
		height: 52px;
		margin: 0 2px 0 0;
		padding: 0 15px 0 15px;
	}

	#nav ul li.extended li.lvl2 a, #nav ul li.extended li.lvl3 a {
		margin: 0;
		padding: 13px 15px;
		height: auto;
		float: none;
	}

	#nav ul li.extended li.lvl2 a.ext-link {
		margin: 0 5px;
		padding: 13px 40px 13px 10px;
		background: url(../images/nav-ext-link-arrow.png) right center no-repeat;
	}

	#nav ul li.extended li.lvl2 a.ext-link:hover {
		background: url(../images/nav-ext-link-arrow-hover.png) right center no-repeat;
	}

	#nav ul li.extended li.lvl2 a:hover, #nav ul li.extended li.lvl2 a.active, #nav ul li.extended li.lvl2 a.open {
		background: none;
		color: #e10042;
	}

	#nav ul.lvl2 li a {
		color: #333333;
		font-size: 14px;
	}

	#nav ul.lvl2 li.extended a.lvl2 {
		background: transparent url(../images/nav-lvl2-arrow.png) 190px 8px no-repeat;
	}

	#nav ul.lvl2 li.extended a.lvl2:hover, #nav ul.lvl2 li.extended a.lvl2.active, #nav ul.lvl2 li.extended a.lvl2.open {
		background: url(../images/nav-lvl2-arrow.png) 190px 8px no-repeat;
		color: #e10042;
	}

	#nav ul li.extended a {
		padding: 0 12px 0 15px;
	}

	#nav ul li a:hover, #nav ul li a.active {
		background: url(../images/nav-lvl1-active.png) 0 0 repeat-x;
		color: #6e6c6d;
		text-decoration: none;
	}

	#nav ul li a.open {
		background: url(../images/nav-lvl1-selected.png) 0 0 repeat-x;
		color: #6e6c6d;
		text-decoration: none;
	}

	#nav ul li a.open:hover {
		background: url(../images/nav-lvl1-active.png) 0 0 repeat-x;
		color: #6e6c6d;
		text-decoration: none;
	}

	#nav ul li a.lvl1 span {
		display: block;
	}

	#nav ul li.extended a.lvl1 span {
		background: transparent url(../images/nav-lvl1-arrow.png) right 25px no-repeat;
		padding: 0 17px 0 0;
	}

	#nav ul li.extended a.lvl1:hover span, #nav ul.lvl1 li.extended a.active span, #nav ul.lvl1 li.extended a.open span {
		background: transparent url(../images/nav-lvl1-arrow.png) right 25px no-repeat;
	}

	#nav ul li:first-child a:hover, #nav ul li:first-child a.active, #nav ul li:first-child a.open {
		background: url(../images/nav-home-bg_highlight.png) 0 0 repeat-x;
		color: #6e6c6d;
		text-decoration: none;
		padding: 0 15px;
	}

	#nav ul li:first-child a {
		padding: 0 15px;
	}

	#nav #search {
		float: right;
		height: 29px;
		margin: 12px 15px 0 0;
		overflow: hidden;
	}

	#nav #search .input-wrapper {
		float: left;
		height: 29px;
		/*    width: 219px;
				background:url(../images/search-field-bg.png) 0 0 no-repeat;
		*/
		width: 175px;
		background: url(../images/narrow-search-field-bg.png) 0 0 no-repeat;
	}

	#nav #search .button-wrapper {
		float: left;
	}

	#nav #search input {
		background: none repeat scroll 0 0 transparent;
		border: 0 none;
		color: #555555;
		display: block;
		font-size: 11px;
		height: 30px;
		left: 8px;
		line-height: 23px;
		outline: 0;
		position: relative;
		width: 175px;
	}

	/*by AL*/
	#language_location-wrapper {
		margin-top: 5px;
		height: 20px;
		float: left;
		width: 290px;
		/*		background:url(../images/location-bg.png) 0 0 no-repeat; */
	}

	#language_location-wrapper .pick_location {
		float: left;
		margin: 0 20px 0 0;
		width: 140px;
	}

	#language_location-wrapper .pick_location select {
		display: block;
		border: 1px solid grey;
		position: relative;
		left: 0px;
		height: 20px;
		background: #fff;
		width: 140px;
		line-height: 23px;
		font-size: 11px;
		color: #555;
	}

	#language_location-wrapper .pick_location select option, optgroup {
		background: #fff;
	}

	#language_location-wrapper .pick_language {
		float: left;
		width: 130px;
	}

	#language_location-wrapper .pick_language select {
		display: block;
		border: 1px solid grey;
		position: relative;
		left: 0px;
		height: 20px;
		background: #fff;
		width: 130px;
		line-height: 23px;
		font-size: 11px;
		color: #555;
	}

	#language_location-wrapper .location_message {
		padding: 5px;
		display: none;
		float: left;
		width: 280px;
		height: 50px;
		font-size: 10px;
		line-height: 11px;
		background: #F1F1F1;
	}

	/*END AL*/
	#nav #search button {
		display: block;
		height: 23px;
		float: left;
		width: 71px;
		background: url(../images/search-button-bg.png) 0 0 no-repeat;
		border: 0;
		color: #fff;
		font-size: 11px;
	}

	#nav #search button:hover {
		background: url(../images/search-button-bg.png) 0 -23px no-repeat;
	}

	#main-wrapper {
		/*background:#fff url(../images/main-bg.png) 0 0 repeat-x;*/
		padding: 0;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	body.page-home #main-wrapper {

	}

	#main {
		position: relative;
		text-align: left;
		width: 970px !important;
		margin: 0 auto;
		z-index: 0;
	}

	#breadcrumb {
		border-bottom: 1px solid #EAEAEA;
		clear: both;
		color: #626262;
		margin: 0 12px 30px;
		padding: 18px 0 6px;
		width: 946px;
	}

	#breadcrumb a {
		color: #333333;
		font-size: 10px;
		font-weight: bold;
	}

	#breadcrumb a.active {
		color: #E10042;
	}

	html.dark-theme #breadcrumb {
		border-bottom: 0;
	}

	#home-roundell {
		text-align: center;
		width: 985px;
		margin: 0 auto;
		position: relative;
		height: 510px;
	}
    #home-roundell.full-width {
        width: 100%;
    }
    #home-roundell .arrow {
		position: absolute;
		height: 25px;
		width: 14px;
		top: 230px;
		cursor: pointer;
		display: none;
	}

	#home-roundell .arrow-left {
		background: url(../images/home-roundell-arrows.png) left -1px no-repeat;
		left: -5px;
	}
    #home-roundell.full-width .arrow-left {
        left: 30px;
    }


    #home-roundell .arrow-left:hover {
		background: url(../images/home-roundell-arrows.png) left bottom no-repeat;
	}

	#home-roundell .arrow-right {
		background: url(../images/home-roundell-arrows.png) right -1px no-repeat;
		right: -5px;
	}
    #home-roundell.full-width .arrow-right {
        right: 30px;
    }



    #home-roundell .arrow-right:hover {
		background: url(../images/home-roundell-arrows.png) right bottom no-repeat;
	}

	#home-roundell #home-roundell-view {
		height: 510px;
		margin: 0 12px;
		overflow: hidden;
		position: relative;
		width: 961px;
	}
    #home-roundell.full-width #home-roundell-view {
        width: 100%;
        margin: 0 auto;
    }


    #home-roundell #home-roundell-view div.home-roundell-item {
		margin: 0;
		display: block;
		position: absolute;
		width: 961px;
		text-align: left;
		top: 0;
		padding: 0;
	}
    #home-roundell.full-width #home-roundell-view div.home-roundell-item {
        width: 100%;
    }


    #home-roundell #home-roundell-view div.pos-left {
		left: -985px;
	}
    #home-roundell.full-width #home-roundell-view div.pos-left {
        left: -100%;
    }

    #home-roundell #home-roundell-view div.pos-center {
		left: 0;
	}

	#home-roundell #home-roundell-view div.pos-right {
		left: 985px;
	}
    #home-roundell.full-width #home-roundell-view div.pos-right {
        left: 100%;
    }

    #home-roundell-datamap {
		display: none;
	}

	/** NEU: Start-Rondell **/
	.home-roundell-slice {
		position: relative;
		width: 961px;
		height: 510px;
	}
    .full-width .home-roundell-slice {
        margin: 0 auto;
		width: 100%;
    }

	#home-roundell.full-width .home-roundell-slice-img {
		display: block;
		float: none !important;
		margin: 0 auto;
		position: relative;
	}

    .home-roundell-slice-img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}

	.home-roundell-slice-text {
		left: 18px;
		position: absolute;
		top: 290px;
		width: 500px;
		z-index: 1;
	}

	#home-roundell.full-width .home-roundell-slice-text {
		left: 50%;
		margin-left: -460px;
	}

	.home-roundell-slice-text h4 {
		font-weight: normal;
		font-size: 18px;
		padding-bottom: 3px;
	}

	.home-roundell-slice-text h3 {
		font-weight: bold;
		font-size: 28px;
		padding-bottom: 10px;
	}

	.home-roundell-slice-text p {
		color: #777777;
		font-size: 42px;
		line-height: 47px;
		margin-right: 0;
		text-transform: uppercase;
	}

	.home-roundell-slice-text-top {
		position: absolute;
		top: -30px;
		width: 400px;
	}

	.home-roundell-slice-text-top img {
		margin-right: 7px;
	}

	/* by AL*/
	.home-roundell-slice-text-top .new {
		display: block;
		height: 18px;
		position: relative;
		padding-left: 5px;
		padding-right: 5px;
		color: #ffffff;
		font-size: 14px;
		background: transparent url(../images/cm-product-hero-neu.png) 0 center repeat-x;
	}

	/*by AL*/
	/** ENDE **/
	#bottom-wrapper {
		text-align: center;
		overflow: hidden;
	}

    .dark-theme #bottom-wrapper {
        background: #000000; /* Old browsers */
        background: -moz-linear-gradient(top, #000000 0%, #293239 70%, #293239 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(70%,#293239), color-stop(100%,#293239)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #000000 0%,#293239 70%,#293239 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #000000 0%,#293239 70%,#293239 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #000000 0%,#293239 70%,#293239 100%); /* IE10+ */
        background: linear-gradient(to bottom, #000000 0%,#293239 70%,#293239 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#293239',GradientType=0 ); /* IE6-9 */
    }

	body.page-home #bottom-wrapper {
		padding: 0;
		/*border-top: 1px solid black;*/
		margin: 0 auto;
	}

	#bottom {
		position: relative;
		text-align: left;
		margin: 0 auto;
		color: #333;
	}
    .dark-theme #bottom {
        color: #e1e1e1;
    }

	body.page-home #bottom {
		padding: 0;
		margin-left: 65px;
	}

	#bottom #bottom-nav {
		background: #F3F3F3 url(../images/bottom-home-bg.png) 0 top repeat-x;
		background-color: #F3F3F3;
		height: 110px;
		list-style: none outside none;
		margin: 30px 0 0 -65px;
		padding: 10px 0 0;
		position: relative;
		text-align: center;
	}
    .dark-theme #bottom #bottom-nav {
        /*background: #000 url(../images/bottom-home-bg.png) 0 top repeat-x;*/
        background-image: none;
        background-color: #000;
    }

	#bottom-nav li {
		display: inline;
		margin: 0;
		color: #6E6C6D;
	}

	#bottom-nav li a {
		color: #888;
		padding: 0 7px 0 5px;
	}

	#home-teaser {
		position: relative;
		width: 1002px !important;
		height: 175px !important;
		margin: 0 auto 20px;
		overflow: hidden;
	}

	#home-teaser .col {
		float: left;
		position: relative;
		padding: 15px 0 0;
		height: 160px;
	}

	#home-teaser .grind {
		margin: 0 20px 0 0;
		padding: 15px 20px 0 0;
		background: transparent url(../images/home-teaser-trimm.png) right 0 no-repeat;
	}
    .dark-theme #home-teaser .grind {
        margin: 0 20px 0 0;
        padding: 15px 20px 0 0;
        background: transparent url(../images/home-teaser-trimm-dark.png) right 0 no-repeat;
    }

	#home-teaser .col-1 {
		width: 200px;
	}

	#home-teaser .col-2 {
		width: 200px;
	}

	#home-teaser .col-3 {
		width: 200px;
	}

	#home-teaser .col-4 {
		width: 240px;
	}

	#home-teaser h3 {
		padding: 0 0 10px 0;
		position: relative;
		z-index: 1;
		font-size: 20px;
		font-weight: normal;
		font-family: Arial;
		color: #777;
	}

    .dark-theme #home-teaser h3{
        color: #e1e1e1;
    }

	#home-teaser p {
		width: 115px;
		float: left;
	}

	/*by AL*/
	#home-teaser a.headline-link {
		background: transparent url(../images/pixel.gif) 0 center no-repeat;
		text-decoration: none;
		padding: 0 0 10px 0;
		position: relative;
		z-index: 1;
		font-weight: normal;
		color: #777;
		font-size: 20px;
	}
    .dark-theme #home-teaser a.headline-link {
        color: #e1e1e1;
    }

	/*end AL*/
	#home-teaser img.headline-img {
		position: absolute;
		right: 20px;
		top: 0;
		z-index: 0;
	}

	#home-teaser a {
		color: #E10042;
		background: transparent url(../images/nav-lvl2-arrow.png) 0 center no-repeat;
		padding: 0 0 0 10px;
	}

	#home-teaser a.blank {
		color: #333333;
		text-decoration: none;
		background: none;
		padding: 0;
	}
    .dark-theme #home-teaser a.blank {
        color: #e1e1e1;
    }

    #home-teaser a.blank:hover {
		text-decoration: underline;
	}

	#home-teaser a.pos-bottom {
		position: absolute;
		left: 0;
		bottom: 30px;
	}

	/** NEU f. Home-Teaser **/
	#home-teaser img.pos-right {
		float: right;
		margin: -10px 0 0;
	}

	.layer {
		position: absolute !important;
		top: 0 !important;
		left: auto !important;
		display: none;
		background-color: black !important;
		margin: auto !important;
		padding: 0 !important;
		z-index: 1000;
		height: 100%;
		width: 100%;
	}

	#layer-close {
		display: block;
		position: absolute;
		height: 29px;
		width: 29px;
		right: -11px;
		top: -11px;
		background: transparent url(../images/layer-close.png) 0 0 no-repeat;
		cursor: pointer;
	}

	/*		#layer-gallery { */
	.layer-window {
		display: none;
		top: 100px;
		/*			width:780px; */
		width: 850px;
		z-index: 1010;
		position: absolute;
		left: 50%;
		margin: 0 0 0 -390px;
		background-color: #fff;
		text-align: center;
		padding: 30px 0 30px 0;
		color: #1F2B3B;
		overflow: visible;
		-moz-box-shadow: 1px 1px 3px #333;
		-webkit-box-shadow: 1px 1px 3px #333;
		box-shadow: 1px 1px 3px #333;
	}

	#layer-iframe.layer-window {
		padding: 13px;
	}

	#layer-dom.layer-window {
		padding: 13px;
	}

	#layer-dom-content-wrap {
		position: relative;
		text-align: left;
	}

	#layer-gallery.layer-window {
		padding: 30px 0 30px 0;
		margin: 0 0 0 -390px;
		width: 780px;
	}

	#layer-gallery.layer-window .gallery-fullsize {
		margin: 0 auto;
		/*				width:658px; */
		width: 700px;
		height: auto;
		text-align: center;
	}

	#layer-gallery.layer-window .gallery-related {
		padding-top: 30px;
		text-align: left;
		overflow-x: auto;
		overflow-y: hidden;
		/*				width:658px; */
		width: 700px;
		margin-left: 61px;
	}

	#layer-gallery.layer-window .gallery-related span.desc {
		display: block;
		margin-bottom: 8px;
		font-weight: bold;
	}

	#layer-gallery.layer-window .gallery-related div.wrapper {
		width: auto;
	}

	#layer-gallery.layer-window .gallery-related div.wrapper a {
		display: block;
		float: left;
		margin-right: 5px;
		border: 1px solid #DFDFE0;
	}

	#layer-gallery.layer-window .gallery-related div.wrapper a.active, #layer-gallery .gallery-related div.wrapper a:hover {
		border: 1px solid #c4c4c4;
	}

	#layer-gallery.layer-window a:focus {
		outline: 0;
	}

	#layer-gallery.layer-window a.galleryPrev {
		position: absolute;
		top: 130px;
		left: 5px;
		background: url(../images/home-roundell-arrows.png) left -1px no-repeat;
		height: 25px;
		width: 14px;
	}

	#layer-gallery.layer-window a.galleryPrev:hover {
		background: url(../images/home-roundell-arrows.png) left bottom no-repeat;
	}

	#layer-gallery.layer-window a.galleryNext {
		position: absolute;
		top: 130px;
		right: 5px;
		background: url(../images/home-roundell-arrows.png) right -1px no-repeat;
		height: 25px;
		width: 14px;
	}

	#layer-gallery.layer-window a.galleryNext:hover {
		background: url(../images/home-roundell-arrows.png) right bottom no-repeat;
	}

	/** Content-Elemente **/
	.cm_submenu {
		margin: 0 0 10px 15px;
		width: 175px;
	}

	.cm_submenu h3 {
		/*			height:37px; */
		background: #1C3049 url(../images/cm-submenu-h3.png) 0 0 no-repeat;
		/*			text-indent:11px; */
		padding-left: 11px;
		/*			line-height:37px; */
		line-height: 24px;
		color: #fff;
		font-size: 12px;
	}

	.cm_submenu ul {
		list-style: none;
		margin: 0;
		padding: 0 0 4px;
	}

	.cm_submenu ul.lvl2 {
		display: none;
	}

	.cm_submenu ul.open {
		display: block !important;
	}

	.cm_submenu ul.lvl1 {
		border-right: 1px solid #EAEAEA;
	}
	html.dark-theme .cm_submenu ul.lvl1 {
		border-right: 0;
	}

	.cm_submenu li {
		margin: 0;
		padding: 0 5px 2px 0;
		word-wrap: break-word;
	}

	.cm_submenu li.lvl1 a {
		color: #333;
	}

	.cm_submenu li.lvl1 a:hover {
	}

	.cm_submenu li.lvl1 ul a {
		color: #333 !important;
		padding: 4px 0 0 26px;
	}

	.cm_submenu ul.lvl2 li a {
		background: url(../images/nav_lvl_3_l.png) 15px 6px no-repeat;
	}

	.cm_submenu li.active a {
		color: #E10042;
	}

	.cm_submenu ul.lvl2 li.active a {
		color: #E10042 !important;
	}

	.cm_submenu ul.lvl2 li a:hover {
		color: #E10042 !important;
	}

	.cm_submenu li.active ul.lvl2 a {
		color: #000;
		font-size: 14px;
	}

	.cm_submenu li.active ul.lvl2 a:hover {
		color: #E10042 !important;
	}

	.cm_submenu li a {
		font-size: 15px;
		color: #272727;
		display: block;
		/* by AL */
		line-height: 18px;
		/* end AL */
		padding: 4px 0 0 11px;
	}

	.cm_submenu li a:hover {
		text-decoration: none;
		color: #E10042;
	}

	.cm_submenu a.ext-link {
		background: #fff url(../images/cm-submenu-ext-link.gif) right center no-repeat !important;
		color: #000;
	}

	.page-productindex .cm_submenu a.ext-link {
		background: transparent none !important;
	}

	.cm_submenu a.ext-link:hover {
		background: transparent none !important;
	}

	.cm_submenu .bottom {
		height: 12px;
	}

	.cm_submenu .open-sub-menu span.submenu-arrow {
		background: url("../images/cm-submenu-lvl2-arrow.jpg") no-repeat scroll right center transparent;
		padding-right: 12px;
		height: 22px;
	}
	html.dark-theme .cm_submenu .open-sub-menu span.submenu-arrow {
		display: none;
	}

	.cm_teaser {
		width: 188px;
		position: relative;
	}

	.cm_teaser .top {
		height: 5px;
		background: url(../images/cm-teaser-top.png) 0 0 no-repeat;
	}

	.cm_teaser .bottom {
		height: 5px;
		background: url(../images/cm-teaser-bottom.png) 0 0 no-repeat;
	}

	.cm_teaser .content {
		padding: 29px 0 0 2px;
	}

	/* .cm_teaser */
	.teaser-img {
		width: 188px;
		position: relative;
		left: -6px;
		overflow: visible;
		/*			text-align:center;
			  margin-bottom:8px;
  */
	}

	.cm_teaser h3 {
		margin-bottom: 8px;
		color: #284361;
		font-size: 12px;
	}

	.cm_page-title {
		margin: 0;
		padding: 10px 0 35px;
	}

	.cm_product-preview {
		width: auto;
		position: relative;
		margin: 0 0 20px 0;
		color: #1f2b3b;
	}

	.cm_product-preview .image {
		float: left;
		margin: 0 26px 20px 0;
		position: relative;
	}

	.cm_product-preview .image .gallery-set {
		display: none;
	}

	.cm_product-preview .image .gallery-active {
		display: block !important;
	}

	.cm_product-preview .image .gallery-thumb {
		display: none;
	}

	.cm_product-preview .image img {
		z-index: 0;
	}

	.cm_product-preview .image a.enlarge {
		position: absolute;
		right: 5px;
		bottom: 5px;
		z-index: 1;
	}

	.cm_product-preview .image a.enlarge img {
		display: none;
	}

	.cm_product-preview .information {
		position: absolute;
		right: 0;
		top: 33px;
		width: 250px;
	}

	.cm_product-preview .information .color-selection {
		margin: 15px 0 20px 0;
	}

	.cm_product-preview .information .color-selection span {
		display: block;
	}

	.cm_product-preview .information .color-selection a {
		float: left;
		background-color: #fff;
		padding: 3px;
		border: 1px solid #dfdfe0;
		display: block;
		margin: 6px 6px 0 0;
	}

	.cm_product-preview .information .color-selection a.active {
		border: 1px solid #c4c4c4;
	}

	.cm_product-preview .information .color-selection img {
		display: block;
		float: left;
	}

	/* by AL
		.cm_product-preview .information span.logo {
			padding-bottom:10px;
			display:block;
		}
	*/
	/* by AL*/
	.cm_product-preview .information div.logo {
		padding-bottom: 10px;
		display: block;
	}

	/* end AL*/
	.cm_product-extended {

		margin: 0 0 20px 0;
		color: #1f2b3b;
		overflow: hidden;
	}

	/* by AL */
	.cm_product-extended .cm_product-preview {
		margin: 0 0 0 0;
		color: #1f2b3b;
	}

	/* by AL */
	.cm_product-extended .extended-col {
		float: left;
		margin: 0 30px 0 0;
	}

	.cm_product-extended .extended-col .thumb {
		float: left;
		margin-right: 5px;
		position: relative;
		border: 1px solid #DFDFE0;
	}

	.cm_product-extended .extended-col .thumb:hover {
		border: 1px solid #C4C4C4;
	}

	.cm_product-extended .extended-col .thumb img {
		z-index: 0;
		display: block;
		float: left;
	}

	.cm_product-extended .extended-col .thumb div.loupe {
		z-index: 1;
		position: absolute;
		right: 3px;
		bottom: 3px;
		width: 14px;
		height: 13px;
		background: url(../images/link-plus.png) 0 0 no-repeat;
		text-indent: -99999px;
	}

	.cm_product-extended .extended-col .item {
		float: left;
		margin-right: 5px;
		position: relative;
		border: 1px solid #fff;
	}

	#award_div {
		clear: both;
		width: 400px;
	}

	.cm_product-extended .extended-title {
		display: block;
		margin-bottom: 5px;
		color: #777777;
		font-weight: normal;
	}

	.cm_product-order-button {
		margin: 0 0 10px 0;
		overflow: hidden;
	}

	/* by AL */
	span.btn {
		padding: 5px;
		color: #ffffff;
		float: none;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	/* end AL */
	.cm_product-b2b-order-button {
		margin: 0 0 0 26px;
		overflow: hidden;
		position: relative;
	}

	.cm_product-b2b-order-button a {
		position: absolute;
		top: 4px;
		left: 264px;
		z-index: 1;
	}

	/* by AL */
	.cm_product-b2b-order-button a span.btn {
		padding: 5px;
		color: #ffffff;
		float: none;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	/* end AL */
	.cm_product-b2b-order-button img {
		z-index: 0;
	}

	.cm_product-data-map {
		position: relative;
		overflow: hidden;
		/*		width:666px; */
		width: 740px;
		margin: 35px 0 0 -20px;
		height: auto;
	}

	.cm_product-data-map .tab-menu a {
		display: block;
		float: left;
		padding: 0 14px;
		height: 26px;
		text-align: center;
		line-height: 26px;
		font-weight: bold;
		color: #93a1b0;
		margin: 0 0 0 10px;
		position: relative;
		z-index: 1;
		width: auto;
		top: 1px;
	}

	.cm_product-data-map .tab-menu span.tab-menu-space {
		background: url("../images/product_name_detail_tabs_space.jpg") no-repeat scroll left top #FFFFFF;
		display: block;
		float: left;
		height: 22px;
		width: 9px;
	}

	.cm_product-data-map .tab-menu a .cornerContainer {
		display: none;
	}

	.cm_product-data-map .tab-menu a.active {
		border-bottom: 1px solid #fff;
		font-size: 13px;
		color: #E10042;
	}

	.cm_product-data-map .tab-menu a.active .cornerContainer {
		display: block;
	}

	.cm_product-data-map .tab-menu a:focus {
		outline: 0;
	}

	.cm_product-data-map .info-box {
		display: none;
		z-index: 0;
		position: relative;
		/* by AL */
		width: auto;
	}

	.cm_product-data-map .info-box-active {
		display: block !important;
		/* by AL */
		width: auto;
	}

	.tab-menu a:hover {
		text-decoration: none;
		font-size: 13px;
		color: #E10042;
	}

	.cm_product-data-map .info-box-content {
		margin: 8px 15px 15px 25px;
		color: #777;
		line-height: 20px;
		height: auto;
		width: auto;
		position: relative;
	}

	.cm_product-data-map .info-box-content ul {
		list-style: none outside none;
		margin: 0 0 0 -8px;
	}

	.cm_product-data-map .info-box-content ul li {
		background: url("../images/tab_content_arrow_grey.gif") no-repeat scroll left 6px transparent;
		line-height: 22px;
		padding: 0 0 0 18px;
	}

	.cm_product-hero {
		width: 100%;
		position: relative;
		/*background:url(../images/cm-product-hero-shadow.png) 0 top no-repeat;*/
		margin: 0 0 45px 0;
	}

	.cm_product-hero .image {
		float: left;
		margin: 0 0 0;
		/*			height:206px;
					padding:0 26px; */
	}

	.cm_product-hero .text {
		float: right;
		padding: 0;
		width: 345px;
		position: relative;
		height: 176px;
	}

	.cm_product-hero .text h4 {
		font-size: 16px;
		color: #777 !important;
		padding: 3px 0 0;
		width: 260px;
	}

	.cm_product-hero .text h3 {
		font-size: 29px;
		color: #333;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		font-weight: normal;
		line-height: 35px;
	}

	.cm_product-hero .text a.btn-red {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.cm_product-hero .text a.btn-red span {
		padding: 0 9px 5px 20px;
	}

	.cm_product-hero .text strong.neu {
		background-color: #E30040;
		color: white !important;
		display: block;
		font-size: 17px;
		height: 30px;
		left: 1px;
		margin-top: 4px;
		padding: 0 9px 0 11px;
		position: absolute;
		line-height: 33px;
		top: -40px;
	}

	/*by AL*/
	.cm_product-hero .text span.neu {
		display: block;
		height: 18px;
		position: absolute;
		margin-top: -26px;
		padding-left: 5px;
		padding-right: 5px;
		left: -1px;
		color: #ffffff;
		font-size: 14px;
		background: transparent url(../images/cm-product-hero-neu.png) 0 center repeat-x;
	}

	/*end AL*/
	.cm_single-product {
		margin: 0 20px 25px 0;
		background: transparent url(../images/dotted-line.gif) 0 bottom repeat-x;
		padding: 0 0 15px 0;
		position: relative;
	}

	.cm_single-product .image {
		margin: 30px 0 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 245px;
	}

	.cm_single-product .text {
		width: 100%;
	}

	.cm_single-product .text h4 {
		font-size: 12px;
		font-weight: bold;
		color: #000;
		margin: 0 0 8px 0;
	}

	.cm_single-product .text p {
		width: 270px;
	}

	/* by AL */
	.cm_content {
		width: 550px;
		margin: 0 0 0 0;
		padding: 0 0 15px 0px;
	}

	/* end AL */
	.cm_paging {
		text-align: center;
		margin: 0 0 25px 0;
		font-size: 13px;
		position: relative;
	}

	.cm_paging a {
		color: #8d8d8d;
		padding: 0 5px;
		font-weight: bold;
	}

	.cm_paging a.active, .cm_paging a:hover {
		text-decoration: none;
		color: #df0018;
	}

	.cm_paging img {
		position: relative;
		top: 5px;
	}

	.top, .bottom {
		line-height: 0;
		font-size: 0;
	}

	.cornerContainer {
		position: absolute;
		height: 5px;
		width: 5px;
		background: transparent url(../images/corner-matrix.gif) 0 0 no-repeat;
		display: block;
		z-index: inherit;
		margin: auto;
		line-height: 5px;
		font-size: 0;
	}

	.cornterTopLeft {
		background-position: 0 0 !important;
		left: -1px;
		top: -1px;
	}

	.cornterBottomLeft {
		background-position: 0 -5px !important;
		left: -1px;
		bottom: -1px;
	}

	.cornterTopRight {
		background-position: -5px 0 !important;
		right: -1px;
		top: -1px;
	}

	.cornterBottomRight {
		background-position: -5px -5px !important;
		right: -1px;
		bottom: -1px;
	}

	.info-popup-item {
		position: relative;
		overflow: visible;
		height: 16px;
		width: 16px;
		float: right;
		margin: auto;
		background: transparent url(../images/info-btn-matrix.gif) 0 0 no-repeat;
	}

	table.content-table .info-popup-item {
		top: 2px;
	}

	.info-popup-item .info-popup {
		display: none;
		position: absolute;
		left: -282px;
		width: 282px;
		height: auto;
		top: -19px;
		background: transparent url(../images/info-popup-top.gif) 0 0 no-repeat;
		z-index: 1000;
	}

	.info-popup-item .info-popup .info-popup-content {
		padding: 10px 10px 4px 10px;
		width: 262px;
		color: #626262;
	}

	.info-popup-bottom {
		position: absolute;
		bottom: 0px;
		left: 0;
		height: 6px;
		display: block;
		width: 100%;
		margin-bottom: -6px;
		background-color: red;
		background: transparent url(../images/info-popup-bottom.gif) 0 0 no-repeat;
	}

	h2 {
		font-size: 20px;
		color: #1c324f;
	}
    .dark-theme h2{
        color: #e1e1e1;
    }

	h3 {
		font-size: 12px;
		color: #1c324f;
	}
    .dark-theme h3{
        color: #e1e1e1;
    }

	h4 {
		font-size: 11px;
		color: #1c324f;
	}
    .dark-theme h4{
        color: #e1e1e1;
    }

	table.content-table {
		width: 100%;
		color: #1f2b3b;
		table-layout: auto;
	}

	table.content-table td, table.content-table th {
		text-align: left;
		vertical-align: top;
		padding: 3px 6px;
		line-height: 20px;
	}

	table.content-table th {
		background-color: #ccc;
		font-weight: bold;
	}

	table.content-table tr.odd td {
		background-color: #ddd;
	}

	table.content-table tr.even td {
		background-color: #ffffff;
	}

	a.arrow {
		background: transparent url(../images/nav-lvl2-arrow.gif) 0 center no-repeat;
		padding-left: 9px;
	}

	a.btn-mehr-info {
		background-position: right -34px;
		color: #FFFFFF;
		background-image: url("../images/cm_button_end.png");
		background-repeat: no-repeat;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 14px;
		height: 34px;
		line-height: 32px;
		margin-right: 10px;
		padding-right: 3px;
	}

	/* by AL */
	a.btn-mehr-info span.btn {
		background-position: 0 -34px;
		background-image: url("../images/cm_button.png");
		background-repeat: no-repeat;
		display: block;
		float: left;
		height: 28px;
		padding: 0 20px 5px;
	}

	a.btn-mehr-info:hover span.btn {
		background-position: 0 0;
	}

	/* end AL */
	a.btn-mehr-info:hover {
		/*			background:transparent url(../images/btn-mehr-informationen.png) 0 -27px no-repeat; */
		background-position: right 0;
		text-decoration: none;
	}

	a.btn-jetzt-bestellen {
		/*		background:transparent url(../images/btn-jetzt-bestellen.png) 0 0 no-repeat; */
		background: transparent url(../images/btn-neutral-175.png) 0 0 no-repeat;
		/*		width:143px; */
		width: 175px;
		height: 27px;
		float: left;
		display: block;
	}

	/* by AL */
	a.btn-jetzt-bestellen span.btn {
		padding: 5px;
		color: #ffffff;
		float: none;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
	}

	/* end AL */
	a.btn-jetzt-bestellen:hover {
		/*		background:transparent url(../images/btn-jetzt-bestellen.png) 0 -27px no-repeat; */
		background: transparent url(../images/btn-neutral-175.png) 0 -27px no-repeat;
		text-decoration: none;
	}

	a.btn-angebot-anfordern {
		/*		background:transparent url(../images/btn-angebot-anfordern.png) 0 0 no-repeat; */
		background: transparent url(../images/btn-neutral.png) 0 0 no-repeat;
		width: 144px;
		height: 27px;
		float: left;
		display: block;
	}

	/* by AL */
	a.btn-angebot-anfordern span.btn {
		padding: 5px;
		color: #ffffff;
		float: none;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	/* end AL */
	/* by AL */
	a.arrowactive {
		/* Link mit Pfeil nach unten */

		background-image: url(../images/arrdown.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
		padding-left: 16px;
		display: block;
	}

	/* end AL*/
	a.btn-angebot-anfordern:hover {
		/*			background:transparent url(../images/btn-angebot-anfordern.png) 0 -27px no-repeat; */
		background: transparent url(../images/btn-neutral.png) 0 -27px no-repeat;
		text-decoration: none;
	}

	a.loupe {
		background: transparent url(../images/link-loupe.gif) 0 center no-repeat;
		padding-left: 20px;
		color: #1f2b3b;
	}

	/** Formularelemente **/
	input, textarea, option, button {
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		color: #626262;
	}

	/*by AL*/
	select {
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		color: #626262;
		border-top: 1px solid #cdcecf;
		border-left: 1px solid #cdcecf;
		border-right: 1px solid #d5d6d7;
		border-bottom: 1px solid #d5d6d7;
		padding: 2px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
	}

	.submitButton {
		border: 1px solid #999;
		padding: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		color: #333;
		background-color: #D4D0C8;
		font-size: 12px;
		cursor: pointer;
	}

	.submitButton:hover {
		border: 1px solid #333;
	}

	/* end AL*/
	button {
		border: 1px solid #999;
		padding: 0 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		color: #333;
		background-color: #D4D0C8;
		font-size: 11px;
	}

	button:hover {
		border: 1px solid #333;
	}

	label {
		color: #284361;
		font-weight: bold;
	}

	input.text {
		border-top: 1px solid #cdcecf;
		border-left: 1px solid #cdcecf;
		border-right: 1px solid #d5d6d7;
		border-bottom: 1px solid #d5d6d7;
		padding: 2px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
	}

	textarea {
		border-top: 1px solid #cdcecf;
		border-left: 1px solid #cdcecf;
		border-right: 1px solid #d5d6d7;
		border-bottom: 1px solid #d5d6d7;
		padding: 2px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
	}

	/*
	input.text:focus, textarea:focus {
		background-color:#fff;
	}
	*/
	/** Buttons **/
	a.cm_button {
		display: block;
		float: left;
		height: 34px;
		line-height: 32px;
		padding-right: 3px;
		background-image: url(../images/cm_button_end.png);
		background-repeat: no-repeat;
		margin-right: 10px;
		cursor: pointer;
		font-size: 14px;
	}

	a.cm_button:hover {
		text-decoration: none
	}

	a.cm_button span {
		display: block;
		float: left;
		height: 34px;
		background-image: url(../images/cm_button.png);
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-right: 20px;
	}

	/** Btn Blue **/
	a.cm_button-blue {
		background-position: right -34px;
		color: #fff;
	}

	a.cm_button-blue span {
		background-position: 0 -34px;
	}

	a.cm_button-blue:hover {
		background-position: right 0;
	}

	a.cm_button-blue:hover span {
		background-position: 0 0;
	}

	/** Btn White **/
	a.cm_button-white {
		background-position: right -46px;
		color: #fff;
	}

	a.cm_button-white span {
		background-position: 0 -46px;
	}

	a.cm_button-white:hover {
		background-position: right -69px;
	}

	a.cm_button-white:hover span {
		background-position: 0 -69px;
	}

	/** YAML Grindlayout Modifications **/
	body.grind-20-80 #col2 {
		display: none;
	}

	body.grind-20-80 #col1 {
		width: 190px;
	}

	body.grind-20-80 #col3 {
		float: left;
		margin: 0;
		padding: 0 0 0 30px;
		width: 742px;
	}

	.nofocus:focus {
		outline: 0;
	}

	/** Search Suggest Classes by AL**/
	.result_over {
		white-space: normal;
		color: #000000;
		background-color: #D0DDEB;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-left: 5px;
		border: dotted 1px #000000;
	}

	.result_out {
		white-space: normal;
		color: #000000;
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-left: 5px;
		border: solid 1px #ffffff;
	}

	div.my_default_div {
		height: 15px;
		width: 315px;
		background-image: url(../images/ajax-loading_15.gif);
		background-repeat: no-repeat;
		background-position: center;

	}

	#product_search_suggest {
		min-width: 315px;
		position: absolute;
		background-color: #FFFFFF;
		/*        text-align: left;  */
		border: 1px solid #cdcecf;
		visibility: hidden;
		/*        margin-right:300px; */
		margin-top: 20px;
		z-index: 1200;
	}

	* html #product_search_suggest {
		margin-left: -270px;
	}

	html * #product_search_suggest {
		margin-left: 0px;
	}

	/* classes for article*/
	.cm_separator {
		width: 500px;
		height: 10px;
		background: url(../images/trenner_bild_text.gif);
		margin-left: 16px;
		margin-bottom: 20px;
	}

	.cm_article-body {
		width: 500px;
		margin-left: 16px;
	}

	/* by AL */
	.cm_article-body img {
		margin: 5px;
	}

	/* end AL */
	.cm_article-image {

		width: 500px;
		background-color: #ffffff;
		margin-left: 16px;
	}

	.cm_article-pdf {
		/* Link mit PDF-Icon */
		font-weight: bold;
		height: 45px;
		background-image: url(../images/pdf_spiegel.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 30px;
		padding-top: 10px;
		display: block;
	}

	.cm_pdf {
		/* Link mit PDF-Icon */
		font-weight: bold;
		height: 25px;
		background-image: url(../images/pdf_ohnespiegel.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 30px;
		padding-top: 5px;
		display: block;
	}

		.cm_pdf1 {
		/* Link mit PDF-Icon */
		/*font-weight: bold;*/
		/*height: 25px;*/
		line-height: 20px;
		background-image: url(../images/pdf_ohnespiegel.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 30px;
		padding-top: 5px;
		display: block;
	}
	
	
	/*end AL*/
	/* Teaser Center */
	/*by JM*/
	.cm_b2b-teaser {
		/*	float:left; */
		display: block;
		margin: 0 1em 1em 0;
		position: relative;
		height: 124px;
	}

	.cm_b2b-teaser .image {
		width: 375px;
		z-index: 100;
		/*	position: absolute; */
		height: 124px;
	}

	.cm_b2b-teasertext {
		position: absolute;
		bottom: 12px;
		left: 12px;
		display: block;
		font-size: 17px;
		color: #284361;
		z-index: 150;
	}

	.cm_b2b-teaserlink {
		position: absolute;
		left: 0;
		top: 10px;
		height: 124px; /*127px;*/
		width: 375px; /*375px;*/

		cursor: pointer;
	}

	.cm_b2b-teasertext a:hover {
		text-decoration: none;
	}

	* html .cm_b2b-teasertext {
		z-index: 150;

	}

	.cm_b2b-teaser .arrow {
		padding: 0 0 0 15px;
		background: url("../images/nav-lvl2-arrow.gif") no-repeat scroll 0 6px transparent; /*wd*/
		padding-left: 9px;
	}

	/* end JM */
	.cm_product-b2b-banner {
		margin: 0 0 0 26px;
		overflow: hidden;
		position: relative;
	}

	.cm_product-b2b-banner a {
		position: absolute;
		top: 4px;
		left: 264px;
		z-index: 1;
	}

	.cm_product-b2b-banner a:hover {
		text-decoration: none;

	}

	.btn-grey {
		background-image: url("../images/cm_button_end.png");
		background-position: right -68px;
		background-repeat: no-repeat;
		color: #333;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 14px;
		height: 34px;
		line-height: 32px;
		margin-right: 10px;
		padding-right: 3px;
	}

	.btn-grey:hover {
		background-position: right -102px;
		text-decoration: none;
	}

	.btn-grey span {
		background-image: url("../images/cm_button.png");
		background-position: 0 -68px;
		background-repeat: no-repeat;
		display: block;
		height: 28px;
		padding: 0 12px 5px 20px;
		color: #333;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.btn-grey:hover span {
		background-position: 0 -102px;
		text-decoration: none;
		color: #333;
	}

	.btn-red {
		background-image: url("../images/cm_button_end.png");
		background-position: right -34px;
		background-repeat: no-repeat;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 14px;
		height: 34px;
		line-height: 32px;
		margin-right: 10px;
		padding-right: 3px;
	}

	.btn-red:hover {
		background-position: right 0;
		text-decoration: none;
	}

	.btn-red span {
		background-image: url("../images/cm_button.png");
		background-position: 0 -34px;
		background-repeat: no-repeat;
		display: block;
		height: 28px;
		padding: 0 12px 5px 20px;
		color: #FFF;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.btn-red:hover span {
		background-position: 0 0;
		text-decoration: none;
		color: #FFFFFF;
	}

	.cm_page-title-img {
		width: 100%;
	}

	.dinweb-light {
		/*  		font-family:arial,helvetica,sans-serif; */
		font-family: DINWeb-Light, sans-serif !important;
	}

	.dinweb-regular {
		/*		font-family:arial,helvetica,sans-serif;   */
		font-family: DINWeb, sans-serif !important;
	}

	/*
	 .page-productindex #col3 .dinweb-light{
		 font-weight: normal !important;
		 color: #333;
		 text-transform: uppercase;
	 }
	 .page-productindex #col3 .cm_single-product h3{
		 font-size: 21px;
		 height: 30px;
		 padding: 0 0 5px;
	 }

 */
	/* by AL*/
	#col3 .dinweb-light {
		font-weight: normal !important;
		color: #333;
		text-transform: uppercase;
	}

.dark-theme	#col3 .dinweb-light {
		font-weight: normal !important;
		color: #e1e1e1;
		text-transform: uppercase;
	}
  
	#col3 .cm_single-product h3 {
		font-size: 21px;
		padding: 0 0 5px;
	}

	/* END AL*/
	.cm_page-title h2 {
		padding-top: 5px;
		/* 		font-size: 45px; */
		font-size: 40px;
		color: #777;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 50px;
 		width: 620px;
		padding-bottom: 7px;
	}
  
.dark-theme .cm_page-title h2 {
		padding-top: 5px;
		/* 		font-size: 45px; */
		font-size: 40px;
		color: #e1e1e1;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 50px;
 		width: 620px;
		padding-bottom: 7px;
	}  

	/* by AL
		.page-productdetail .cm_page-title h2{
			width: 620px;
			padding-bottom: 7px;
		}
		.page-productdetail .cm_page-title h3{
			font-size: 19px;
			color: #777;
			font-weight: normal;
		}

	end AL */
	/* By AL */
/*  
	.cm_page-title h2 {
		width: 620px;
		padding-bottom: 7px;
	}
*/
	.cm_page-title h3 {
		font-size: 19px;
		color: #777;
		font-weight: normal;
		text-transform: none;
	}
  
.dark-theme	.cm_page-title h3 {
		font-size: 19px;
		color: #e1e1e1;
		font-weight: normal;
		text-transform: none;
	}  

	.cm_article-title h2 {
		font-size: 20px;
		width: 500px;
		padding-bottom: 7px;
	}

	.cm_article-title h3 {
		font-size: 14px;
		color: #777;
		font-weight: normal;
		text-transform: none;
		/* end AL */
	}

	#full-width-teaser {
		margin: 0 auto 15px;
		width: 1004px !important;
		position: relative;
	}

	#full-width-teaser .button_full-width-teaser {
		position: absolute;
		left: 38px;
		bottom: 20px;
	}

	.cm_mylist ul li {
		background: url("../images/tab_content_arrow_grey.gif") no-repeat scroll left 6px transparent;
		line-height: 22px;
		padding: 0 0 0 18px;
		list-style: none none outside;
	}

	html.full-size #col1, html.full-size #col2 {
		display: none !important;
	}
	html.full-size #main {
		width:100% !important;
	}
	html.full-size #col3 {
		width:100% !important;
		float: none !important;
		padding:0 !important;
	}
 
 .bright_text{
color: #e1e1e1;
 }   
 
 	/* .dark-theme Teaser Center */
	/*by AL*/
.cm_dark-teaser {
		display: block;
		margin: 0 1em 1em 0;
		position: relative;
		height: 250px;
    width: 750px;
	}

.cm_dark-teaser .image {
float: left;
		width: 200px;
		z-index: 100;
		height: 250px;
	}

.cm_dark-teasertext {
		display: block;
		font-size: 17px;
		color: #e1e1e1;
		z-index: 150;
	}

 
 
}