/* *********************** Aufbau des Headers *********************** */

.logoPosition {
position:			absolute;
left:				0px;
top:				0px;
z-index:			1;
}

.bannerPosition {
position:			absolute;
top:				0px;
left:				415px;
}

/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {

}

#eyecatcher2 {

}


/**************************** Top Navigation **************************/

ul.navigationBox { 
position: 			absolute; 
top:				5px; 
right: 				1px;
margin:				0; 
padding:			0; 
list-style:			none; 
width:				900px; 
}

ul.navigationBox a { 
display:			block; 
color:				#061965; 
font-size:			12px; 
font-weight: 		bold; 
margin-right: 		1px; 
margin-left: 		1px; 
padding: 			2px 10px; 
}

ul.navigationBox a:hover { 
color: 				#000; 
display:			block; 
}

ul.navigationBox li {
	float:			right;
}



/**************************** Footer Navigation **************************/

ul.navigationFooterBox { 
position:			absolute; 
top:				18px; 
width:				800px; 
display:			block; 
z-index:			5; 
margin:				0; 
padding-top: 		0; 
padding-bottom: 	0; 
padding-left: 		0; 
list-style:			none; 
}

ul.navigationFooterBox a { 
margin-left:		5px; 
color:				#134489; 
font-size:			11px; 
}

ul.navigationFooterBox a:hover { 
color:				#134489; 
text-decoration: 	none; 
}

ul.navigationFooterBox li { 
float:				right; 
color:				#134489; 
}


/* *********************** Aufbau Artikel Kategorien ******************** */

div.kategorieNavigation { 
background-color: 	#fff; 
width:				200px; 
margin-top:			15px; 
border: 			solid 1px #B5C1D1; 
}

div.kategorieNavigation span {
	display:		block;
}

div.kategorieNavigation h2 { 
color:				#fff; 
padding-left:		10px; 
padding-top:		4px; 
margin:				0 0 8px; 
font-weight:		bold; 
font-size:			12px; 
background-color: 	#4585e6; 
padding-bottom: 	4px; 
}

div.kategorieNavigation ul { margin: 0 0 0 0; list-style:			none; padding:			0; }

div.kategorieNavigation li { 
display:				block; 
background-image: 		url(../images/navbox_pfeil.gif); 
background-repeat: 		no-repeat; 
background-position:	-6px 8px; 
line-height:			20px; }

div.kategorieNavigation li a { 
display:			block; 
width:				180px; 
color:				#124388; 
margin-bottom: 		5px; 
margin-left: 		10px; 
}

div.kategorieNavigation li:hover { color: #fff; background-color: #4585e6; }

div.kategorieNavigation li.secondNavigation {
	text-indent:		20px;
	line-height:		13px;
	font-size:			11px;
	background-position:-6px 2px;
}

div.kategorieNavigation li.thirdNavigation {
	text-indent:		30px;
}


/* *********************** Aufbau Mein Konto *********************** */

div.meinKonto { 
position:			absolute; 
top:				173px; 
right: 				-2px; 
width:				750px; 
margin:				0; 
padding:			0; 
z-index:			10; 
height:				30px; 
}

div.meinKonto h2 { 
color:				#fff; 
font-weight:		normal; 
font-size:			12px; 
float:				right; 
height:				27px; 
text-align:			center; 
line-height:		25px; 
margin: 			0 0 0 0; 
padding-right: 		10px; 
padding-left: 		10px; 
}

div.meinKonto h2 a {
	color:				#fff;
}

div.meinKonto h2 a:hover { color: #000; }

div.meinKonto ul {
	list-style:			none;
	margin:				0;
	padding:			0;
	margin-left:		10px;
}

div.meinKonto ul li { 
float:				right; 
height:				27px; 
text-align:			center; 
line-height:		25px; 
margin: 			0 0 0 0; 
padding-right: 		10px; 
padding-left: 		10px; 
border-right: 		0px solid #fff; 
}

div.meinKonto ul li a:hover { color: #000; }


div.meinKonto ul li a {
	display:			block;
	color:				#fff;
	margin-bottom:		6px;
	font-size:			12px;
}



div.meinKonto fieldset {
	display:			none;
	border:				0px;
	padding-left:		10px;
	padding-top:		5px;
	text-align:			left;
}

div.meinKonto fieldset input {
	width:				150px;
	height:				18px;
}

div.meinKonto fieldset span input {
	width:				74px;
	margin-top:			3px;
}




/* *********************** Aufbau Angebote Aktionen ******************** */

div.angebotBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox4_top.jpg);
	background-repeat: 	no-repeat;	
	width:				202px;
	margin-top:			15px;
}

div.angebotBox span {
	display:			block;
}

div.angebotBox h2 {
	color:				#ffffff;
	padding-left:		10px;
	padding-top:		3px;
	padding-bottom:		3px;
	margin:				0 0 8px;
	font-weight:		bold;
	background-color:	#4585e6;
	background-repeat: 	no-repeat;	
	background-position:2px 13px;
	font-size:			12px;
}

div.angebotBox ul {
	list-style:			none;
	margin:				0;
	padding:			0;
	margin-left:		10px;
}

div.angebotBox li {
	display:			block;
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox_pfeil.gif);
	background-repeat: 	no-repeat;	
	background-position:-15px 4px;
}

div.angebotBox li a {
	display:			block;
	width:				180px;
	margin-bottom:		5px;
	color:				#0063AB;
}



/* *********************** Suche Formatierung *********************** */

div.suchBox {
	position:			absolute;
	top:				196px;	
}

div.suchBox h2 {
	display:			none;
}

div.suchBox fieldset {
	border:				solid 0 transparent;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	text-indent:		10px;
}

div.suchBox fieldset select { 
font-size: 			12px; 
width:				160px; 
height:				18px; 
float:				left; 
margin-right:		5px;
margin-top:			7px;
}

div.suchBox fieldset input { 
font-size: 			12px; 
width:				115px; 
height:				14px; 
float:				left; 
padding-right: 		5px; 
padding-left: 		5px; 
border: 			solid 1px #134489;
margin-top:			7px; 
}

div.suchBox fieldset span input { 
position: 			relative; 
margin-top:			4px; 
border:				0; 
background-color:	transparent; 
color:				#000; 
font-size:			13px; 
font-weight: 		bold; 
top: 				2px; 
left: 				-25px; 
height: 			20px; 
}

div.suchBox fieldset a { display:			block; color:				#000; font-size:			12px; text-indent:		0; clear:				both; position:			relative; top: -16px; left: 360px; }
div.suchBox fieldset a:hover { text-decoration: underline; }

/* *********************** Hersteller *********************** */

div.herstellerBox{
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_top.jpg);
	background-repeat: 	no-repeat;	
	width:				202px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.herstellerBox h2 {
	color:				#B6CC00;
	padding-left:		10px;
	margin:				0;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:15px 8px;
	font-size:			16px;
}

div.herstellerBox ul {
	list-style:			none;
	margin:				0;
	padding:			0;
	margin-left:		10px;
}

div.herstellerBox ul li a {
	display:			block;
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox_pfeil.gif);
	background-repeat: 	no-repeat;	
	background-position:-5px 2px;
	color:				#0063AB;
	margin-bottom:		6px;
}

div.herstellerBox span {
	display:			block;
}

div.herstellerBox fieldset {
	border:				0px;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	text-indent:		10px;
}

div.herstellerBox select {
	width:				160px;
	display:			block;
}



/* *********************** Aufbau Weiter empfehlen *********************** */

div.empfehlenBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_top.jpg);
	background-repeat: 	no-repeat;	
	width:				180px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.empfehlenBox span {
	display:			block;
	width:                  155px;
}

div.empfehlenBox h2 {
	color:				#ffffff;
	padding-left:		10px;
	margin:				0 0 8px;
	padding-top:		3px;
	padding-bottom:		3px;
	font-weight:		bold;
	background-color:	#4585e6;
	background-repeat: 	no-repeat;	
	background-position:2px 13px;
	font-size:			12px;
}

div.empfehlenBox a {
	display:			block;
	width:				170px;
	position:			relative;
	left:				10px;
	font-size:			11px;
}


/* *********************** Aufbau Newsletter *********************** */

div.newsletterBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_top.jpg);
	background-repeat: 	no-repeat;		
}

div.newsletterBox span {
	display:			block;
	width:				155px;
}

div.newsletterBox h2 {
	color:				#ffffff;
	padding-left:		10px;
	margin:				15px 0 8px;
	padding-top:		3px;
	padding-bottom:		3px;
	font-weight:		bold;
	background-color:	#4585e6;
	background-repeat: 	no-repeat;	
	background-position:10px 9px;
	font-size:			12px;	
}

div.newsletterBox fieldset {
	border:				0px;
	padding-left:		10px;
	text-align:			left;
	width:				90px;
}

div.newsletterBox fieldset input {
	width:				150px;
	height:				14px;
	color:				#0063ab;
	border:				solid 1px #B5C1D1;
}

div.newsletterBox fieldset span input {
	width:				75px;
	margin-top:			2px;
	height:				17px;
	float:				left;
	margin-right:		2px;
	border:				solid 1px #B5C1D1;
}

div.newsletterBox p {
	position:			relative;
	top:				5px;
	font-weight:		bold;
	color:				red;
	font-size:			10px;
}


/*********************** Aufbau Counter ************************* */

div.footer div div.counterBox {
	background-image:	url(../../../../../images/trans.gif);
	position:			absolute;
	top:				8px;
	left:				10px;
	text-align:			left;
}

div.counterBox strong {
	color:				#ffffff;
}

div.counterBox h4 {
	display:			block;
	text-align:			left;
	font-weight:		normal;
	font-size:			11px;
	line-height:		17px;
	margin:				0;
	padding:			0;
	color:				#ffffff;
}

/*********************** Aufbau Sprachen ************************* */

div.sprachBox {
	position:			absolute;
	top:				199px;
	left:				915px;
}

div.sprachBox h2 {
	display:			none;
}

div.sprachBox span {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	padding-top:		5px;
	margin-top:			7px;
}


/*********************** Aufbau Partnerprogramm ************************* */

div.partnerBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox3_top.gif);
	background-repeat: 	no-repeat;	
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.partnerBox span {
	display:			block;
}

div.partnerBox h2 {
	color:				#B6CC00;
	padding-left:		10px;
	margin:				0;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox3_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:15px 8px;
	font-size:			14px;
}

div.partnerBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	padding:			0;
	margin:				0;
}



/*********************** Aufbau Warenkorb ************************* */

div.warenkorbBox { 
background-color: 	#fff; 
margin:				15px 0 0; 
padding:			0; 
border: 			solid 1px #B5C1D1; 
}

div.warenkorbBox span {
	display:			block;
}

div.warenkorbBox h2 { 
color:				#fff; 
padding-left:		10px; 
padding-top:		4px; 
margin:				0 0 8px; 
font-weight:		bold; 
font-size:			12px; 
background-color: 	#B5C1D1; 
padding-bottom: 	4px; 
}

div.warenkorbBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	margin:				0;
}

div.warenkorbBox h4 a {
	display:			block;
	color:				#B5C1D1;
	font-weight:		bold;
	margin-top:			5px;
	margin-bottom:		5px;
	font-size:			12px;
}

div.warenkorbBox small {
	display:			block;
	text-indent:		10px;
	margin-bottom:		5px;
}


/*********************** Aufbau PDF Katalog ************************* */

div.katalogBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_top.gif);
	background-repeat: 	no-repeat;	
	width:				200px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.katalogBox span {
	display:			block;
}

div.katalogBox h2 {
	color:				#B6CC00;
	padding-left:		10px;
	margin:				0;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox1_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:15px 8px;
	font-size:			16px;
}

div.katalogBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	margin:				0;
	padding:			0;
}




/*********************** Aufbau Bestsellerliste ************************* */

div.bestsellerBox {
	background-image: 	url(../../../../../templates/wms/design/blau/images/navbox3_top.gif);
	background-repeat: 	no-repeat;		
}

div.bestsellerBox span {
	display:			block;
}

div.bestsellerBox h2 {
	color:				#ffffff;
	padding-left:		10px;
	margin:				0;
	margin-bottom:		8px;
	margin-top:			15px;
	padding-top:		3px;
	padding-bottom:		3px;
	font-weight:		bold;
	background-color:	#B5C1D1;
	background-repeat: 	no-repeat;	
	background-position:10px 9px;
	font-size:			12px;	
}

div.bestsellerBox ol {
	position: 			relative;
	list-style: 		decimal;
	text-decoration: 	none;
	list-style-position:outside;
	margin:				0;
	padding-left:		30px;
	padding-right:		8px;
	color:				#124388;
}

div.bestsellerBox li {
	text-decoration: 	none;
	text-align: 		left;
	padding-bottom: 	10px;
}

div.bestsellerBox a {
	display:			block;
	height:				35px;
	overflow:			hidden;
}

div.bestsellerBox strong {
	display:			block;
	xtext-align:			right;
	color:				#124388;
}




/******** Select Box Style Dojo *************/

/*** Allgemein Selectbox ***/
.tundra .dijitComboBox {
	width:				160px;
	float:				left;
	color:				#000;
	font-family:		verdana;	
	font-size:			11px;
	height:				16px;
	text-indent:		10px;
	margin-right:		3px;
}

/*** Eingabefeld ***/
.tundra .dijitComboBox .dijitButtonNode {
	padding:			0;
	background:			#FFFFFF url(../../../../../images/trans.gif) repeat-x scroll left bottom;
	border:				0;
}

/*** Audgeklappte Selectbox ***/

.tundra .dijitMenu {
	border:				solid 1px #b6cc00;
	margin:				0;
	padding:			0;
	color:				#000;
	font-size:			11px;
	line-height:		18px;
}

.tundra .dijitMenuItem {
	background-color:	#ffffff;
	font-family:		sans-serif;
	margin:				0;
}

.tundra .dijitMenuItem:hover {
	
}

/*** Ende Ausgeklappte Selectbox ***/

.tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner, .tundra .dijitTextArea, .tundra .dijitInlineEditor input {
	background:			#ffffff url(images/validationInputBg.png) repeat-x left top;
	border:				solid 1px #b6cc00;
	line-height:		normal;
}

/*** Dropdown Fileimage ***/
.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
	background-attachment:scroll;
	background-image:	url(../../../../../templates/wms/design/blau/images/dropdown_file.gif);
	background-position:center center;
	background-repeat:	no-repeat;
	font-size:			inherit;
	height:				auto;
}


.tundra .rahmenDropdownLang {
	width:				291px;
}