/* ================================================================ 

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.

=================================================================== */



#mainnav {
	/*width:750px; 
	font-size:11px;
	position:relative;
	
	float:left;*/
	z-index:100;
}







/* Standardformatierungen fr Listen aufheben */



#mainnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
	f\loat:none;
}

#container #header #mainnav ul ul {
	width:auto;
	text-align:left;
	background-color:#F2F2F2;
	background-color:transparent;
	padding:3px;
	margin:0px 0px 0px -5px;
	height:auto;
}
*html #container #header #mainnav ul ul {
	width:190px;
}
*+html #container #header #mainnav ul ul {
	width:190px;
}







/* die Liste floaten, damit sie horizontal wird und eine relative Position, um die Dropdown menu Position zu kontrollieren*/



#mainnav li {

float:left;

/*float:right;

width:150px;*/

width:auto;

position:relative;

}

*html #mainnav li {
	/*width:50px;*/
	line-height:17px;
}





/* Stile fr die normalen Links der obersten Ebene */



#mainnav a {
	display:block;
	text-decoration:none;
	color:#fff;
	height:17px; /* muss wegen der Funktionalitt im Safari gesetzt werden*/
	background-image:url(../img/trans.gif);
	/*line-height:19px;
	margin-top:1px;*/
	margin-right: 10px;
	
	/*line-height:17px;*/
}
*html #mainnav a {
	/*margin-top:-10px;*/
	line-height:17px;
}

#mainnav a.act {
	display:block;
	text-decoration:none;
	color:#FEFDB6;
	/*height:19px;*/
	background-image:url(../img/trans.gif);
	/*line-height:19px;
	margin-top:1px;*/
	margin-right: 10px;
}

/* a hack so that IE5.5 faulty box model is corrected */

/** html #mainnav a, * html #mainnav a:visited {

width:91px;

w\idth:80px;

}*/


/* Stile fr den Hintergrund der zweiten Ebene */



#mainnav ul ul a.drop, #mainnav ul ul a.drop:visited {

background:#B60965 url(../img/trans.gif);

}







/* Stil fr den Rollover der zweiten Ebene */



#mainnav ul ul a.drop:hover{

background:url(../img/trans.gif);

}

#mainnav ul ul :hover > a.drop {

background:#999999 url(../img/trans.gif);

}









/* Unterebenen ausblenden und absolute Position vergeben, damit sie keinen Raum einnehmen */



#mainnav ul ul {

visibility:hidden;

position:absolute;

height:0;

top:14px;

left:0; 
z-index:200;
width:180px;
width:150px;
width:auto;

}

/* another hack for IE5.5 */

*html #mainnav ul ul {

/*top:20px;*/
top:24px;
top:2px;

/*t\op:21px;*/
width:200px;
background-color:#ff0000;
}







/* style the table so that it takes no ppart in the layout - required for IE to work */

#mainnav table {
	position:absolute; 
	top:0; 
	left:0; 
	height:0;
	/*float:left;*/
}
*html #mainnav table {
	position:relative; 
	top:0; 
	left:0; 
	height:0;
}
/*#mainnav td {
	position:absolute; 
	top:0; 
	left:0; 
	height:0;
	float:left;
}*/









/* Stile fr die Links der zweiten Ebene */



#container #header #mainnav ul ul a {

/*background:url(../img/trans.gif); */
background: url(../img/trans.gif);
background-position: right top;
background-repeat: no-repeat;
background-color:#f2f2f2;

/*color:#fff; */

height:23px; 

/*line-height:1em; */

padding:0px 0px 0px 0px; 
margin-right:0px;
text-align:left;
/*width:150px;*/
white-space:nowrap;
width:auto;

/* yet another hack for IE5.5 */

}



#mainnav ul ul a:visited {

background:url(../img/trans.gif); 

color:#ffffff; 

height:auto; 

line-height:1em; 

padding:5px 10px; 

/*width:159px;*/

/* yet another hack for IE5.5 */

}



* html #mainnav ul ul a{

/*width:180px;
width:199px;*/
/*w\idth:159px;*/

}







/* Stile fr den Rollover der obersten Ebene */



/* Rollover oberste Ebene (Mozilla) */

#mainnav :hover > a {

/*color:#FEFDB6;*/

background:url(../img/trans.gif);

}







/* Rollover oberste Ebene (IE) */



#mainnav a:hover{

/*color:#FEFDB6; */

background:url(../img/trans.gif);

}









/* Rollover und aktive zweite Ebene (Mozilla) */



#container #header #mainnav ul ul :hover > a {
text-align:left;
/*color:#FEFDB6;*/
height:23px;
background:#f2f2f2 url(../img/trans.gif);
background-position:right;
background-repeat:no-repeat;
}



/*#mainnav ul ul a.act {

color:#FEFDB6;

background:#B60965 url(img/semitrans_blue.gif);

background-color:#B60965;

}*/







/* Rollover und aktive zweite Ebene (IE) */



#mainnav ul ul a:hover{

color:#FEFDB6; 

background:#B60965 url(../img/trans.gif);
background-position:right;
text-align:left;

}

#mainnav ul ul a.act, 
#mainnav ul li ul li a.act {

	color:#FEFDB6; 

	background:#B60965 url(../img/trans.gif);

}

/*#container #mainnav ul ul a.act {

	background:url(img/wiese_b.jpg);

}*/









/* Zweite Ebene einblenden, wenn Rollover auf Liste oder Link der obersten Ebene */



#mainnav ul li:hover ul,

#mainnav ul a:hover ul{

visibility:visible; 

}









/* keep the third level hidden when you hover on first level list OR link */



#mainnav ul :hover ul ul{

visibility:hidden;

}

#mainnav ul :hover ul li {
	clear:both;
}







/* make the third level visible when you hover over second level list OR link */



#mainnav ul :hover ul :hover ul{ 

visibility:visible;

}



.act {

	color:#FEFDB6;

}