/*
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- DIVERSE STYLES
*/



/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
|                                                            |
| -------------header--------------------------------------- |
| |    contains: logo, localoffices, print, fontsize       | | 
| |    PS: localoffices is not in use                      | |
| ---------------------------------------------------------- |
|                                                            |
| --------------mainNav------------------------------------- |
| | -------------nav---------------   -----searchpanel---  | |
| | |                             |   |    not in use   |  | |
| | -------------------------------   -------------------  | |   
| ---------------------------------------------------------- |
|                                                            |
| ---------------------breadcrumbs-------------------------- |
| |                    not in use                          | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------contentWrapper------------------------ |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 1                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |                                  |  | |
| | |  content   |   |      content                     |  | |
| | | goes here  |   |     goes here                    |  | |
| | |            |   |                                  |  | |
| | |            |   |                                  |  | |
| | --------------   ------------------------------------  | |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 2                   / |
| | ----col1------   ------col2----------   ----col3-----  | |
| | |            |   |                  |   |           |  | |
| | |  content   |   |   content        |   |  content  |  | |
| | | goes here  |   |  goes here       |   | goes here |  | |
| | |            |   |                  |   |           |  | |
| | |            |   |                  |   |           |  | |
| | --------------   --------------------   -------------  | |
| |                                                        | |  
| /                 LAYOUT ALTERNATIVE 3                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |  --innerCol2--  ---innerCol3---  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |  content   |   |  |  content  |  |   content   |  |  | |
| | | goes here  |   |  | goes here |  |  goes here  |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  -------------  ---------------  |  | |
| | --------------   ------------------------------------  | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------footer-------------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/








/* 
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES 
---------------------------------------------------------------------------------------------
*/
body { 
	font-size:76%;
	font-family: Verdana, Lucida Sans, LucidaGrande,verdana, arial,sans-serif;
	margin:0;
	background:url(../images/bg_bright.jpg) no-repeat #000000;
}
h1 {
	font-family: Verdana, Lucida Sans, LucidaGrande, Arial, verdana, sans-serif;
	color:#db1b26;
	font-weight:bold;
	font-size:2.4em;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:0px;
	}
.content-col2 h2 {
	font-family: Verdana, Lucida Sans, LucidaGrande, Arial, verdana, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:5px;
	}
h2	{
	font-family: Verdana, Lucida Sans, LucidaGrande, Arial, verdana, sans-serif;
	color:#db1b26;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:15px;
	}
.kontakt .rubrikk .right_h2 h2 {
	margin-bottom:5px;
	}

p {
	line-height:1.8em;
	margin-top:0;
	}
ul {}
ol {}
li {}

/*RIKTIG REKKE: LoVe HAte*/
a:link 
{
	color:#36A7E9;
	text-decoration:none;
}
a:visited 
{
	color:#36A7E9;
		text-decoration:none;
}
a:hover 
{
	color:#36A7E9;
	text-decoration:underline;
}
a:active 
{
	color:#36A7E9;
		text-decoration:none;
}
form {margin:0;padding:0;}




/* 
---------------------------------------------------------------------------------------------
CONTAINER STYLES 
---------------------------------------------------------------------------------------------
*/
div.wrapper {
	width:930px;
	margin:0;	
	margin:0 auto;
	font-size:0.8em;

	padding:0;
	margin-top:20px;
	}
	
div.printLogo {
	}
div.header {
	float:right;
	background:url(../images/meny/english.png) no-repeat;
	height:15px;
	width:135px;
	text-align:center;
	margin:0;
	padding:0;
	
	}
div.logo {}
div.search {
	height:32px;
	width:208px;
	float:left;
	margin-bottom:20px;
	padding-top:10px;
	padding-right:10px;
	}
.search .button {
	float:right;
	width:49px; 
	border:0;
	padding:0;
	}	
	
.search input {
	border:solid #363636 1px;
	float:left;
	width:140px;
	padding-right:10px;
	font-size:1.0em;


	padding:3px 0 2px 5px;
	color:#000000;
		 
	}	
div.menu {
	margin:0;
	padding:0;	
	width:930px;
	background:url(../images/meny/center.gif) repeat-x;
	height:42px;
	font-family: Verdana, Lucida Sans, LucidaGrande, Arial, verdana, sans-serif;
	margin-bottom:20px;
	float:left;
	}
.menu_border {
	float:left; 
	width:2px; 
	height:42px;
	}	
div.contentWrapper div.menu {background-color:yellow;width:200px;}
div.breadCrumb {}



div.content-col1 {
	width:670px;
	float:left;
	}
.rubrikk {
	width:630px;
	padding:20px;
	background:#ffffff;
	margin-bottom:20px;
	overflow:hidden;
	}
		
.left_col {
	float:left;
	width:305px;
	padding-right:10px;
 
	}	
.rubrikk  img{
	/*float:left;*/
	float:right;
	width:280px;
	
	}	
.rubrikk_tekst {
	float:left;
	width:330px;
	padding-right:10px;
	
	}
.rubrikk_tekst_nopic {
	float:left;
	width:630px;
 
	}
	
	


div.content-col2 {
	float:left;
	width:240px;
	float:right;
	color:#ffffff;
	}
.priseksempler {
	background:url(../images/large_box.gif) no-repeat top #000000;
	width:220px;
	margin-bottom:20px;
	padding:10px;
	line-height:15px;
	padding-bottom:20px;
	
	}
 
 
 
			
.utregning {
	color:#000000;
	display:block;
	padding:35px 0 0 25px;
	}
.sum {
	font-weight:bold;
	font-size:1.2em;
	}			
.box {
	background:url(../images/box.jpg) no-repeat top #000000;
	width:220px;
	margin-bottom:20px;
	padding:10px;
	padding-bottom:20px;
	
	}
.login {
	 
	background:url(../images/small_box.gif) no-repeat #000000;
	}	
.box input {
	font-size:1.0em;
	padding:0 0 0 5px;
	color:#000000;
	float:left;
	width:150px;
	margin-top:10px;
	}

.kontakt .rubrikk input {
	font-size:1.2em !important;
	margin-bottom:10px;
	padding:0 0 0 5px;
	color:#000000;
	float:left;
	width:255px;
	 
	}	
textarea {
	width:255px;
	padding:0 0 0 5px;
	height:110px;
	}	
select {
	font-size:1em;
	width:160px;
	margin-top:10px;
	float:left;
	}
.kontakt .rubrikk select {
	font-size:1.2em !important;
	width:265px;
	margin-bottom:10px;
	}	
.submit {
	width:130px !important;
	font-size:1.2em !important;
	}		
.box .button,
.priseksempler .button  {
	font-size:0.8em;
	padding:0 0 0 5px;
	color:#ffffff;
	float:right;
	width:49px;
	
	
	}
.priseksempler .button  {
	margin-top:10px;
	}	
.box .float_left {
	float:left;
	width:150px;
	}	
.utregning .button {
	border:0 !important;
	padding-top:20px !important;
	}
.button
{
	/*background:url(../images/button.gif);*/
}			
.button a
{
	color:#ffffff;
}
.customerlogin
{
	float:right;
}
.box p {
	margin-bottom:4px;}		
	
		
div.content-col3 {background-color:gray;float:left;width:200px;}
div.footer {
	width:32px;
	height:13px;
	margin-bottom:25px; 
	padding:0;
	}
.footer img {
	border:0;
	}	





/* 
---------------------------------------------------------------------------------------------
SPAN STYLES 
---------------------------------------------------------------------------------------------
*/







/* 
---------------------------------------------------------------------------------------------
HEADLINE STYLES 
---------------------------------------------------------------------------------------------
*/







/* 
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES 
---------------------------------------------------------------------------------------------
*/





/* 
---------------------------------------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------------------------------------
*/

div.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	height:42px;
	width:668px;
	float:left;
	padding:0 20px 0 20px;

	}
div.menu ul li {
	margin:0;
	padding:0;
	display:inline;
	text-transform:uppercase;
	height:42px;
	}
div.contentWrapper div.menu ul {margin:0;padding:0;display:block;list-style:none;}
div.contentWrapper div.menu ul li {margin:0;padding:0;display:block;}



/* 
---------------------------------------------------------------------------------------------
LINK STYLES 
---------------------------------------------------------------------------------------------
*/


a.nav1:link,
a.nav1:visited,
a.nav1:active {
	display:block;
	float:left;
	color:white;
	text-decoration:none;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 30px 0 0;
	}
a.nav1:hover { text-decoration:underline; }

.header a:link,
.header a:visited,
.header a:active {
	text-decoration:none;
	color:#363636;
	}
.header a:hover {
	text-decoration:underline}	
	
	
.content-col2 a:link,
.content-col2 a:visited,
.content-col2 a:active {
	color:#ffffff;}	



.logo_lenke a, 
.logo_lenke a:link,
.logo_lenke a:visited,
.logo_lenke a:active,
.logo_lenke a:hover
{
	position:relative;
	z-index:500;
	width:144px;
	height:56px;
	border:0
}

.logo_lenke img {
	border:0;
}

/* 
---------------------------------------------------------------------------------------------
IMAGE STYLES 
---------------------------------------------------------------------------------------------
*/






/* 
---------------------------------------------------------------------------------------------
TABLE STYLES 
---------------------------------------------------------------------------------------------
*/

.taksttabell table {
	width:620px !important;

	 
	}
.taksttabell td, th {
	border:#bed8f1 1px solid;
	padding:4px;
	text-align:left;
	vertical-align:top;

	width:10%;
	}
.taksttabell tr {

	
	}	
.taksttabell th {
	background:#bed8f1;
	text-transform:uppercase;
	color:#003a7b;
	}
.taksttabell td.left_over {
	width:22%;
	font-weight:bold;
	}	
.taksttabell td.left_under {
	font-weight:bold;
	vertical-align:middle;
	}
.taksttabell tr.header {
	color:#003a7b;
	font-weight:bold;
	}		
	




/* 
---------------------------------------------------------------------------------------------
FORM STYLES 
---------------------------------------------------------------------------------------------
*/







/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/
div.clearer, span.clearer 
{
	clear:both;
	font-size:1px;
	line-height:1px;
	background:green;
}
.hiddenTxt {position: absolute;left: -1000px;width: 900px;}

.space {
	height:20px;
}
.defaultHide { DISPLAY: none; WIDTH: 148px }
.printLogo img, .content-col2 img
{
	border:0;	
}
.logo_since img
{
	float:right;
}