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

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;
	z-index:100;
	float:left;
}







/* Standardformatierungen für Listen aufheben */



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

#container #main #leftcol #mainnav ul ul {
	width:180px;
	width:199px;
	text-align:left;
}







/* 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;
}





/* Stile für die normalen Links der obersten Ebene */



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

#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 für den Hintergrund der zweiten Ebene */



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

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

}







/* Stil für 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:24px;

left:0; 

width:180px;
width:199px;

}

/* another hack for IE5.5 */

* html #mainnav ul ul {

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

/*t\op:21px;*/

}







/* 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;}









/* Stile für die Links der zweiten Ebene */



#container #main #leftcol #mainnav ul ul a {

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

/*color:#fff; */

height:23px; 

/*line-height:1em; */

padding:0px 0px 0px 10px; 
margin-right:0px;
text-align:left;
width:199px;

/* 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 für 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 #main #leftcol #mainnav ul ul :hover > a {
text-align:left;
/*color:#FEFDB6;*/
height:23px;
background:#B60965 url(../img/bg_navend_act.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/bg_navend_act.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;

}