/* begin mac-msie css-comment-hack \*/
/* Author: Sascha Meier \*/
/* LastChangedDate: 2008-09-23 \*/
/* LastChangedBy: SM \*/
/* GENERAL \*/
* {
	margin: 0;
	padding: 0;
}
html {
	overflow: scroll;
}
body {
	color: #3f3f3f;
	background: #e4e4e4 url(../img/bg_body.gif) 0 0 repeat-x fixed;
	font: normal 11px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
	width: 100%;
	height: 100%;
}
a, a img {
	color: #3f3f3f;
	border: none;
	text-decoration: none;
	outline: none;
}
p a {
	text-decoration: underline;
}
p a:hover {
	color: #d70202;
}
input, select, textarea, button{
	font: normal 10px/12px Verdana, Geneva, Helvetica, Arial, sans-serif;
	color: #3f3f3f!important;
}
h1 {
	font: normal 1.6em Verdana, Geneva, Helvetica, Arial, sans-serif;
}
h2 {
	font: bold 1.2em Verdana, Geneva, Helvetica, Arial, sans-serif;
	padding: 10px 0 5px;
}
h3 {
	font: normal 1.1em Verdana, Geneva, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
}
h4 {
	font: bold 1em Verdana, Geneva, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	color: #808080;
}
hr {
	border: 1px solid #C0C0C0;
	margin-bottom:10px;
}
.copySmall {
	font-size: 80%;
}
.copyRed {
	color: #d70202;
}
button {
	overflow: visible;
	width: auto;
}
/* GRID \*/
#mainShadow {
	padding: 0 20px 50px 10px;
	background: transparent url(../img/bg_main_shadow.png) 100% 100% no-repeat!important;
	background: transparent;
	width: 970px;
	margin: 0px auto;
}
#main {
	background: #fff;
}
#metaArea {
	height: 30px;
	text-align: right;
	padding: 10px 30px;
	background: #fff;
	position: relative;
}
#logo {
	float: left;
}
#metaNavi {
	padding-top: 10px;
}
#metaNavi a {
	padding-left: 15px;
}
#metaNavi a:hover {
	color: #d70202;
}
#metaNavi img {
	position: relative;
	top: 2px;
}
#metaNavi a:hover img {
	border: 1px solid #d70202;
	top: 3px;
	left: 1px;
	margin-left: -2px;
}
#header {
	background: #b21501 url(../img/bg_header.jpg) 0 0 no-repeat;
	height: 170px;
	position: relative;
	z-index: 1000;
}
#header .cockpit {
	background: #9e0d0d;
	float: right;
	margin: 30px 30px 0 -20px;
	width: 220px;
	height: 80px;
	color: #fff;
	position: relative;
}
#header .cockpit a {
	color: #fff;
}
#header .cockpit label, #header .cockpit span {
	width: 73px;
	float: left;
	padding: 1px 10px 2px;
}
#header .cockpit a.title {
	background: transparent url(../img/ico_basket.gif) 95% 50% no-repeat;
	width: auto;
	float: none;
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid #d60000;
}
#header .cockpit a.cpLnk {
	width: 76px;
	float: left;
	display: block;
	padding: 2px 10px 2px 25px;
	border-bottom: 1px solid #d60000;
	border-left: 1px solid #d60000;
	margin-left: 0;
	margin-right: -1px;
	position: relative;
	top: -15px; /* Firefox 2/3 Fix */
	margin-left: -1px;
	background-position: 8px 50%;
	background-repeat: no-repeat;
}
#header .cockpit a.cpLnk:hover, #header .cockpit a.title:hover {
	background-color: #720a0a;
}
#header .cockpit button.btn {
	margin-right: 10px;
	background-color: #d70202;
}
#header .cockpit button.btn span {
	border-left: 1px solid #b40e0e;
}
#header .cockpit form {
	clear: both;
	position: absolute;
	bottom: 5px;
	width: 221px;
}
#header .cockpit .formField {
	border: 1px solid #d70202;
	padding: 1px 5px 2px 20px;
	width: 124px;
	margin-right: -26px;
	position: relative;
	background-position: 2px 50%;
	margin-left: 10px;
	background-color: #efefef;
}
#header .cockpit .formField:hover, #header .cockpit .formFieldHover {
	background-color: #fff;
}
#claim {
	position: absolute;
	left: 30px;
	top: 40px;
}
#volume {
	clear: both;
	margin: 30px 30px 0 30px;
	padding: 40px 0 0 0;
	border-top: 1px solid #ccc;
	min-height: 250px;
	height: auto!important;
	height: 250px;
	/*  overflow: auto;
*/
}
#breadCrumbs {
	color: #808080;
	font-size: 9px;
	position: relative;
	margin-top: -40px;
	margin-bottom: 20px;
	height: 20px;
	z-index: 0;
}
#breadCrumbs a {
	color: #606060;
}
#breadCrumbs span {
	background: transparent url(../img/ico_lnk_breadcrumb.gif) 50% 60% no-repeat;
	padding: 3px 2px;
}
#breadCrumbs button {
	margin-top: -10px;
	margin-right: 10px;
}
#breadCrumbs button span {
	background-image: none;
	margin-right: 0px;
}
#breadCrumbs a.active {
	color: #303030;
}
#subNavi {
	width: 210px;
	float: left;
	margin-right: 10px;
	padding: 0 5px;
	overflow: hidden;
}
#subNavi ul {
	list-style: none;
}
#subNavi ul li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	padding: 0 5px;
	height: auto!important;
	height: 1px;
}
#subNavi ul li:hover {
	background-color: #f5f5f5;
}
#subNavi ul li.active {
	background: #fff!important;
}
#subNavi ul li.active a:hover {
	color: #040404;
}
#subNavi ul li a {
	line-height: 1.9em;
	display: block;
}
#subNavi ul li a:hover, #subNavi ul li.active li a:hover {
	color: #d70202;
}
#subNavi ul li li {
	list-style: none;
	border-bottom: none;
	background: #fff;
	margin: 0 -5px;
}
#subNavi ul li li:hover {
	background-color: #f5f5f5;
}
#subNavi ul li li a {
	background: transparent url(../img/ico_lnk_black.gif) 7px 0.65em no-repeat;
	padding-left: 15px;
	width: 180px;
}
#subNavi ul li li a:hover {
	background-image: url(../img/ico_lnk.gif);
}
#subNavi ul li li.active {
	background: #808080!important;
}
#subNavi ul li li.active a {
	background-image: url(../img/ico_lnk_white.gif)!important;
	color: #fff!important;
}
#subNavi ul li li.active li a {
	color: #3F3F3F!important;
	background: transparent url(../img/ico_lnk_black.gif) 7px 0.65em no-repeat!important;
	width: 160px;
	margin-left: 10px;
}
#subNavi ul li li.active li.active a {
	color: #fff!important;
	background-image: url(../img/ico_lnk_white.gif)!important;
}
#subNavi ul li li.active li.active li a {
	color: #3F3F3F!important;
	background: transparent url(../img/ico_lnk_black.gif) 7px 0.65em no-repeat!important;
	width: 150px;
	margin-left: 20px;
}
#subNavi ul li li.active li.active li.active a {
	color: #fff!important;
	background-image: url(../img/ico_lnk_white.gif)!important;
}
#content {
	float: left;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	position: relative;
	z-index: 0;
}
#related {
	float: left;
	min-height: 200px;
	height: auto!important;
	height: 200px;
}
#footer {
	clear: both;
	background: #d70202;
	color: #fff;
	padding: 2px 35px 3px;
}
#footer a {
	color: #fff;
}
.shopArea #volume {
	background: #fff url(../img/bg_volume_shoparea.gif) 100% 0 repeat-y;
}
.shopArea #content {
	width: 690px;
}
.shopArea #related {
	width: 220px;
}
.shopArea #footer {
	background: #d70202 url(../img/bg_footer_shoparea.gif) 100% 0 repeat-y;
}
.cmsArea #volume {
	background: #fff url(../img/bg_volume_shoparea.gif) 0 0 repeat-y;
}
.cmsArea #content {
	width: 690px;
	margin-right: -20px;
}
.cmsArea #subNavi h1 {
	margin-right: 0!important;
}
.cmsArea #footer {
	background: #d70202 url(../img/bg_footer_shoparea.gif) 30px 0 repeat-y;
}
#topNavi {
	position: absolute;
	left: 0;
	top: 120px;
/*	padding: 0 30px 0 20px; */
	padding: 0 10px 0 20px;
}
/* Navigation menu list */
ul#navmenu {
	list-style: none;
	position: relative;
	z-index: 1000;
	top: 1px;
}
ul#navmenu li {
	float: left;
	list-style: none;
	position: relative;
	z-index: 1000;
	min-height: 50px;
	height: auto!important;
	height: 50px;
	vertical-align: bottom;
	background: transparent url(../img/bg_topnavi_tab_border.gif) 100% 98% no-repeat;
	padding-right: 7px;
}
ul#navmenu ul {
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 4.45em;
	left: -9px;
	padding: 0 7px 10px 17px;
	background: transparent url(../img/bg_menu_shadow.png) 100% 100% no-repeat;
}
ul#navmenu ul li {
	width: 160px!important;
	display: block !important;
	min-height: inherit!important;
	background: none!important;
	margin-left: -7px;
}
ul#navmenu li ul li {
	height: auto!important;
	min-height: 1px!important;
	width: 160px!important;
}
ul#navmenu li.active li div {
	background: none!important;
	padding-top: 0!important;
	height: auto;
	width: 100%;
}
ul#navmenu li div span, ul#navmenu li.active li div span {
	display: none;
	padding: 0 50px 0 10px;
	font-size: 80%;
	line-height: 130%;
	color: #808080;
}
/* Root Menu */
ul#navmenu a {
	padding: 0px 10px;
	float: none !important;
/*For Opera*/
	display: block;
	color: #fff;
	font: normal 1.18em/1.7em Verdana, Helvetica, sans-serif;
	padding-top: 1.8em;
}
ul#navmenu li.active {
	background: #fff;
	/*  height: 50px;
*/
	background: url(../img/bg_topnavi_tab_active_lft.gif) 0 0 no-repeat;
	margin-left: -7px;
	padding-right: 0;
}
ul#navmenu li.active div {
	background: url(../img/bg_topnavi_tab_active_rght.gif) 100% 0 no-repeat;
	padding-top: 2px;
	height: 48px;
	width: auto!important;
	width: 1px;
	white-space: nowrap;
}
ul#navmenu li.active div span {
	display: block;
}
ul#navmenu li.active a {
	color: #040404!important;
	font-weight: bold;
	padding-top: 0;
	padding-right: 60px;
	background-image: none!important;
}
/* Root Menu Hover Persistence */

ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu a:focus, ul#navmenu li:focus a, ul#navmenu a:active, ul#navmenu li:active a, ul#navmenu li.iehover a {
	color: #fff;
	background: transparent url(../img/bg_topnavi_tab_hover.gif) 50% 100% no-repeat;
	white-space: normal;
}
ul#navmenu ul li a.hasSub {
	background-image: url(../img/ico_lnk_black.gif)!important;
	background-position: right 8px!important;
	background-repeat: no-repeat!important;
}
/* 2nd Menu */

ul#navmenu li:hover li a, ul#navmenu li:focus li a, ul#navmenu li:active li a, ul#navmenu li.iehover li a {
	float: none;
	padding: 0 5px 0 25px;
	background: #fff url(../img/ico_lnk.gif) 10px 0.6em no-repeat!important;
	color: #404040;
	min-height: 2.1em;
	height: auto!important;
	height: 2.1em;
	font: normal 1.0em/1.7em Verdana, Helvetica, sans-serif;
}
/* 2nd Menu Hover Persistence */

ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li:focus li a:focus, ul#navmenu li:focus li:focus a, ul#navmenu li:active li a:active, ul#navmenu li:active li:active a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li a:focus, ul#navmenu li.iehover li a:active, ul#navmenu li.iehover li.iehover a {
	background: #efefef url(../img/ico_lnk.gif) 10px 0.6em no-repeat!important;
	color: #404040;
}
ul#navmenu li.active li.active a {
	font-weight: bold;
	font-weight: normal;
}
/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li:focus ul ul ul, ul#navmenu li:focus ul ul, ul#navmenu li:active ul ul ul, ul#navmenu li:active ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li:focus ul, ul#navmenu ul li:focus ul, ul#navmenu ul ul li:focus ul, ul#navmenu li:active ul, ul#navmenu ul li:active ul, ul#navmenu ul ul li:active ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display: block;
}
ul#navmenu li.dropDown {
	background: transparent url(../img/bg_dropdown_lft.gif) 0 25px no-repeat;
	margin-left: -7px;
}
ul#navmenu li.dropDown span {
	display: block;
	font-size: 100%;
	color: #404040;
	padding: 2px 0 0;
}
ul#navmenu li.dropDown div {
	background: transparent url(../img/bg_dropdown_rght.gif) 100% 25px no-repeat!important;
	width: 100%;
}
ul#navmenu li.dropDown a, ul#navmenu li.dropDown a:hover {
	color: #040404;
	background-image: none!important;
	padding-right: 44px!important;
}

.rght {
	float: right;
	margin-left: 10px;
	display: block;
}
.lft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
}
.accessLnk {
	display: none;
} 
.clearFloat {
	height: 0;
	overflow: hidden; 
	font-size: 0;
	line-height: 0; 
	clear: both;
	padding: 0!important;
}
/* content ELEMENTS */
.oneCol {
	width: 220px;
	margin: 0 10px 10px 0;
	float: left;
	/*  
	min-height: 200px;
	height: auto!important;
	height: 200px;
*/
}

.twoCol {
	width: 450px;
	margin: 0 10px 10px 0;
	float: left;
	/*  min-height: 200px;
	height: auto!important;
	height: 200px;
*/
}
.threeCol {
	width: 680px;
	margin: 0 10px 10px 0;
	float: left;
	/*  min-height: 200px;
	height: auto!important;
	height: 200px;
*/
}
.teaser, .teaserCnt {
	position: relative;
	z-index: 0;
}
.outline {
	border: 1px solid #ddd;
	background: #fff;
}
.highlight {
	border-color: #bbb;
}
.disturber {
	position: absolute;
	top: 30%;
	right: 0;
	padding: 1px 5px 2px;
	background: #808080;
	color: #fff!important;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.toptool, .economytool {
	background: transparent;
	left: 0;
	top: 240px;
}
a.lnk {
	padding-left: 8px;
	background: transparent url(../img/ico_lnk.gif) 1px 0.5em no-repeat;
	display: block;
	line-height: 1.6em;
	text-decoration: none;
	margin-top: 5px;
}
a.lnk:hover {
	color: #d70202;
}
.outline a.lnk {
	height: auto!important;
	height: 2.5em;
	min-height: 2.5em;
}
.cmsTeaser .teaserCnt {
	/*CR: Flexible Höhe bei Startseite Kacheln. Fixe Höhe war: height: 32em;*/
	/* temporär wieder drin. */
	height: 32em;
	overflow: hidden;
	position: relative;
}
.teaser a {
	text-decoration: none;
}
h1, ul.stepselector {
	margin-right: 10px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 25px;
}
h1, h2 {
	clear: both;
}
.article h1, .article h2 {
	clear: none;
}
.article {
	margin-bottom: 10px;
	clear: both;
}
.teaser h1, .cmsTeaser h1, #related h1 {
	margin-right: 0;
}
.teaser h2, .cmsTeaser h2 {
	padding-top: 0;
}
.cmsTeaser h3, .teaser h3 {
	background: url(../img/bg_dots.gif) 0 100% repeat-x;
	width: 100%;
	margin-bottom: 10px;
}
.teaser h3 {
	height: 42px;
	overflow: hidden;
}
.teaser h3 a.lnk {
	margin-top: 0;
}
.outline .teaserCnt {
	padding: 10px;
}
.outline p {
	height: 4.3em;
	overflow: hidden;
}
.oneCol .outline p.teaserImg {
	width: 218px;
}
.twoCol .outline p.teaserImg {
	width: 448px;
}
.threeCol .outline p.teaserImg {
	width: 678px;
}
#content .oneCol .outline .teaserCnt {
	width: 190px;
}
#content .twoCol .outline .teaserCnt {
	width: 418px;
}
#content .threeCol .outline .teaserCnt {
	width: 648px;
}
.teaserCnt .teaserImg .icoLense {
	background-color: #b40e0e;
	background-position: 50% 40%;
	top: auto;
	bottom: 10px;
	height: 16px;
	width: 18px;
}
.teaserCnt .teaserImg a:hover .icoLense {
	background-color: #d70202;
}
.outline p.teaserImg {
	height: 20em;
	overflow: hidden;
	margin: 0 -10px 10px -10px;
	text-align: center;
}
.teaserCat .outline p.teaserImg {
	height: 9em;
}
.teaserProd .outline {
	height: 35em!important;
	height: 35.5em;
}
.price, .priceNew {
	color: #808080;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 25px;
	clear: both;
}
.priceNew {
	color: #b40e0e;
}
.priceOld {
	color: #808080;
	font-weight: bold;
	text-decoration: line-through;
	padding: 2px;
}
.price span, .priceNew span {
	font-size: 45%;
	font-family: Tahoma;
	padding-left: 2px;
}
.setPriceAdvantage {
	color: #b40e0e;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 25px;
	clear: both;
}
.articleNum {
	display: block;
	font-size: 80%;
	color: #808080;
}
#cntMeta {
	margin: 20px -30px 0;
	background: url(../img/bg_cnt_meta.png) 0 0 repeat-x;
	position: relative;
	width: 970px;
	height: 35px;
}
#cntMeta ul {
	list-style: none;
	padding: 10px 75px 10px 30px;
	text-align: right;
}
#cntMeta ul li {
	display: inline;
	padding: 0px 20px;
}
#cntMeta ul li img {
	position: relative;
	top: 2px;
	padding-right: 3px;
}
#cntMeta a {
	padding: 1px 5px 2px 2px;
}
#cntMeta a:hover {
	background-color: #fff;
}
.cmsArea #cntMeta ul {
	padding: 10px 10px 10px 30px;
}
.pageNavi {
	background: #efefef;
	padding: 2px 5px 3px;
	text-align: right;
}
.pageNavi a {
	padding: 0px 2px 1px;
}
.pageNavi a.active {
	background: #b40e0e;
	color: #fff;
	font-weight: bold;
	padding: 0px 2px 1px;
}
.pageNavi a:hover {
	background: #ccc;
}
.bgefefef {
	background: #efefef;
}
.border {
	border: 1px solid #c0c0c0;
}
.borderBtm {
	border-bottom: 1px solid #c0c0c0;
}
.borderBtm .pad10 {
	border-bottom: 1px solid #fff;
}
.pad10 {
	padding: 10px;
}
.margin101000 {
	margin: 10px 10px 0 0;
}
.height20 {
	height: 20px;
}
.noWrap {
	white-space: nowrap;
}
.noBorder, .noBorder td {
	border: 0;
}
.teaser .bgefefef {
	margin-top: 10px;
}
#content ul li,
#content ol li {
	padding-left: 15px;
	list-style: none;
	background: url(../img/ico_bullet.gif) 5px 0.65em no-repeat;
	position: relative;
}
#content ol {
	margin-left: 23px;
}
#content ol li {
	background: none;
	list-style: decimal;
	padding-left: 0;
}
.video {
	margin: 5px 0 30px 0;
}
.mp {
	padding:18px; background: url(../img/icon-media-player_01_T_WE_L.jpg) no-repeat right;
}
.qt {
	padding:18px; background: url(../img/icon-quicktime_01_T_WE_L.jpg) no-repeat right;
}
.rp {
	padding:18px; background: url(../img/icon-real_01_T_WE_L.jpg) no-repeat right;
}

/* Icons */
.icoBasket {
	background-image: url(../img/ico_basket.gif);
	background-repeat: no-repeat;
}
.icoLnk {
	background-image: url(../img/ico_lnk_white.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%!important;
}
/* MZ new 20090519 */
.icoBk {
	background-image: url(../img/ico_lnk_back.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%!important;

}
.icoMerk {
	background-color:#808080!important;
	background-image:url(../img/ico_merk.gif);
	background-position:6px 50% !important;
	background-repeat:no-repeat;
	float:left;
	height:17px !important;
	width:20px;
}
.icoBasketMerk {
	background-color:#D70202!important;
	background-image:url(../img/ico_basket.gif);
	background-position:4px 50% !important;
	background-repeat:no-repeat;
	float:left;
	height:17px !important;
	width:25px;
}
.icoBasketGray {
	background-color:#808080!important;
	background-image:url(../img/ico_basket.gif);
	background-position:4px 50% !important;
	background-repeat:no-repeat;
	float:left;
	height:17px !important;
	width:20px;
}
.gray {
	background-color:#808080!important;
}

/* MZ newEnd */
.icoCatalog {
	background-image: url(../img/ico_catalog.gif);
	background-repeat: no-repeat;
}
.icoLogin {
	background-image: url(../img/ico_login.gif);
	background-repeat: no-repeat;
}
.icoEuro {
	background-image: url(../img/ico_euro.gif);
	background-repeat: no-repeat;
}
.icoSearch {
	background-image: url(../img/ico_search.gif);
	background-repeat: no-repeat;
}
.icoLense {
	background-image: url(../img/ico_lense.gif);
	background-repeat: no-repeat;
}
/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px!important;
	clear: both;
}
th, td {
	background: #efefef;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 20px 5px 3px;
}
td {
	background: #fff;
	color: #606060;
	padding-top: 5px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
}
td.rght, tr.rght, th.rght {
	float: none;
	text-align: right;
	display: table-cell!important;
	margin-left: 0;
}
table.formTbl th, table.formTbl td {
	background: #bbb;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 5px 10px;
}
table.formTbl td {
	background: #f5f5f5;
	padding: 2px 10px;
	border-bottom: 0;
	font-weight: normal;
	color: #404040;
}
tr.buttonBar td {
	background: #e2e2e2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c0c0c0;
	padding-top: 6px;
	padding-bottom: 6px;
}
.formTbl th img {
	margin-top: -3px;
	margin-bottom: -2px;
	margin-right: 3px;
}
.errorMsg {
	border: 1px solid #990d30;
	background: #f8f4f4;
	color: #990d30;
}
.infoMsg {
	border: 1px solid #008000;
	background: #e5ffe5;
	color: #008000;
}
/* Forms */
button.btn {
	border: 0;
	background-color: #b40e0e;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	white-space: nowrap;
	padding: 0 0 0 18px!important;
	height: auto;
	cursor: pointer;
}
button.btn span {
	width: auto!important;
	float: none!important;
	color: #fff;
	background: #d70202;
	padding: 3px 7px!important; /* MZ new */
	line-height: 15px;
	border-left: 1px solid #fff;
	margin-right: -3px;
	cursor: pointer;
}
button.btn:hover, button.btnHover, button.btn:hover span, button.btnHover span {
	background-color: #fe1c1c!important;
	color: #fff!important;
}
button.btnWhite span {
	background: #fff;
	color: #404040;
}
#volume button.btnWhite:hover, #volume button.btnWhiteHover {
	background-color: #404040!important;
}
#volume button.btnWhite:hover span, #volume button.btnWhiteHover span {
	background-color: #bbb!important;
	color: #000!important;
}
button.noIco {
	padding-left: 0!important;
	font-weight: bold;
}
button.noIco span {
	border-left: 0;
	margin-left: -5px;
}
#volume input.formField, #volume select.formField, #volume textarea.formField {
	border: 1px solid #c0c0c0;
	background-color: #fff;
	padding: 1px 2px;
	width: 98%;
}
#volume select.formField {
	width: 100%;
}
#volume input.formFieldError {
	border: 1px solid #d70202;
}
#volume textarea.formFieldError {
	border: 1px solid #d70202;
}
#volume input.formField:hover, #volume input.formFieldError:hover, #volume input.formFieldHover, #volume input.formFieldErrorHover {
	border: 1px solid #404040;
}
.checkbox, .radiobox {
	padding-left: 20px!important;
	position: relative;
	padding-top: 2px;
	padding-right: 20px!important;
}
.checkbox input, .radiobox input {
	position: absolute;
	left: 0px;
	top: 2px;
	width: 15px;
	height: 15px;
	display: block;
	background: transparent;
	border: none;
}
/* stepselector start */
ul.stepselector {
	height: 23px;
}
ul.stepselector li {
	float: left;
	display: block;
	background: #ccc!important;
	width: 155px;
	border-left: 2px solid #fff;
	margin-left: -2px;
}
ul.stepselector li a {
	padding: 3px 15px 3px 10px!important;
	font-weight: bold;
	display: block;
	color: #fff;
	text-align: center;
	cursor: default;
}
ul.stepselector li a img {
	position: absolute;
	margin-left: -17px;
	margin-top: 1px;
}
ul.stepselector li.active {
	background: #c50707!important;
}
ul.stepselector li.active a, ul.stepselector li.passed a {
	cursor: pointer;
}
ul.stepselector li.passed {
	background: #808080!important;
}
ul.stepselector li.passed:hover {
	background: #c50707!important;
}
/* Related start*/
#related .oneCol {
	width: 210px;
	margin: 0 5px 10px 5px;
}
#related h1 {
	margin: 0 5px 5px 5px;
}
#related .outline {
	border: 1px solid #ccc;
	width: 218px;
	margin: 0 -5px 10px -5px;
	position: relative;
	left: 0!important;
}
#related .outline p.teaserImg {
	width: 218px;
	height: auto!important
}
.teaserBox {
	margin-bottom: 10px;
}
.teaserBox h2 {
	background: #ccc;
	margin: 0 5px;
	color: #fff;
	padding: 3px 5px;
	margin: 0 0!important;
	width: 210px;
	display: block;
	position: relative;
	left: 0!important;
	left: 5px;
}
.teaserBox .teaser {
	margin-bottom: -1px!important;
}
#related .cmsTeaser {
	padding-bottom: 10px;
	background:transparent url(../img/bg_dots.gif) repeat-x scroll 0 100%;
}
#related .teaserCnt {
	height: auto!important
}
#messagewindowBG {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #404040;
	opacity: .70;
	overflow: hidden;
}
#messagewindow {
	display: none;
	position: absolute;
	z-index: 1000;
	margin: auto;
	left: 36%;
	top: 7%;
	width: 360px;
	background: #fff;
	border: 1px solid #fff;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding: 10px;
}
#messagewindow h5 {
	margin: -10px -10px 10px -10px;
	color: #404040;
	font-size: 1.4em;
	font-weight: normal;
	padding: 2px 10px 3px;
	background: #ccc;
	display: block;
	border-bottom: 1px solid #bbb;
}

/* Video player */
.playerDiv {
	position: relative;
	display: block;
	z-index: 10;
	width: 134px;
}

.playerTxt {
	position: relative;
	display: block;
	z-index: 10;
	height: 20;
}
	
.playerLnk {
	position: absolute;
	z-index: 50;
	width: 126px;
	height: 100%;
	top: 0;
	left: 0;
}

.playerLnk img {
	width: 126px;
	height: 100%;
}

#videoWrapper {
	width: 670px!important;	
	margin: 0 auto;
}
#videoDescription {
	height: 80px;
}
#videoPanel {
	background-color:#cfcfcf;
}

/* Sharpening Service*/
.icoSharp {
    float:left;
    cursor:pointer;
}
.teaserProd .teaserCnt .icoSharp {
     position: absolute;
     bottom: 15px;
     right: 0px;
}
#tooltipText {
     background-color: #fff;
     border: 1px solid #ddd;
     padding:10px;
}
#tooltipText img {
     padding: 0 0 10px 0;
}
.oneCol .sharp {
     background: transparent;
     top:21px;
}
.teaserProd .sharp {
     background: transparent;
     top:65px;
}

.courseCol1 {
	width: 95px;
}
.courseCol2 {
	width: 250px;
}
.courseCol3 {
	width: 150px;
}
.courseCol4 {
	width: 150px;
}
.courseCol5 {
	width: 400px;
}
.courseCol6 {
	width: 50px;
}


/* PRINT STUFF \*/
@media print {
html {
	margin: 0;
	padding: 0;
	width: 21cm;
}
html * {
	position: inherit!important;
}
body, body *, a, p, span {
	color: #000!important;
	background: none;
}
button.btn {
	border: 1px solid #000;
}
button.btn span {
	margin-right: 0!important;
	padding-right: 10px!important;
	border: none;
}
.clearFloat {
	height: auto!important;
	overflow: visible!important; 
}
#header, #metaNavi, #subNavi, #cntMeta, #breadCrumbs {
	display: none!important;
}

#main,  #mainShadow {
	width: auto!important;
	margin: 0;
	padding: 0;
}
/* MZ out 20090519 
/* #volume #content .clearFloat {
	page-break-after:always;
} */
#volume #content {
	float: none!important;
	width: 800px!important;
	clear: both!important;
	min-height: auto!important;
	height: auto!important;
/*	page-break-after:always; */ /* MZ out 20090519 */
}
#related {
	clear: both!important;
	float: none!important;
	width: auto!important;
}
.teaser, .cmsTeaser {
	height: auto!important;
}

#related .cmsTeaser {
	clear: both!important;
	float: none!important;
	height: auto;
}
/* end media print \*/