/* Map container */
DIV#mapContainer {
  position: relative;
  width: 420px;
  height: 420px;
}

/* Small map container */
DIV#mapContainerThumb {
  width: 420px;
  height: 280px;
  background-image: url(../images/f_plattegrond_small.gif);
  background-repeat:no-repeat; 
  cursor: hand;
  cursor: pointer;
  position: relative;
}

/* Draggable map */
DIV#mapDrag {
  position: absolute;
  cursor: move;
  z-index: 100;
  background-image: url(../images/f_plattegrond_xxl.gif);
  background-repeat:no-repeat; 
  width: 1800px;
  height: 1200px;
}

/* Draggable handle */
DIV#mapThumb {
  /*position: absolute;*/
  font-size: 0pt;
  /*width: 0px;
  height: 0px;*/
  border: 1px solid black;
  background-color: white;
  filter: alpha(opacity=40,enabled=1);
  opacity: .4;
  z-index: 25;
}

div#divHotspotsContainer {
  position: relative;
}
div.divHotspot,
div.divHotspot IMG {
  position: absolute;
  width: 34px;
  height: 35px;
  margin: 0px;
  line-height: 1px;
}
DIV.divHotspotThumb {
  position: absolute;
  width: 5px;
  height: 5px;
  font-size: 0pt;
  border: 1px solid #000000;
  background-color: #FFCC00;
}