/* =THE BIG GUYS */
html {margin:0;padding:0}
body {
	background:#DCDEDF;
	margin:0;
	padding:0;
	color:#0B3668;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

/* =LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link,a:hover,a:visited {color:#003399} 
a:active {color:#CC3300}

/* Read more */
a.readmore {
	background: transparent url(../wsimages/read-more.gif) no-repeat;
	width: 84px;
	height: 19px;
	display: block;
	text-indent: -999em;
	float: left;
	margin-top: 5px;
}

a.readmore:hover {
	background-image: url(../wsimages/read-more-hover.gif);
}

a.teaserImageContainer {
	height: 110px;
	width: 100px;
	display: block;
	overflow: hidden;
	float: right;
}

.teaser h3 a:link, .teaser h3 a:visited, .teaser h3 a:active {
	color: #000000;
	text-decoration: none;
}
.teaser h3 a:hover {
	color: #003399;
}

/* =GENERAL */
form {margin:0}
img {border:none}
img.teaserImage {display: block; margin: 0 auto;}
hr {margin: 1em 0;background:#E3E8EE;height:1px;color:#E3E8EE}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* =HEADINGS */
h1, h2, h3, h4, h5, h6 {color:#000; margin-bottom: 0.5em;}
h1 {font-size: 150%}
h2 {font-size: 130%}
h3 {font-size: 116%}
h4 {font-size: 106%}
h5 {font-size: 96%}
h6 {font-size: 86%}

/* =TYPOGRAPHY */
p {margin: 0 0 1.5em}
ul, ol {margin-top:0}

/* =LAYOUT =HEADER */
	#top {
		width: 750px;
		height: 68px;
		border: solid #000000 1px;
		background-color: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	#meny {
		width: 752px;
		height: 19px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		display: block;
	}

	#nav, #nav ul {padding: 0;margin: 0;list-style: none;line-height: 1}
	#nav {font-weight:bold;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer} 
	#nav a:link {color:#ffffff} 
	#nav a:visited {color:#ffffff} 
	#nav a:hover,a:active {color:#FFC600} 
	#nav a {
		display: block;
		width: 109px;
		height: 16px;
		padding-top: 4px;
		padding-left: 15px;
		background-image: url(../images/navbg_2.gif);
		background-position: right;
		border-left: solid 1px #000;
	}
	#nav li {float: left; width: 125px; display:block; background-image: url(../images/navbg_2.gif);}
	#nav li li {float: none;border-bottom:1px solid #3F6AB7}
	#nav li ul {position: absolute;background: #000;font-weight:normal;width: 10em;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: auto}
	#nav li.active {
		background-image: url(../images/navbg_1.gif);
	}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:active {
		background-image: url(../images/navbg_1.gif);
		color: #000000;
	}
	
	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	
	/* hide from IE mac \*/
	#search {width:auto}
	/* end hiding from IE5 mac */

/* =LAYOUT GENERAL */
#contentWrap {background: #fff url("../wsimages/content_wrap_bg.gif") repeat-x 0 0;border-top: 1px solid #fff}
#content {
	width: 720px;
	border: solid #000000 1px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	}

/* =LAYOUT TYPE B */
#typeB #contentWrap {background: #fff url("../wsimages/content_wrap_2_bg.gif") repeat-y 0 0}
#typeB #utility {float:left;width:165px;margin-top:0px}
#typeB #content {margin: 0 30px 0 190px}

/* =LAYOUT TYPE C */
#typeC #contentWrap {background: #fff url("../wsimages/content_wrap_2_bg.gif") repeat-y 0 0}
#typeC #utility {float:left;width:165px;margin-top:0px}
#typeC #content {float:left;margin: 0 0 0 20px;width:40%;display:inline}
#typeC #contentSecondary {width:32%;float:right;margin: 0 20px 0 0;display:inline;margin-top:34px}

/* =SECONDARY NAVIGATION */
#navSecondary, #navSecondary li {list-style: none;margin:0;padding:0}
#navSecondary {padding-top:0}
#navSecondary a {line-height:1.8;padding: 5px 0 5px 31px;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px 2px;font: bold 86% arial;display:block;width:130px}
#navSecondary a, #navSecondary a:link, #navSecondary a:visited, #navSecondary a:hover, #navSecondary a:active {text-decoration:none;cursor:pointer} 
#navSecondary a:link {color:#000} 
#navSecondary a:visited {color:#000} 
#navSecondary a:hover, #navSecondary a:active, #navSecondary li.active a:link, #navSecondary li.active a:visited {color:#E17000;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px -48px} 
#navSecondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* =SECONDARY NAVIGATION - 2nd TIER */
#navSecondary ul {margin: -4px 0 1em 32px}
#navSecondary li.active li a, #navSecondary li.active li a:link, #navSecondary li.active li a:visited {line-height:1.5;background:transparent;padding:0;font-weight:normal;width:auto;display:inline;color:#000}
#navSecondary li.active li a:hover, #navSecondary li.active li a:active {background:transparent;color: #E17000}
#navSecondary li.active li {border: none}

#navSecondary li.active li.active a:link, 
#navSecondary li.active li.active a:visited, 
#navSecondary li.active li.active a:hover, 
#navSecondary li.active li.active a:active {font-weight:bold}

/* =SECONDARY NAVIGATION - 3rd TIER */
#navSecondary ul ul {margin: 0 0 1em 15px}
#navSecondary li.active li.active li a:link, 
#navSecondary li.active li.active li a:visited, 
#navSecondary li.active li.active li a:hover, 
#navSecondary li.active li.active li a:active {font-weight:normal}

/* TEASER LAYOUT (by Trond) */
.teaser {
	float: left;
	display: block;
	width: 340px;
	height: 150px;
	margin-right: 15px;
	padding-bottom: 30px;
}

/* =LAYOUT =FOOTER */
#sokefelt, #footer {
	color:#FFFFFF;
	text-align:center;
	background-image: url("../images/bar_back.gif");
	width: 750px;
	height: 26px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	background-repeat: no-repeat;
}
#footer {
	padding-top: 6px;
	}

input, select
		{
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

#sokknapp
		{
		margin: 0;
		padding: 2px;
		background-color: #ccc;
		border: solid 1px #000;
		}

#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFC600;
}
	#footer p {margin:0}


#bannerwrapper
		{
		width: 730px;
		padding: 10px;
		display: block;
		margin: 0 auto;
		border: solid 1px #000;
		background-color: #fff;
		margin-top: 5px;
		}

#bigbanner
		{
		display: block;
		margin: 0 auto;
		}

#soketabell
		{
		border-top: solid 1px #D6D6D6;
		}

table#soketabell img
		{
		padding: 0;
		margin: 0;
		border: 0;
		float: none;
		vertical-align: bottom;
		}

#soketabell td
		{
		border-bottom: solid 1px #D6D6D6;
		padding-bottom: 3px;
		padding-top: 3px;
		vertical-align: bottom;
		}

#soketabell td a
		{
		text-decoration: none;
		}

#soketabell tr.one td
		{
		background-color: #E8E8E8;
		}

#soketabell td.head
		{
		padding: 0;
		border: none;
		}

#soketabell h1,
#soketabell h2,
#soketabell h3,
#soketabell h4,
#soketabell h5,
#soketabell h6
		{
		margin-bottom: 0.05em;
		}

#soketabell tr.fetoppforing td
		{
		margin-bottom: 5px;
		}

#soketabell tr.fetoppforing td
		{
		border-bottom: solid 3px #D6D6D6;
		}
		
.idlform {
	margin-top: 15px;
	}
	
.idlform fieldset {
	border: 0px;
	}
	
.idlform fieldset .formline {
	margin-top: 10px;
	}
	
.idlform fieldset .statictext {
	margin-top: 10px;
	margin-bottom: 0px;
	}
	
.idlform fieldset label {
	float: left;	
	width: 150px;
	clear: left;
	}
	
	/* ----------- Some default styling for idlForm validation handling ------------- */

	div.idlform_errorMessage {		width:500px;
									padding:10px;
									border:solid 1px #F00;
									background-color:#FED;
									}

	div.idlform_errorMessage span.label {
									display:block;
									float:left;
									width:250px;
									margin-right: 15px;}

	div.idlform_errorMessage span.errortext {
									color:#F00;}

	form.idlform label.error {		border:none;
									color:#F00;}