#navigation {
  width: 890px;
  height: 194px;
}

#navigation span {
  display: none
}


#button_agentur, #button_philosophie, #button_team, #button_leistung, #button_service, #button_referenzen {
position: absolute;
width: 40px;
height: 40px;
display: block
}


#button_agentur {
  top: 203px;
  left: 85px;
  background: url(../img/1n_agentur_on.gif) no-repeat;
}

#button_agentur a {
display: block;
width: 40px;
height: 40px
}


#button_philosophie {
  top: 168px;
  left: 126px;
  background: url(../img/1n_philosophie_off.gif) no-repeat;
}

#button_philosophie a {
display: block;
width: 40px;
height: 40px
}

#button_philosophie a:hover {
  background: url(../img/1n_philosophie_on.gif) no-repeat;
}

#button_team a {
display: block;
width: 40px;
height: 40px
}

#button_team {
  top: 137px;
  left: 172px;
  background: url(../img/1n_team_off.gif) no-repeat;
}

#button_team a:hover {
  background: url(../img/1n_team_on.gif) no-repeat;
}

#button_leistung {
  top: 111px;
  left: 219px;
  background: url(../img/1n_leistung_off.gif) no-repeat;
}

#button_leistung a {
display: block;
width: 40px;
height: 40px
}

#button_leistung a:hover {
  background: url(../img/1n_leistung_on.gif) no-repeat;
}

#button_service {
  top: 91px;
  left: 270px;
  background: url(../img/1n_service_off.gif) no-repeat;
}

#button_service a {
display: block;
width: 40px;
height: 40px
}

#button_service a:hover {
  background: url(../img/1n_service_on.gif) no-repeat;
}

#button_referenzen {
  top: 75px;
  left: 320px;
  background: url(../img/1n_referenzen_off.gif) no-repeat;
}

#button_referenzen a {
display: block;
width: 40px;
height: 40px
}

#button_referenzen a:hover {
  background: url(../img/1n_referenzen_on.gif) no-repeat;
}