.button1 {background:url(../images/layout/navi/startseite.jpg);}
.button2 {background:url(../images/layout/navi/konzeption.jpg);}
.button3 {background:url(../images/layout/navi/lektorat.jpg);}
.button4 {background:url(../images/layout/navi/profil.jpg);}
.button5 {background:url(../images/layout/navi/referenzen.jpg);}
.button6 {background:url(../images/layout/navi/partner.jpg);}
.button7 {background:url(../images/layout/navi/kontakt.jpg);}
.button8 {background:url(../images/layout/navi/impressum.jpg);}

.button1 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:25px;
  width:138px;
  background-position:left;
  margin-left: 63px;
  float: left; 
  margin-top: -2px;
}

.button2 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:29px;
  width:195px;
  background-position:left;
  margin-left: 6px;
  float: left; 
  margin-top: -13px;
}

.button3 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:24px;
  width:133px;
  background-position:left;
  margin-left: 68px;
  float: left; 
  margin-top: -8px;
}

.button4 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:24px;
  width:95px;
  background-position:left;
  margin-left: 106px;
  float: left;
  margin-top: -8px;
}

.button5 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:27px;
  width:142px;
  background-position:left;
  margin-left: 59px;
  float: left; 
  margin-top: -8px;
}

.button6 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:26px;
  width:123px;
  background-position:left;
  margin-left: 78px;
  float: left; margin-top: -0px;
}

.button7 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:28px;
  width:123px;
  background-position:left;
  margin-left: 78px;
  float: left; margin-top: -0px;
}

.button8 {
  display: block;
  border:0;
  padding:0;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
  overflow: hidden;
  height:28px;
  width:129px;
  background-position:left;
  margin-left: 72px;
  float: left; margin-top: -0px;
}

.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover, .button7:hover, .button8:hover {
  background-position:right;
  }

.active  {
  background-position:right;
 }