#navi * {
   margin: 0;
   padding: 0px;
  }
  
#navi {
   margin: 0;
   padding: 0px;
   font: 11px Arial;
   Overflow-x: hidden;
   Overflow-y: auto;
   border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
 
}


/* Hauptmenue
---------------------------------------------- */

#navi ul {
	width: 178px;
	list-style: none;
}	
#navi li{
  _display: inline; /* für den IE */
}

#navi li a {
  display: block;
  _\height:1%;/* IE hasLayout-Hack */
	color: #000;
	padding: 3px 0 2px 5px;
/*	padding: 3px 0 3px 5px; */
	text-decoration: none;
	padding-right: 19px;
}		

/* Übergeordnete Kategoriepunkte 
-----------------------------------------------*/
#navi li.uebersicht a {
  background: #00006A;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
}	

#navi li.sucheline1 a {
  background: #0066CC;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
}	

#navi li.sucheline2 a {
  background: #0066CC;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
}

#navi li.sucheline3 a {
  background: #0066CC;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
}

#navi li.bestellen a {
  background: #00006A;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
}	

#navi li.optionen a {
  background: #00006A;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
}	

INPUT.formlang {
	BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 120px; LINE-HEIGHT: normal; BORDER-BOTTOM: #7f9db9 1px solid; FONT-STYLE: normal; FONT-VARIANT: normal
}
INPUT.buttongo {
	BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 20px; LINE-HEIGHT: normal; BORDER-BOTTOM: #7f9db9 1px solid; FONT-STYLE: normal; FONT-VARIANT: normal
}


/* Eingefärbte Hauptebene/-kategorie (dunkler Hintergrund) 
-----------------------------------------------*/
#navi li.here a {
  background: #00006A;
  color: #FFFFFF;
/*  border-bottom: 1px solid #FFFFFF; */
}	

/* erste Ebene unterhalb .here,
default wird Pfeil gedruckt
----------------------------------------------- */

#navi li.here li a{
  background-image: url(p_rechts.gif);
  background-repeat: no-repeat;
  background-position:  7px 0.49em;
  background-color: #0066CC;
  padding-left: 18px;
}

#navi li.here li a,
#navi li.open a {
  font-weight: normal; 
}	
/* Offener Menüpunkt erste Kategorienebene 
------------------------------------- */
#nav li.open a {
	padding-left: 18px;
  background: #DAE2E8 url(p_unten_r.gif) no-repeat 4px 0.69em;
  color: #000000;
  font-weight: bold;
}	

/* alle Menüpunkte zweite Kategorienebene (Hellblau), mit Pfeil
------------------------------------- */

#nav li.open li a {
  background: #fff url(p_rechts.gif) no-repeat 14px 0.49em;
	padding-left: 22px;
  border-bottom: 1px solid #C4D4DA;
  color: #000000;
  font-weight: normal;
}	

/* offener Menüpunkt zweite Kategorienebene (Orange), mit Pfeil
------------------------------------- */
#nav li.open li.open a {
  background: #99CCFF url(p_unten_r.gif) no-repeat 10px 0.69em;
	padding-left: 22px;
  border-bottom: 1px solid #C4D4DA;
  color: #000000;
}	
/* alle Menüpunkte dritte Kategorienebene (Hellgelb),
per Default mit Block voran
------------------------------------------------- */
#nav li.open li.open li a {
  background: #FFFFCC url(p_rechts.gif) no-repeat 18px center;
	padding-left: 28px;
  border-bottom: 1px solid #C4D4DA;
  color: #333;
}	

#nav li.open li.open li.open a {
  background: #FFFFCC url(p_unten_r.gif) no-repeat 18px center;
	padding-left: 28px;
  border-bottom: 1px solid #C4D4DA;
  color: #333;
}	

#nav li.open li.open li.open li a {
  background: #fff url(navblock.gif) no-repeat 24px center;
	padding-left: 34px;
  border-bottom: 1px solid #C4D4DA;
  color: #333;
}	


/* Überschreiben der Rule bei Kategorien mit keinen Subkategorien
------------------------------------------------------------- */

#nav li.hasNoSubKats a{ 
	background-image :url(navblock.gif)!important;
}

/* Hover-Effekte */

#nav li a:hover {
  background: #FFCF00;
   /* background-color: #FFCF00!important; */
   color: #00006A;
}	

/*----- Hauptmenue -----*/