/* *********************** Aufbau des Headers *********************** */
.logoPosition {
	position:			absolute;
  /*display: none;*/
	top:				-45px;
  }
.bannerPosition {
	/*position:			absolute;
	top:				27px;
	left:				415px;*/
}
/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher  { }
#eyecatcher2 { }


/**************************** Top Navigation **************************/
.navigationBox {
position: absolute;
top: 123px;
left: 175px;
   margin: 0;
   padding: 0;
   border: 0px none;
   list-style-type: none;
   text-decoration: none;
   /* e.g. 11px font and 20px height */
   font-style:normal; 
   font-variant:normal; 
   font-weight:bold; 
   line-height:25px; 
   font-size:14px; 
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}
.navigationBox em { font-style: normal; }
.navigationBox ul {
   margin: 0;
   padding: 0;
   border: 0px none;
   list-style-type:none
}
.navigationBox ul li {
   display: block;
   float:left;
}
/* ==== LEVEL X ================================================ */
.navigationBox ul li a,
.navigationBox ul li a:link,
.navigationBox ul li a:visited,
.navigationBox ul li a:active {
   display: block;
   width: 172px; /* ++ width entry = width + boarder left/right  == IE only == */
   w\idth: 156px; /* ++ width entry = width - padding left/right */
   text-decoration: none;
   text-transform: none;
   text-align: center;
   color: #a2a2a2;
   /* ++ Text adjust */
   border-left: 1px solid #eeeeee;
   background-image: url(/eShop/images/MenueOben.gif);
   background-repeat no-repeat;
   background-position: center center; 
   padding:0; 
}

.navigationBox ul li.active a,
.navigationBox ul li.active a:link,
.navigationBox ul li.active a:visited,
.navigationBox ul li.active a:active {
   color: #ffffff;
   font-weight: bold;
   background-image:url(/eShop/images/MenueOben.gif);
   background-repeat: no-repeat;
   background-position: top center;
}

.navigationBox ul li a:hover, .navigationBox ul li.sub_no a:hover {
   color: #ffffff;
   background-image:url(/eShop/images/MenueOben.gif);
   background-repeat: no-repeat;
   background-position: top center;
}

.navigationBox ul li.active a:hover {
   color: #ffffff;
   background-image:url(/eShop/images/MenueOben.gif);
   background-repeat: no-repeat;
   background-position: top center;
} 

/***************************** Boxengrundformate ***********************/
div.meinKonto, div.suchBox, div.herstellerBox,
div.angebotBox, div.empfehlenBox, div.newsletterBox, div.counterBox,
div.sprachBox, div.partnerBox, div.warenkorbBox, div.katalogBox, div.bestsellerBox
{
	width:			168px;
	margin-bottom:		7px;
	color:	#f2f2f2;
}

div.kategorieNavigation h2, div.meinKonto h2, div.suchBox h2,
div.herstellerBox h2, div.angebotBox h2, div.empfehlenBox h2,
div.newsletterBox h2, div.counterBox h2, div.sprachBox h2, div.partnerBox h2,
div.warenkorbBox h2, div.katalogBox h2, div.bestsellerBox h2
{
	height:			20px;
	line-height:		20px;
	text-indent:		10px;
	font-size:		12px;
	/*border:      1px solid #ffffff;*/
}
div.meinKonto ul, div.angebotBox ul
{
	list-style: 		none;
}
div.meinKonto li, div.angebotBox li {
	width:				160px;
	padding:			0px;
  padding-left:       10px;
	margin:				0px;
	line-height:		17px;
	text-align:			left;
}
/*div.kategorieNavigation[class] li, */
div.meinKonto[class] li, div.angebotBox[class] li
{
	width:				160px;
  /*border:        0px solid #000; Änderung Otto*/
}
div.meinKonto li a, 
div.angebotBox li a {
	color:				#EE7600;
	text-decoration:	none;
}

div.meinKonto li a:hover, 
div.angebotBox li a:hover {
              color: #EEEE00 }

.kategorieNavigation h2 { /*border: 1px solid #ffffff;*/}
.kategorieNavigation
{
   margin: 0;
   padding: 0;
   border: 0px none;
   text-decoration: none;
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   width: 168px; 
   font-style:normal;
   font-variant:normal; font-weight:normal;
   line-height:19px; font-size:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

.kategorieNavigation em { font-style: normal; }

.kategorieNavigation ul {
   margin: 0;
   padding: 0;
   border: 0px none;
   list-style-type: none;
   /*width: 170px*/
}
.kategorieNavigation ul li { position: relative; }
/* ==== LEVEL X ===================================
====  simple link <a> // einfacher Link <a> ==== */
.kategorieNavigation ul li a,
.kategorieNavigation ul li a:link,
.kategorieNavigation ul li a:visited ,
.kategorieNavigation ul li a:active
{
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #003F00;           /* Textfarbe: gruen */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background-color: #FEDE00 ;
   /* ++ Text justieren 1px oben und 25px von links */
   /* ++ Untere Linie wenn gewuenscht */
   border-bottom: 1px solid #ffffff; /* IE6 Bug */
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   \width: 168px;  /* IE5x Opera <= 5 */
   widt\h: 143px; padding-left:25px; padding-right:0; padding-top:1px; padding-bottom:0
}
/* ====  hover: Maus über Link <a> // hover link <a> ==== */
.kategorieNavigation ul li a:hover
{
   color: #000000;
   /*text-decoration: underline;*/
   background: #ffffff url(/images/Link1.gif) no-repeat 4px 5px;
}

.secondNavigation
 {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: bold; /*normal;*/
   color: #afafaf;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   text-indent:   20px;
}
div.kategorieNavigation li.secondNavigation a
{
	background-color:  #FEFF7F;
}

div.kategorieNavigation li.secondNavigation a:hover
{
	background-color:  #ffffff;
}

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

div.kategorieNavigation li.thirdNavigation a
{
background-color: #ffffff;
}

div.kategorieNavigation li.thirdNavigation a:hover
{
background-color:  #D1EFD1;
}
/* *********************** Aufbau Mein Konto *********************** */
div.meinKonto fieldset {
	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;
}
/* *********************** Suche Formatierung *********************** */
div.suchBox fieldset {
	border:			solid 0 transparent;
	padding-top:		5px;
	padding-left:		10px;
	text-align:		left;
	text-indent:		10px;
}

div.suchBox fieldset select {
	width:				150px;
	display:			block;
	margin-bottom:		2px;
}

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

div.suchBox fieldset span input {
	position: 			relative;
	top:				2px;
	width:				30px;
	height:				20px;
	margin-left:			2px;
	margin-top:			-2px;
}

div.suchBox fieldset a { color:		#ACFF2E;}
/* *********************** Hersteller *********************** */
div.herstellerBox fieldset {
	border:				0px;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
	text-indent:		10px;
}

div.herstellerBox select {
	width:				150px;
	display:			block;
}
/* *********************** Aufbau Weiter empfehlen *********************** */
div.empfehlenBox span
{
	display:			block;
	padding-left:		10px;
	line-height:		20px;
	text-align:			left;
}

div.empfehlenBox span a{ 	color:			#ACFF2E;}

/* *********************** Aufbau Newsletter *********************** */
div.newsletterBox fieldset {
	border:				0px;
	padding-top:		5px;
	padding-left:		10px;
	text-align:			left;
}

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

div.newsletterBox fieldset span input {
	width:				74px;
	margin-top:			2px;
}

div.newsletterBox p
{
	font-weight:		bold;
}
/*********************** Aufbau Counter ************************* */
div.counterBox h4
{ color:        #FFFFFF;
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	font-size:			11px;
	line-height:		17px;
}
/*********************** Aufbau Sprachen ************************* */
div.sprachBox span
{
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	padding:		5px 0;
}
/*********************** Aufbau Partnerprogramm ************************* */
h4 a {color: #ACFF2E; }
div.partnerBox h4
{
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
}

/*********************** Aufbau Warenkorb ************************* */
div.warenkorbBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
}
/*********************** Aufbau PDF Katalog ************************* */
div.katalogBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
}
/*********************** Aufbau Bestsellerliste ************************* */
div.bestsellerBox ol {
	width:				155px;
	position:			relative;
	list-style:			none;
	left:				10px;
	text-decoration:	none;
}

div.bestsellerBox ol a { color: #ACFF2E}

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