@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

div.mapwrapper {
  width: 100%;
  height: 545px;
  position: relative;
  overflow: hidden; }
  div.mapwrapper * {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
  div.mapwrapper article.map {
    width: 3360px;
    height: 545px;
    left: 50%;
    margin: 0 0 0 -845px;
    position: absolute; }
    div.mapwrapper article.map img.staticmap {
      z-index: 1;
      height: 545px;
      position: absolute;
      top: 0; }
    div.mapwrapper article.map .bluebubble {
      display: block;
      z-index: 2;
      display: block;
      color: #fff;
      text-align: center;
      font-size: 20px;
      line-height: 36px;
      text-decoration: none;
      cursor: default;
      position: absolute;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      width: auto;
      height: 35px;
      padding: 0 15px;
      background-color: #5fc0e0;
      cursor: pointer; }
      div.mapwrapper article.map .bluebubble:after {
        content: '';
        position: absolute;
        left: 70%;
        height: 0px;
        width: 0px;
        bottom: -22px;
        border-top-width: 19px;
        border-left-width: 19px;
        border-right-width: 0px;
        margin-left: -19px;
        border-style: solid;
        border-color: #5fc0e0 transparent transparent; }
      div.mapwrapper article.map .oslo.bluebubble:after {
        top: -19px;
        border-top-width: 0;
        border-bottom-width: 19px;
        border-left-width: 0;
        border-right-width: 19px;
        border-style: solid;
        border-color: transparent transparent #5fc0e0; }
    div.mapwrapper article.map .oslo {
      top: 52px;
      left: 776px; }
    div.mapwrapper article.map .stockholm {
      top: 6px;
      left: 879px; }
    div.mapwrapper article.map .copenhagen {
      top: 161px;
      left: 740px; }
    div.mapwrapper article.map .hamburg {
      top: 244px;
      left: 705px; }
    div.mapwrapper article.map .london {
      top: 322px;
      left: 488px; }
    div.mapwrapper article.map .brussels {
      top: 339px;
      left: 590px; }
    div.mapwrapper article.map .amsterdam {
      top: 290px;
      left: 572px; }
    div.mapwrapper article.map .luxembourg {
      top: 387px;
      left: 590px; }
    div.mapwrapper article.map .paris {
      top: 417px;
      left: 564px; }
    div.mapwrapper article.map .schweiz {
      top: 465px;
      left: 694px; }
    div.mapwrapper article.map .vienna {
      top: 439px;
      left: 867px; }
    div.mapwrapper article.map > div {
      z-index: 3;
      min-width: 240px;
      padding: 20px 30px 20px 20px;
      border-radius: 20px;
      border: 1px solid #cccccc;
      background: white;
      position: absolute;
      display: none; }
      div.mapwrapper article.map > div:after {
        content: '';
        position: absolute;
        left: 70%;
        height: 0px;
        width: 0px;
        bottom: -22px;
        border-top-width: 19px;
        border-left-width: 19px;
        border-right-width: 0px;
        margin-left: -19px;
        border-style: solid;
        border-color: white transparent transparent; }
      div.mapwrapper article.map > div h2 {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 5px 0; }
      div.mapwrapper article.map > div p {
        color: #323232;
        font-size: 13px;
        line-height: 17px;
        margin: 0; }
      div.mapwrapper article.map > div a {
        color: #34b255;
        font-size: 13px;
        line-height: 16px;
        margin: 0; }
      div.mapwrapper article.map > div.bubble-oslo {
        bottom: 350px;
  		left: 638px;
 		}
        div.mapwrapper article.map > div.bubble-oslo:after {
          top: -19px;
          border-top-width: 0;
          border-left-width: 19px;
          border-right-width: 0;
          border-bottom-width: 19px;
          border-color: white transparent white; }
      div.mapwrapper article.map > div.bubble-stockholm {
        top: 78px;
        left: 804px; }
        div.mapwrapper article.map > div.bubble-stockholm:after {
          top: -19px;
          border-top-width: 0;
          border-left-width: 19px;
          border-right-width: 0;
          border-bottom-width: 19px;
          border-color: white transparent white; }
      div.mapwrapper article.map > div.bubble-copenhagen {
        bottom: 348px;
        left: 679px; }
      div.mapwrapper article.map > div.bubble-hamburg {
        bottom: 265px;
        left: 620px; }
      div.mapwrapper article.map > div.bubble-london {
        bottom: 189px;
        left: 348px; }
      div.mapwrapper article.map > div.bubble-brussels {
        bottom: 175px;
        left: 499px; }
      div.mapwrapper article.map > div.bubble-luxembourg {
        bottom: 122px;
        left: 536px; }
      div.mapwrapper article.map > div.bubble-amsterdam {
        bottom: 219px;
        left: 509px; }
      div.mapwrapper article.map > div.bubble-paris {
        bottom: 93px;
        left: 421px; }
      div.mapwrapper article.map > div.bubble-schweiz {
        bottom: 42px;
        left: 563px; }
      div.mapwrapper article.map > div.bubble-vienna {
        bottom: 72px;
        left: 737px; }
      div.mapwrapper article.map > div .closemapbubble {
        display: block;
        width: 13px;
        height: 13px;
        background: url(/img/closecross.png) no-repeat 100%;
        position: absolute;
        top: 15px;
        right: 20px; }