* {
	margin: 0px auto;
}

/* General  */

body {
	    font-family: Arial;
	    font-size: 12px;
		color: #3d3d3d;
		background: #ececec url(images/bg.jpg);
		background-repeat: repeat-x;
}

	#container {
			width: 960px;
	}
	
	#wrapper {
		width: 960px;
		background:url(images/txt-wrapper.jpg) repeat-y;
		padding: 0 0 30px 0;
		float: left;
	}
	
	#background {
		width: 100%;
		float: left;
		background-image: url(images/bg2.jpg);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	#background-shadow {
		width: 100%;
		float: left;
		background:url(images/bg-shadow.png) no-repeat center top;
	}
	
	#bottom_placeholder {
		width: 960px;
		float: left;
		height: 39px;
		background-image: url(images/txt-background-bottom.jpg);
	}

/* The main units of the design. Left, middle and right  */

#lc  {
	width: 229px;
	float: left;
	border-right: 1px #e2e2e2 solid;
}
	
	#lc h2 {color: #003366;font-size: 24px;font-weight: normal;padding: 15px 0 14px 20px;width: 189;border-bottom: 1px #e2e2e2 solid;}

	#lc h3 {
		width: 189px;
		height: 37px;
		text-indent: -9999px;
		float: left;
		font-size: 16px;
		line-height: 37px;
		color: #000000;
		margin: 0;
		padding: 0 20px 0 20px;
		background-image: url(images/title-main-headline.jpg);
		background-repeat: repeat-x;
	}
	
	#lc h4 {
		font-size: 12px;
	}
	
	#lc dl {
		width: 228px;
		float: left;
	}
	
	#lc dl dd {
		width: 189px;
		border-bottom: 1px #e2e2e2 solid;
		padding: 20px;
		float: left;
	}
	
	#lc dl dt {
		padding: 0 10px 0 20px;
		width: 39px;
		float: left;
	}
	
	#lc dl h2 {
		width: 32px;
		margin: 0 10px 0 0;
		clear: bottom;
		height: 32px;
		padding: 3px;
		float: left;
		color: #fff;
		text-transform: uppercase;
		background-image: url(images/txt-date-bg.jpg);
		font-size: 12px;
		text-align: center;
	}
	
	ul.sub
	
	
	 {
		width: 189px;
		list-style-type: none;
		padding: 15px 20px  15px 20px;
	}
	
		ul.submenu li {
			width: 169px;
			float: left;
			list-style-type: none;
			background:url(images/btn-arrow.gif) no-repeat left center;
			padding: 3px 10px 3px 10px;
		}
	
	a.lc {
		color: #003366;
		background:url(images/btn-arrow-2.gif) no-repeat left center;
		padding: 10px 10px 10px 30px;
		border-bottom: 1px #e2e2e2 solid;
		float: left;
		width: 189px;
		text-decoration: none;
	}
	
	a.lc:hover {text-decoration: underline;}
	
	a.news {
		color: #003366;
		background-image: url(images/btn-arrow.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		float: left;
		text-decoration: none;
	}
	
	a.news:hover {text-decoration: underline;}
	
	
	
	
	
	
	
	
	

#mc {
	float: left;
	width: 498px;
}

#mc p {line-height: 17px;}

	h2.mc {
		width: 478px;
		height: 37px;
		text-indent: -9999px;
		float: left;
		font-size: 16px;
		line-height: 37px;
		color: #000000;
		margin: 0;
		padding: 0 0 0 20px;
		background-image: url(images/title-main-headline.jpg);
		background-repeat: repeat-x;
	}
	
	#innhold {
		width: 458px;
		padding: 20px;
		float: left;
	}
	
/**** KALENDER **************************************/
#kalender {
		width: 458px;
		float: left;
		padding: 15px 20px 30px 20px;
}

	#kalender h2 { font-size: 18px;text-transform: uppercase;}
	#kalender h3 { font-size: 14px;text-transform: uppercase;margin: 15px 0 5px 0;}
	
	p.dato {font-size: 11px;}


	/*** NYHETER **********************************************/
	#headline {
		width: 458px;
		float: left;
		margin: 0 0 30px 0;
	}
	
		#headline h1 {
			float: left;
			line-height: 32px;
			font-size: 30px;
			font-weight: normal;
		}
		
		#headline dl {
			height: 138px;
			width: 458px;
			float: left;
			margin: 0 0 10px 0;
			background: #ececec;
		}
		
		#headline dl dt {
			width: 218px;
			float: left;
			height: 138px;
		}
		
		#headline dl dd {
			width: 200px;
			padding: 20px;
			float: left;
			height: 98px;
		}
		
		#headline img {
			float: left;
			height: 138px;
			
		}
		
	#secondary_news {
		width: 458px;
		float: left;
	}
	
		#secondary_news dl {
			width: 218px;
			float: left;
		}
		
		#secondary_news dl dt {
			width: 218px;
			float: left;
		}
		
		#secondary_news dl dd {
			width: 218px;
			float: left;
		}
		

		#secondary_news h1 {
			color: #531886;
			font-size: 18px;
			font-weight: normal;
			background: #ececec;
			width: 208px;
			padding: 5px;
			margin: 2px 0 2px 0;
		}
		
		.spacing {
			width: 22px;
			float: left;
			height: 120px;
		}
		
		#spacing {
			width: 960px;float: left;height: 37px;background:url(images/title-main-headline.jpg) repeat-x;
		}
		
	#news_list {
		width: 458px;
		float: left;
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-bottom: 1px #e2e2e2 solid;
		border-top: 1px #e2e2e2 solid;
	}
	
		#news_list dl {
			width: 458px;
			float: left;
			margin: 0 0 20px 0;
		}
		
		#news_list dl dt {
			width: 141px;
			float: left;
		}
		
		#news_list dl dd {
			width: 297px;
			float: left;
			margin: 0 0 0 20px;
		}
		
		#news_list h1 {
			font-weight: normal;
			font-size: 18px;
			background: #ececec;
			padding: 3px;
		}
	
	#sokeresultat_wrap {
		width: 458px;
		float: left;
		padding: 15px 20px 30px 20px;
	}
	
	#sokeresultat {
		width: 458px;
		float: left;
		margin: 20px 0 20px 0;
		padding: 20px 0 20px 0;
		border-bottom: 1px #e2e2e2 solid;
		border-top: 1px #e2e2e2 solid;
	}
	
	
		#sokeresultat dl {
			width: 458px;
			float: left;
			margin: 0 0 20px 0;
		}
		
		#sokeresultat dl dt {
			width: 141px;
			float: left;
		}
		
		#sokeresultat dl dd {
			width: 297px;
			float: left;
			margin: 0 0 0 20px;
		}
		
		#sokeresultat h1 {
			font-weight: normal;
			font-size: 18px;
			background: #ececec;
			padding: 3px;
		}

#content {
		width: 458px;
		float: left;
		padding: 15px 20px 30px 20px;
}

#content p {line-height: 18px;color: #000000;}
	
	#content h1 {
		font-size: 30px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}
	
	img.top {
		margin: 0 0 20px 0;
	}
	
		
		
/**** RC ***************************************/


#rc {
	width: 232px;
	float: left;
}

	#rc h3 {
		width: 192px;
		height: 37px;
		float: left;
		font-size: 16px;
		line-height: 37px;
		text-indent: -9999px;
		color: #000000;
		margin: 0;
		padding: 0 20px 0 20px;
		background-image: url(images/title-main-headline.jpg);
		background-repeat: repeat-x;
	}
	
	#rc h2 {color: #003366;font-size: 24px;font-weight: normal;margin: 0 0 5px 0;}
	
	#rc dl {
		width: 232px;
		float: left;
	}
	
	#rc dl dd {
		width: 192px;
		border-bottom: 1px #e2e2e2 solid;
		padding: 15px 20px 15px 20px;
		float: left;
	}
	
	#rc dl dt {
		padding: 20px 10px 0 20px;
		width: 40px;
		float: left;
	}
	
	#rc ul {
		width: 232px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
		background: #f8f8f8;
	}
	
	#rc ul li {
		width: 232px;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		height: 55px;
		border-bottom: 1px #e2e2e2 solid;
	}

/** THE TOP BANNER ELEMENTS GOES UNDER HERE ***/

#banner {
	width: 960px;
	height: 159px;
	float: left;
}

	#logo {
		width: 245px;
		height: 159px;
		float: left;
	}
	
	#weather_valg {
		width: 351px;
		padding: 107px 0 0 0;
		float: left;
		height: 52px;
	}
	
	#weather_valg img {
		float: right;
		margin: 110px 0 0 30px;
	}
	
	#choice {
		width: 364px;
		height: 159px;
		float: left;
	}
	
	#language {
		height: 25px;
		line-height: 25px;
		width: 150px;
		text-align: right;
		margin: 75px 0 10px 0;
		float: right;
	}
	
	#language img {
		margin: 3px 0 0 6px;
	}
	
	#searchbox {
		height: 29px;
		float: right;
		width: 240px;
	}
	
		input.search-btn {
			width: 45px;
			height: 29px;
			float: right;
			border: 0;text-indent: -9999px;
			background:url(images/btn-soek.jpg) no-repeat;
			font-size: 1px;
			color: #ffffff;
			margin:0;
		}
		
		input.searchbox {
			float: right;
			height: 19px;
			width: 180px;
			color: #000;
			padding: 5px;
			border: 0;margin:0;
			background:url(images/txt-soek-input.jpg) no-repeat;
		}

/** THE HEADING ELEMENTS GOES UNDER HERE ***/

a#btn-vinter {width: 93px;height:32px;background:url(images/btn-vinter.jpg) no-repeat top left;display: block;text-indent:-9999px;font-size:0;float: right;}
a#btn-winter {width: 93px;height:32px;background:url(images/btn-winter.jpg) no-repeat top left;display: block;text-indent:-9999px;font-size:0;float: right;}
a#btn-sommer {width: 106px;height:32px;background:url(images/btn-sommer.jpg) no-repeat top left; display: block;text-indent:-9999px;font-size:0;float: right;margin: 0 0 0 5px;}
a#btn-summer {width: 106px;height:32px;background:url(images/btn-summer.jpg) no-repeat top left; display: block;text-indent: -9999px;font-size:0;float: right;margin: 0 0 0 5px;}


ul.mainmenu {
	width: 959px;
	float: left;
	height: 37px;
	color: #fff;
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0px;
	background-image: url(images/txt-mainmenu.jpg);
	background-repeat: repeat-x;



}

	ul.mainmenu li {
		float: left;
		list-style-type: none;
		line-height: 37px;
	}
	
	ul.mainmenu li a {
		float: left;
		list-style-type: none;
		color: #fff;
		line-height: 37px;
		border-right: 1px #58a5d0 solid;
		
		padding: 0 34px 0 33px;
	}
	
	ul.mainmenu li a:hover {
		color: #fff;
		background:url(images/txt-mainmenu-hover.jpg) repeat-x;
		text-decoration: underline;
	}
	
	ul.mainmenu li a#active {
				background:url(images/txt-mainmenu-hover.jpg) repeat-x ; 
	}


#heading {
	width: 960px;
	height: 268px;
	background: #ffffff;
	float: left;
}

	#headerbilde {
		width: 728px;
		height: 268px;
		background: url(images/bannerpicture.jpg) 0 0 no-repeat;
		float: left;
	}
	
	h2.header {
		font-size: 111px;
		color: #fff;
		font-weight: normal;
		float: left;
		margin: 140px 0 0 10px;
		padding: 0;
	}
	
	#weather {
		width: 192px;
		padding: 30px 20px 0 20px;
		height: 238px;
		float: left;
		background: #fff url('images/txt-weather.jpg') no-repeat center top;
	}
	
		#weather h2 {
			font-size: 18px;
			margin: 0 0 20px 0;
			padding: 0;
			font-weight: normal;
		}
		
		#weather h3 {
			color: #003366;
			font-size: 12px;
		}
		
			p.weather {
				font-size: 11px;
			}
			
				#weather dl {
					width: 172px;
					font-size: 11px;
					float: left;
				}
				
				#weather dl dt {
					width: 80px;
					font-weight: bold;
					float: left;
				}
				
				#weather dl dd {
					width: 80px;
					float: left;
				}
	
	p.grader {
		font-size: 30px;
		margin: 0 0 15px 0;
		color: #003366;
	}

	#logo_wrap {
		margin: 40px 0 20px 0;
		padding: 20px;
		float: left;
		text-align: left;
		width: 189px;
	}
	
	#logo_wrap img {
		margin: 0 0 20px 0;
		position: center;
	}

	
/*** FORMS ETC. *************************************************
****************************************************************/

input.newsletter {
	width: 140px;
	height: 22px;
	padding: 6px 0 0 4px;
	float: left;
	border: 0;
	background-image: url(images/txt-input-newsletter.jpg);
	background-repeat: no-repeat;
}

input.search {
	width: 46px;
	text-indent: -9999px;
	font-size: 1px;
	color: #fff;
	border: 0;
	height: 29px;
	background-image: url(images/btn-signon.jpg);
	float: left;
}
	
	
/*** FOOTER ***************************************************/
#footer {
	width: 920px;
	background:url(images/bottom-shadow.png) no-repeat left top;
	float: left;
	padding: 20px;
	line-height: 18px;
}

#footer a {color: #3d3d3d;}

/*** TEXT STYLES **********************************************/
h1, h2, h3, h4, h5, h6 {color: #003366;}


p.date {
	color: #888888;
	margin: 6px 0 2px 0;
}

a {outline: 0; color: #003366;text-decoration: none;}
a:hover {text-decoration: underline;}
	
	img { border:0; }
