/******* CSS Screen Document ********/

 
body {
	background-image: url(../grafikk/background.gif);
	background-color: #e0dcdc;
	background-repeat: repeat-x;
	padding:0;
	margin : 0px;
	margin-top: 25px;
	text-align: center;
}
img {
	border:0;
}
img.img_front {

	width:260px;
	padding:0 10%;}

a, a:link, a:active, a:visited  {
	margin:0;
	padding:0;
	color:#606068;
X	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}




 

h1 {
	font-size:1.6em;
	color:#606068;
	padding-bottom:10px;
	border-bottom:1px solid #D4D5D6;

}

h2 {
	background:#bebdbd;
	color:#ffffff;
	font-weight:normal;
	padding:5px;
	font-size:1.2em;
	text-transform:uppercase;

}
#accordion h2 {
	background:none;
	text-transform:capitalize;
	font-weight:bold;
	padding-left:15px;
	background:url(../grafikk/arrow.gif) no-repeat 0px 10px;
	padding-bottom:0px;	
	}
.priser h2 {
	width:500px;
	padding:1px;
	text-transform:lowercase;
	margin:10px 0;
	color:#333333;}	
.priser p {
	padding:0;
	margin:0;}	
h3 {
	color:#fe7e23;
	font-size:1.5em;
	text-transform:uppercase;
	font-style:italic;
	}
.clearer {
	clear:both;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
	}		
p {
	color:#606068;
	line-height:1.2em;}
ul li{
	color:#606068;
	list-style:square;}	
p.ingress {
	font-weight:bold;}	
	
.content_left p {
	color:#606068;
	font-size:1.0em;
	margin:0;
	padding:0;
	margin-bottom:5px;
	line-height:1.3em;}	




/*************************************
********** header ********************
*************************************/


div.header {
    margin: 0px auto;
	width: 990px;
	background-color:white;
	text-align:center;
	float:left;
	overflow:hidden;
}

div.header a {
	height:130px;
	display:block;}
/*************************************
********** main ********************
*************************************/
div.master_wrapper {
    margin: 0px auto;
	font-size: 80%;
	font-family: Arial, sans-serif;
	margin-top:0;
	padding-top:0;
	width: 990px;
	text-align:left;
	overflow:hidden;
	margin-bottom:20px;
}


div.wrapper {
    margin: 0px auto;
	margin-top:0;
	padding-top:0;
	width: 990px;
	text-align:left;
	overflow:hidden;
	background:url(../grafikk/bg_content.gif) repeat-y;
}

/*************************************
************ content *****************
*************************************/

div.content_left {
	width: 180px;
	float:left;
	padding:10px;
}
div.content_left ul,
div.content_left ul li,
div.content_left ul li a{
	color:#606068;
	list-style:none;
	font-weight:normal;
	margin:0;
	padding:0;
}

div.content_bg {
	
	margin-left: 200px;
	margin-top:15px;
	width:650px;
	height:330px;
	margin-right:5px;
	background-color:#FFFFFF;
	background: url(../grafikk/bakgrunn_bak2.gif);
	background-repeat:no-repeat;
	 

}

div.content_bg_referanser {
	
	padding-top:25px;
	width:700px;
	margin: 0 auto;
	text-align:center;
	 
}

div.content_main {
	background:url(../grafikk/bokstav_bakgrunn.gif) no-repeat center;
	float:left;
	margin:0 0 0 10px;
	padding:10px;
	width:760px;
	font-size:1.1em;
	
	 
}
div.content_main .left,
div.content_main .right{
	float:left;
	width:370px;
	
	}
div.content_main .left {
	margin-right:20px;
	}	
div.content_main ul{
	line-height:1.2em;
	padding:0px;
	margin:0;
	}
div.content_main ul li{
	margin-bottom:5px;
X	list-style:url(../grafikk/arrow.gif);
list-style:none;
	background:url(../grafikk/arrow.gif) no-repeat 0 5px;
	padding-left:20px;
	
	
	}	


/*************************************
********** footer ********************
*************************************/
div.footer  {
	clear:both;
	display: block;
	text-align:center;
	overflow:hidden;
	width: 990px;
 
 
}
div.footer, div.footer a {
	color:#FFFFFF;
}
div.footer .left {
	float:left;
	width:200px;
	background:#bebdbd;
	margin-right:10px;
	overflow:hidden;
	}
div.footer .right {
	float:right;
	width:780px;
	background:#bebdbd;
 
	}
	


/*************************************
************* nav ********************
*************************************/


#list-menu {
	width: 990px;
	background:#cccccc;
	margin: 0 auto;
	margin-bottom:0;
	padding-bottom:0;
}

#list-menu ul {
	width: 990px;
	display:block;
	float:left;
	background:#bebdbd;
	margin: 0; 
	padding: 0;
 	list-style-type: none;
} 

#list-menu li {
	float:left;
	height:31px;
	line-height:31px;
	list-style:none;
} 

#orange_square
{
	list-style-image:url(../grafikk/menypunkt.gif)}

#list-menu a {
	background: #cccccc;
	text-decoration: none; 
	display:block;
	font-size:1.2em;
	padding:0 20px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
	color: #ffffff;
	background-color:#bebdbd;
}

 
#list-menu .selected a
{
	background: #f86e12;
	color: #000000;
	 
}
#list-menu .selected a:link, #list-menu .selected a:active, #list-menu .selected a:visited {
	color: #ffffff;
	background: #f86e12;
}

#list-menu a:hover {
	background: #f86e12;
	color: #ffffff;
} 



/*************************************
************* referanser ********************
*************************************/

 div.referanse {
  border: 2px dotted #F78233;
  background-color: #F6F4F2;
  padding: 10px;
  width:700px;
  margin: 0px;
  text-align:left;
  margin-bottom:15px;
  height:200px;
}
div.referanse .ref-text {
  width: 300px;
  float: left;
  font-size:95%;
  
}
div.referanse .ref-img {
  float: left;
  width: 218px;
  margin-left: 100px;
 }
div.referanse img{

border:1px #cccccc;
}
div.referanse .ref-clear {
  clear: left;
  height: 10px;
}
div.referanse .heading1 {
font-size: 100%;
font-weight:bold;
padding-bottom:5px;
text-transform:uppercase;

}

div.referanse .heading2 {
font-size: 100%;
font-weight:lighter;

}

/*************************************
************* skjema ********************
*************************************/

.col01{
  float:left;
  margin-bottom: 5px;
}

.col02{
  margin-left: 110px;
  margin-bottom: 5px;
}