#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 746px;
  height: 36px;
  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;
  left: 95px;
 
}
#menu span {
  display: none;
  position: relative;
}
#menu a {
  display: block;
  text-indent: -2000%;
  position: relative;
  outline: none;
}
#menu a:hover {
  background-position: left;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 117px;
  height: 35px;
  background: url(images/home.jpg) no-repeat;
  
}
#menu .home span {
  width: 117px;
  height: 35px;
  background: url(images/home-over.jpg) no-repeat;
  bottom:16px;
  
}

#menu .musik {
  width: 117px;
  height: 35px;
  background: url(images/musik.jpg) no-repeat;
  left:117px;
  bottom:35px;


}
#menu .musik span {
  width: 117px;
  height: 35px;
  background: url(images/musik-over.jpg) no-repeat;
  
  bottom:16px;
 
}

#menu .news {
  width: 117px;
  height: 35px;
  background: url(images/news.jpg) no-repeat;
  left: 234px;
  bottom: 70px;
  
 
}
#menu .news span {
  width: 117px;
  height: 35px;
  background: url(images/news-over.jpg) no-repeat;
  bottom:16px;
}

#menu .media {
  width: 117px;
  height: 35px;
  background: url(images/media.jpg) no-repeat;
  left: 351px;
  bottom: 105px;
  
 
}
#menu .media span {
  width: 117px;
  height: 35px;
  background: url(images/media-over.jpg) no-repeat;
  bottom:16px;
}

#menu .bios {
  width: 117px;
  height: 35px;
  background: url(images/bios.jpg) no-repeat;
  left: 468px;
  bottom: 140px;
  
 
}
#menu .bios span {
  width: 117px;
  height: 35px;
  background: url(images/bios-over.jpg) no-repeat;
  bottom:16px;
}

#menu .contact {
  width: 117px;
  height: 35px;
  background: url(images/contact.jpg) no-repeat;
  left: 585px;
  bottom: 175px;  
 
}
#menu .contact span {
  width: 117px;
  height: 35px;
  background: url(images/contact-over.jpg) no-repeat;
  bottom:16px;
}