body {
  padding: 0;
  margin: 0px 0px 0px 0px;
  font-family: Arial, sans-serif;
  font-size: 12px; _font-size: 75%;
  color: #333333;
  text-align: center;  
  background: #ffffff url(../img/bg-body.gif) repeat-x scroll 0 0;
}

/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */
b
a,
a:link {
  color: #173248; 
}

a { text-decoration: none;}

a:hover,
a:active { 
  color: #173248; 
  text-decoration: underline;
  -moz-outline-style: none;
}

a:visited { color: #173248; text-decoration: none; }

h1, h2, h3, h4 {
  color: #333333;  
  margin: 0px 0 0px 0;
  clear: left;  
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.4em;  margin-bottom:3px; }
h4 { font-size: 1.1em; }

.site-logo { margin:0; padding:0; }
.site-logo a { position:absolute; top:12px; left:29px; height:62px; width:210px; }
.site-logo span { display:none;}

h1.pagetitle {
  position: absolute;
  top: 159px;
  left: 236px;  
  margin: 0;
}


p { margin: 5px 0 5px 0; }
p.content { float:left; margin: 10px 0 15px 0; }

hr {
  height: 1px;
  border: 0;
  color: #e6e6e6;
  background: #e6e6e6;
}

.more { float:right; margin-right:5px; margin-bottom:5px; }
.btn-more { background:url(../img/arrow-more.gif) no-repeat center right; padding:0px 18px 0px 0px; margin-bottom:3px; }


/* **************************************************************** */
/* Layout of template columns                                       */
/* **************************************************************** */

#two-col-home #wrapper, #two-col-sub #wrapper, #three-col-sub #wrapper 
{
  width: 1010px;
  text-align: left;  
  margin: 0 auto 0 auto;    
  background: transparent url(../img/bg-wrapper.gif) repeat-y scroll 0 0; 
}

#two-col-sub #wrapper { background: transparent url(../img/bg-wrapper-sub-2col.gif) repeat-y scroll 0 0;  }
#three-col-sub #wrapper { background: transparent url(../img/bg-wrapper-sub-3col.gif) repeat-y scroll 0 0;  }

#header {
  padding: 0;
  margin: 0;
  height: 141px;  
  background: transparent url(../img/bg-header.gif) no-repeat 0 0;
}

#header .logo { position: absolute; top: 18px; left: 40px; }

/* **************************************************************** */
/* Boxin										                     */
/* **************************************************************** */

.box-wrapper .box { float:left; width:188px; border:1px solid #d8d8d8; border-bottom:none; margin-right:0px; }
.fp-news-wrapper .box-wrapper .box{ width: 576px; border-bottom: 1px solid #d8d8d8; }
.english .box-wrapper .box { width: 204px; }
.box-wrapper .box .caption { width:186px; height:29px; padding:0px 0px 0px 0px;  border-bottom:1px solid #d8d8d8; border-left:1px solid #FFF;}
.fp-news-wrapper .box .caption { width: 574px; color:#173248; background:url(../img/bg-box-shadow.gif) repeat-x 0px 1px; }
.english .box .caption { width: 202px; color:#173248; background:url(../img/bg-box-shadow.gif) repeat-x 0px 1px; }
.box-wrapper .box .caption h2 { margin:0px; color:#FFF; padding-top:7px; text-indent:12px; font-weight:bold;}

.box-wrapper { float:left; width:188px; margin-right:8px; margin-bottom:10px;}
.box-wrapper .shadow { float:left; width:190px; height:15px; background:url(../img/box-bottom-shadow.gif) no-repeat top left;}

/* IE6 only */
/*\*/
* html #two-col-home #block_1 .box-wrapper { width:187px; }
* html #two-col-home #block_1 .box-wrapper .shadow { width:187px; }
/**/

.box-wrapper.orange .caption { background:url(../img/bg-orange.gif) repeat-x 0px 1px; }
.box-wrapper.blue .caption { background:url(../img/bg-blue.gif) repeat-x 0px 1px; }
.box-wrapper.green .caption { background:url(../img/bg-green.gif) repeat-x 0px 1px; }
.box-wrapper.red .caption { background:url(../img/bg-red.gif) repeat-x 0px 1px; }

.box-wrapper ul { float: left; margin: 5px 0 9px 0;  padding: 0; }
.box-wrapper li { float: left; width:170px; list-style: none; margin:0px 0px 1px 0px; padding: 3px 8px 4px 8px; background: url(../img/box-dotted-sep.gif) no-repeat 50% 100%; }
.box-wrapper li a { padding:0px 0px 0px 10px; color:#333333;}

.box-wrapper li a:hover { text-decoration:none;}

.box-wrapper.orange li a { background:url(../img/arrow-orange.gif) no-repeat 0% 50%; }
.box-wrapper.blue li a { background:url(../img/arrow-blue.gif) no-repeat 0% 50%; }
.box-wrapper.green li a { background:url(../img/arrow-green.gif) no-repeat 0% 50%; }
.box-wrapper.red li a { background:url(../img/arrow-red.gif) no-repeat 0% 50%; }

.box-wrapper.orange li a:hover { color:#e88445; }
.box-wrapper.blue li a:hover { color:#5d7286; }
.box-wrapper.green li a:hover { color:#2ea331; }
.box-wrapper.red li a:hover { color:#a32121; }

.box-wrapper.red { margin-right:0px; }
.box-wrapper .box li.last { background:none; }


/* weather box */
.box-wrapper .box.weather { border-bottom:1px solid #d8d8d8; float:left; margin-left:10px;}
.english .box-wrapper .box.weather { margin:10px 0px;}
.box-wrapper .box.weather .caption { color:#173248; background:url(../img/bg-box-shadow.gif) repeat-x 0px 1px;}
.box-wrapper .box.weather .caption h2 { color:#173248; }
.box-wrapper .box.weather .content { padding:5px 5px 5px 10px; position:relative; float:left; width:170px;}
.box-wrapper .box.weather .content h4, .box-wrapper .box.weather .content span { color:#173248; font-weight:bold;}

.box-wrapper .box.weather .content dl { float:left; width:140px; margin:10px 0 5px 0;}
.box-wrapper .box.weather .content dt { float:left; width:60px; }
.box-wrapper .box.weather .content dd { float:left; width:60px; font-weight:bold;}
.box-wrapper .box.weather .content .icon { position:absolute; top:10px; right:5px; }
.box-wrapper .box.weather .content .more { position:absolute; bottom:10px; right:10px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;} 

/* map box */
.box-wrapper .box.map { border-bottom:1px solid #d8d8d8; float:left; margin-left:10px;}
.box-wrapper .box.map .caption { color:#173248; background:url(../img/bg-box-shadow.gif) repeat-x 0px 1px;}
.box-wrapper .box.map .caption h2 { color:#173248; }
.box-wrapper .box.map .content { padding:5px 5px 5px 10px; position:relative; float:left;}
.box-wrapper .box.map .content ul { float: left; margin: 5px 0 9px 0;  padding: 0; }
.box-wrapper .box.map .content ul li { float: left; width:100px; list-style: none; margin:0px 0px 1px 0px; padding: 2px 2px 2px 0px; background:none;}
.box-wrapper .box.map .content ul li a { background: url(../img/arrow-blue.gif) no-repeat 0% 50%;}
.box-wrapper .box.map .content .icon { position:absolute; top:10px; right:10px; }

/* Ferðþjónusta box */
.ferda-links-wrapper { float:left; padding:20px 5px 10px 5px; }
.ferda-links-wrapper .box-wrapper.last { margin-right:0px; }
.ferda-links-wrapper .box-wrapper h3 { font-size:1.2em; font-weight:bold; color:#30a231; padding:0px 0px 0px 10px;}
.ferda-links-wrapper .box { float:left; padding-top:80px; background: url(../img/ferda-matur.gif) no-repeat 3px 3px; }

.ferda-links-wrapper .box.matur { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-matur.gif) no-repeat 4px 4px; }
.ferda-links-wrapper .box.sofn { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-sofn.gif) no-repeat 4px 4px; }
.ferda-links-wrapper .box.samgongur { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-samgongur.gif) no-repeat 4px 4px; }
.ferda-links-wrapper .box.nattura { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-nattura.gif) no-repeat 4px 4px; }
.ferda-links-wrapper .box.dagar { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-dagar.gif) no-repeat 4px 4px; }
.ferda-links-wrapper .box.afthreying { background: url(../assets/Ferdathjonustan/Tenglamyndir/ferda-afthreyfing.gif) no-repeat 4px 4px; }

.ferda-links-wrapper .box-wrapper li { background: none; }
.ferda-links-wrapper .box-wrapper .box ul li a {  background:url(../img/arrow-green.gif) no-repeat 0% 50%;}
.ferda-links-wrapper .box-wrapper .box ul li a:hover { color:#2ea331; }
/* **************************************************************** */
/* Quick navigation in header for each template                     */
/* **************************************************************** */

#qnav { 
  position: absolute; 
  top: 15px; 
  right: 23px;   
}

#qnav ul { float: left; margin: 0;  padding: 0; }
#qnav li { float: left; list-style: none; background:transparent url(../img/bg-qnav-sep.gif) no-repeat 100% 50%; padding: 0px 8px 0px 8px; }
#qnav li.last { padding-right: 0; border-right: none; background:none;}
#qnav li a { float: left; font-size: 0.9em; color: #7e7e7e; padding:0px; }

/* **************************************************************** */
/* Quick search in header for each template                         */
/* **************************************************************** */

#qsearch { 
  position: absolute; 
  top: 46px; 
  right: 12px;
}

#qsearch .input-field {
  float: left; 
  width: 150px;
  font-size: 11px;
  margin-right: 6px; 
  padding: 5px 0px 2px 0px;
  border: none;
  background: none;
}

#qsearch input.button {  
  float: left;
  width: 30px;
  height:20px;  
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  padding: 4px 0 3px 0;
  background: none; /*url(../img/bg-search-btn.png) no-repeat 0% 50%;*/
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px;  
}

/* **************************************************************** */
/* Main Navigation                                                  */
/* **************************************************************** */

.main-navigation {
  position: absolute;
  top: 104px;
  left: 10px;  
}

.main-navigation ul { float: left; margin: 0;  padding: 0; }
.main-navigation li { float: left; list-style: none; margin: 0px; padding: 0px 8px 0px 8px; }

.main-navigation .last { background:none; }

.main-navigation a,
.main-navigation a:visited { 
  float: left;
  font-size: 1.1em; 
  color: #fff; 
  font-weight: bold;
  padding: 11px 10px 11px 10px;  
}

.main-navigation a:hover,
.main-navigation .current a,
.main-navigation .current a:visited {
  color: #313c5e;
  text-decoration: none;  
  background:transparent url(../img/bg-main-nav-selected.gif) repeat-x 0% 50%;
  padding: 11px 10px 11px 10px;  
}

/* **************************************************************** */
/* Fontsizer                                                        */
/* **************************************************************** */

#fontsizer { position: absolute; top: 46px; right: 215px; }

#fontsizer ul {float:left; margin:0; padding:0; }
#fontsizer li {  
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:2px;
	padding:0px;
}
#fontsizer li a { float:left; height:23px; text-indent:-2000px; width:25px; }
#fontsizer li.small { background :#FFFFFF url(../img/fontsize-smaller.gif) no-repeat scroll 100% 100%; }
#fontsizer li.big { background :#FFFFFF url(../img/fontsize-bigger.gif) no-repeat scroll 100% 100%; }


/* **************************************************************** */
/* Flags                                                            */
/* **************************************************************** */

#flags { position: absolute; top: 37px; right: 280px;}

#flags ul {float:left; margin:0; padding:0; }
#flags li {  
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:3px;
	padding:0px;
}
#flags li a { float:left; height:30px; text-indent:-2000px; width:22px; }
#flags li.en { background :#FFFFFF url(../img/flag-en.gif) no-repeat scroll 100% 100%; }
#flags li.is { background :#FFFFFF url(../img/flag-is.gif) no-repeat scroll 100% 100%; }

/* **************************************************************** */
/* Second Navigation                                                */
/* **************************************************************** */

.sub-navigation { width: 205px; padding: 0; margin: 0 0px 0px 0px; }

.sub-navigation .header { background: url(../img/bg-second-nav-head.gif) repeat-x top left; height:40px;  }
.sub-navigation h2 { padding:15px 0px 5px 18px; font-size:15px; font-weight:bold; color: #4c4c4c; }


.sub-navigation ul { list-style: none; padding: 0; margin: 0; }
.sub-navigation li { display: inline; padding: 0; margin: 0; }

.sub-navigation a {
  display: block;  
  padding: 6px 0px 6px 20px;
  border-bottom: 1px dotted #c2c2c2;
  background: url(../img/bg-second-nav-arrow.gif) no-repeat 0px 50%;
  color: #333333;
  
}

/**** Level 1 ***/
.sub-navigation .level1 a:hover,
.sub-navigation .level1 .current_page_ancestor a,
.sub-navigation .level1 .current_page a { color: #FFF; text-decoration: none; background-color:#486396;}

/**** Level 2 ***/
.sub-navigation .level1 .level2 a  
{
	color: #333333; 
	font-weight: normal; 
	border-bottom: 1px dotted #c2c2c2;
	padding:6px 0px 6px 27px; 
	background: #f3f3f3 ;
	text-transform:none;
}
.sub-navigation .level1 .level2 a:hover,
.sub-navigation .level1 .level2 .current_page a { background: #ececec url(../img/arrow-blue.gif) no-repeat 15px 50%;  text-decoration: none; }
.sub-navigation .level1 .level2 .current_page_ancestor a,
.sub-navigation .level1 .level2 .current_page a { border-top: 0px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2; background: #ececec url(../img/arrow-blue.gif) no-repeat 15px 50%;  text-decoration: none; }

/**** Level 3 ***/
.sub-navigation .level1 .level2 .level3 a  
{
	color: #333333; 
	font-weight: normal; 
	border-bottom: 1px dotted #c2c2c2;
	border-top:none;
	padding:6px 0px 6px 40px; 
	background: none;
	text-transform:none;
	background-color:#ececec;
}
.sub-navigation .level1 .level2 .level3 a:hover,
.sub-navigation .level1 .level2 .level3 .current_page a { text-decoration: underline; }


/* **************************************************************** */
/* FP-banner                                                        */
/* **************************************************************** */

#fp-banner { position:absolute; top:142px; left:7px; }
#two-col-sub #fp-banner { position:relative; float:left; top:0px; left: 10px; }
#fp-banner .content { position:relative; margin:0; padding:0; font-family: Arial,Helvetica,sans-serif;}
#fp-banner .content .text { margin:95px 0px 0px 10px; padding:5px 10px 10px 10px; color:#FFF; width:300px; height:60px;  background: transparent url(../img/slider-text-bg.png) }
#two-col-sub #fp-banner .content .text { margin-top: 215px; }
#fp-banner .content .text h4 { font-size:18px; color:#FFF; }

/* slider on subpages */

#three-col-sub #fp-banner { float:left; position:relative; top:0; left:0; padding:1px; }
#three-col-sub #fp-banner .content { position:relative; margin:0; padding:0; font-family: Arial,Helvetica,sans-serif;}
#three-col-sub #fp-banner .content .text { margin:95px 0px 0px 10px; padding:5px 10px 10px 10px; color:#FFF; width:300px; height:60px;  background: transparent url(../img/slider-text-bg.png) }
#three-col-sub #fp-banner .content .text h4 { font-size:18px; color:#FFF; }

/* **************************************************************** */
/* FP-Iceland map                                                   */
/* **************************************************************** */
#fp-map { position:absolute; top:142px; right:7px; }

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */

#footer {
  position: relative;
  height: 166px;
  margin: 0px auto 30px auto;  
  background: transparent url(../img/bg-footer.gif) no-repeat bottom left; 
}

#footer .info { position:absolute; top:20px; right:30px; width:180px; color:#646464; text-align:left; font-size:0.9em;}
#footer .info .text { padding:3px 0px 0px 5px; }

#footer .content {
  position: absolute;
  top: 18px;
  left: 218px;
  font-size: .9em;  
  text-align: left;
}

#footer .content .org { font-weight: bold; }
#footer .content a { color: #656565; }

#footer .links { float:left; width:760px; padding:20px 0px 0px 30px; }
#footer .links .list { float:left; width:140px; margin-right:10px; }
#footer .links .list h5 { margin-left:0px; color:#344c5f; font-weight:bold; display:block; text-align:left;}

#footer .links .list ul { float: left; margin: 5px 0 0px 0;  padding: 0; }
#footer .links .list li {  list-style: none; display:block; margin:0px 0px 1px 0px; padding: 2px 0px 2px 0px; background: none; text-align:left;}
#footer .links .list li a { padding:0px 0px 0px 0px; color:#333333;  font-size:11px;}


.no-disp { display: none; }