#kopf_navigation {
	width:332px;
	height:128px;
}

ul.navigation li a.menupunkt1 {
  float:left;
  width:319px;
height:42px;
  background-image:url(../images/bildernavi/werkstattbetreiber.jpg);
  background-repeat:no-repeat;
}

ul.navigation li a.menupunkt1:hover {
  background-image:url(../images/bildernavi/werkstattbetreiber_hover.jpg);
}

ul.navigation li a.menupunkt2 {
  float:left;
  width:319px;
  height:43px;
  background-image:url(../images/bildernavi/autofahrer.jpg);
  background-repeat:no-repeat;
}

ul.navigation li a.menupunkt2:hover {
  background-image:url(../images/bildernavi/autofahrer_hover.jpg);
}


ul.navigation li a.menupunkt3 {
  float:left;
  width:319px;
  height:43px;
  background-image:url(../images/bildernavi/zumshop.jpg);
  background-repeat:no-repeat;
}

ul.navigation li a.menupunkt3:hover {
  background-image:url(../images/bildernavi/zumshop_hover.jpg);
}


ul.navigation li a.menupunkt3_login {
  float:left;
  width:319px;
  height:43px;
  background-image:url(../images/bildernavi/shop.jpg);
  background-repeat:no-repeat;
}

ul.navigation li a.menupunkt3_login:hover {
  background-image:url(../images/bildernavi/shop_hover.jpg);
}



ul.navigation, ul.navigation ul {
  list-style:none;
  width:auto;
	position:relative;
}

ul.navigation li {
  width:332px;
  height:43px
}

ul.navigation li.first {
  height:42px
}


ul.navigation ul {
	display:none;
	position:absolute;
	left:319px;
	top:0;
	background-color:none;
	z-index: 10;
}


ul.navigation ul a {
  line-height:31px;
	font-size:14px;
	border-top:1px solid #fff;
	padding: 0;
	margin: 0 15px;
	width:162px;
	display:block;
        color:#FFFFFF;
        text-decoration:none;
}

ul.navigation ul a.ersterMenupunkt, ul.navigation ul a.ersterMenupunktAktiv  {
  border:none;
	line-height:32px;
}

ul.navigation ul a:hover, ul.navigation ul a.aktiv, ul.navigation ul a.ersterMenupunktAktiv {
  font-weight:bold;
	color:#FFFFFF;
}


/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript in js/navigation.js) */
ul.navigation ul.hover, ul.navigation li.hover ul, ul.navigation li:hover ul {
	display:block;
        /*width:192px;*/	
        width:265px;
        background-color:#CD071E;
}
ul.navigation ul li {
	float:left;
        /*width:192px;*/
        width:240px;
	background-image:none;
}

ul.navigation ul li ul li {
	float:left;
	/*width:192px;*/
        width:240px;
}


ul.navigation ul a, ul.navigation ul a:hover, ul.navigation ul a.ersterMenupunkt, ul.navigation ul a.ersterMenupunkt:hover, ul.navigation ul a.ersterMenupunktAktiv, ul.navigation ul a.ersterMenupunktAktiv:hover {
   width:235px;
   line-height:42px;
}