#navigation {
  position:absolute;
  height:99px;
  width:954px;
  top:214px;
  left:0;
}


* html #navigation {
  left:-3px;
}


/* ----------------------------------------------------------- */
/* NAVIGATION LEVEL 1 --------------------------------------- */


#navigation ul {
  float: left;
  height:58px;
  width: 954px;
  margin:0 0 0 5px;
  padding:0;
  display:inline;
}


#navigation ul li { 
  display: inline;
}


#navigation ul li a, #navigation ul li a.ersterMenuPunkt  {
  height:38px;
  width:149px;
  background-image:url(../images/layout/nav1_no.png);
  background-repeat:no-repeat;
  display:inline-block;
  color:#333333;
  text-decoration:none;
  line-height:42px;
  text-transform:uppercase;
  padding:20px 0 0 12px;
  margin-left:-5px; 
  font-weight:bold; 	  
}



/* Anzeige transparenter PNGs im IE6 */
*html #navigation ul li a, *html #navigation ul li a.ersterMenuPunkt{
	background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 
src='http://haarmuehle.wplus-c2.de/core/cms/images/layout/nav1_no.png');
}


#navigation ul li a.aktiv, #navigation ul li a:hover, #navigation ul li a.ersterMenupunktAktiv, #navigation ul li a.ersterMenupunktAktiv:hover, #navigation ul li a.ersterMenuPunkt:hover{
  background-image:url(../images/layout/nav1_akt.png);
  color:#676a25;
  font-size:13px;
  line-height:38px;
}


* html #navigation ul li a.aktiv, *html #navigation ul li a:hover, *html #navigation ul li a.ersterMenupunktAktiv, *html #navigation ul li a.ersterMenupunktAktiv:hover, *html #navigation ul li a.ersterMenuPunkt:hover{
	background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 
src='http://haarmuehle.wplus-c2.de/core/cms/images/layout/nav1_akt.png');
line-height:40px;
}

*+html #navigation ul li a.aktiv, *+html #navigation ul li a.aktiv:hover, *+html #navigation ul li a:hover, *+html #navigation ul li a.ersterMenupunktAktiv, *+html #navigation ul li a.ersterMenupunktAktiv:hover, *+html #navigation ul li a.ersterMenuPunkt:hover{
background-image:url(../images/layout/nav1_akt.png);
line-height:44px;
}


/* ----------------------------------------------------------- */
/* NAVIGATION LEVEL 2---------------------------------------- */


#navigation ul ul {
  float: left;
  height:25px;
  width: 948px;
  background-image:url(../images/layout/nav2.jpg);
  background-repeat:repeat-x;
  color:#adadad;
  line-height:25px;
  margin-left:-5px;
  padding-left:6px;  	  
}

#navigation ul ul li{
	    
}
   
   
#navigation ul li ul li a, #navigation ul li ul li a.ersterMenupunkt{
  font-weight:normal;	
  height:24px;
  width:auto;
  background-image:none;
  color:#313131;
  font-size:10px;
  line-height:24px;
  margin: 0 5px;
  text-transform:none;
  padding:0; 
  filter:none;   
   font-size:11px;	  
}


#navigation ul li ul li a:hover, #navigation ul li ul li a.aktiv, #navigation ul li ul li a.aktiv:hover, #navigation ul li ul li a.ersterMenupunkt:hover, #navigation ul li ul li a.ersterMenupunktAktiv, #navigation ul li ul li a.ersterMenupunktAktiv:hover{
  background-image:none;
  font-size:11px;
  color:#313131;  
  font-weight:normal;	
  text-decoration:underline;
  filter:none ; 
  line-height:24px;
}


/* ----------------------------------------------------------- */
/* NAVIGATION LEVEL 3---------------------------------------- */

#navigation ul ul ul {
  float: left;
  height:25px;
  width: 948px;
  background-image:url(../images/layout/nav3.jpg);
  background-repeat:repeat-x;
  color:#FFFFFF;
  line-height:25px;
  margin-left:-6px;
  padding-left:6px;
  padding-top:2px;  	  
}

#navigation ul li ul li ul li a, #navigation ul li ul li ul li a:hover, #navigation ul li ul li ul li a.aktiv, #navigation ul li ul li ul li a.ersterMenupunkt, #navigation ul li ul li ul li a.aktiv:hover, #navigation ul li ul li ul li a.ersterMenupunktAktiv, #navigation ul li ul li ul li a.ersterMenupunkt:hover, #navigation ul li ul li ul li a.ersterMenupunktAktiv:hover {
   color:#FFFFFF;
   font-size:10px;	  
}