div#content p {
  display: block;
  text-align: center;
}

div#content a {
  text-decoration: none;
  color: #F60;
  font-size: 12px
}
div#content a:hover {
  color: #505;
}



div#map {
  position: relative;
  width: 450px;
  height: 350px;
  background-image: url(welcome.jpg);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 30px
}
div#map a {
  display: block;
  position: absolute;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 20px;
  color: #777
}
div#map a:hover {
  background-image: url(welcome.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  color: #F60;
}

div#map a#vitae {
  top: 7px;
  left: 83px;
  height: 96px;
  width: 179px;
  padding-top: 50px;
}
div#map a#vitae:hover {
  background-position: -84px -357px;
}
div#map a#repertoire {
  top: 256px;
  left: 243px;
  height: 56px;
  width: 140px;
  padding-top: 35px;
}
div#map a#repertoire:hover {
  background-position: -244px -606px;
}
div#map a#cds {
  top: 282px;
  left: 120px;
  height: 47px;
  width: 124px;
  padding-top: 25px;
}
div#map a#cds:hover {
  background-position: -121px -632px;
}
div#map a#mp3 {
  top: 118px;
  left: 279px;
  height: 89px;
  width: 159px;
  padding-top: 50px;
}
div#map a#mp3:hover {
  background-position: -280px -468px;
}
div#map a#kontakt {
  top: 154px;
  left: 80px;
  height: 51px;
  width: 165px;
  padding-top: 20px;
}
div#map a#kontakt:hover {
  background-position: -81px -504px;
}


