#navigation {
	position: absolute;
	top: -1px;
	width: 180px;
	min-height: 193px;
	_height: 193px;
	/* zum testen ein Hintergrund eingetragen */
	background: #eee;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation  a {
display: block;
background-color: #EEEEEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height:14px;
 font-weight: normal;
 color: #666666;
 text-decoration:  none;
 padding-left: 12px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 0;
 border-top: 1px solid #FFFFFF;
}
/* keine Raender fuer Links ab zweiter Ebene */
#navigation ul ul a, #navigation ul ul  a:visited {
/* border-top: 0; */
}
#navigation ul  ul, #navigation ul ul ul , #navigation ul ul ul ul{
border: 1px solid #FFFFFF;
border-top: 0;
}
#navigation ul li.aktiv  ul{
border: 0;
border-top: 1px solid #FFFFFF;
}
#navigation ul li.aktiv ul ul , #navigation ul li.aktiv ul ul ul{
border: 0;
}

#navigation a:hover, #navigation a.highlighted:hover, #navigation a:focus  {
 color: #000000;
 background-color: #CCCCCC;
}

/*  containing blocks fuer alle li definieren, damit "kindelemente" dazu positioniert werden koennen   */
#navigation li {
position: relative;
}

/*  position der zweiten und weiteren Ebenen!  
Breitenangabe zwingend -> Breite vom "Elternelement"
horizontale Ausrichtung -> rechts neben dem "Elternelement"
dritte Ebenen muss wegen dem border um 1px nach oben verschoben werden!
*/
#navigation ul ul {
position: absolute;
top: 0px;
left: 100%;
width: 100%;
}
#navigation ul ul ul {
position: absolute;
top: 0px;
left: 100%;
width: 100%;
}

/* popouts verstecken  
ab zweiter Ebene und bei einem hover soll nur das naechste untere menu und nicht alle weiteren Untermenues angezeigt werden
  */
#navigation ul ul, #navigation ul  li:hover ul ul,  #navigation ul ul li:hover ul ul{
display: none;
}

/* popout wieder einblenden
*/
#navigation ul li:hover ul, #navigation ul ul li:hover ul, #navigation ul ul ul li:hover ul  {
display:block;
}

/* fuer aktiven Strang
hover ereignis  ueberschreiben 
Ausrichtung vertikal machen, fuer drei Ebenen

*/
#navigation ul  li.aktiv:hover ul  ul,  #navigation ul ul li.aktiv:hover  ul , #navigation ul ul ul li.aktiv:hover  ul {
display: none;
}
#navigation ul li.aktiv ul  {
position:static;
display: block;
}
#navigation ul li.aktiv ul ul {
display: none;
}
#navigation ul li.aktiv ul li.aktiv ul {
display: block;
}
#navigation ul li.aktiv ul li.aktiv ul ul{
display: hidden;
}

/* links im aktiven Strang */
#navigation ul li.aktiv a ,#navigation ul li.aktiv a:visited, #navigation ul li.aktiv a:hover{
	padding-left: 34px;
	background-color: #CCCCCC; 
	
}
#navigation ul li.aktiv ul a ,#navigation ul li.aktiv ul a:visited, #navigation ul li.aktiv ul a:hover{
	padding-left: 34px;
	background-color: #CCCCCC; 
        padding-top: 2px;
        padding-bottom: 2px;
		border-top:0;
}
#navigation ul li.aktiv ul ul a ,#navigation ul li.aktiv ul ul a:visited, #navigation ul li.aktiv ul ul a:hover{
	padding-left: 42px;
	border-top:0;
}



#navigation ul a {
	padding-left: 34px;
}
#navigation ul ul a {
	padding-left: 12px;
}
#navigation  a.akt , #navigation  a.akt:visited, #navigation  a.akt:hover {
color: #000000;
}