/*******************************************************************************
Horizontales Dropdown-Menu,CSS
CSS-Grundlage:Copyright by Stu Nicholls @ www.cssplay.co.uk
Please see Copyright Notice @
http://www.cssplay.co.uk/menus/final_drop.html
*******************************************************************************/
.navi {
position: relative;
width:1000px;/* (1) */
height:35px;
font-size: 14px;
padding: 0px 0px 0px 15px;
margin: 0px;
z-index: 500;
}
.navi ul {/* UL Ebene 1 */
padding:0;
margin: 0;
list-style-type: none;
}
.navi ul li {/* Listenelemente der Ebene 1 */
float:left;
position: relative;
text-transform: uppercase;
}
.navi ul li a,
.navi ul li a:visited {/* Links der Listenelemente der Ebene 1 */
display:block;
text-decoration: none;
color: #002;
background:transparent;
padding: 3px 85px 0 0; /* mit Bezugsquelle right: 90px */
line-height: 25px;/* --> (2) */
}
.navi ul li a.active {
color:#093;
}
.navi ul li ul {
display: none;
}
table {
margin: -1px;
border-collapse: collapse;
font-size: 12px;
}
/* li:hover für non-IE-Browser */ 
.navi ul li:hover a {
color: #093;
}
/*--- a:hover für IE */
* html .navi ul li a:hover {
color: #093;
background: url(ie-nav.jpg) top left repeat-x #bdbfc1;	
}
.navi ul li:hover ul,
.navi ul li a:hover ul {
display: block;
position: absolute;
top: 25px;/* --> (2) */
margin-top:1px;
left: -5px;
}
* html .navi ul li a:hover ul {
margin-top: 0;
marg\in-top:1px;
}
.navi ul li:hover ul li ul,
.navi ul li a:hover ul li a ul {
visibility: hidden;
position: absolute;
height: 0;
width: 0;
}
.navi ul li:hover ul li a,
.navi ul li a:hover ul li a {
display: block;
background: #b2b3b7;
color: #002;
height: auto;
line-height: 14px;
padding: 5px 0px 5px 5px;
width:125px;
text-transform: none
}
.navi ul li:hover ul li a.drop,/* Ebene 2 mit Subpunkten */
.navi ul li a:hover ul li a.drop {
background: #b2b3b7 bottom right no-repeat;
}
.navi ul li:hover ul li a:hover,/* Ebene 2 hover */
.navi ul li a:hover ul li a:hover {
color: #093;
}
.navi ul li:hover ul li:hover ul,     /* Ebene 3 */
.navi ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:125px; 
  top:0;
  width:125px;
}
.navi ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.navi ul li a:hover ul li a:hover ul.left {
  left:-125px;
}