/* Map container */
DIV#mapContainer {
  width: 750px;
  height: 450px;
  background-image: url(../images/f_plattegrond_xxl_preload.gif);
  border: 1px solid #B5BC1D;
}

/* Small map container */
DIV#mapContainerThumb {
  width: 300px;
  height: 178px;
  background-image: url(../images/f_plattegrond_small.jpg);
  cursor: hand;
  cursor: pointer;
  border: 1px solid #B5BC1D;
  clear: both;
}

/* Draggable map */
DIV#mapDrag {
  position: absolute;
  cursor: move;
  z-index: 100;
  background-image: url(../images/f_plattegrond_xxl.jpg);
  width: 2000px;
  height: 1186px;
}

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


DIV#divMapThumbContainer {
  position: absolute;
  width: 336px;
  height: 246px;
  right: -4px;
  top: -9px;
  z-index: 3000;
}
DIV#divMapThumbBg {
  position: absolute;
  width: 336px;
  height: 246px;
  left: 0px;
  top: 0px;
  z-index: 3000;
}
DIV#divMapThumb {
  position: absolute;
  width: 300px;
  left: 17px;
  top: 17px;
  z-index: 3000;
}
div.divMove {
  float: right;
  margin: -12px 5px 0px 0px;
}

/* Hotspot */
div.mapHotspot {
  position: absolute;
  width: 20px;
  height: 20x;
  margin: -15px 0px 0px -13px;
}