body{
	margin:0;
	padding:0;
	background:#fff url(/resources/images/template/bg-background.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
}

#container{
	margin:0px auto;
	width:950px;
	overflow:hidden;
}

#container #header{
	float:left;	
	width:950px;
	padding:0;
	height:130px;
	overflow:hidden;
	background:url(/resources/images/template/bg-header.jpg) no-repeat top left;
}
#container #body{
	float:left;
	width:950px;
	overflow:hidden;	
}
/*HEADER*/
#header a#logo{	
	float:left;	
	position:relative;
	margin-top:25px;
	left:19px;
	display:block;
	width:413px;
	height:65px;
	background:url(/resources/Images/Template/JO-logo-hvitt-noaddress.png) no-repeat top left;
	text-indent:-888px;
	overflow:hidden;
}
#header div#main{
	float:left;
	width:480px;	
	overflow:hidden;
}
#header div#tools{	
	position:relative;
	float:right;
	z-index:100;
	margin:25px 0 0 0;
	height:95px;
	/*margin:53px 0 0 0;*/
	background: url(/resources/images/template/tools-border-long.jpg) no-repeat bottom left;
}
#header div#tools ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header div#tools ul li{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	height:15px;
	/*height:67px;*/
}
#header div#tools ul li.lang{
	padding:0 11px;
/*
	background: url(/resources/images/template/tools-border-short.jpg) no-repeat bottom right;
*/
}
#header div#tools ul li.lang a{
	position:relative;
	top:35px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#header div#tools ul li.search{
	position:relative;
	top:-35px;
	left:10px;
	padding:0 12px;
/**/
/*
	background: url(/resources/images/template/tools-border-long.jpg) no-repeat bottom right;
*/
/**/
}
span.search-box{
	display:block;
	width:118px;
	padding:2px 9px 0;
	margin-right:8px;
	height:20px;
	background:url(/resources/images/template/bg-search-box.gif) no-repeat top left;

	overflow:hidden;
}
#header div#tools ul li.search span.search-box
{
	position:relative;
	top:35px;
	float:left;
	display:block;
	width:118px;
	padding:2px 9px 0;
	margin-right:8px;
	height:20px;
	background:url(/resources/images/template/bg-search-box.gif) no-repeat top left;
	overflow:hidden;
}
span.search-box input{
	border:0;
	width:118px;
	background:none;
	color:#8a772b;
	font-size:9px;	
	overflow:hidden;
}
#header div#tools ul li.search input.search-button{
	position:relative;
	top:35px;
	float:left;
}
#header div#tools ul li.phone{
/*
	display: none;
*/
	padding:0 42px 0 13px;
}
#header div#tools ul li.phone p{	
	padding:0;
	margin-top:10px;
	font-size:11px;
	line-height:16px;
	color:#fff;
	font-weight:bold;
}
#header div#tools ul li.phone p strong{ 	
	font-size:25px;
	line-height:29px;
}


/*TOP-NAVIGATION*/
#body-top{
	float:left;
	width:950px;
	height:5px;	
	background:url(/resources/images/template/bg-body-top.gif) no-repeat top left;
	overflow:hidden;
	margin-top:5px;
}
ul#top-nav{	
	float:left;	
	width:944px;
	height:31px;
	list-style:none;	
	margin:-35px 0 0 0; 
	padding:0;
	overflow:hidden;	
}
ul#top-nav li{
	float:left;
	padding:0;
	margin:0 3px 0 0;
}
ul#top-nav li a{
	float:left;
	display:block;
	margin-top:3px;
	color:#555;
	font-size:11px;	
	padding:8px 12px;
	font-weight:bold;
	text-decoration:none;
	background: url(/resources/images/template/bg-top-nav-right.gif) no-repeat 100% 0;
}
ul#top-nav li a span{
	float: left;
	height: 28px;
	width: 6px;
	margin-top:-8px;
	margin-left:-12px;
	background: url(/resources/images/template/bg-top-nav-left.gif) no-repeat;	
	overflow:hidden;
}
ul#top-nav li a.selected,
ul#top-nav li a:hover{
	padding:10px 12px;
	margin-top:0;
	background: url(/resources/images/template/bg-top-nav-right-active.gif) no-repeat 100% 0;
	font-size:12px;
	font-weight:bold;
	color:#085bb0;
}
ul#top-nav li a.selected span,
ul#top-nav li a:hover span{	
	height:31px;
	margin-top:-10px;
	background: url(/resources/images/template/bg-top-nav-left-active.gif) no-repeat;		
}
ul#top-nav li.first a span{
	float: left;
	height: 28px;
	width: 5px;
	margin-top:-8px;
	margin-left:-12px;
	background: url(/resources/images/template/bg-top-nav-left-first.gif) no-repeat;	
}
ul#top-nav li.first a.selected span,
ul#top-nav li.first a:hover span{
	height: 31px;	
	margin-top:-10px;
	background: url(/resources/images/template/bg-top-nav-left-first-active.gif) no-repeat;	
}

div.form label{
	clear:both;
	float:left;
	display:block;
	width:80px;
}
div.form .input-field{
	float:left;
	width:175px;
	margin-bottom:15px;	
}

/*BODY*/
/*BODY-MIDDLE*/
#body-middle{
	float:left;
	width:950px;
	background: url(/resources/images/template/bg-body.gif) repeat-y top left;		
	overflow:hidden;
}
#body-middle-grad{
	float:left;
	width:950px;
	background:url(/resources/images/template/bg-body-grad.gif) no-repeat top left;		
	overflow:hidden;
}
#body-content{
	float:left;
	width:902px;
	padding:2px 24px 8px;
	overflow:hidden;
	font-size:11px;
	color:#333;
}
#body-content #left-content{
	float:left;
	width:702px;
	padding-top:12px;
	overflow:hidden;
}
#body-content #divider, #body-content .divider{
	float:left;
	width:44px;
	height:522px;
	background:url(/resources/images/template/content-divider.gif) no-repeat top center;	
	overflow:hidden;
}
#body-content #right-pane{
	float:left;
	width:156px;
	padding-top:12px;
	overflow:hidden;
}

#body-content h1{
	font-size:15px;
	font-weight:normal;
	color:#666;
	margin:0 0 10px;
	padding:0;
}
#body-content h2{
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#666;
	margin:0;
	padding:0;
}
#body-content h3{
	font-size:13px;
	line-height:16px;
	font-weight:normal;
	color:#333;
	margin:0;
	padding:0;
}
#body-content a{
	text-decoration:none;
	color:#085bb0;
}
#body-content a.arrow{
	padding-right:13px;	
	background:url(/resources/images/template/arrow-right-grey.jpg) no-repeat center right;	
}
#body-content p{
	padding:0;
	margin:0;	
	font-size:11px;
	line-height:17px;
}
#body-content .news-date{
	color:#999;
	font-size:10px;
	line-height:15px;
}

#body-content #right-pane ul.ads{
	list-style:none;
	margin:0;
	padding:0;
}
#body-content #right-pane ul.ads li{
	float:left;
	margin:0 0 5px 0;
	padding:0;
}

#body-content .hr{
	clear:both;
	height:1px;
	width:591px;
	margin:10px 0;
	background:url(/resources/images/template/hr-grad.gif) no-repeat top center;
	overflow:hidden;
}

div.news-list ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:350px;
	display:block;
}
div.news-list ul li{
	padding:0;
	margin:0 0 5px 0;
}
div.paging strong{
	float:left;
	font-size:13px;
	font-weight:normal;
	line-height:13px;
}
div.paging ul{
	float:left;
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
div.paging ul li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	color:#777;
	font-size:11px;
	line-height:13px;
	margin:0 3px;
}

table.starsfolk .label{
	float:left;
	padding-right:6px;
}
table.starsfolk .field{
	float:left;
}

/*FOOTER*/
#container #body #footer{
	float:left;
	display:inline;
	width:900px;
	margin:0 4px;
	padding:15px 21px 5px;
	background: url(/resources/images/template/bg-footer.jpg) no-repeat top left;		
	overflow:hidden;
	font-size:11px;
	line-height:16px;
	color:#333333;
}
#container #body #footer a{
	color:#e15f0e;
}
#container #body #bottom{
	float:left;
	width:950px;
	height:14px;
	background: url(/resources/images/template/bg-bottom.gif) repeat-y top left;		
	overflow:hidden;
}

.clear{clear:both;}

/* FIXES */

div#left
{
	float:left;
	width:148px;
	overflow:hidden;
}

div#left h1
{
	clear:both;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	width:148px;
	background: url(/resources/images/template/bg-level1.gif) no-repeat bottom left;
}

div#left ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

div#left ul li
{
	clear:both;
	float:left;
	width:148px;
}

div#left ul li a
{
	clear:both;
	float:left;
	padding:0px 0px 0px 15px;
	width:133px;
	line-height: 14px;
	color: rgb(118,117,97);
}

div#left ul li.level1 a
{
	padding: 4px 0px 4px 15px;
	font-weight:bold;
	background: url(/resources/images/template/bg-level1.gif) no-repeat bottom left;
}

div#left ul li.level2 a
{
	padding: 4px 0px 4px 25px;
	width:123px;
}

div#left ul li.selected1
{
	background: url(/resources/images/template/bg-level1-selected.gif) no-repeat 0px 6px;
}

div#left ul li.last a
{
	background: none;
}

div#left ul li.after a
{
	background: url(/resources/images/template/bg-level1.gif) no-repeat top left;
}

div#right
{
	float:left;
	width:510px;
	overflow:hidden;
}

div#right h1.title
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background: url(/resources/images/template/bg-title.gif) no-repeat bottom left;
}

.item-row
{
	clear:both;
	float:left;
	width:702px;
}

.item
{
	float:left;
	padding:0px 10px 0px 0px;
	width:340px;
}

#body-content .item h3
{
	clear:both;
	float:left;
	padding:8px 0px;
	width:340px;
	background: url(/resources/images/template/bg-item.gif) no-repeat bottom left;
}

#body-content .item div
{
	clear:both;
	float:left;
	margin:0px;
	padding:10px 10px 10px 0px;
	width:330px;
	line-height:18px;
	color: rgb(85,85,85);
	background: url(/resources/images/template/bg-item.gif) no-repeat bottom left;
}

#body-content .item img
{
	float:left;
	margin: 0px 8px 8px 8px;
	border:2px solid rgb(221,221,221);
}

/*New-front*/
.front-left
{
	float: left;
	width: 430px;
	margin-top: 25px;
	height: 280px;
}

.front-left h1 {
	border-bottom: 1px solid #ccc;
	height: 22px;
}

.front-right
{
	float: right;
	width: 250px;
	margin-top: 25px;
}

.front-right a.flyti
{
	line-height: 20px;
	font-size: 13px;
}

.front-right h1 {
	border-bottom: 1px solid #ccc;
	height: 22px;
}
.yfirlit {
	float: right;
	}
	
.yfirlit a {
	color:#e15f0e !important;
}

.front-right h2.frod {
	margin-bottom:5px;
}

.news
{
	width: 450px;
	margin-bottom: 15px;
}

.news-top
{
	clear:both;
	float:left;
	/*background: url(/resources/images/hvitlist_is/template/news-top.jpg) no-repeat top left;*/
	width: 430px;
	height: 25px;
}

.news-middle
{
	clear:both;
	float:left;
	/*background: url(/resources/images/hvitlist_is/template/news-bkgr.gif) repeat-y top left;*/
	/*padding: 10px;*/
	width: 430px;
}

.news-bottom
{
	clear:both;
	float:left;
	/*background: url(/resources/images/hvitlist_is/template/news-bottom.gif) no-repeat top left;*/
	width: 430px;
	height: 3px;
}
.notice
{
	clear:both;
	padding-top: 30px;
}

#body-content h2.frod a
{
	font-size:13px;
}