/* navigation */ 
#navigation {
    position: absolute;
    left: 300px;
    width: 100px;
    top: 41px;
    font-weight: bold;
	background: #fff;
}

#navigation a {
	color:inherit;
}

#navigation li {
  height: 100.1%;
  padding: 0 1em;

  border: solid #fff;
  border-width: 1px 0 0 0;
}

#navigation:hover li {	
	border-color:#eee;
}

#navigation * {
	color: #b5b5b5; 
	font-weight: bold;
}

/* das flyout */
#navigation dd {
  position: absolute;
  display: none;
  left: 99px;
  white-space: nowrap;
  background: #fff;
}

#navigation strong, #navigation strong a {
	color:#7e0109;
	margin:0 0 0 -1em;
	padding-left: 1em;
	display:block;
	background: url(../../images/list-item.gif) no-repeat left; 
}

#navigation dt {
	display:inline;
}
#navigation dd dt {
	display:block;
}

/** flyout **/
#navigation li li {
	border: solid #fff;
	border-width: 1px 0 0 1px;
}
/** show default **/ 
#navigation .active dd {
	display: block;
}
/** hide all on hover **/
#navigation:hover dd {
	display: none;
}
/** and extend only hover flyout **/ 
#navigation li:hover dd { 
	display: block;  
}
#navigation li:hover dd:hover li {
	border-color: #eee;
}
#navigation li:hover dt, #navigation dd a:hover {
	color: #000; 
}

/** flyout positions **/
#leistungen { top: -24px; }
#produkte { top: 0px; }
#kontakt { top: 0px; }