/* 
	CSS:		Screen 
	Web: 		Bertelsmann!
	Version: 	2.0.9
	Datum:		12.08.10
	Status:		production
	Autor:		YS, JN	
	
	Notizen:
				Brockhaus Rot: #021C4D
				Wissemedia Dunkelblau: #021C4D
				Wissemedia Hellblau: #03A8D6
				Schriftfarbe Grau: #474747
				Hintergrundfarbe Greifgrau: #f7f7f7
			
*/

html { zoom: 1; overflow-y:scroll; } /*for IE*/
body { margin: 0; padding: 0; min-width: 990px; background-image:url(./.images/backdrop.gif); background-repeat:no-repeat; background-position:center top; font-family:Arial,Helvetica,sans-serif; font-size:7pt; color:#4c4c4c; }
body { text-align: center } /*fuer IE Fix, undone im wrapper*/

/* Fix für Flash über Thickbox  -------------------------------------------------------------------------  */
div.flash { position:relative;z-index:0; }

/* Overlay -------------------------------------------------------------------------  */
body#overlaybody { background-image:none; margin:0; padding:0; min-width:0;}
body#overlaybody #content { margin:0; padding:0; float:left;  width:100%; text-align: left; }
body#overlaybody #content #mainContent { margin: 0; padding:0; width:100%; }

/* Custom pages im Overlay -------------------------------------------------------------------------  */
body#custompagebody { background-image:none; margin:0; padding:0; min-width:0;}
body#custompagebody #content {  margin:0; width:890px; height:560px; float:left; text-align:left;}
body#custompagebody #content .image { float:right; margin-top:5px; border:1px solid #7F7F7F; }
body#custompagebody #content .text { margin-right:20px; width:300px; float:left;}
body#custompagebody #content h1 { margin-top:0; }

/* Eine Marke von wissenmedia Overlay -------------------------------------------------------------------------  */
#wmvoverlay {font-size:9pt; color: #0B2651}

/* Basic Layout -------------------------------------------------------------------------  */
#wrapper { width: 990px; margin: 0 auto; background:transparent; text-align: left; }
#header { height:90px; border-bottom:4px solid #5A5A5A; margin-bottom:7px }
#headerleft { width: 400px; height:90px; float:left; }
#headerleft a { display:block; background-image:url(./.images/logo.gif); background-repeat:no-repeat; background-position:left center; width:326px; height:90px; }
#headerleft a { background-image:url(./.images/logo.gif); }
#headerleft a h1 { display:none; }
#headerright { width: 590px; height:90px; float:left; text-align:right; }

/* Metanavigation -------------------------------------------------------------------------  */
#metanav { width: 590px; height: 60px; text-align:right; }
#metanav div { float:right; }
#metanav a { display:block; float:left; color: #7F7F7F; text-decoration: none; margin: 7px 15px 0 0; padding:0; }
#metanav a:hover { color: #021C4D; }
#metanav a.brandnav { width: 190px; height: 29px; background-image:url(./.images/brandnav2.gif); background-repeat:no-repeat; background-position:left top; color: #7F7F7F; text-decoration: none; margin: 0; padding:0;}
#metanav a.brandnav:hover { background-position:right top; }
#metanav a.brandnav span{ display:none; }
#metanav a.rollover {  float:left; display: block; background-repeat:no-repeat; height:14px;	text-decoration: none; }
#metanav a.rollover:hover { background-position: 0 -14px; }
#metanav ul { list-style: none; font-size: 1em; padding: 0; margin:0;}
#metanav ul li { float:left;width:190px; display:block; margin-bottom:13px; margin-left:0; }

/* Sucheingabe -------------------------------------------------------------------------  */
#pagesearch { width: 590px; height: 30px; text-align:right; color: #AE0025; vertical-align:bottom; }
#pagesearch form { padding:0; margin:2px 0 0 0; }
#pagesearch input { border: 1px solid #B2B2B2; height:18px; width:142px; margin: 0 4px 0 6px; padding:0; font-size:9pt; vertical-align:bottom; }
#pagesearch button { cursor:hand; cursor:pointer; background:#AE0025 url(./.images/submitsearch2.gif) no-repeat left top; width: 42px; height: 20px; border:0; border:none; }
#pagesearch button:hover { background-position:right top; }
#pagesearch button div { display:none; }
#pagesearch img.label { padding-top:3px; }

/* Breadcrumb -------------------------------------------------------------------------  */
#breadcrumb { padding-bottom:5px; padding-left:10px; }
#breadcrumb a, #breadcrumb a.folder:hover { color:#001949; font-size:1.2em; text-decoration:none; }
#breadcrumb a.folder { color:#4B4B4B; font-size:1.2em; }

/* Hauptnavigation -------------------------------------------------------------------------  */
#mainnav { width: 190px; float: left; margin-top:19px; list-style: none;}
#mainnav a.rollover { display: block; background-repeat:no-repeat; width: 190px; text-decoration: none; }
#mainnav a.rollover:hover { background-position: -190px 0; }
#mainnav ul { list-style: none; font-size: 1.5em; padding: 0; margin:0; padding-top:8px;}
#mainnav ul ul, #mainnav ul ul ul, #mainnav ul ul ul ul { border:none; padding:0;font-size: 1.25em; }
#mainnav ul li { width:190px; display:block; margin-bottom:4px; margin-left:0; }

/* Contentbereiche -------------------------------------------------------------------------  */
#content { width: 788px; float: right; margin:0; padding:0; margin-bottom:50px }
#mainContent { margin: 0 0 13px; width: 586px; float: left }
#secondaryContent  { width:190px;  float: right; margin:0;padding:0}

/* Footer -------------------------------------------------------------------------  */
#footer { margin-bottom:32px; font-size:1.2em; height:30px; border-top:2px solid #00376D; color: #7F7F7F; clear: both; background-image: url(../.images/wmlogo.gif); background-repeat:no-repeat; background-position:right 5px; }
#footer p { margin-top:4px; }
#footer a { text-decoration:none; color: #7F7F7F; margin-left:20px; }
#footer a:hover { color: #021C4D; }
#footer a.current { color: #021C4D; }

/* Links (allgemein) -------------------------------------------------------------------------  */
a:link {outline: none;}
a:visited {outline: none;}
a:hover {outline: none;}
a:active {outline: none;}
.displace { position: absolute;	left: -5000px; 	}
.transparent { color: transparent;}
a img { border:none; }

/* Eine Marke von wissenmedia Overlay -------------------------------------------------------------------------  */
a.linkarrow { text-decoration: none; color: #0B2651;  font-size: 9pt; padding-right:15px; background-image:url(./.images/btn_linkarrow1.gif); background-position:right; background-repeat:no-repeat; }
a.linkarrow:hover { text-decoration: underline; }

/* IE6 Fix für Overlay Blättern -------------------------------------------------------------------------  */
* html .overlaypagenavbottom {
	padding-top:4px;
	height:15px;
	vertical-align:top;
	overflow:hidden;
	margin-bottom:0;
	padding-bottom:0;
}

/* Eyecatcher / Stoerergrafiken -------------------------------------------------------------------------  */
.eycatlefttop, .eycatrighttop {float:left;}
.eycatlefttop .eyecatimg { position:relative; left:-200px;top:-10px; }
.eycatrighttop .eyecatimg { position:relative; left:-25px;top:-10px; }

/* Gerenderte Buttons -------------------------------------------------------------------------  */
a.renderedbutton span, #mainContent a.renderedbutton span, #secondaryContent a.renderedbutton span, #tertiaryContent a.renderedbutton span {
	font-weight:normal; 
	font-size:8pt; 
	color:#fff;
	background-color:#777777;
}

a.renderedbutton, #mainContent a.renderedbutton, #secondaryContent a.renderedbutton, #tertiaryContent a.renderedbutton {
	height:auto;
	min-height:16px;
	font-weight:normal; 
	font-size:8pt; 
	color:#fff;
	border-left:4px solid #777777;
	border-right:4px solid #777777;	
	background-color:#777777;
	margin:0; padding:0;
	display:inline-block;
	vertical-align:top;
}

a.renderedbutton2 span, #mainContent a.renderedbutton2 span, #secondaryContent a.renderedbutton2 span, #tertiaryContent a.renderedbutton2 span {
	font-weight:normal; 
	font-size:8pt; 
	color:#fff;
	background-color:#4D9424;
}
a.renderedbutton2, #mainContent a.renderedbutton2, #secondaryContent a.renderedbutton2, #tertiaryContent a.renderedbutton2 {
	height:16px;
	font-weight:normal; 
	font-size:8pt; 
	color:#fff;
	background-color:#4D9424;
	margin:0; padding:0;
	display:inline-block;	
	margin-top:-5px;
	vertical-align:top;	
}

/* Overlay Buttons -------------------------------------------------------------------------  */
a.pagenavibutton {
	height:16px;
	font-weight:normal; 
	font-size:10pt; 
	color:#fff;
	border-left:4px solid #979797;
	border-right:4px solid #979797;	
	background-color:#979797;
	margin:0; padding:1px;
	display:inline-block;
	text-decoration:none;
}
.pagenavibuttonactive {
	height:16px;
	font-weight:normal; 
	font-size:10pt; 
	color:#fff;
	border-left:4px solid #021C4D;
	border-right:4px solid #021C4D;	
	background-color:#021C4D;
	margin:0; padding:1px;
	display:inline-block;
	text-decoration:none;
}

/* Links (speziell) -------------------------------------------------------------------------  */
#mainContent a { color: #000000; font-weight:normal; text-decoration:underline; }
#mainContent a:hover { text-decoration:underline }

#secondaryContent a { color: #000000; text-decoration:none;}
#secondaryContent a:hover { text-decoration:underline }

#tertiaryContent a { color: #000000; text-decoration:none;}
#tertiaryContent a:hover { text-decoration:underline }

/* Content Auszeichnung -------------------------------------------------------------------------  */
#tertiaryContent br, #content br, .editmode br { line-height: 14pt }
#tertiaryContent  p, #content p, .editmode p { font-size: 9pt; line-height: 14pt; }
#tertiaryContent, #content, .editmode { color:#555; }
#tertiaryContent h1, #content h1, .editmode h1 { color: #404040; font-family:Arial,Helvetica,sans-serif; font-size: 14pt; font-weight: normal; line-height: 1.3em; margin-bottom: 0.5em }
#tertiaryContent h2, #content h2, .editmode h2 { color: #404040; font-family:Arial,Helvetica,sans-serif; font-size: 13pt; font-weight: normal; line-height: 1.3em; margin-bottom: 0.3em }
#mainContent .containerpicleft h2 { margin-top:4px; }
#tertiaryContent h3, #content h3, .editmode h3  { color: #404040; font-family:Arial,Helvetica,sans-serif; font-size: 11pt; font-weight: normal; line-height: 1.2em; margin-bottom: 0.2em  }
#mainContent h2 { margin-bottom:8px; margin-top:8px; }
#tertiaryContent .textbox h1, #secondaryContent .textbox h1 { height:26px; margin:0; }
#secondaryContent h1 { margin-bottom:0.3em; margin-top:0; }
#secondaryContent h2 { font-size:11pt; margin-bottom:0.1em; margin-top:0; }

#content h4, .editmode h4   { font-size: 1.5em; font-weight: normal; line-height: 1.3em; margin: 1.3em 0 0.5em; padding: 10px }
#content h5, .editmode h5 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em;padding-right:25px}
#content h6, .editmode h6 { font-size: 1.1em; font-weight: bold; margin-bottom:10px;  line-height: 1em}

#tertiaryContent .textbox .innertextbox, #secondaryContent .textbox .innertextbox { border:1px solid #FFBD00; border-top:none; padding:5px 9px 7px 9px; margin-top:0; }
#tertiaryContent .textbox .innertextbox_red, #secondaryContent .textbox .innertextbox_red { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#FFF6EA; }
#tertiaryContent .textbox .innertextbox_red a, #secondaryContent .textbox .innertextbox_red a { color: #b5171b; }
#tertiaryContent .textbox .innertextbox_yellow, #secondaryContent .textbox .innertextbox_yellow { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#fffce7; }
#tertiaryContent .textbox .innertextbox_yellow a, #secondaryContent .textbox .innertextbox_yellow a { color: #c89000; }
#tertiaryContent .textbox .innertextbox_green, #secondaryContent .textbox .innertextbox_green { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#FBFCF4; }
#tertiaryContent .textbox .innertextbox_green a, #secondaryContent .textbox .innertextbox_green a { color:#9b9b00; }
#tertiaryContent .textbox .innertextbox_darkgreen, #secondaryContent .textbox .innertextbox_darkgreen { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#eaf8f0; }
#tertiaryContent .textbox .innertextbox_darkgreen a, #secondaryContent .textbox .innertextbox_darkgreen a { color:#006a29; }
#tertiaryContent .textbox .innertextbox_orange, #secondaryContent .textbox .innertextbox_orange { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#f7eee0; }
#tertiaryContent .textbox .innertextbox_orange a, #secondaryContent .textbox .innertextbox_orange a { color:#f4960b; }
#tertiaryContent .textbox .innertextbox_grey, #secondaryContent .textbox .innertextbox_grey { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#666; }
#tertiaryContent .textbox .innertextbox_grey a, #secondaryContent .textbox .innertextbox_grey a { color:#666; }
#tertiaryContent .textbox .innertextbox_blue, #secondaryContent .textbox .innertextbox_blue { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#eef3f6; }
#tertiaryContent .textbox .innertextbox_blue a, #secondaryContent .textbox .innertextbox_blue a { color:#004577; }	
#tertiaryContent .textbox .innertextbox_white, #secondaryContent .textbox .innertextbox_white { border:1px solid #B4B4B4; border-top:none; padding:5px 9px 7px 9px; margin-top:0;background-color:#fff; }
#tertiaryContent .textbox .innertextbox_white a, #secondaryContent .textbox .innertextbox_white a { color:#666; }							
#tertiaryContent .textbox, #secondaryContent .textbox { margin-bottom: 16px; }

#tertiaryContent .productlist, #tertiaryContent .textbox {margin-bottom: 16px; }
#secondaryContent p {margin-bottom: 0.5em; margin-top:0.3em; }
#tertiaryContent p {margin-bottom: 0.5em; margin-top:0.3em; }

/* Produktlisten -------------------------------------------------------------------------  */
#mainContent .productlistitem { width:566px;margin:0;padding:0 }
#mainContent .productlistitem {  }
#mainContent .productlistitem .prodcutlistitemimg { width:67px; margin:0; padding: 0 0 0 5px; }
#mainContent .productlistitem .prodcutlistitemtitle { font-size:14px; line-height:13pt; font-family:Arial,sans-serif; color:#000; padding-bottom:12px; font-weight:bold; }
#mainContent .productlistitem .prodcutlistitemtext { font-size:9pt; line-height:10pt; vertical-align:bottom; }
#mainContent .productlistitem .prodcutlistitemattributes { font-size:9pt; line-height:10pt; vertical-align:bottom; }
#mainContent .productlistitem .prodcutlistitembtn { text-align:right; font-size:9pt; line-height:10pt; vertical-align:bottom; }
#mainContent .productlistitem .prodcutlistitembtn img { margin-left:6px; vertical-align:bottom; }

#secondaryContent .productlist_red,#secondaryContent .productlist_yellow,#secondaryContent .productlist_green,#secondaryContent .productlist_darkgreen,#secondaryContent .productlist_orange,#secondaryContent .productlist_grey,#secondaryContent .productlist_blue { width:190px;margin:0;padding:0; }
#secondaryContent .productlist_red h1,#secondaryContent .productlist_yellow h1,#secondaryContent .productlist_green h1,#secondaryContent .productlist_darkgreen h1,#secondaryContent .productlist_orange h1,#secondaryContent .productlist_grey h1,#secondaryContent .productlist_blue h1 { margin-bottom:0; } 
#secondaryContent .productlist_red .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #EFBCAB;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#FFF6EA; }
#secondaryContent .productlist_red .productlistitemdiv a { color:#b5171b; }
#secondaryContent .productlist_yellow .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #FFDA69;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#fffce7; }
#secondaryContent .productlist_yellow .productlistitemdiv a { color:#c89000; }
#secondaryContent .productlist_green .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #E1F078;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#FBFCF4; }
#secondaryContent .productlist_green .productlistitemdiv a { color:#9b9b00; }
#secondaryContent .productlist_darkgreen .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #006a29;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#FBFCF4; }
#secondaryContent .productlist_darkgreen .productlistitemdiv a { color:#006a29; }
#secondaryContent .productlist_orange .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #E3ACBF;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#f7eee0; }
#secondaryContent .productlist_orange .productlistitemdiv a { color:#f4960b; }
#secondaryContent .productlist_grey .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #B4B4B4;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#eaf8f0; }
#secondaryContent .productlist_grey .productlistitemdiv a { color:#666; }
#secondaryContent .productlist_blue .productlistitemdiv { padding:8px 0 8px 0; border-bottom:1px solid #947CEC;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;background-color:#eef3f6; }
#secondaryContent .productlist_blue .productlistitemdiv a { color:#004577; }

#secondaryContent .productlist_red,#secondaryContent .productlist_yellow,#secondaryContent .productlist_green,#secondaryContent .productlist_darkgreen,#secondaryContent .productlist_orange,#secondaryContent .productlist_grey,#secondaryContent .productlist_blue { margin-bottom:16px; }

#secondaryContent .productlistitem .prodcutlistitemimg { width:60px; margin:0; padding-left:5px; vertical-align:top;}
#secondaryContent .productlistitem .prodcutlistitemtitle {  font-size:1.2em; line-height:1.1em; font-weight:bold; color:#4C4C4C; }
#secondaryContent .productlistitem .prodcutlistitemtext { font-size:1.1em; line-height:1.1em; vertical-align:bottom; }

#tertiaryContent { margin-top:29px; padding-top:20px; width:190px; display: block;  }
#tertiaryContent .productlistitem { width:190px;margin:0;padding:0 }
#tertiaryContent .productlistitem { padding:8px 0 8px 0; border-bottom:1px solid #7A7A7A; }
#tertiaryContent .productlistitem .prodcutlistitemimg { width:60px; margin:0; padding-left:5px; vertical-align:top;}
#tertiaryContent .productlistitem .prodcutlistitemtitle {  font-size:1.2em; line-height:1.1em; font-weight:bold; color:#4C4C4C; margin-bottom:6px; }
#tertiaryContent .productlistitem .prodcutlistitemtext { font-size:1.1em; line-height:1.1em; vertical-align:bottom; }

a.linkblock { background-color:#fff; display:block; width:190px; height:20px; }
a.linkblock div { vertical-align:middle; margin:0 }

.basketblock { padding-left:10px; background-color:#021C4D; display:block; width:180px; height:20px; background-image:url('./.images/btn_arrow4.gif');background-repeat:no-repeat;background-position:right center; }
a.basketblock div { vertical-align:middle; margin-left: 5px; }

/* Für Buttons, Boxen etc. bei denen der Text durch gerenderte Grafik ersetzt wird (Fahrner Image Replacement (FIR)) -------------------------------------------------------------------------  */
.transparent span { display:none; }

/* Produktbeschreibung --------------------------------------------------------------------------------------------- */
.productdetail { margin-left:10px; margin-top:8px; }
.productfacts { float:right; margin:5px 0 50px; width:280px; padding:0; font-size:10pt}
#mainContent .productfacts h3 { margin-bottom:6px; padding:0; font-weight:bold; }
#mainContent .productfacts div div { margin-top:0; }
.productdescription { float:none; clear:all; }
.productbuttons { margin-top:16px; margin-bottom:35px }
.productbuttons .leftproductbuttons { width:295px; border-top:8px solid #fff; }
#mainContent .prodimgcontainer { margin-top:20px; margin-left:20px; margin-bottom:4px; min-height:256px; }
#mainContent td.prodcutlistitemimg div.prodimgcontainer { margin-left:0; margin-top:4px; min-height:0; }
#mainContent .productfacts .addproductfacts { font-weight:bold; }
#mainContent .productfacts p { margin-top:0; margin-bottom:5px; padding:0; }
#mainContent .productfacts .addproductfacts p { font-weight:bold; margin-top:0; margin-bottom:5px; padding:0; }
#mainContent .productfacts .addproductfacts td { vertical-align:top; font-size:10pt; line-height:12pt; padding-right:8px;  }
.productdescription .longdesc { margin-top:10px; }
.productdescription #infobox { margin-top:12px; }

/* Shop -------------------------------------------------------------------------  */
img.orderstepimg { margin:20px 10px 30px 10px; }
#shoppingbaskettable { font-size: 10pt; line-height: 12pt; }
#shoppingbaskettable td { vertical-align:top; }
.minbasketsummary { padding:0 20px 20px 20px; margin:0;}
.minbasket { border:1px solid #b4b4b4; margin-bottom:16px; border-top:0; margin-right:0; margin-top:-6px; padding-top:6px;}
#secondaryContent a.minbasketitem { color:#000; padding:0 0 4px 22px; background:url('./.images/wk_icon_dokument.gif') no-repeat 5px 1px; line-height:15px; display:block; margin:0; }
#registerPayment select, #registerCustomer select, #registerDelivery select { width:300px; float:right; }
#registerPayment input, #registerCustomer input, #registerDelivery input { padding:0 0 0 6px; width:292px; float:right; }

/* Pressestimmen -------------------------------------------------------------------------  */
.accordioncontentwrapper p { height:17px; }
.source {text-align:right; font-style:italic; font-weight:bold; margin:0; }

/* jquery Accordion -------------------------------------------------------------------------  */
#mainContent .accordion a.toggler1 { font-weight: bold; font-size:9pt;  cursor: pointer; background-color:#979797; color:#ffffff; margin-top:18px; margin-bottom:18px; padding:3px 20px 3px 15px; display:block;background-image: url(/brockhaus/.css/.images/btn_arrow3.gif); background-repeat: no-repeat; background-position:right center}
#mainContent .accordion a.toggler1:hover {text-decoration:none}
#mainContent .accordion a.toggler1.selected {background-color: #021C4D; background-image: url(/brockhaus/.css/.images/btn_arrow2.gif);}
#mainContent .accordion div {margin-top:10px}

/* Float Ende -------------------------------------------------------------------------  */
.clearboth {clear:both}

/* Horizontale Trennlinien -------------------------------------------------------------------------  */
.h_line  { margin-bottom: 20px; margin-top: 20px; padding: 0; border-style: solid none none; border-width: 2px 0 0; border-color:#00234E}
.h_linerubric  { margin-bottom: 20px; padding: 0; border-style: solid none none; border-width: 2px 0 0; border-color:#00234E}
.h_linerubricheading  { margin-bottom: 20px; padding: 0; border-style: solid none none; border-width: 2px 0 0; border-color:#00234E}
.h_linerubricdivider  { margin-bottom: 20px; margin-top: 20px; width:566px; margin-left:10px; padding: 0; border-style: solid none none; border-width: 2px 0 0; border-color:#00234E}
.h_presscommentdivider  { margin-bottom: 9px; margin-top: 14px; padding: 0; border-style: solid none none; border-top: 2px solid 042F5A; }
.h_lineoverlaytop { margin-bottom: 10px; margin-top: 0; padding: 0; border-style: solid none none; border-width: 1px 0 0; border-color:#00234E}
.h_lineoverlaybottom { margin-bottom: 0; margin-top:auto; padding: 0; border-style: solid none none; border-width: 1px 0 0; border-color:#00234E}
.h_formdivider { margin-bottom:6px; margin-top:3px; padding: 0; border:1px solid #042F5A;  border-width: 1px 0 0; }
.h_line_h0 { margin-bottom:13px; margin-top:4px; margin-left:0; margin-right:0; padding: 0; border-style: solid none none; border-width:3px 0 0; border-color:#00234E; }
.h_line_h1 { margin-bottom: 16px; margin-top: 6px; padding: 0; border-style: solid none none; border-width: 2px 0 0; border-color: #00234E}

/* Trenner / Divider --------------------------------------------------------------------------------------------- */
.metaheadline { margin-top:10px; }

/* Alle Inhalte bezogen auf horizontale Trennlinien links und rechts 10px eingerückt -------------------------------------------------------------------------  */
#mainContent .contentwrapper { width:566px; margin-left:10px; }
#mainContent .accordioncontentwrapper { width:556px; margin:0 0 0 16px}

/* Container 2-spaltig -------------------------------------------------------------------------  */
#mainContent .container_2col { width:586px; margin-bottom:15px  }
#mainContent .box_2_col { padding-top:18px; margin-left: 13px; width:286px; float: left; border-top: 2px solid #7A7A7A;}
#mainContent .box_2_col .boxtable { margin-left:10px; width:266px; margin-right:10px; font-size:9pt;}
#mainContent .box_2_col .boxtable .image { width:105px;}
#mainContent .box_2_col .boxtable .title { color: #000; font-family:Arial, sans-serif; font-size:17px; font-weight:normal; line-height:1.3em; margin-bottom:16px; margin-top:18px; padding-bottom:11px; } /* { padding-top:10px;padding-bottom:10px; font-size:14px; font-family:Arial,serif; color:#000000; font-weight:bold; } */
#mainContent .box_2_col .boxtable .text p { font-size:10pt; margin:0}
#mainContent .box_2_col .boxtable .more {}
#mainContent #infobox { font-size:10pt; }

/* Container mainContent  -------------------------------------------------------------------------  */
#mainContent .container { margin-top:13px; margin-bottom:6px; }
/* Dynamischer Container Bild links  */
#mainContent .container .contentwrapper .containerpicleft { width:566px; margin-bottom: 10px; font-size:9pt;}
#mainContent .container .contentwrapper .containerpicleft .title { color: #000; font-family:Arial, sans-serif; font-size:17px; font-weight:normal; line-height:1.3em; margin-bottom:16px; margin-top:18px; }
#mainContent .container .contentwrapper .containerpicleft .image { width:160px }
#mainContent .container .contentwrapper .containerpicleft .text p { font-size:10pt; margin:0 0 15px 0 }
/* Dynamischer Container Bild rechts  */
#mainContent .container .contentwrapper .containerpicright { width:566px; margin-bottom: 10px; font-size:9pt;}
#mainContent .container .contentwrapper .containerpicright .title  { color: #000; font-family:Arial, sans-serif; font-size:17px; font-weight:normal; line-height:1.3em; margin-bottom:16px; margin-top:18px; }
#mainContent .container .contentwrapper .containerpicright .image { width:160px }
#mainContent .container .contentwrapper .containerpicright .text p { font-size:10pt; margin:0 0 15px 0 }
/* Statischer Container Bild links  */
#mainContent .container .contentwrapper .statcontainerpicleft { width:566px; margin-bottom: 10px; font-size:9pt;}
#mainContent .container .contentwrapper .statcontainerpicleft .title  { color: #000; font-family:Arial, sans-serif; font-size:17px; font-weight:normal; line-height:1.3em; margin-bottom:16px; margin-top:18px; }
#mainContent .container .contentwrapper .statcontainerpicleft .image { width:140px }
#mainContent .container .contentwrapper .statcontainerpicleft .text p { font-size:10pt; margin:0 0 15px 0 }

/* Bilder mainContent  -------------------------------------------------------------------------  */
#mainContent .pic_fullwidth { margin: 0 0 10px 0; }

/* Bilder im Fliesstext (_global/inc_textbox) -------------------------------------------------------------------------  */
.bild_links {float:left;margin:0 15px 5px 0}
.bild_rechts {float:right; margin:0 0 5px 15px}

/* Listen (allgemein)  -------------------------------------------------------------------------  */
#content ul, .editmode ul { margin-bottom: 12pt; padding: 0; list-style-type: square; margin-left:20px}
#content ol, .editmode ol { margin-bottom: 12pt; margin-left:18px; padding: 0; font-size:10pt; line-height:12pt }
#content ol li, .editmode ol li, #content ul li, .editmode ul li, #content ul li p, .editmode ul li p,#content ol li p, .editmode ol li p   { line-height:12pt; margin-bottom:4pt; }


/* Listen Produktdetail Infobox  -------------------------------------------------------------------------  */
#infobox ul {font-size:10pt; list-style: square; margin-left:20px}

/* MP3 Player -------------------------------------------------------------------------  */
.mp3title {font-weight:bold;}

/* im Editmode -------------------------------------------------------------------------  */
.explain {color: #000;font-size: 9pt;}

/* wichtige Hinweise rot (z.B. Formulare) -------------------------------------------------------------------------  */
.red {color: #021C4D;}

/* hAccordion -------------------------------------------------------------------------  */
#content .hAccordion { overflow:hidden; outline-style:none; position:relative; }
#content .hAccordion ul{ list-style: none; margin: 0; padding: 0; outline-style:none; position:relative; }
.hAccordion ul li{ float:left; padding:0; display:inline-block; margin-right:2px; outline-style:none; position:relative; }
.hAccordion ul li a{ display:block; overflow:hidden; cursor:pointer; outline-style:none; position:relative; }
.hAccordion #a1{ width:100px; }
.hAccordion ul li img{ position: absolute; display:block; border:none; outline-style:none; }
.hAccordion ul li p img { margin: 0;  padding: 0; display: block; outline-style:none; }
.hAccordion ul li p { margin:0; padding:0; outline-style:none; position:absolute; }

/* Formulare -------------------------------------------------------------------------  */
.formtable .formtextwrapper {width:300px;}
.formtable .agreeprivacywrapper {width:300px;}
.formtable .checkboxprivacy {margin-top:12px;text-align:left; }

#contactformtable textarea {padding:2px; width:300px; color:#000; background-color:#f7f7f7;border: 1px solid #B2B2B2;}
#contactformtable .textinput {width:300px; text-align:left;}
#contactformtable .gender {width:70px}
#contactformtable #nlform_Gender.nlerrorMissing { width:70px; border:1px solid #f00; background-color:#faa; }
#contactformtable .plz {width:70px}
#contactformtable .zip {width:70px}
#contactformtable .zip_nlerrorMissing {width:70px; border:1px solid #f00; background-color:#faa;}
#contactformtable .town {margin-left:5px; width:215px}
#contactformtable .city {margin-left:12px; width:215px}
#contactformtable .city_nlerrorMissing {margin-left:12px; width:215px; border:1px solid #f00; background-color:#faa;}
#contactformtable .street {width:235px}
#contactformtable .street_nlerrorMissing {width:235px; border:1px solid #f00; background-color:#faa;}
#contactformtable .country {width:300px;}
#contactformtable .country_nlerrorMissing {width:300px; border:1px solid #f00; background-color:#faa;}
#contactformtable .number {margin-left:10px; width:50px}
#contactformtable .number_nlerrorMissing {margin-left:10px; width:50px; border:1px solid #f00; background-color:#faa;}
#contactformtable .areacode {width:70px}
#contactformtable .phone {margin-left:5px; width:215px}

/* Newsletter -------------------------------------------------------------------------  */
#contactformtable input.nlerrorMissing { width:300px; border:1px solid #f00; background-color:#faa; }
#contactformtable select.nlerrorMissing { border:1px solid #f00; background-color:#faa; }
#contactformtable label.nlerrorMissing { color: #f00;  }

#bh_form_submit {padding:3px}
#form_submit {padding:3px}

/* Formular-Tabellen -------------------------------------------------------------------------  */
.formtable label { color:#333;font-size:9pt; cursor:pointer; }
.formtable input { background-color:#fff; border:1px solid #B2B2B2; }
.formtable select { border:1px solid #B2B2B2; }
.formtable tr td { vertical-align:top; font-size:10pt; padding-bottom:8px; }

/* Suchergebnisseiten-Navigation -------------------------------------------------------------------------  */
#mainContent .pages { font-size:9pt; line-height:1.1em; text-align:right; margin-top: 20px;}
#mainContent .pages a { color: #021C4D; font-weight:bold; text-decoration:none }
#mainContent .pages a:hover { text-decoration:underline }
#mainContent .resultlink, #mainContent .error { font-size: 1.2em; margin-top: 1.5em; }
#mainContent .resultlink a { font-size: 9pt; color:#021C4D; text-decoration: none;}
#mainContent .resultlink a:hover { text-decoration:underline }
#mainContent .resultdesc { font-size: 9pt;}
#mainContent .resultpic { float:left; padding-right: 16px; padding-bottom: 8px }
#mainContent .resultitem { clear:both; }

/* Sitemap -------------------------------------------------------------------------  */
ul#sitemap  { font-size:10pt; list-style-type: none; margin: -24px 0 30px 12px; padding: 0; border-left: 1px dotted #ccc }
ul#sitemap li  {  margin: 10px 0 0; padding: 0; background: none; }
ul#sitemap ul  { list-style-type: none; margin: 0 0 0 30px; padding: 0; border-left: 1px dotted #ccc }
ul#sitemap ul li  {  margin: 3px 0 0; padding: 0;  }
ul#sitemap a  {  font-weight: bold; text-decoration: none;  margin: 0; padding: 0 10px 0; border-bottom: 1px solid #ccc}

ul#sitemap a:hover,
ul#sitemap a:active,
ul#sitemap a:focus  { color: #021C4D;  }
ul#sitemap ul a  { font-size: 9pt; }
ul#sitemap ul ul a  { color: #333; font-weight: bold; }
ul#sitemap ul li ul li {  margin: 0px 0 0; padding: 0; line-height:12pt }
ul#sitemap ul ul ul a  { color: #333; font-weight: normal; }

/* Datei-Links mit Symbolen -------------------------------------------------------------------------  */
.pdf, .editmode .pdf, #secondaryContent .pdf{ text-decoration: none; padding-top: 2px; padding-bottom: 2px;}
/* .doc, .editmode .doc, #secondaryContent .doc { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/wordicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;} -------------------------------------------------------------------------  */
.xls, .editmode .xls, #secondaryContent .xls { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/excelicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.ppt, .editmode .ppt, #secondaryContent .ppt { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/ppticon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.fla, .editmode .fla, #secondaryContent .fla { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/flashicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}

/* ImageFlow CSS (JS Coverflow) -------------------------------------------------------------------------  */
/* ImageFlow Settings - CSS 2.1 -------------------------------------------------------------------------  */
@media screen, projection {
	.imageflow { 
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
margin-bottom:16px;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 -------------------------------------------------------------------------  */
	}
.imageflow .images img {
#cursor:pointer;
}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:hidden;
		width:200px;
display:none;
	}

#myImageFlow_loading_txt {
		display:none;
}

	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:hidden;
display:none;
		width:1%;
	}
	.imageflow .navigation{
		z-index:100;
padding-top:10px;
	}
	.imageflow .caption {
		font-family:Arial,sans-serif; font-size: 12px; font-weight: bold; line-height: 1.4em;
		color:#000;
		position:relative; 
		text-align:center;
		z-index:101;
	}
	.imageflow .scrollbar {
		border-bottom:2px solid #00234E;
		position:relative; 
		visibility:hidden;
		z-index:102;
		height:2px;
	}
	.imageflow .slider {
		background-image:url(./.images/if_slider_grey.gif);
		background-repeat:no-repeat;
		height:16px;
		margin:-6px 0 0 -20px;
		position:absolute;
		width:20px;
		z-index:103;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(../.images/button_left.png) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(../.images/button_right.png) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
}

/* SEO Partnerseiten  -------------------------------------------------------------------------  */
td.SEO_logo {
 	width:190px;
	padding-top:5px;
	padding-bottom:25px;
}

.SEO_logo img {
	padding:5px;
	text-align:center;
}

td.SEO_linktext {
 	width:420px;
 	padding-bottom:25px;
 	font-size:10pt;
 	line-height:12pt;
}

td.SEO_linktext a {
 	color: #021C4D;
 	font-weight:bold;
 	text-decoration:none;
}

td.SEO_linktext a:hover {
	text-decoration:underline;
}

/* 2-Spalten Textbox für Startseite  ------------------------------------------------------------------ */
.textbox2col .heading { color:#0C335C; padding-left:16px; height:27px; line-height:27px; vertical-align:middle; background:#CCDAE7 url('/.css/.images/bg_box_h1_blue.gif') repeat-x left top; }
body #mainContent .textbox2col .heading h2 { color:#0C335C; font-size:13pt; font-weight:bold; margin:0; height:27px;line-height:27px; vertical-align:middle; }
.textbox2col .body { overflow:hidden; background-color:#EAF3FC; border:1px solid #D4D9DF; border-top:none; padding:16px; height:166px; }

/* Verfügbarkeit bei Produkten --------------------------------------------------------------------------------------------- */
div.avail_expected, div.avail_available, div.avail_tempunavailable, div.avail_unavailable { padding-top:16px; }
#mainContent .productfacts div.avail_expected div { margin-top:4px; margin-right:8px; float:left; background:#fff url(/.css/.images/avail_indicator.gif) no-repeat -18px top; width:9px;height:10px; }
#mainContent .productfacts div.avail_available div { margin-top:4px; margin-right:8px; float:left; background:#fff url(/.css/.images/avail_indicator.gif) no-repeat -9px top; width:9px;height:10px; }
#mainContent .productfacts div.avail_tempunavailable div { margin-top:4px; margin-right:8px; float:left; background:#fff url(/.css/.images/avail_indicator.gif) no-repeat 0 top; width:9px;height:10px; }
#mainContent .productfacts div.avail_unavailable div { margin-top:4px; margin-right:8px; float:left; background:#fff url(/.css/.images/avail_indicator.gif) no-repeat -27px top;width:9px;height:10px; }