/* It's a joy making CSS
 * when the design is from
 * Haltenbanken
 * haltenbanken.com
 *
 * Coded by Powow AS
 * http://powow.no
 ************************/

html, body {
	width:100%;
	height:100%;
	color:#000;
	font:12px/15px Helvetica,Arial,sans-serif;
	}
html {
	background:url('../images/subnav-bg.png') repeat-x 0px 135px #fafaf9;
	}
body {
	width:980px;
	margin:0 auto;
	}
p {
	margin: 15px 0px;
	}
a {
	color:#895218;
	text-decoration:underline;
	}
a:hover, a.more {
	color:#31578a;
	}
a.more:hover {
	color:#895218;
	}
h2 {
	color:#31578a;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	margin:0px;
	padding-bottom:10px;
	}
div#right-column h2 {
	color:#31578a;
	font-weight:bold;
	font-size:13px;
	line-height:14px;
	padding-bottom:0px;
	margin:0px;
	}
img, a img {
	border:0;
	}
	

/* TABLE */

.priskalender td { margin: 0px; font-size: 10px; border: 1px solid white; text-align: center; width: 2.5%; padding: 2px 0px; }
.priser td { width: 40%; padding: 5px; border: 1px solid #white }

.priskalender .bold { font-weight: bold; }
.priskalender .month { font-size: 9.5px; font-weight: bold; text-align: center; }

.priskalender .lowseason, .priser .lowseason { background-color: #BCE5F3; }
.priskalender .mediumseason, .priser .mediumseason { background-color: #C3EA66; }
.priskalender .highseason, .priser .highseason { background-color: #F5F756; }

.priser td.lowseason { width: 20%; }
.priser td.mediumseason { width: 20%; }
.priser td.highseason { width: 20%; }


	
/* HEAD / NAV
------------------------------*/

div#head {
	position:relative;
	height:135px;
	background:url('../images/blaaner-bg.png') no-repeat top left;
	}
h1#logo {
	position:absolute;
	top:0px;
	left:28px;
	height:64px;
	width:221px;
	margin:0;
	padding:0;
	}
h1#logo a {
	outline:0;
	display:block;
	height:64px;
	width:221px;
	background:url('../images/hardangertun-logo.png');
	text-indent:-3000px;
	}
ul#mainnav {
	display:block;
	list-style:none;
	margin:0px;
	padding:0 0 0 180px;
	position:absolute;
	bottom:0;
	height:31px;
	border-bottom:1px #fff solid;
	}
ul#mainnav li {
	display:block;
	float:left;
	width:133px;
	height:31px;
	position:relative;
	margin:0;
	padding:0;
	}
ul#mainnav a {
	display:block;
	height:31px;
	width:132px;
	background:url('../images/sprite-tabs.png') no-repeat 0px 0px;
	font-size:11px;
	color:#979285;
	font-weight:bold;
	line-height:31px;
	text-decoration:none;
	text-align:center;
	margin-right:1px;
	}
ul#mainnav a:hover, ul#mainnav a.active {
	background-position:0px -31px;
	color:#321700;
	border-bottom:1px solid #f5f5f2;
	}

ul#subnav {
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	width:140px;
	overflow:hidden;
	}
ul#subnav li {
	display:block;
	width:140px;
	margin:4px 0 6px 0;
	padding-top:0px;
	}
ul#subnav li a {
	position:relative;
	display:block;
	min-height:12px;
	margin-top:0px;
	color:#321700;
	padding:0px 5px 4px 14px;
	line-height:12px;
	background:url('../images/subnav-bg-bottom.png') no-repeat bottom left;
	text-decoration:none;
	font-weight:bold;
        font-size: 11px;	
}
ul#subnav li a span {
	display:block;
	height:4px;
	width:140px;
	position:absolute;
	top:-4px;
	left:0;
	background:url('../images/subnav-bg-top.png') no-repeat top left;
	}
ul#subnav li a:hover span, ul#subnav li a.active span {
	background-image:url('../images/subnav-bg-top-over.png');
	}
ul#subnav li a:hover, ul#subnav li a.active {
	background-image:url('../images/subnav-bg-bottom-over.png');
	color:#FFF;
	}

/* CONTENT
-----------------*/

div#content {
	width:799px;
	border-left:1px solid #fff;
	float:right;
	background:url('../images/content-bg.png') repeat-x #fff;
	}
div#left-column {
	width:140px;
	float:left;
	padding:35px 20px;
	}
div#articles {
	width:460px;
	padding:35px 35px 35px 34px;
	float:left;
	}
div#right-column {
	width:240px;
	border-left:2px solid #fff;
	padding:60px 14px 15px 14px;
	float:right;
	margin-top:15px;
	}
div.article, div.image {
	margin-bottom:15px;
	}
div.image {
	font-size:10px;
	color:#aeada2;
	}
div.image img {
	display:block;
	}
div.image span {
	display:block;
	padding:7px 0px;
	}

div#articles .article {
	padding-bottom:20px;
	padding-top:12px;
	background:url('../images/article-end.gif') top left no-repeat;
	}
div#articles .article:first-child {
	padding-top:0px;
	background:none;
	}

	
/* The special top background thingie
------------------------------------*/
	
div#bgtw {
	height:135px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
	background:#fff;
	}
div#bgtw #lbt {
	width:50%;
	float:left;
	background:url('../images/top-bg-left.png') repeat-x;
	height:135px;
	}
div#bgtw #rbt {
	width:50%;
	float:right;
	background:url('../images/blaaner-end-right.png') no-repeat 488px 0px #fff ;
	height:135px;
	}