#navi a:link, a:visited, a:focus, a img{
  border:0;
  text-decoration:none;
  margin:0;
  padding:0;
}

.blank{
  height:10px;
}

.blankSub{
  display:none;
}



.middle{
  vertical-align:10%;
}


#navi{
  position: relative;
  top: 0px;
  left: 0px;
  margin:0;
  width:183px;
  height: 100%;
  font-size:0;
}

#navi ul{
  background-color:#666c72;
  list-style:none;
  width:auto;
  margin:0;
  padding:0;
}


#navi ul li ul{
  background-color:#666c72;
  width:auto;
  padding-left:20px;
  line-height:13px;
}

#navi ul li ul li ul{
  background-color:#666c72;
  width:auto;
  height:auto;
  padding:0 0 0 15px;
}

#navi ul li ul li a, #navi ul li ul li ul li, #navi ul li ul li a span{
  font-family:arial;
  color:#fff;
  font-size:12px;
  line-height:13px;
  width:auto;
  padding-top:3px;
}


#navi ul li ul li a:hover{
  text-decoration: underline;
}


/* --------- Hover ----------*/
#home{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/home.jpg') no-repeat 0px 0px;

}
#home:hover{
  background: transparent url('../images/buttons/home_hover.jpg') no-repeat 0px 0px;
}

#kompetenzen{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/kompetenzen.jpg') no-repeat 0px 0px;

}
#kompetenzen:hover{
  background: transparent url('../images/buttons/kompetenzen_hover.jpg') no-repeat 0px 0px;
}

#referenzen{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/referenzen.jpg') no-repeat 0px 0px;

}
#referenzen:hover{
  background: transparent url('../images/buttons/referenzen_hover.jpg') no-repeat 0px 0px;
}

#kontakt{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/kontakt.jpg') no-repeat 0px 0px;

}
#kontakt:hover{
  background: transparent url('../images/buttons/kontakt_hover.jpg') no-repeat 0px 0px;
}

#kundenlogin{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/kundenlogin.jpg') no-repeat 0px 0px;

}
#kundenlogin:hover{
  background: transparent url('../images/buttons/kundenlogin_hover.jpg') no-repeat 0px 0px;
}


#impressum{
  width:183px;
  height:30px;
  display:block;
  background: transparent url('../images/buttons/impressum.jpg') no-repeat 0px 0px;

}
#impressum:hover{
  background: transparent url('../images/buttons/impressum_hover.jpg') no-repeat 0px 0px;
}
/* --------- ACTIVE ----------*/

#home.activeNoDrop{
  background: transparent url('../images/buttons/home_active.jpg') no-repeat 0px 0px;
}
#kompetenzen.active{
  background: transparent url('../images/buttons/kompetenzen_active.jpg') no-repeat 0px 0px;
}
#referenzen.activeNoDrop{
  background: transparent url('../images/buttons/referenzen_active.jpg') no-repeat 0px 0px;
}
#kontakt.activeNoDrop{
  background: transparent url('../images/buttons/kontakt_active.jpg') no-repeat 0px 0px;
}
#kundenlogin.activeNoDrop{
  background: transparent url('../images/buttons/kundenlogin_active.jpg') no-repeat 0px 0px;
}
#impressum.activeNoDrop{
  background: transparent url('../images/buttons/impressum_active.jpg') no-repeat 0px 0px;
}

a.active_sub{
  font-weight:bold;
}

a.sub_nodrop{
  font-weight:bold;
}