img.svg {
  display: none; }

img.png {
  display: inline; }

html.svg img.svg {
  display: inline; }

html.svg img.png {
  display: none; }

/* Image map styles */
.imageMap {
  width: 100%;
  position: relative; }

.imageMap img {
  display: block;
  width: 100%; }

.imageMap .hotspots div {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -7px;
  margin-left: -7px; }
  .imageMap .hotspots div a {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 103, 26, 0.7);
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    display: block; }

.imageMap p {
  position: absolute;
  display: none;
  top: 14px;
  left: 14px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 2px;
  white-space: nowrap;
  line-height: 100%;
  color: #000; }

.imageMap .hotspots a:hover, .imageMap .hotspots a.hover {
  -ms-transform: scale(3);
  /* IE 9 */
  -webkit-transform: scale(3);
  /* Chrome, Safari, Opera */
  transform: scale(3); }

.imageMap .hotspots div:hover p, .imageMap .hotspots div.hover p {
  background-color: white;
  display: block;
  width: auto; }

.imageMap .quartiere div {
  position: absolute; }
  .imageMap .quartiere div p {
    background-color: white;
    display: block !important;
    width: auto;
    font-size: 0.875em; }

/* je minus 1.5 top und left */
.imageMap .quartiere div.hoengg {
  left: 23%;
  top: 23%; }

.imageMap .quartiere div.affoltern {
  left: 32%;
  top: 11%; }

.imageMap .quartiere div.seebach {
  left: 54%;
  top: 5%; }

.imageMap .quartiere div.oerlikon {
  left: 48%;
  top: 16%; }

.imageMap .quartiere div.schwammendingen {
  left: 65%;
  top: 16%; }

.imageMap .quartiere div.altstadt {
  left: 52%;
  top: 54%; }

.imageMap .quartiere div.altstetten {
  left: 18%;
  top: 40%; }

.imageMap .quartiere div.unterstrass {
  left: 50%;
  top: 34%; }

.imageMap .quartiere div.industrie {
  left: 37%;
  top: 39%; }

.imageMap .quartiere div.oberstrass {
  left: 58%;
  top: 40%; }

.imageMap .quartiere div.aussersihl {
  left: 45%;
  top: 52%; }

.imageMap .quartiere div.wiedikon {
  left: 36%;
  top: 55%; }

.imageMap .quartiere div.riesbach {
  left: 60%;
  top: 60%; }

.imageMap .quartiere div.enge {
  left: 47%;
  top: 60%; }

.imageMap .quartiere div.wollishofen {
  left: 45%;
  top: 82%; }

.imageMap .quartiere div.leimbach {
  left: 35%;
  top: 90%; }

.imageMap .quartiere div.winterthur {
  left: 62%;
  top: 32.6%; }

.imageMap .quartiere div.uster {
  left: 58.6%;
  top: 61.6%; }

.imageMap .quartiere div.russikon {
  left: 67.5%;
  top: 57%; }

.imageMap .quartiere div.flurlingen {
  left: 47.9%;
  top: 1.5%; }

.imageMap .quartiere div.zuerich {
  left: 30.1%;
  top: 58.8%; }

.imageMap .quartiere div.uetikon {
  left: 54.5%;
  top: 81.5%; }

.imageMap .quartiere div.urdorf {
  left: 21.5%;
  top: 58.5%; }

.imageMap .quartiere div.kloten {
  left: 41.5%;
  top: 45.5%; }

.imageMap .quartiere div.buelach {
  left: 35%;
  top: 32.5%; }

.imageMap .quartiere div.adliswil {
  left: 33.5%;
  top: 71.5%; }

.imageMap .quartiere div.waedenswil {
  left: 52.5%;
  top: 87.5%; }

.imageMap .quartiere div.duebendorf {
  left: 44%;
  top: 56%; }