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

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

.bannerPosition {
	margin-top:			15px;
}

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

}

#eyecatcher2 {

}


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

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

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

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

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;
}

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

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

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


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

div.kategorieNavigation {
	background-image: 	url(../images/navbox2_top.gif);
	background-repeat: 	no-repeat;	
	width:				200px;
	margin-top:			15px;
}

div.kategorieNavigation div {
	background-image: 	url(../images/navbox2_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

div.kategorieNavigation h2 {
	color:				#D66C00;
	padding-left:		10px;
	padding-top:		5px;
	margin:				0;
	margin-bottom:		8px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../images/navbox2_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:2px 8px;
	font-size:			16px;
}

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

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

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

div.kategorieNavigation li.highlight a {
	color:				#D66C00;
}

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

div.kategorieNavigation li a:hover {
	color:				#D66C00;
}

div.kategorieNavigation li.secondNavigation {
	padding-left:		10px;
	line-height:		13px;
	font-size:			11px;
	background-position:-6px 2px;
}

div.kategorieNavigation li.highlightSub a {
	color:				#D66C00;
}

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 {
	color:				#B6CC00;
	margin:				0;
	font-weight:		normal;
	font-size:			14px;
	float:				right;
	background-image: 	url(../images/top_menue_back.gif);
	background-repeat: 	no-repeat;
	width:				130px;
	height:				30px;
	text-align:			center;
	line-height:		25px;
}

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

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

div.meinKonto ul li {
	float:				right;
	background-image: 	url(../images/top_menue_back.gif);
	background-repeat: 	no-repeat;
	width:				130px;
	height:				30px;
	text-align:			center;
	line-height:		25px;
}

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



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(../images/navbox4_top.gif);
	background-repeat: 	no-repeat;	
	width:				200px;
	margin-top:			15px;
}

div.angebotBox div {
	background-image: 	url(../images/navbox4_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

div.angebotBox h2 {
	color:				#D66C00;
	padding-left:		10px;
	padding-top:		9px;
	margin:				0;
	margin-bottom:		8px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../images/navbox2_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:2px 13px;
	font-size:			16px;
}

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

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

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



/* *********************** 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-image: 	url(../images/navbox1_top.gif);
	background-repeat: 	no-repeat;	
	width:				200px;
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.herstellerBox div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

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(../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(../images/navbox_pfeil.gif);
	background-repeat: 	no-repeat;	
	background-position:-5px 2px;
	color:				#0063AB;
	margin-bottom:		6px;
}

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

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



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

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

div.empfehlenBox div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

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

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


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

div.newsletterBox {
	background-image: 	url(../images/navbox3_top.gif);
	background-repeat: 	no-repeat;		
}

div.newsletterBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
}

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

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

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

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

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-image: 	url(../images/navbox3_top.gif);
	background-repeat: 	no-repeat;	
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.partnerBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom, left;
	background-repeat: 	no-repeat;
}

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(../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-image: 	url(../images/navbox3_top.gif);
	background-repeat: 	no-repeat;	
	margin:				0;
	padding:			0;
	margin-top:			15px;
}

div.warenkorbBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	display:			block;
}

div.warenkorbBox h2 {
	color:				#D66C00;
	padding-left:		10px;
	margin:				0;
	margin-bottom:		8px;
	padding-top:		5px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../images/navbox2_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:-20px 8px;
	font-size:			14px;
}

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:				#0063AB;
	font-weight:		bold;
	margin-top:			5px;
	margin-bottom:		5px;
	font-size:			12px;
	padding-bottom:		10px;
}

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


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

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

div.katalogBox div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	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(../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;
	padding-bottom:		10px;
}




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

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

div.bestsellerBox div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	display:			block;
}

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

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

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

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

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


/* ************************ Extra Boxen ************************ */

div.ExtraBoxRight {
	background-image: 	url(../images/navbox3_top.gif);
	background-repeat: 	no-repeat;	
}

div.ExtraBoxRight div {
	background-image: 	url(../images/navbox3_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	display:			block;
}

div.ExtraBoxRight div div {
	padding:			10px;
	padding-top:		0px;
	xtext-align:			center;
}

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



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

div.ExtraBoxLeft div {
	background-image: 	url(../images/navbox1_bottom.gif);
	background-position:bottom left;
	background-repeat: 	no-repeat;
	display:			block;
}

div.ExtraBoxLeft div div {
	padding:			10px;
	padding-top:		0px;
	xtext-align:			center;
}

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

/* ***************************** Facettensuche *************************** */

#facettenSuche {
    background-image: 	url(../images/navbox2_top.gif);
	background-repeat: 	no-repeat;
}

div.facettenBottom {
	background-image: 	url(../images/navbox2_bottom.gif);
	background-position:bottom;
	background-repeat: 	no-repeat;
}

div#facettenSuche h2 {
	color:				#D66C00;
	padding-left:		10px;
	padding-top:		5px;
	margin:				0;
	margin-bottom:		8px;
	margin-top:			15px;
	font-weight:		normal;
	text-transform:		uppercase;
	background-image: 	url(../images/navbox2_headline.gif);
	background-repeat: 	no-repeat;	
	background-position:2px 8px;
	font-size:			16px;
}

div.facettensuche_filter {
	padding-bottom:		10px;
}

div.facettensuche_filter_head {
    display:			block;
    font-weight:		bold;
    text-indent:		5px;
}

ul.facettensuche_filter_auspraegungen {
	margin:				0;
	padding:			0;
	list-style:			none;
	margin-bottom:		10px;
}

li.facettensuche_auspraegung {
    display:			block;
    text-indent:		10px;
}

.facettensuche_selected {
    color:				#000000;
    font-weight:		bold;
}

.facettensuche_fragezeichen {
    left:				0px;
    position:			relative;
    top:				-75%;
    width:				40px;
    text-align:			center;
    cursor:             default;
}

.tooltip {
	font-weight:		bold;
	float:				right;
}

.tooltip .tooltiptext {
    display:			none;
    background-color:  	#FFFFFF;
    border: 			1px solid #aaaaaa;
    font-weight:		normal;
    text-align:			left;
    text-decoration:	none;
    z-index: 			500;
    padding:			5px;
}
.tooltip:hover .tooltiptext {
	display:			block;
	position:			absolute;
	width:				200px;
	left: 				30px
}

/* ************ Global Box für Klappnavigation *********** */
div.mainNavTree {
    margin-top: -13px;
    height: 20px;
}

/* ************ Erste Ebene ********** */
div.mainNavTree ul, li {
    list-style: none;
}

ul.mainNavTreeULTopLvl {
    padding-left: 0px;
}

li.mainNavTreeLITopLvl {
    float: left;
    padding-left: 5px;
    font-size: 15px;
}

li.mainNavTreeLITopLvl a {
    color: #000000;
}

/* ************ Aufklappebene 1 ************* */
ul.mainNavTreeULSecLvl {
    position: absolute;
    display: none;
    background: white;
    padding: 10px;
    padding-left: 0px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    box-shadow: 1px 1px 4px 1px #cccccc;
    z-index: 100;
}

li.mainNavTreeLISecLvl {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #cccccc;
}

li.mainNavTreeLISecLvl a {
    color: #000000;
}

li.mainNavTreeLISecLvl a:hover {
    color: #787878;
}

/* ********* Visible der Klappnavigation ********* */
.mainNavTree ul li:hover ul {
    display: block;
}



/* ********** Aufklappebene 2 ************* */
ul.mainNavTreeULThrdLvl {
    padding-left: 10px;
    font-size: 12px;
}

li.mainNavTreeLIThrdLvl a:hover {
    text-decoration: underline;
}