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

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

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

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

}

#eyecatcher2 {

}


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

ul.navigationBox {
	left:270px;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:absolute;
	top:90px;
	width:700px;
}

ul.navigationBox li {
	float:right;
}

ul.navigationBox a {
	color:#444444;
	display:block;
	font-size:13px;
	margin-left:20px;
	padding-bottom:1px;
}

ul.navigationBox a:hover {
	display:			block;
	padding-bottom:		1px;
	margin-left:		20px;
	border-bottom:		3px solid #99CC00;
}

ul.navigationBox li {
	float:				right;
}



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

ul.navigationFooterBox {
	/*position:			absolute;
	top:				18px;
	left:				270px;
	width:				700px;
	text-align:			right;
	z-index:			5;
	margin:				0;
	padding:			0;
	list-style:			none;*/
	left:270px;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:absolute;
	text-align:right;
	top:18px;
	width:700px;
	z-index:5;
}

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

ul.navigationFooterBox a:hover {
	color:				#03729F;
}

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


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

div.kategorieNavigation {
	background-repeat: 	no-repeat;	
	width:				200px;
	margin-top:			15px;
}

div.kategorieNavigation span {
	display:			block;
}

div.kategorieNavigation h2 {
	color:				#444;
	padding-left:		10px;
	padding-top:		5px;
	margin:				0;
	margin-bottom:		8px;
	font-weight:		bold;
	font-size:			1em;
}

div.kategorieNavigation ul {
	background-color:	#DDDDDD;
	border-bottom:		1px solid #FAFAF5;
	border-top:			1px solid #DDDDDD;
	list-style:			none outside none;
	margin:				0;
	padding:			0;
}

div.kategorieNavigation li {
	background-color:#FFFFFF;
	display:block;
	line-height:28px;
}

div.kategorieNavigation li:hover {
	background: #669933;
}

div.kategorieNavigation li.highlight {
	/*background-image: 	url(../images/navbox_pfeil_on.gif);*/
	background: #669933;
}

div.kategorieNavigation li.highlight a {
	color: #FFF;
	font-weight: bold;
}

div.kategorieNavigation li a {
	color:#444444;
	display:block;
	font-weight:normal;
	margin-bottom:1px;
	margin-left:10px;
	width:180px;
}

div.kategorieNavigation li a:hover {
	color: #FFF;
	width: 180px;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	margin-left: 10px;
}

div.kategorieNavigation li.secondNavigation {
	line-height:28px;
	text-indent:5px;
}

div.kategorieNavigation li.secondNavigation a {
	margin-left: 30px;
}

div.kategorieNavigation li.highlightSub {
	background: #DDD;
}

div.kategorieNavigation li.highlightSub a {
	color: #FFF;
	font-weight: bold;
}

div.kategorieNavigation li.thirdNavigation {
	padding-left:		20px;
	font-size:			11px;
}


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

div.meinKonto {
	position:			absolute;
	left:				530px;
	top:				0px;	
	width:				450px;
	margin:				0;
	padding:			0;
	z-index:			10;
	height:				30px;
}

div.meinKonto h2 {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color:#444444;
	float:right;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0.5em 2em;
	text-align:center;
	width:auto;
}

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

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

div.meinKonto ul li {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-right:1px dotted #DDDDDD;
	border-top:1px solid #DDDDDD;
	float:right;
	padding:0.5em 2em;
	text-align:center;
}

div.meinKonto ul li a {
	/*display:			block;
	color:				#B6CC00;
	margin-bottom:		6px;
	font-size:			14px;*/
	color:#444444;
	display:block;
}



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-repeat: 	no-repeat;	
	width:				200px;
	margin-top:			15px;
}

div.angebotBox span {
	display:			block;
}

div.angebotBox h2 {
	border:0 none;
	color:#444444;
	font-size:1em;
	font-weight:normal;
	margin:0 0 8px;
	padding-bottom:0;
	padding-left:10px;
	padding-top:9px;
	text-transform:none;
}

div.angebotBox ul {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	list-style:none outside none;
	margin:0;
	padding:10px 0;
	width:200px;
}

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

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



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

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

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 {
	width:				160px;
	height:				18px;
	float:				left;
	margin-right:		5px;
}

div.suchBox fieldset input {
	width:				115px;
	height:				14px;
	float:				left;
}

div.suchBox fieldset span input {
	position: 			relative;
	top:				2px;
	width:				30px;
	height:				18px;
	margin-left:		4px;
	margin-top:			-2px;
	border:				0;
	background-color:	transparent;
	color:				#ffffff;
	font-size:			16px;
}

div.suchBox fieldset a {
	display:			block;
	color:				#0063AB;
	font-size:			10px;
	text-indent:		0;
	clear:				both;
	position:			relative;
	top:				-2px;
}


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

div.herstellerBox{
	background-repeat: 	no-repeat;	
	width:				200px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.herstellerBox h2 {
	color:				#444;
	padding-left:		10px;
	margin:				0 0 8px;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		none;
	font-size:			1em;
}

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

div.herstellerBox ul li a {
	display:			block;
	background-image: 	url(../../../../../templates/standard/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-repeat: 	no-repeat;	
	width:				200px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.empfehlenBox span {
	display:			block;
}

div.empfehlenBox h2 {
	color:				#444;
	padding-left:		10px;
	margin:				0 0 8px;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		none;
	font-size:			1em;
}

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


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

div.newsletterBox {
	background-repeat: 	no-repeat;		
}

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

div.newsletterBox h2 {
	border:0 none;
	color:#444444;
	font-size:1em;
	font-weight:bold;
	margin:15px 0 8px;
	padding-bottom:0;
	padding-left:10px;
	padding-top:5px;
	text-transform:none;
	width:100%;	
}

div.newsletterBox fieldset {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	margin:0;
	padding:10px 0 5px;
	text-align:left;
	width:100%;
}

div.newsletterBox fieldset input {
	border:1px solid #DDDDDD;
	color:#444444;
	height:1.25em;
	margin-bottom:0.5em;
	margin-left:10px;
	padding-left:2px;
	padding-top:2px;
	width:155px;
}

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

div.newsletterBox fieldset span input {
	border:1px solid #DDDDDD;
	float:left;
	height:1.5em;
	padding:0;
	width:71px;
}

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:				118px;
	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;
}


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

div.partnerBox {
	background-repeat: 	no-repeat;	
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.partnerBox span {
	display:			block;
}

div.partnerBox h2 {
	color:				#444;
	padding-left:		10px;
	margin:				0 0 8px;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		none;
	font-size:			1em;
}

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-repeat: 	no-repeat;	
	margin:				0;
	padding:			0 0 10px 0;
	margin-top:			15px;
	border-bottom: 1px solid #DDD;
}

div.warenkorbBoxInhalt {
	background-color: #F9F9F9;
	padding: 5px 0;
}

div.warenkorbBox span {
	display:			block;
}

div.warenkorbBox h2 {
	color:				#444;
	padding-left:		10px;
	margin:				0 0 8px;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		none;
	font-size:			1em;
}

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

div.warenkorbBox h4 a {
	display:			block;
	color: #99cc00;
	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-repeat: 	no-repeat;	
	width:				200px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.katalogBox span {
	display:			block;
}

div.katalogBox h2 {
	color:				#444;
	padding-left:		10px;
	margin:				0 0 8px;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		none;
	font-size:			1em;
}

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-repeat: 	no-repeat;		
}

div.bestsellerBox span {
	display:			block;
}

div.bestsellerBox h2 {
	border:0 none;
	color:#444444;
	font-size:1em;
	font-weight:bold;
	margin:10px 0 8px;
	padding-bottom:0;
	padding-left:10px;
	padding-top:10px;
	text-transform:none;	
}

div.bestsellerBox ol {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color:#444444;
	list-style:decimal outside none;
	margin:0;
	padding-left:27px;
	padding-right:0;
	padding-top:10px;
	position:relative;
	text-decoration:none;
}

div.bestsellerBox li {
	padding-bottom:0.5em;
	text-align:left;
	text-decoration:none;
	width:145px;
}

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

div.bestsellerBox strong {
	color:#3D3D3D;
	display:block;
}




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

/*** Allgemein Selectbox ***/
.tundra .dijitComboBox {
	width:				160px;
	float:				left;
	color:				#0063AB;
	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:				1px solid #30B5EE;
	margin:				0;
	padding:			0;
	color:				#0063AB;
	font-size:			11px;
	line-height:		18px;
}

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

.tundra .dijitMenuItem:hover {
	background-color:	#30B5EE;
}

/*** Ende Ausgeklappte Selectbox ***/

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

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


.tundra .rahmenDropdownLang {
	width:				291px;
}

/*** eigene Styles ***/

.vorbestellen {
background-color:#FFFFFF;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
color:#444444;
margin-top:45px;
width:180px;
}

.vorbestellen img {
width:180px;
}

.zanox {
margin-top:20px;
text-align:center;
width:180px;
}

.twitter {
	margin-left:913px;
margin-top:7px;
}