.maplist .item {
  clear : left;
}
.maplist-active .map {
  background : #fff url(i/island-kort.png) 0 0 no-repeat;
  height: 449px;
  width : 600px;
  border: 1px solid #d8d8d8;
}
.veitur .maplist-active .map {
  background : #fff url(i/island-kort-crop.png) 0 0 no-repeat;
}
.maplist .sector,
.maplist .bubble {
  clear : both;
}
.maplist-active .item {
  display : none;
}
.map .marker {
  position : absolute;
  z-index: 1;
  _height:0;~min-height:0; /* ie hasLayout fix */
}
.map .marker span {
  background : url(i/marker.gif) -7px -7px no-repeat;
  text-decoration : none;
  height : 16px;
  width : 16px;
  outline : none;
  display : block;
  position : relative;
}
.map .jardgufa span {
  background-position: -37px -7px;
}
.map .eldsneyti span {
  background-position: -67px -7px;
}
.map .marker-active,
.map .marker:hover,
.map .marker:focus,
.map .marker:active,
.map .marker:hover span,
.map .marker:focus span,
.map .marker:active span {
  z-index : 4;
  text-decoration: none;
  background-image: url(i/marker.png);
  _background-image: url(i/marker.gif);
}

.map .marker i {
  position : absolute;
  top : -2px;
  left : -8px;
  white-space : nowrap;
  font-style : normal;
  color : #fff;
  height : 20px;
  line-height : 20px;
  z-index: 1;
  _height:0;min-height:0;/* ie hasLayout fix */
  _width : 0;
  display : none;
}
.map .marker i b {
  cursor : pointer;
  display : block;
  background : url(i/callout-hd.png) 100% 0 no-repeat;
  ~background-image: url(i/callout-hd.gif);
  position : relative;
  font-size: 14px;
  z-index: 1;
  width : 230px;
  padding: 0 20px 0 30px;
  overflow: hidden;
  _overflow: visible;
  _overflow-x: hidden;
  _height:0;min-height:0;/* ie hasLayout fix */
}

.map .marker-flip i {
  left : auto;
  right:-8px;
  top:-2px;
  padding-left : 0;
}
.map .marker-flip i b {
  background : none;
  padding-right : 0;
  margin-right : 0;
  padding-left : 8px;
  background : url(i/callout-hd-flip.png) 0 0 no-repeat;
  ~background-image: url(i/callout-hd-flip.gif);
  width : 230px;
  padding: 0 30px 0 20px;
  text-align: right;
  overflow: hidden;
  _overflow: visible;
  _overflow-x: hidden;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.map .marker-active i b {
  display : none;
}

.map {
  position : relative;
}
.map .bubble {
  background: url(i/bubble-bottom.png) 0 100% no-repeat;
  ~background-image: url(i/bubble-bottom.gif);
  font-size : .92em;
  position : absolute;
  width : 241px;
  padding : 7px 20px 30px;
  margin-top : 18px;
  margin-left : -8px;
  overflow : visible !important;
  z-index: 1;
}

.map .bubble h3,
.map .bubble h4 {
  position : absolute;
  margin : 0;
  font-size : 14px;
  margin-bottom : 0.2em;
  top : -20px;
  left : 0;
  color : #fff;
  cursor : pointer;
  font-family: Arial, Helvetica, sans-serif;
}
.map .bubble h3 a,
.map .bubble h4 a {
  color : #fff;
  display : block;
  width : 230px;
  background : url(i/callout-hd.png) 100% 0 no-repeat;
  ~background-image: url(i/callout-hd.gif);
  height : 20px;
  padding: 0 20px 0 30px;
  line-height : 20px;
  font-weight: bold;
  font-size: 14px;
}
.map .bubble h3 a:hover,
.map .bubble h4 a:hover {
  color: #fff;
}
.map .bubble-flip h3 a,
.map .bubble-flip h4 a {
  background : url(i/callout-hd-flip.png) 100% 0 no-repeat;
  ~background-image: url(i/callout-hd-flip.gif);
  text-align : right;
  padding: 0 30px 0 20px;
}
.map .bubble .closebtn {
  position : absolute;
  padding : 0;
  top : -20px;
  right : 11px;
  height : 18px;
  line-height : 18px;
  font-size: 14px;
  font-weight: bold;
  width: 14px;
  height: 14px;
  overflow: hidden;
  color: #fff;
}
.map .bubble .closebtn:hover {
  color: #fff;
}
.map .bubble-flip .closebtn {
  right: auto;
  left: 16px;
}
.map .bubble .summary {
  line-height : 1.2;
}
.map .bubble img {
  float : left;
  width : 80px;
  margin : 0 6px 4px 0;
}
.map .bubble .more a {
}

/* keep boxes from overflowing */
.map .bubble-flip {
  margin-left : -256px;
}
.map .bubble-flip .close {
  right : auto;
  left : -3px;
}

/* .stodvanav { position:absolute;right:9999px;left:auto; } */
.legend { position:absolute;right:9999px;left:auto; }
.stodvanav .boxhead a {
  color: #111;
}
.pgextra1 .stodvanav .vm .boxbody {
  background-position: 0 0;
}
.veitur .pgextra1 .stodvanav .sl .boxbody {
  background-position: 0 0;
}
.veitur .pgextra1 .stodvanav .vm .boxbody {
  background-position: 0 -150px;
}
.pgextra1 .stodvanav .placenames {
  margin: 0 -14px 0 -14px;
}
.pgextra1 .stodvanav .placenames li a {
  display: block;
}
.pgextra1 .stodvanav .placenames li span {
  padding : 4px 5px 4px 29px;
  display: block;
  color: #404040;
}
.pgextra1 .stodvanav .placenames li a span {
  cursor: pointer;
  _cursor: hand;
}
.pgextra1 .stodvanav .placenames li.marker-active {
  background: #fff url(i/placenames-marker-active.png) 0 0 no-repeat;
}
.pgextra1 .stodvanav .placenames li.marker-active a {
  color: #234e8a;
  background: url(i/placenames-marker-active.png) 0 100% no-repeat;
}

.pgextra1 .stodvanav .placenames li span {
  background: url(i/placenames-vatnsafl-span.png) 6px .15em no-repeat;
  _background-image: url(i/placenames-vatnsafl-span.gif);
}
.pgextra1 .stodvanav .placenames li.eldsneyti span {
  background-image: url(i/placenames-eldsneyti-span.png);
  _background-image: url(i/placenames-eldsneyti-span.gif);
}
.pgextra1 .stodvanav .placenames li.jardgufa span {
  background-image: url(i/placenames-jardgufa-span.png);
  _background-image: url(i/placenames-jardgufa-span.gif);
}
.pgextra1 .wrap .legend .placenames span,
.pgextra1 .stodvanav .placenames a:hover span,
.pgextra1 .stodvanav .placenames li.marker-active span {
  background-position: -174px .15em;
}
