/* CSS FOR PROMIS INTERNETT
   Copyright 2008 Espen André Lund, Objectware AS

---------------------------------------------------------- */


/* main
---------------------------------------------------------- */

body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #e6f5fb;
	background-image: url('../Images/bg_body.gif');}

p{
	margin: 0;
	padding: 0;}

h1{
	font-size: 26px;
	color: #009EE0;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: normal;}

h2{	font-size: 20px;
	color: #009EE0;
	font-weight: normal;
	margin: 0;
	padding: 0;}

h3{	
	font-size: 16px;
	line-height: 24px;
	color: #999;
	margin: 0;
	padding: 0;
	font-weight: bold;}

img{
	border: 0;}

a:link, a:active, a:visited{
	color: #009EE0;
	font-weight: bold;
	text-decoration: underline;}

a:hover{
	text-decoration: none;}


/* sections
---------------------------------------------------------- */

#wrapper{
	margin: 0 auto;
	width: 940px;}

#header{
	float: left;
	width: 940px;
	margin-bottom:5px;}
	
#logo{
	float: left;
	width: 170px;
	padding-right: 10px;}

#banner{
	float: left;
	width: 582px;}
	
#topnavigation{
	width: 173px;
	float:left;
	}
	
	#topnavigation ul{
	margin: 0;
	padding: 0;
	list-style: none;}
	
	/*IE5+IE6 hack*/
	*html #topnavigation{
	width: 168px;}
		
	/*IE5+IE6 hack*/
	*html #topnavigation li{
	width:168px;}
		
	#topnavigation li{
	float: left;
	width:173px;
	margin-right: 5px;
	margin-bottom: 3px;
	height: 17px;
	line-height:1px; /* Firefox hack */
	font-size: 11px;
	background-color: #b0afaf;
	background-position: left;
	background-repeat: no-repeat;}
	
	#topnavigation img{
	padding-right: 5px;
	line-height: 16px;
	vertical-align: top;}
	
	#topnavigation li.blank{
	background-image: none;
	width: 88px;}
	
	#topnavigation a{
	color: #ffffff;
	line-height:20px;
	text-decoration: none;
	font-weight: normal;
	line-height: 15px;
	vertical-align: top;}
	
	/*IE7 hack*/
	*html #topnavigation a+html{
	vertical-align: super;}

	/*IE5/IE6 hack*/
	*#topnavigation a{
	vertical-align: super;}

#navigation{
	float: left;
	width: 940px;
	padding-top: 5px;
	padding-bottom: 10px;}
	
	#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;}
	
	#navigation li{
	float: left;
	padding-left: 20px;
	padding-right: 55px;
	margin-right: 5px;
	height: 17px;
	background-color: #b0afaf;
	background-image:url('../Site/Images/arrow_blue.gif');
	background-position: left;
	background-repeat: no-repeat;}
	
	
	
	#navigation a{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	vertical-align: text-top;
	text-transform: uppercase;}

#content{
	float: left;
	padding: 20px;
	width: 895px;
	background-color: #ffffff;}

#content_left{
	float: left;
	padding-right: 15px;
	width:660px;}
	
	#content_left p{
	}

.main_article{
	float: left;
	margin-bottom: 15px;}
	
	.main_article img{
	vertical-align: top;
	padding: 3px;
	margin: 10px 10px 5px 0;
	border: 1px solid #cfcecf;}
	
	.main_article p{
	padding-top: 10px;}
	
.sub_article{
	float: left;
	width: 300px;}
	
	.sub_article img{
	float: left;
	vertical-align: top;
	padding: 3px;
	border: 1px solid #cfcecf;
	margin: 5px 10px 5px 0;}

	.sub_article p{
	border: 0;
	padding: 0;
	margin: 0;}

.left{
	padding-right: 20px;
	font-weight:normal;}
	
.right{
	border-left: 1px solid #cfcecf;
	padding-left: 20px;}

.hr{
	float: left;
	height: 1px;
	background-color: #cfcecf;
	margin-bottom: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0;}

.published{
	float: left;
	width: 660px;
	font-size: 10px;
	color: #666666;
	border-top: 1px solid #cfcecf;}

#content_right{
	float: left;
	width: 200px;}
	
#footer{
	float: left;
	color: #b0afaf;
	font-size: 10px;
	padding: 10px;}

.box{
	float: left;
	width: 200px;
	padding-bottom: 20px;}
	
	.box .title{
	width: 202px;
	float: left;
	height: 15px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 11px;
	background-color: #b0afaf;
	background-image:url('../Images/arrow_gray.gif');
	background-position: left;
	background-repeat: no-repeat;
	vertical-align: text-top;
	text-transform: uppercase;}
	
	.box .content{
	float: left;
	width: 200px;
	border-left: 1px solid #b0afaf;
	border-right: 1px solid #b0afaf;
	border-bottom: 1px solid #b0afaf;
	border-top: 1px solid #b0afaf;
	padding: 10px;
	margin-bottom: 20px;}
	
	.box .content p{
	}

.tjenester_wrapper{
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cfcecf;}
	
	.tjenester_wrapper h2{
	padding: 6px 0 0 0;
	margin: 0;}
	
	.tjenester_wrapper p{	
	padding: 0;
	margin: 0;}	

#nav, #nav ul {
	padding:0 0 0 0; 
	margin:0; 
	list-style:none; 
	/*height:120px; */
	background-color:#fff; 
	z-index:200;}

#nav {
	height:19px; 
	background-color: #E6F5FB; 
	margin-bottom:0px; 
	margin-top:0px;}

#nav li {
	float:left; 
	margin-right:5px; 
	background-color: #b0afaf; 
	margin-top:0px;
	margin-bottom:5px;	
	background-image:url('../Images/arrow_blue.gif');
	background-position: left;
	background-repeat: no-repeat;}

#nav li li {
	float:none; 
	margin-top:2px; 
	margin-bottom:0px;}

/* a hack for IE5.x and IE6 */
* html #nav li li {
	float:left;
	margin-bottom: 1px;
	width: 285px;}

#nav li a {
	display:block; 	
	font-weight:normal; 
	float:left; 
	color: #ffffff; 
	margin:0 49px 0 20px; 
	height:17px; 
	line-height:17px; 
	text-decoration:none; 
	white-space:nowrap;}


	*html #nav li a {
	margin:0 30px 0 10px;}

#nav li li a {
	height:17px; 
	font-weight:normal; 
	color:#fff; 
	padding:0 16px 0 0px;
	line-height:17px; 
	float:none;}

	* html #nav li li a {
	padding:0 16px 0 10px;}

#nav li:hover {
	position:relative; 
	z-index:300;}

#nav li:hover ul {
	left:0; 
	top:17px;}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:0px;}

#nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-15px; 
	margin-left:100%; 
	top:-1px;}

/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto;}

/* show path followed */
#nav li:hover > a {
	text-decoration: none; 
	color:#fff;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left:-15px; 
	margin-left:100%; 
	top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{
	position:absolute; 
	left:-9999px;
	top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a{
	text-decoration:none; 
	color:#fff;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a{
	text-decoration:none; 
	color:#fff;}

#nav li.blank{
	background-image: none;
	width: 185px;}

*html #nav li.blank{
	background-image: none;
	width: 160px;}