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

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 3px 20px 3px;
  margin:7px 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;
  padding-bottom:5px;
  /*line-height:17px;*/
}
*html #mainnav a {
  /*margin-top:-10px;*/
  line-height:17px;
}

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

/* 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; */
font-size:12px;
height:23px; 

/*line-height:1em; */

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

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

}