#navigation { 
margin: 0 auto 0 auto;
width : 900px; 
height : 200px;
} 
* html #navigation {
margin: -5px 0 0 0;
display: inline;
}
*+html #navigation 
{
margin: -5px 0 0 0;
}

.navi { 
margin : 0; 
list-style : none; 
height : 28px; 
position : relative; 
z-index : 500; 
font-family : arial, verdana, sans-serif; 
color : #666156;
} 
.navi li.top { 
display : block; 
float : left; 
} 
.navi li a.pos1 { 
background : url('../images/navigation/sortiment-off.gif'); 
width : 167px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
.navi li a.pos2 { 
background : url('../images/navigation/leistungen-off.gif'); 
width : 156px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
.navi li a.pos4 { 
background : url('../images/navigation/club-off.gif'); 
width : 105px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
.navi li a.pos5 { 
background : url('../images/navigation/wir-off.gif'); 
width : 170px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
.navi li a.pos6 { 
background : url('../images/navigation/kontakt-off.gif'); 
width : 149px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
.navi li a.pos7 { 
background : url('../images/gruen.gif'); 
width : 153px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
/* START Leerer Schalter*/
.navi li a.pos10 { 
background : url('../images/navigation/none.gif'); 
width : 153px; 
height : 28px; 
display : block; 
text-indent : -99999px; 
} 
/* END Leerer Schalter*/
.navi li.p1 { 
background : url('../images/navigation/sortiment-on.gif'); 
} 
.navi li.p2 { 
background : url('../images/navigation/leistungen-on.gif'); 
} 
.navi li.p4 { 
background : url('../images/navigation/club-on.gif'); 
} 
.navi li.p5 { 
background : url('../images/navigation/wir-on.gif'); 
} 
.navi li.p6 { 
background : url('../images/navigation/kontakt-on.gif'); 
} 
.navi li.p7 { 
background : url('../images/gruen.gif'); 
} 
/* START Leerer Schalter*/
.navi li.p10 { 
background : url('../images/navigation/none.gif'); 
}
/* END Leerer Schalter*/
.navi li.current a.pos1, .navi li.current a.pos1:hover { 
background : url('../images/navigation/sortiment-on.gif'); 
} 
.navi li.current a.pos2, .navi li.current a.pos2:hover { 
background : url('../images/navigation/leistungen-on.gif'); 
} 
.navi li.current a.pos4, .navi li.current a.pos4:hover { 
background : url('../images/navigation/club-on.gif'); 
} 
.navi li.current a.pos5, .navi li.current a.pos5:hover { 
background : url('../images/navigation/wir-on.gif'); 
} 
.navi li.current a.pos6, .navi li.current a.pos6:hover { 
background : url('../images/navigation/kontakt-on.gif'); 
} 
.navi li.current a.pos7, .navi li.current a.pos7:hover { 
background : url('../images/navigation/gruen.gif'); 
} 
/* START Leerer Schalter*/
.navi li.current a.pos10, .navi li.current a.pos10:hover { 
background : url('../images/navigation/none.gif'); 
} 
/* END Leerer Schalter*/
.navi table { 
border-collapse : collapse; 
width : 0; 
height : 0; 
position : absolute; 
top : 0; 
left : 0; 
} 
.navi a:hover { 
visibility : visible; 
position : relative; 
z-index : 200; 
} 
.navi li:hover { 
position : relative; 
z-index : 200; 
} 
.navi li a.top_link:hover { 
background : transparent; 
} 
.navi li:hover > a.top_link { 
background : transparent; 
} 
.navi ul { 
position : absolute; 
left : -9999px; 
top : -9999px; 
width : 0; 
height : 0; 
margin : 0; 
padding : 0; 
list-style : none; 
color : #666156;
} 
.navi :hover ul { 
left: 0;
top : 28px; 
background : url('../images/navigation/h-sub-o.gif') no-repeat; 
white-space : nowrap; 
height : auto; 
width : 115px; 
z-index : 300; 
} 
* html .navi :hover ul {
background : url('../images/navigation/h-sub-o.gif') no-repeat; 
}
.navi :hover ul li { 
display : block; 
position : relative; 
font-weight : normal; 
width : 115px; 
} 
.navi :hover ul li.unten { 
background : url('../images/navigation/h-sub-u.gif') no-repeat; 
background-position: 100% 100%;
margin-left: -1px;
} 
* html .navi :hover ul li.unten {
margin-left: 0;
background-position: 0% 100%;
}
.navi :hover ul li a { 
display : block; 
font-size : 11px; 
width : 115px; 
padding: 0 5px 2px 5px;
color : #666156;
background : transparent; 
text-decoration : none; 
margin: 2px 0 0 2px;
} 
.navi :hover ul li a:hover { 
color: #fff; 
background: #5e9538;
width: 100px;
}
.navi :hover ul li.unten a:hover { 
color: #fff; 
background: #5e9538;
width: 100px;
margin: 0 0 0 3px;
}
*+html .navi :hover ul li.unten a:hover { 
color: #fff; 
background: #5e9538;
width: 100px;
margin: 0 1px 2px 3px;
}
* html .navi :hover ul li.unten a:hover { 
color: #fff; 
background: #5e9538;
width: 100px;
margin: 0 1px 2px 2px;
}