/*========================================================================
	Farbdefinitionen
========================================================================*/

/*

Gruen:		#009900
Rot:			#ff0000
Dunkelblau:	#000050

Hellblau:		#3399CC (Navigation)
Orange:		#ff9900 (Navigation: Hover)

Grau:		#333333
Hellgrau:		#c2c2c2

Rot:			#FF0000;
Orange:		#FF6600;


*/

/*========================================================================
	Main Elements
========================================================================*/

.rot {
	color:#FF0000;
	font-weight:bold;
}

.orange {
	color:#FF6600;
	font-weight:bold;
}

.gruen {
	color:#009900;
	font-weight:bold;
}

.pngFix { behavior: url(/js/iepngfix/iepngfix.htc); }

body {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;	
	line-height:1.45em;
	margin:0px; padding:0px;	
	color:#000000;
	background-color:#ffffff;
	text-align:left;
}

h1, h2, h3, h4, h5, p {	margin:0px;	padding:0px;}

h1 {
	font-size: 12px;
	line-height: 1.5em;
} 

h1.subNaviTitle {
	float: left;
	font-size: 16px;
	font-weight:normal;
	margin-top: 3px;
}

h2 {font-size: 11px;} 

p {
	font-size: 11px;	
	margin-bottom: 16px;
}

p.teaser {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;	
	color: #000000;
	font-size: 11px;
}

a.Active {color: #3399cc;}

a:hover {color: #3399cc;}

a.blueLink {color: #3399cc;}
a.blueLink:hover {color: #ff9900;}

/*========================================================================
	Navigation
========================================================================*/
div#mainNaviBackground  {
	position:absolute;
	top:224px;
	left:0px;
	z-index:20;
	height: 32px;
	width: 643px;
}

div#mainNavi {
	position:absolute;
	top:224px;
	left:0px;
	z-index:21;
	height: 32px;
	width: 643px;
}

div#warenkorbBackground {
	position:absolute;
	top:224px;
	left:660px;
	z-index:20;
	height: 32px;
	width: 313px;
	background-color:#ffffff;
}

/*div#warenkorb {
	position:absolute;
	top:232px;
	left:668px;
	z-index:21;
}*/

div#warenkorb {
	position:absolute;
	top:224px;
	left:668px;
	z-index:21;
	height: 32px;
	width: 313px;
}

div#warenkorb a {
	font-size: 16px;
	color: #000;
}

div#warenkorb a:hover {
	color: #009900;
}

div#selectedNaviBackground {
	position:absolute;
	top:264px;
	left:0px;
	z-index:20;
	height: 31px;
	width: 643px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}

div#selectedNavi {
	position:absolute;
	top:264px;
	left:0px;
	z-index:21;
	height: 31px;
	width: 643px;
}

div#sizeSelect {color: #3399cc;font-size: 14px; }

a.sizeSelectLink {color: #3399cc;font-weight:bold;}
a.sizeSelectLinkActive {color: #000000;	font-weight: bold;}
a.sizeSelectLink:hover {color: #000000;}

img.colorBtn {
	float: left;
	margin-right: 5px;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

a.naviNode, a.naviNodeActive {
	float: left;
	font-size: 16px;
	color: #000000;
	margin-top: 8px;
	margin-right: 20px;
	letter-spacing: 1px;
}
	
a.naviNodeActive, a.naviNode:hover {color: #009900;}

/*Subnavigation*/
a.subNaviBoxTitle, a.subNaviBoxTitleActive {
	height: 27px;
	width: 86px;
	padding-left: 7px;
	padding-top: 3px;
	display:block;
	color: #ffffff;
	line-height: 1.1em;
}

a.subNaviBoxTitle {background-color: #009900;}
a.subNaviBoxTitleActive {background-color: #ff0000;}
a.subNaviBoxTitle:hover, a.subNaviBoxTitleActive:hover {color: #000000;background-color: #ff0000}

/*Servicenavigation*/
div#serviceNaviBackground  {
	position:absolute;
	top:552px;
	left:0px;
	overflow:hidden;
	z-index:20;	
	width: 972px;
	height: 32px;
	background-color: #ffffff;
}

div#serviceNavi {
	position:absolute;
	top:562px;
	left:8px;
	overflow:hidden;
	z-index:21;	
	height: 24px;
	width: 960px;
}

div#serviceNavi a {
	color: #000000;
	margin-right: 8px;
	font-size: 11px;
}

div#serviceNavi a:hover {color: #009900;}

/*========================================================================
	Layout
========================================================================*/
div#mainContainer {
	margin: 0 auto;
	width:973px;
	height: auto;
	z-index: 10;
	position:relative;
	text-align: left;
}

div#logoBackground  {
	position:absolute;
	top:56px;
	left:0px;
	overflow:hidden;
	z-index:20;	
	width: 241px;
	height: 91px;
	background-color: #ffffff;
}

img#logo {
	position:absolute;
	top:56px;
	left:0px;
	overflow:hidden;
	z-index:21;	
}

div#backgroundContainer {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:1;	
}

img#backgroundContainerIMG {
	display:block;
	visibility:hidden;
	z-index:1;
	width:0px;
	height:0px;
}


div#searchBackground  {
	position:absolute;
	top:264px;
	left:660px;
	z-index:20;
	height: 32px;
	width: 313px;
	background-color: #ffffff;
}

div#search  {
	position:absolute;
	top:264px;
	left:660px;
	z-index:21;
	height: 32px;
	width: 313px;
	padding: 0;
}

div#mainContent {
	position:absolute;
	top:296px;
	left:0px;
	z-index:20;
	height: 248px;
	width: 643px;
	background-color: #ffffff;
}

div#mainContent img {
	float: left;
	margin: 0;
}

div.slider {
	width: 600px;
	height: 32px;
	z-index:70;
}

div.slider div.knob {
	background-image: url(../img/main/knobInactive.png);
	width: 45px;
	height: 32px;
	z-index:70;
	cursor: pointer;
	margin-left: 20px;
	margin-right: 30px;
}

#mask {  
	width:643px;  
	height:248px;  
	overflow:hidden;  
	position:relative; 
	z-index: 50;
}  

#innen {position: absolute; top: 0; left: 0; z-index: 40;}
#innen img {float: left; margin:0;}

div.produktDetailBox {
	z-index: 100;
	width: 260px;
	height: auto;
	background-color: #ffffff;
	position: absolute;
	top: 300px;
	left: 50px;
	border: 1px solid #cccccc;
	padding: 8px 8px 16px 8px;
}

div.serviceCont{
	z-index: 100;
	width: 800px;
	height: auto;
	background-color: #ffffff;
	position: absolute;
	top: 150px;
	left: 0px;
	border: 1px solid #cccccc;
	padding: 8px;
	overflow: auto;
}

img.closeBtn {
	z-index: 3000;
	display: block;
	float: right;
}

div#scrollBarBackground {
	position:absolute;
	border-top: 1px solid #cccccc;
	top:512px;
	left:0px;
	z-index:30;
	height: 31px;
	width: 643px;
	background-color: #ffffff;
}

div#scrollBar {
	position:absolute;
	top:513px;
	left:0px;
	z-index:31;
}

div#warenkorbCont, div#statusCont {
	z-index: 4000;
	width: 820px;
	height: auto;
	padding: 8px;
	position: absolute; top: 150px; left: 0px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
} 

div#passwordReminder {
	position:absolute;
	margin:0px;
	padding:10px; 
	top:95px; 
	left:369px; 
	background:#FFFFFF; 
	width:260px; 
	display:none;
	border: 1px solid #CCCCCC;
}

/*========================================================================
	Tabellen
========================================================================*/

td.lightBlue {
	background-color: #3399cc;
	color: #ffffff;
}

td.borderBtmblue {
	color: #3399cc;
	border-bottom: 2px solid #3399cc;
}

td.borderBtm {
	border-bottom: 1px solid #cccccc;
}

td.borderBtmBlack {
	border-bottom: 2px solid #3399cc;
}


/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

form {
	margin:0px;
	padding:0px;
}

.defaultInput {
	float: left;
	border: 0px;
	height: 16px;
	margin-top: 8px;
	margin-left: 8px;
	width: 255px;
	padding: 0;
}

.bestellInput {
	height: 16px;
	width: 150px;
	padding: 0;
	width:255px;
	border:1px solid #cccccc;
}

.defaultSelect {
	border: 1px solid #000000;
	margin: 8px 0;
	width: 140px;
}

.naviSelect {
	border: 0px solid #000000;
	border: none;
	margin: 8px 0;
	width: 140px;
}

.warenkorbSelect {
	border: 0px;
	margin:  0;
}

a.orderBtn {
	margin: 8px 0;
	color: #3399cc;
	font-weight: bold;
}

.searchField {
	margin-top: 5px;
	width: 200px;
	border: 1px solid #ccc;
}

div#stepOverview {
	margin-bottom: 10px; 
	border-bottom: 2px solid #ff9900; 
	padding-bottom:5px; 
	color: #ffcc66; 
	font-size: 12px;
}

.stepOverviewActive {
	color:#ff9900; 
	font-weight:bold;
}

/*========================================================================
	Validator
========================================================================*/
div.errorBoxOkButton {
	font-weight:bold;
	text-align:center;
	margin:0px auto;
	width:50%;
	cursor:pointer;
	background-color:#333333;
	color:#FFFFFF;
}

div#errorBox {
	position:absolute;
	text-align:center;
	background-color:#CCCCCC;
	border:solid 1px #666666;
	padding:10px; width:200px;
	top:0px;
	left:0px;
	display:none;
	z-index:5002;
}

div#errorBox h1 { color:#FF0000; }

input.validate_false, textarea.validate_false, select.validate_false {
	background-color:#FF0000;
	color:#FFFFFF;
}

label.validate_false {color:#FF0000;}

iframe#overlayIframe {
	background-color:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5000;
	border:none;
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
}

div#overlay {
	background-color:#FF6633;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5001;
	display:none;
}