/*###########################*/
/*Navigation Panel left side:*/
/*###########################*/


/*Navigation panel*/

/*###########################*/
/*Navigation Panel left side:*/
/*###########################*/

#sidenav .navibox
{   
  float:left;
  /* background:url(../img/naviw.png) top left no-repeat; */
}

/*problem pos=fixed not resetable and not 
  working in IE6/7. So : not set it i.
  general but in special.
*/
/* Heck for Browsers :
  -> IE4,IE5,IE5m
  -> NN6, NN7, NN8
  -> Konq3.2,Konq3.4
  -> Saf3
  -> FF2
  -> Ay9
*/

/*Works in IE5m,NN6-NN8,Konq3.4,Saf3*/
html:root #sidenav .navibox {position:fixed;float:none;}
/*Works in Op7-9 valid but error in IE6*/
/*html:first-child>b\ody .navibox {position:fixed;float:none;}*/
/*Works in Op7-9 but not invalid*/
html:first-child>*+body #sidenav .navibox {position:fixed;float:none;}
/*Works in Konq3.2,Ay9,IE4-5*/
html + body #sidenav .navibox {position:fixed;float:none;}
/*Works in IE5m,NN6-7, FF2, Konqu3.4, Saf3*/
html:root #sidenav .navibox {position:fixed;float:none;}
/*MS 7 only Hack: not fixed navi :()*/



#sidenav .navibox .navicontent
{ 
}

#sidenav .navibox .navicontent > ul
{   
}


/*gilt fuer menu li und sub-menu li*/
#sidenav .navibox .navicontent li
{   
  list-style:none;
  text-align:left;
  /*overflow:visible; $M$*/
} 

/*gilt fuer menu li a und sub-menu li a*/
#sidenav .navibox .navicontent li a
{ 
	 text-decoration:none;
    border-bottom: medium none;
    display: block;
    /*font-weight: bold;*/
    margin-left: 1em;
    margin-right: 1.5em;
    color: #8C8B8B;
    font-size: 75%;
}


/*nur menu li a*/
#sidenav .navibox .navicontent > ul > li > a
{ 
    background-image: none;
    border-top: 1px dotted #C5C5C5;
	 padding: 8px 22px 10px 24px;
    text-transform: uppercase;
    width: 12em;
  background:url(../img/navptg.gif) center left no-repeat;
}

#sidenav .navibox .navicontent > ul > li > a.open,
#sidenav .navibox .navicontent > ul > li > a.on
{
  background:url(../img/navpt.gif) center left no-repeat;
}

#sidenav .navibox .navicontent > ul > li:first-child > a
{border-top: none;}

/*nur sub-menu li a*/
#sidenav .navibox .navicontent > ul > li > ul > li > a
{ 
    height: 2em;
    line-height: 1.8em;	 
	 font-weight:normal;    
	 padding: 0.2em 2em 0.2em 2.3em;
	 background-color:#f5f5f5;
  /*background:url(../img/navi1/subel_i.png) top left no-repeat;*/
}

#sidenav .navibox .navicontent > ul > li > ul > li:nth-child(even) a 
{
	 background-color:#fefefe;
}


/*Mouseover bei Listenpunkt-Link aendert background img/color.
Variante in der Listenpunkt nicht ausgewählt ist und Symbol-
pfeil nach rechts zeigt.
*/
#sidenav .navibox .navicontent > ul > li > a:hover
{ 
  /*background:url(../img/navi1/el_a.png) top left no-repeat;*/
  color:#00A4E7;
}

/*Mouseover bei Sub-Listenpunkt-Link aendert background img/color*/
#sidenav .navibox .navicontent ul > li > ul > li > a:hover
{ 
  /*background:url(../img/navi1/subel_a.png) top left no-repeat;*/
  color:#00A4E7;
  font-weight:bold;
}

/*Wenn ein Menupunkt in php-variante ausgewählt ist, soll der kleine
blaue Sympolpfeil immer nach rechts zeigen, egal ob mousover oder 
nicht. Dafür hier noch 2 extra Klassen*/

/*nur menu li a*/
#sidenav .navibox .navicontent>ul>li>a.selected
{ 
  /*background:url(../img/navi1/el_a2.png) top left no-repeat;*/
}

#sidenav .navibox .navicontent>ul>li>a.on
{ 
  /*background:url(../img/navi1/el_a.png) top left no-repeat;*/
  color:#00A4E7;
}

#sidenav .navibox .navicontent>ul>li ul>li>a.on
{ 
  /*background:url(../img/navi1/subel_a.png) top left no-repeat;*/
  color:#00A4E7;
}

/*Mouseover bei Listenpunkt-Link aendert background img/color.
Variante in der Listenpunkt ausgewählt ist und Symbol-
pfeil nach unten zeigt. Überschreibt Standardt.
*/
#sidenav .navibox .navicontent>ul>li>a.selected:hover
{ 
  /*background:url(../img/navi1/el_a2.png) top left no-repeat;*/
}