/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width: 777px;
height: 24px;
background-image: url(../images/navi_main_background.png);
background-repeat: no-repeat;
margin: 0 auto;
padding:0;
font-size: 0.75em;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0 0 0 78px;
margin:0;
list-style-type:none;
z-index:5;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
header nav li {
position:relative;
}

.menu li.active a{
	color: #ffffff;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
text-decoration:none; 
color:#000;
height:25px;
line-height:22px;
background-repeat: no-repeat;
padding-left: 25px;
width: 101px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
height:24px;
}




/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {

}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#ffffff;
}
.menu ul ul :hover > a.drop {
background:#ffffff;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
header nav ul ul {
visibility:hidden;
position:absolute;

top:18px;
left:-55px; 
width:200px;
padding:10px 7px;
z-index: 20;
border-bottom: 1px solid #ccc;
background-color: #333;
color: #CCC;
}

header nav ul ul li a {
	font-weight:bold;
	font-size: 14px;
	background-color:#333;
}

header nav ul ul li:hover {
	background-color: #333;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
/*background:#f8f8f8;*/
background: #f0f0f0;
/*
opacity: 0.9;
filter: alpha(opacity=90); 
-moz-opacity:0.9; 
khtml-opacity: 0.9; /* for konquerer and older safari */
color:#000; 
height:auto; 
font-size: 1em;
padding:4px 4px;
margin: 0;
border: none;
width:117px;
line-height:15px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:117px;
w\idth:117px;
}

/* style special classes with special back-pics */

.menu a.unternehmen {
	background-image: url(../images/neu/icon_unternehmen_norm.jpg);		
}
.menu a.unternehmen:hover, .menu :hover > a.unternehmen {
	background-image: url(../images/neu/icon_unternehmen_high.jpg);	
}
.menu ul li.active a.unternehmen {
	background-image: url(../images/neu/icon_unternehmen_high.jpg);	
	color: #ffffff;
}

.menu a.leistungen {
	background-image: url(../images/neu/icon_leistungen_norm.jpg);		
}
.menu a.leistungen:hover, .menu :hover > a.leistungen {
	background-image: url(../images/neu/icon_leistungen_high.jpg);	
}
.menu ul li.active a.leistungen {
	background-image: url(../images/neu/icon_leistungen_high.jpg);	
	color: #ffffff;
}

.menu a.produkte {
	background-image: url(../images/neu/icon_produkte_norm.jpg);		
}
.menu a.produkte:hover, .menu :hover > a.produkte {
	background-image: url(../images/neu/icon_produkte_high.jpg);	
}
.menu ul li.active a.produkte {
	background-image: url(../images/neu/icon_produkte_high.jpg);	
	color: #ffffff;
}

.menu a.kunden {
	background-image: url(../images/neu/icon_kunden_norm.jpg);	
}
.menu a.kunden:hover, .menu :hover > a.kunden {
	background-image: url(../images/neu/icon_kunden_high.jpg);	
}
.menu ul li.active a.kunden {
	background-image: url(../images/neu/icon_kunden_high.jpg);	
	color: #ffffff;
}


/* generell schwarzer Hintergrund, weisse Links bei mouseover erste ebene */
.menu a:hover,.menu :hover > a  {	
	color:#fff; 
}
.menu ul li:hover {	
	background-image: url(../images/neu/bck_but_high.gif);
	background-repeat: repeat-x;
}


/* style the top level hover and active */
/* for ie 5 */
.menu a:hover {	
   background-color: transparent;
}


.menu ul ul a:hover{
color:#000;
background-image: none;
background-color:#ffffff;
}


.menu ul ul :hover > a, .menu ul ul a.active  {
color:#000;
background-image: none;
background-color:#ffffff;
}

.menu ul li.active{
	background-image: url(../images/neu/bck_but_high.gif);
	background-repeat: repeat-x;
}

.menu ul li.active ul li.active {
	background-image: none;	
}

.menu a.active, .menu a.active:visited{
	color:#000;
	background-color:#ffffff;
}

.menu ul li.active ul li a{
	color: #000000;
}

/* make the second level visible when hover on first level list OR link */
header nav ul li:hover ul,
header nav ul a:hover ul{
visibility:visible; 
}