* {
  font-family: Arial;
}

#wrap {
  margin: 0px auto;
  background: white url(images/map.png) no-repeat top right;
  width: 650px;
  position: relative;
  height: 580px;
}

#top-text {
  width: 250px;
  font-size: 12px;
  padding-top: 30px;
}

#top-text p {
  margin-bottom: 24px;
}

.map-city {
  position: absolute;
}

#map-ms {
  left: 290px;
  top: 185px;
}

#map-bn {
  left: 265px;
  top: 310px;
}

#map-k {
  left: 260px;
  top: 270px;
}

#map-mr {
  left: 370px;
  top: 295px;
}

#map-b {
  left: 540px;
  top: 165px;
}

#map-de {
  left: 270px;
  top: 225px;
}

#map-hh {
  left: 408px;
  top: 85px;
}

#map-l {
  left: 500px;
  top: 235px;
}

#map-kg {
  left: 408px;
  top: 262px;
  width: 280px;
}

#map-tue {
  left: 340px;
  top: 435px;
}

.map-city a {
  color: #5e5f61;
  padding: 4px 0 4px 38px;
  background: transparent url(images/puzzle.png) no-repeat scroll left center;
  text-decoration: none;
  font-size: 24px;
  display: block;
  height: 40px;
}

.map-city a:hover {
  background-image: url(images/puzzle-hover.png);
  color: #828386;
}

.map-city a sup {
  color: #f4a900;
  font-style: italic;
}

.map-city a:hover sup {
  text-shadow: 0 0 4px white;
}

#twitter {
  position: absolute;
  left: 630px;
  top: 267px;
  color: #5e5f61;
  padding-left: 38px;
  background: transparent;
  text-decoration: none;
}

#facebook{
  position: absolute;
  left: 556px;
  top: 317px;
  color: #5e5f61;
  padding-left: 38px;
  background: transparent;
  text-decoration: none;
}

#logo {
  margin-top: 150px;  
}

#logo img {
  border: 0px;
}

p {
  font-size: 12px;
}

#bottomlinks {
  list-style-type: none;
  font-size: 12px;
  padding-left: 20px;  
}

#bottomlinks a {
  color: darkgrey;
  font-size: 12px;
}

#bottomlinks a:hover {
  color: silver;
}