/**
 * tooltip
 */

.block-dom-roemer-map {
  z-index: 3;
}
.dom-roemer-map-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.dom-roemer-map-tooltip-item {
  color: #FFFFFF;
  font-weight: 600;
  height: 36px;
  left: 100px;
  opacity: 0.85;
  position: absolute;
  top: 200px;
  white-space: nowrap;
  z-index: 1000;
}
.dom-roemer-map-tooltip-item span {
  background-color: #CCCCCC;
  display: block;
  line-height: 36px;
  padding: 0 10px;
}

/* left */
.dom-roemer-map-tooltip-item-left {
  background: transparent url("img/bg_tooltip_content_arrow_36px.png") right 0 no-repeat;
  padding: 0 20px 0 0;
}

/* right */
.dom-roemer-map-tooltip-item-right {
  background: transparent url("img/bg_tooltip_content_arrow_36px.png") left -100px no-repeat;
  padding: 0 0 0 20px;
}

/* house-type: default */
.dom-roemer-map-tooltip-item-left {
  background-position: right 0;
}
.dom-roemer-map-tooltip-item-right {
  background-position: left -36px;
}
.dom-roemer-map-tooltip-item span {
  background-color: #2E5583;
}

/* house-type: newbuild */
.dom-roemer-map-tooltip-item-left.newbuild {
  background-position: right 0;
}
.dom-roemer-map-tooltip-item-right.newbuild {
  background-position: left -36px;
}
.dom-roemer-map-tooltip-item.newbuild span {
  background-color: #2E5583;
}

/* house-type: reproduction */
.dom-roemer-map-tooltip-item-left.reproduction {
  background-position: right -72px;
}
.dom-roemer-map-tooltip-item-right.reproduction {
  background-position: left -108px;
}
.dom-roemer-map-tooltip-item.reproduction span {
  background-color: #C83F38;
}