/*******************************************************************************
Horizontales DropUP-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
modified by 7actions by Glauer - www.7actions.ch
*******************************************************************************/
.navi {
position: relative;
font-weight:bold;
width:590px;/* (1) */
font-size: 12px;
padding: 103px 0px 0px 0px;
margin: 0px;
z-index: 500;
text-transform: uppercase;
}
.navi ul {/* UL Ebene 1 */
padding:0;
margin: 0;
list-style-type: none;
}
.navi ul li {/* Listenelemente der Ebene 1 */
float:right;
position: relative;
}
/*Abwechselnd Schwarz - Weiss*/
.navi ul li a,
.navi ul li a:visited {/* Schwarzer Hautpnavi-Text */
color: #fff;
display:block;
text-decoration: none;
background:transparent;
padding: 3px 0px 0 15px;
line-height: 25px;/* --> (2) */
}
.navi ul li a:hover {/* Hover - Schwarzer Hauptnavitext */
color: #000;
}
.navi ul li.color2 a,
.navi ul li.color2 a:visited,
.navi ul li.color4 a,
.navi ul li.color4 a:visited {/* Weisser Hauptnavi-Text */
color: #fff;
}
.navi ul li.color2 a:hover,
.navi ul li.color4 a:hover {/* Hover - Weisser Hauptnavitext */
color: #000;
}
.navi ul li a.active {
color:#000;
}
.navi ul li.color2 a.active,
.navi ul li.color4 a.active  {
color:#000;
}
.navi ul li ul {
display: none;
}
table {
margin: 1px;
border-collapse: collapse;
font-size: 11px;
}
/*--- a:hover für IE (V6) damit Subnavi angezeigt wird ---*/
* html .navi ul li.color1 a:hover {
color: #000;	
background-color: #77a9ca;	
}
* html .navi ul li.color2 a:hover {
color: #000;	
background-color: #73a5c6;	
}
* html .navi ul li.color3 a:hover {
color: #000;	
background-color: #72a0c2;	
}
* html .navi ul li.color4 a:hover {
color: #000;	
background-color: #6e9cbe;	
}
* html .navi ul li.color5 a:hover {
color: #000;	
background-color: #6896b8;	
}

.navi ul li:hover ul,
.navi ul li a:hover ul {
display: block;
position: absolute;
top: -55px;/* --> (2) */
margin-top:1px;
left: 15px;
border-top:1px dotted #000;
}

/* 4 Navipunkt bei Firma (2) und Filme (3) - anderer Top Margin */
.navi ul li.art2:hover ul,
.navi ul li.art2 a:hover ul,
.navi ul li.art3:hover ul,
.navi ul li.art3 a:hover ul {
top: -74px;/* --> (2) */
}
.navi ul li.color2:hover ul,
.navi ul li.color2 a:hover ul {
border-top:1px dotted #fff;
}
.navi ul li.color3:hover ul,
.navi ul li.color3 a:hover ul {
border-top:1px dotted #000;
}
/*--- top Abstand nur für IE 7 ---*/
*+html .navi ul li.art2:hover ul,
*+html .navi ul li.art2 a:hover ul,
*+html .navi ul li.art3:hover ul,
*+html .navi ul li.art3 a:hover ul {
top: -65px;/* --> (2) */	
}

/*--- background blank.gif, damit bei ie 6 richtig navigiert werden kann ---*/
.navi ul li:hover ul li a,
.navi ul li a:hover ul li a {
display: block;
background: url(blank.gif);
color: #fff;
height: auto;
line-height: 12px;
padding: 3px 0px 2px 0px;
width:115px;
text-align:left;
border-bottom:1px dotted #000;
}
.navi ul li.color2:hover ul li a,
.navi ul li.color2 a:hover ul li a {
display: block;
background: url(blank.gif);
color: #fff;
height: auto;
line-height: 12px;
padding: 3px 0px 2px 0px;
width:115px;
text-align:left;
border-bottom:1px dotted #fff;
}
.navi ul li:hover ul li a:hover,/* Ebene 2 hover - Weisser Subnavi-Text */
.navi ul li a:hover ul li a:hover {
background: url(blank.gif);
color:#000;
}
.navi ul li.color2:hover ul li a:hover,/* Ebene 2 hover - Schwarzer Subnavi-Text */
.navi ul li.color2 a:hover ul li a:hover {
background: url(blank.gif);
color:#000;
}
