#subnav2{
  font-size: 12px;
  margin-left:13px;
  margin-top:7px;
  padding-bottom:10px;
background-image:url(../../images/general/subnav_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.ACT {
color:#999999;
}
.ACT a{
color:#999999;
}
#navigation {
width:205px;
text-align:center;
padding:0px;
margin:0px;

 
  font-size: 10px;
  margin-right:auto;
  margin-left:auto;

  line-height:normal;

  }

#navigation ul {

  margin:0;

  padding:0px;

  list-style:none;

  }

#navigation li {

  float:left;

  margin:0;

  padding:0 0 0 0px;

  }

#navigation a {

  float:left;

  display:block;

text-indent:-20000px;

  text-decoration:none;

 font-weight:bold;
 height:31px;

  color:#636363;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#navigation a {float:none;outline:none; 
}

/* End IE5-Mac hack */

#navigation a:hover {

  color:#043b6f;outline:none; 


  }



#navigation #aktiv a {
outline:none; 


  color:#043b6f;



  }
#navigation li {
margin-bottom:0px;height:31px;width:206px;outline:none; 

}

 
li.inaktiv#menuitem23,li.aktiv#menuitem23   {
background-image:url(../../images/navigation/start_off.jpg);
background-repeat:no-repeat;height:30px;
margin:0px;padding:0px;
}li.aktiv#menuitem23, li.inaktiv#menuitem23 a:hover  {
background-image:url(../../images/navigation/start_on.jpg);height:30px;
}
li.inaktiv#menuitem29,li.aktiv#menuitem29   {
background-image:url(../../images/navigation/unternehmen_off.jpg);
background-repeat:no-repeat;
}li.aktiv#menuitem29, li.inaktiv#menuitem29 a:hover  {
background-image:url(../../images/navigation/unternehmen_on.jpg);
}
li.inaktiv#menuitem28,li.aktiv#menuitem28   {
background-image:url(../../images/navigation/aufgabenstellungen_off.jpg);
background-repeat:no-repeat;
}li.aktiv#menuitem28, li.inaktiv#menuitem28 a:hover  {
background-image:url(../../images/navigation/aufgabenstellungen_on.jpg);
}
li.inaktiv#menuitem27,li.aktiv#menuitem27   {
background-image:url(../../images/navigation/leistungsbereiche_off.jpg);
background-repeat:no-repeat;
}li.aktiv#menuitem27, li.inaktiv#menuitem27 a:hover  {
background-image:url(../../images/navigation/leistungsbereiche_on.jpg);
}
li.inaktiv#menuitem26,li.aktiv#menuitem26   {
background-image:url(../../images/navigation/loesungen_off.jpg);
background-repeat:no-repeat;
}li.aktiv#menuitem26, li.inaktiv#menuitem26 a:hover  {
background-image:url(../../images/navigation/loesungen_on.jpg);
}
li.inaktiv#menuitem25,li.aktiv#menuitem25   {
background-image:url(../../images/navigation/konzeption_off.jpg);
background-repeat:no-repeat;height:31px;
}li.aktiv#menuitem25, li.inaktiv#menuitem25 a:hover  {
background-image:url(../../images/navigation/konzeption_on.jpg);height:31px;
}
li.inaktiv#menuitem24,li.aktiv#menuitem24   {
background-image:url(../../images/navigation/kontakt_off.jpg);
background-repeat:no-repeat;
}li.aktiv#menuitem24, li.inaktiv#menuitem24 a:hover  {
background-image:url(../../images/navigation/kontakt_on.jpg);
}

/* <div id="mainnav"><ul><li class="inaktiv" id="menuitem23"><a href="startseite.html" onfocus="blurLink(this);"  >Startseite</a></li><li class="inaktiv" id="menuitem24"><a href="makeup-schulen.html" onfocus="blurLink(this);"  >Makeup-Schulen</a></li><li class="aktiv" id="menuitem25"><a href="makeup-tipps.html" onfocus="blurLink(this);"  >Makeup-Tipps</a></li><li class="inaktiv" id="menuitem26"><a href="makeup-buecher.html" onfocus="blurLink(this);"  >Makeup-Bücher</a></li><li class="inaktiv" id="menuitem27"><a href="links.html" onfocus="blurLink(this);"  >Links</a></li><li class="inaktiv" id="menuitem28"><a href="kontakt.html" onfocus="blurLink(this);"  >Kontakt</a></li></ul></div><br />