/* **************************************************************** */
/* Frontpage news				                                            */
/* **************************************************************** */

.fp-news-wrapper { width:576px; float:left; padding:0px 0px 10px 5px; }
.fp-news-wrapper .tabs { margin:0px 0px 0px 0px; padding:0px; background:url(../img/bg-pix.gif) repeat-x bottom left;}
.fp-news-wrapper .tabs ul { margin:0px 0px 0px 0px; padding:0px; list-style:none; }
.fp-news-wrapper .tabs ul li { margin:0px; padding:0px; list-style:none; width:108px; height:31px;  float:left; padding:0px 0px 0px 0px; background:url(../img/bg-fp-news-tab.gif) no-repeat top left;}
.fp-news-wrapper .tabs ul li a { font-size:1.2em; color:#434343; padding:8px 4px 5px 4px; text-indent:3px;}
.fp-news-wrapper .tabs ul li a:hover { text-decoration:none;  }
.fp-news-wrapper .tabs ul li.ui-tabs-selected { width:108px; font-weight:bold; height:31px; background:url(../img/bg-fp-news-tab-sel.gif) no-repeat top left;}

.fp-news-wrapper .ui-tabs-panel { position:relative; float:left; width:556px; border-bottom:1px solid #d8d8d8; border-top:none; padding:15px 10px 0px 10px; background:url(../img/bg-fp-news-panel.gif) no-repeat top right; }

.fp-news-wrapper .big { float:left; margin:0px 0px 10px 0px; width:320px;}
.fp-news-wrapper .big .item { float:left; padding-bottom:5px; border-bottom:dotted 1px #d8d8d8; margin:0px 0px 5px 0px; width:100%;}
.fp-news-wrapper .big .item.last { border-bottom:none; margin-bottom:0px;}
.fp-news-wrapper .big .item h3 { font-size:1.2em; margin:0px; }
.fp-news-wrapper .big .item .date { float:left; font-size:11px; }
.fp-news-wrapper .big .item img { margin:2px 5px 3px 0px; padding:1px; border:1px solid #d8d8d8; }
.fp-news-wrapper .big .item p { margin:3px 0px 5px 0px; }

.fp-news-wrapper .list { float:right; width:205px; }
.fp-news-wrapper h3.events { margin:2px 0px 9px 0px; color:#173248; font-weight:bold; font-size:1.2em; }
.fp-news-wrapper .list ul { float: left; margin: 0px 0 0px 0;  padding: 0; }
.fp-news-wrapper .list ul li { float: left; width:190px; list-style: none; margin:1px 0px 1px 0px; padding: 5px 5px 5px 0px; border-bottom:dotted 1px #d8d8d8;}
.fp-news-wrapper .list ul li .date { float:left;  font-size:11px; }
.fp-news-wrapper .list ul li .item { float:left; width:190px; }
.fp-news-wrapper .more-news { float:right; margin:12px 10px 0px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}
.fp-news-wrapper .all-news { position:relative; right:10px; bottom:10px; float: right; margin:12px 10px 0px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}
.fp-news-wrapper .more-links { float:right; margin:12px 10px 10px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}

/*right links*/
.right-links { float:left; width:190px; }
.right-links .caption { float:left; border-bottom:1px solid #D8D8D8; padding-bottom:1px; width:190px; height:29px; background:url(../img/right-links-header.gif) no-repeat 2px 2px; }
.right-links .caption h2 { font-weight:bold; padding-top: 7px; text-indent: 12px; color: #fff; }
.right-links .top { float:left; width:190px; background:url(../img/right-links-bg-top.gif) no-repeat top left;}
.right-links .top ul { float: left; margin: 0px 0 0px 0;  padding: 0; }
.right-links .top li { float: left; width:160px; font-size:13px; font-weight:bold; list-style: none; margin:1px 0px 1px 0px; padding: 6px 0px 4px 10px; border-bottom:dotted 1px #d8d8d8;}
.right-links .top li a { float:left; color:#333333; padding-left:15px; background: transparent url(../img/arrow-gray.png) no-repeat 0% 50%; }
.right-links .bottom { float:left; height:17px; width:190px; background:url(../img/right-links-bg-bottom.gif) no-repeat bottom left;} 

.right-links .top li.camera { background: transparent url(../img/right-links-camera.gif) no-repeat 100% 50%; }
.right-links .top li.photo { background: transparent url(../img/right-links-pen.gif) no-repeat 100% 50%; }
.right-links .top li.roads { background: transparent url(../img/right-links-tire.gif) no-repeat 100% 50%; }

.right-events { float:left; width:190px;}
.right-events .top { background: transparent url(../img/bg-events.gif) no-repeat bottom left; }
.right-events .top .caption { background:none; text-indent:0px; border:1px solid #d8d8d8; height:27px;}
.right-events .top .caption h5 { padding:8px 0px 0px 6px; font-size:1.2em; font-weight:bold; color:#208120;}
.right-events .box { float:left; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;  width:188px; }
.right-events ul { float: left; margin: 0px 0 0px 0;  padding: 0; }
.right-events ul li { float: left; margin: 0px 0 0px 0;  padding: 3px 0 3px 0;  list-style:none; background: url(../img/box-dotted-sep.gif) repeat-x bottom left;}
.right-events ul li .date { float: left; width:100%; padding:3px 0px 3px 5px; font-size:0.9em; color:#5e5e5e;}
.right-events ul li a { float: left; margin: 0px 0 0px 0;  padding: 0px 3px 0px 5px; font-size:1em;}
.right-events .bottom { float:left; height:17px; width:190px; background:url(../img/right-links-bg-bottom.gif) no-repeat bottom left;} 

/* **************************************************************** */
/* Events overview   			                                            */
/* **************************************************************** */

.events-overview { float:left; margin:0px 0 0 0; width:540px;}
.events-overview .item { float:left; width:540px; padding:5px 0px 10px 0px; background:url(../img/box-dotted-sep.gif) repeat-x 0% 95%;}
.events-overview .item .date { font-size:1.0em; }
.events-overview .item h3 { margin:1px 0px 2px 0px; }
.events-overview .item h3 a { text-transform:none; }
.events-overview .item .more {  margin-top:5px; }
.events-overview .item img { padding: 0px 7px 7px 0px; }

.ui-tabs-nav.events-overview { margin:0 0 10px 0px; padding:0 0 0px 0px; background: url(../img/bg-one-dot.gif) repeat-x bottom right; width:95%;}
.ui-tabs-nav.events-overview a { font-size:1.1em; text-transform:uppercase; color:#333333; }
.ui-tabs-nav.events-overview li { float:left; margin-left:10px; }
.ui-tabs-nav.events-overview li a { padding:5px 10px 5px 10px; background-color:#e9e9e9; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
.ui-tabs-nav.events-overview li.ui-tabs-selected a { background-color:#FFF; }

.item-list { float:left; }
.item-list ul { padding:5px 0px 5px 0px; margin-top:20px; float:left; width:500px; }
.item-list li { padding:4px 0px 4px 0px; width:100%; float:left; background: url(../img/box-dotted-sep.gif) repeat-x bottom right; list-style:none;}
.item-list li div.date { float:left; padding:0 8px 0 0; width:55px;}
.item-list li div.text { float:left; padding:0 0px 0 0; width:430px;}

.cat-content .date { width:100%; padding:3px 10px 2px 0px; font-size:1em; color:#5e5e5e; }

/* **************************************************************** */
/* school news    			                                            */
/* **************************************************************** */
.school-news { float:left; padding:10px 10px 20px 10px; width:570px;}
.school-news .big { float:left; margin:0px 0px 10px 0px; padding-right:10px; width:340px; background: url(../img/school-news-sep.gif) no-repeat top right;}
.school-news .big .item { float:left; border-bottom:dotted 1px #d8d8d8; margin:0px 0px 5px 0px; width:100%; padding-bottom:5px;}
.school-news .big .item.last { border-bottom:none; margin-bottom:0px;}
.school-news .big .item h3 { font-size:1.2em; margin:0px; }
.school-news .big .item .date { float:left; font-size:11px; }
.school-news .big .item img { margin:2px 5px 3px 0px; padding:1px; border:1px solid #d8d8d8; }
.school-news .big .item p { margin:3px 0px 5px 0px; }

.school-news .list { float:right; width:210px; }
.school-news .list ul { float: left; margin: 0px 0 0px 0;  padding: 0; }
.school-news .list ul li { float: left; width:200px; list-style: none; margin:1px 0px 1px 0px; padding: 2px 5px 2px 0px; border-bottom:dotted 1px #d8d8d8;}
.school-news .list ul li .date { float:left;  font-size:11px; }
.school-news .list ul li .item { float:left; width:200px; }
.school-news .more-news { float:right; margin:12px 10px 0px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}
.school-news .all-news a { float:right; margin:12px 10px 10px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}

/* **************************************************************** */
/* stjornsysla news			                                            */
/* **************************************************************** */
.stjornsysla-wrapper { float:left; width:100%; padding:5px 10px 10px 10px; margin-top:10px;}
.stjornsysla-wrapper .left { float:left; width:280px; margin-right:10px;}
.stjornsysla-wrapper h3 { font-size:1.2em; font-weight:bold; text-indent:10px;}
.stjornsysla-wrapper .right { float:left; width:280px; }
.stjornsysla-wrapper .box { float:left; width:280px; border:1px solid #d8d8d8; }
.stjornsysla-wrapper .shadow {float:left; background: transparent url(../img/box-shadow-280.gif) no-repeat top left; height:15px; width:280px; margin-bottom:10px;}

.stjornsysla-wrapper .box ul { float: left; margin: 5px 0 0px 0;  padding: 0; }
.stjornsysla-wrapper .box li { float:left; list-style: none; width:294px; display:block; padding:3px 0 5px 0; margin:2px 0px 0px 0px; background:transparent url(../img/news-list-shadow.gif) no-repeat 2px 0px;}
.stjornsysla-wrapper .box li .item { float:left; padding-left:10px;  width:244px; padding-right:5px;}
.stjornsysla-wrapper .box li .item span { float:left; font-size:0.9em; color:#7c7c7e; width:249px; }
.stjornsysla-wrapper .box li .item a { padding:0px 0px 0px 0px; font-weight:bold;}
.stjornsysla-wrapper .box .more-news { float:left; width:296px; padding:5px 0px 5px 0px; border-top:1px solid #d2d8db; }
.stjornsysla-wrapper .box .more-news a { float:right; background:url(../img/arrow-black.gif) no-repeat 0% 50%; padding:0 5px 0 10px;}

.stjornsysla-wrapper .box.docs .item { float:left; padding-left:25px; height:20px;}
.stjornsysla-wrapper .box.docs .item span.date { float:none; font-size:0.9em; color:#7c7c7e; width:auto;}

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

.stjornsysla-wrapper .all-news a { float:right; margin:12px 10px 10px 0px; padding-right:20px; background:url(../img/arrow-more.gif) no-repeat center right;}

/* **************************************************************** */
/* Iceland map    			                                            */
/* **************************************************************** */

#fp-map .boxgrid{ 
	width: 401px; 
	height: 179px; 
	margin:0px; 
	float:left; 
	background:#161613; 				
	overflow: hidden; 
	position: relative; 
}
#fp-map .boxgrid img { }
#fp-map .boxgrid .text { float:left; width:70%; font-size:11px; padding: 8px 10px 10px 15px; font-weight:normal; color:#26376c; }

#fp-map .boxgrid .more { float:right; margin:0px 5px 0px 0px; position:absolute; bottom:5px; right:5px; }
#fp-map .boxgrid .more a { color:#c94844; padding-right:20px; background:transparent url(../img/bg-map-more.gif) no-repeat 100% 60%;}
	
#fp-map .boxcaption{ 
	float: left; 
	position: absolute; 
	background: #f6f7f8; 
	height: 60px; 
	width: 100%; 
	background:transparent url(../img/bg-map-caption.png) repeat scroll 0 0;
	/*opacity: .8; */
	/* For IE 5-7 */
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
	/* For IE 8 */
	/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
	}
	
#fp-map .captionfull .boxcaption { top: 179px; left: 0; }
#fp-map .caption .boxcaption { top: 70px; left: 0; }

/* **************************************************************** */
/* Links with background image                                      */
/* **************************************************************** */
.links { float:left; }
.links .item { float:left; width:180px; height:48px; margin:5px 0px 5px 0px; padding:7px 0px 5px 10px; background: transparent url(../img/bg-links-template.gif) no-repeat top left; }
.links .item a { float:left; width:180px; height:48px; margin:0px 0px 0px 0px; }
.links .item span.title { font-size:15px; font-weight:bold; display:block; }
.links .item span.title.red { color:#991f1f; }
.links .item span.title.orange { color:#da7c41; }
.links .item span.title.green { color:#2b992e; }
.links .item span.sub-title { font-size:11px;  }
.links .item a:hover { text-decoration:none; }

/* **************************************************************** */
/* Easy slider on frontpage                                         */
/* **************************************************************** */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li {margin:0;padding:0;list-style:none;}
	#slider2 { margin-top:1em; }
	#slider li, #slider2 li{
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:593px;
		height:179px;
		overflow:hidden; 
		}
	#two-col-sub #slider li, #slider2 li{ width: 770px; height: 300px;}
	#prevBtn, #nextBtn,	#slider1next, #slider1prev { 
		display:block;
		width:20px;
		height:10px;
		position:absolute;
		right:30px;
		bottom:20px;
		z-index:1000;
		text-indent:-2000px;
		}	
	#nextBtn, #slider1next { right:8px; }														
	#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a {  
		display:block;
		position:relative;
		width:20px;
		height:17px;
		background: transparent url(../img/slider-prev2.png) no-repeat 0 0; }	
	
	#prevBtn a:hover { background: transparent url(../img/slider-prev2-hover.png) no-repeat 0 0; }	
	
	#nextBtn a, #slider1next a { background: transparent url(../img/slider-next2.png) no-repeat 0 0; }	
	#nextBtn a:hover, #slider1next a:hover { background: transparent url(../img/slider-next2-hover.png) no-repeat 0 0; }	
		
	/* numeric controls */	

	ol#controls { margin:1em 0; padding:0; height:28px;	}
	ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
	ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:transparent;color:#555; padding:0 10px; text-decoration:none;}
	ol#controls li.current a {background:transparent; color:#fff; }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
	
/* // Easy Slider */

/* **************************************************************** */
/* Contact form   			                                            */
/* **************************************************************** */

.form-container { padding:0px; float:left;}
.form-container fieldset { padding:5px; float:left; width:500px;}
.form-container fieldset .field { border-bottom:1px solid #e6e6e6; float:left; width:500px; vertical-align:middle; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
.form-container fieldset .field span { color:Red;  }
.form-container fieldset .field.focused { background-color:#efeeee; border-bottom:1px solid #e6e6e6; }
.form-container fieldset .field-noline { float:left; width:500px; vertical-align:middle; margin:2px 0px 4px 0px; padding:2px 0px 4px 0px; text-align:right;}
.form-container fieldset .field-noline .submit { float:right; margin:10px 20px 10px 0px;} 
.form-container fieldset .field label { float:left; width:15%; text-align:left; margin-top:4px; font-weight:bold; text-indent:5px;}
.form-container fieldset .field input{ float:left; margin:0 5px 0px 6px; width:60%;}
.form-container fieldset .field.captcha span { font-size:1em; color:#333; }
.form-container fieldset .field.captcha .img { float:left; margin:0 5px 0px 10px; }
.form-container fieldset .field.captcha .text { float:left; margin:13px 5px 0px 6px; }
.form-container fieldset .field.captcha input { float:left; width:80px; }
.form-container fieldset .field textarea { float:left; margin:0 5px 0px 6px; width:80%; height:120px;}

/* **************************************************************** */
/* Subpage content			                                            */
/* **************************************************************** */
.page-title { float:left; height:40px; width:100%; background: transparent url(../img/bg-second-nav-head.gif) repeat-x scroll left top; }
.page-title h2 { color:#4C4C4C; font-size:15px; font-weight:bold; padding:15px 0 5px 22px; }
.cat-content { float:left; padding:10px 25px 20px 20px; }

/* **************************************************************** */
/* Contacts                                                         */
/* **************************************************************** */

.contacts-table { width:750px; margin:0; padding:0; font-size:0.9em;}

.contacts-table thead th.first { text-align:left; border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; background: url(../img/staff-bg.gif) repeat-x top left; padding-left:10px;}
.contacts-table thead th.header.first { text-align:left; border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; background: url(../img/staff-bg.gif) repeat-x top left; padding-left:10px;}
.contacts-table thead th { text-align:left; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; border-left:none;background: url(../img/staff-bg.gif) repeat-x top left;}
.contacts-table thead th { cursor:pointer;}

.contacts-table thead th.headerSortUp { background: transparent url(../img/asc.gif) no-repeat 99% 50% ; } 
.contacts-table thead th.first.headerSortUp { background: transparent url(../img/asc.gif) no-repeat 99% 50% ; } 
.contacts-table thead th.first.headerSortUp { background: transparent url(../img/asc.gif) no-repeat 99% 50% ; } 

.contacts-table thead th.headerSortDown { background: transparent url(../img/desc.gif) no-repeat 99% 50%; } 
.contacts-table thead th.first.headerSortDown { background: transparent url(../img/desc.gif) no-repeat 99% 50% ; } 
.contacts-table thead th.first.headerSortDown { background: transparent url(../img/desc.gif) no-repeat 99% 50% ; } 

.contacts-table td.first { border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}
.contacts-table td { margin:0; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px; }
.contacts-table td.last { border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px;}
.contacts-table tr.alt td { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px;}
.contacts-table tr.alt td.first { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}

/* **************************************************************** */
/* Image gallery																										*/
/* **************************************************************** */

.album-overview { float:left; margin:10px 0px 10px 0px; }
.album-overview .single { float:left;  padding:3px 0px 5px 0px; margin-bottom:3px; width:500px; background:transparent url(../img/bg-dots-gray.gif) repeat-x 0% 100%; }
.album-overview .single .img { float:left; width:110px; }
.album-overview .single .img img { border:1px solid #bebebe; margin:2px; padding:2px; }
.album-overview .single .right { float:left; width:320px; padding:3px 0px 3px 0px;}
.album-overview .single .right h5 { font-size:14px; font-weight:normal;}

.album { padding: 0px;  float:left;}
.album .imageSingle {  float: left; width:215px; margin-bottom:10px; margin-right:5px;}
.album .imageSingle .image { margin:2px; }
.album .imageSingle img { border:solid 1px #bebebe; padding:2px;}
.album .footer { float:left; font-weight:bold; padding-top: 3px; padding-bottom:3px; padding-left:5px;}
.album .footer a.more { margin:0px; padding-left:15px; }

.album ul { float:left; list-style: none; padding: 0; margin: 0;}
.album li { float:left; display: inline;  margin: 0; padding:0px 0px 10px 0px;height:82px;width:120px; }
.album li img { float:left;  padding: 3px; margin: 3px; border:solid 1px #bebebe;}

/* Webmaster Logo */
.webmaster { position:absolute; left:20px; top:20px; }
.english .webmaster { display: none; }