#rokland { clear: both; background: #264894; padding: 0; margin-bottom: 15px;}
#roklandHd { text-align: left; color: #fff; font-size: 1.5em; font-weight: normal; margin: 0; padding: 15px 0 10px 15px; font-family: Georgia; }
#roklandInfo { text-align: left; color: #fff; font-size: 1em; margin: 0; padding: 0 15px;}
#roklandHeimild {text-align: left; color: #fff; font-size: 1em; margin: 0 0 15px 0; padding: 0 15px 15px 15px;}
#roklandHeimild a {color: #fff; text-decoration: underline;}

#roklandMap  
{
  position: relative;
  height: 416px; 
  text-align: center; 
  margin: 5px 0 15px 0;  
  background: #264894 url('/img/utlit_2007/rokland.gif') no-repeat;
  padding: 0;
 }

.roklandBubble {position: relative; float: left; }
.roklandTrigger {height: 30px; width: 30px; position: absolute; cursor: help;}

#rokland1 {margin: 284px 0 0 131px;}
#rokland2 {margin: 250px 0 0 125px;}
#rokland3 {margin: 348px 0 0 239px;}
#rokland4 {margin: 199px 0 0 67px;}
#rokland5 {margin: 310px 0 0 345px;}
#rokland6 {margin: 238px 0 0 458px;}
#rokland7 {margin: 312px 0 0 167px;}
#rokland8 {margin: 128px 0 0 150px;}

.popupBox {background: #fff; text-align: left; padding: 10px; width: 520px; margin-left: 5px;}

.popup {position: absolute; display: none; z-index: 50; }
.popup .popup-contents { background: #fff; text-align: left;}
.popup .popup-contents h2 { font-size: 1.3em; margin: 5px 0; color: #01457C; font-family: Georgia; font-weight: normal; border-bottom: 1px solid #dadadf;}
.popup .popup-contents p {margin: 0 0 10px 0;}
.popup .popup-vedur h2 {color: #01457C; margin: 3px 0;}
.popup .popup-vedur p {margin: 0 0 10px 0;}
.popup .popup-vedur .uppfaert {color: #888; float: right; }
.popup .popup-vedur .uppfaertHd {color: #888; float: right; margin-top: -18px;}

#popup1 {margin-top: 53px;}
#popup2 {margin-top: 85px;}
#popup3 {margin-top: 200px;}
#popup4 {margin-top: -63px;}
#popup5 {margin-top: -12px;}
#popup6 {margin-top: -2px;}
#popup7 {margin-top: 192px;}
#popup8 {margin-top: -3px;}