/* CSS før hafslund.no ny design */

html {
	height: 100%;
	min-height: 100%;
}
#hafslundPath a {
	font-size: 10px
}
#hafslundPath {
	font-size: 10px;
	margin-bottom: 10px;
	position:absolute;
	top:130px;
	left:115px
}
body {
	font-family:  Arial, Helvetica, sans-serif, verdana;
	font-size: small;
	height: 100%;
	min-height: 100%;
}
body.hafslundBody {
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 90px;
	background-image: url('/designImages/WEB_forside10_topp.jpg');
	background-repeat: repeat-y;
	background-color: #d3cdb5;
}
/*********************************/
/*  These two rules make all tables behave as if 
		cellspacing=0, cellpadding=0 border=0  */ 
table {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}
td {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}
hr {
	height:1px;
	border:none;
	color:#d0d0d0;
	background-color:#d0d0d0;
}

img.ManualHR {
	padding-left: 0px;
	width: 93%;
	height: 1px;
	border: none;
}




/****************  Links ***************************/

a {
	text-decoration: none;
	color: Black;
}
 div > a[href$='.pdf'], .HK_box2 > div > a[href$='.pdf'], .HK_box > a[href$='.pdf'], a[href$='.pdf'] {
 padding-left: 20px;
 background-image:  url('/images/ikoner/pdf.gif');
 background-repeat: no-repeat;
 background-position:left center;
}
 div > a[href$='.pdf']:hover, .HK_box2 > div > a[href$='.pdf']:hover, .HK_box > a[href$='.pdf']:hover, a[href$='.pdf']:hover {
 padding-left: 20px;
 background-image:  url('/images/ikoner/pdf.gif');
 background-repeat: no-repeat;
 background-position:left center;
}
p > a {
	text-decoration: underline;
}
a:hover {
	cursor: pointer;/* text-decoration: underline; */
}
* * *.UtenIkone {
	padding-left: 0px !important;
	padding-right: 0px;
	margin-left:0;
	background-image:  none !important;
	cursor: pointer !important;
}
* * *.UtenIkone:hover {
	padding-left: 0px !important;
	padding-right: 0px;
	margin-left: 0px;
	background-image:  none !important;
	cursor: pointer !important;
}



/*********************************/



#footer {
	margin-top: 20px;
	font-size: 11px;
	width: 100%;
	text-align: center;
	color: #555555;
}
#footer a {
	margin-top: 20px;
	font-size: 11px;
	width: 100%;
	text-align: center;
	color: #555555;
}
/********************************* Artikkel design   **************************************************************/


/* Design før artikkler.   Artikkler må ligge i en <div class="divArtikkel">  </div> før att få denna designen */

.divArtikkel, .divProdukt, .divKategori, *.Standard {
	color: #444444;
}
h1 {
	color: #005a8b;
	font-weight: bold;
	font-size: 36px;
	margin-top: -2px;
}
h2 {
	color: #005a8b;
	font-weight: bold;
	font-size: 20px;
}
h3 {
	color: #005a8b;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
p {
	margin-top: 3px;
	font-size: 12px;
}

li 
{
	font-size: 12px;
}
.divArtikkel p > a, .divProdukt p > a, .divKategori p > a, *.Standard p > a, li > a {
	text-decoration: underline;
}
.divArtikkel p > a:hover, .divProdukt p > a:hover, .divKategori p > a:hover, *.Standard p > a:hover, li > a:hover {
	color: #005a8b;
}
.divArtikkel img.HovedBilde, .divProdukt img.HovedBilde {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 21px;
}
/********************************* Produkt design   **************************************************************/
/* brukes bla av /privat/produkter/underkategori.asp

/* Design før artikkler.   Artikkler må ligge i en <div class="divArtikkel">  </div> før att få denna designen */


/********************************* Produkt design   **************************************************************/
/* brukes bla av /privat/produkter/vis_kategori.asp  */


.divKategori h1 {
		font-size: 26px;
}
/* Pretty "forside" boxes with a vague shadow around  */


table.shadow_table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	width: 209px; /* this need fix for IE7   */
}
table.shadow_table > tbody > tr:first-child > td:first-child {
	background-image: url('/designImages/shadow_cornertopleft.gif');
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
table.shadow_table > tbody > tr:first-child td:first-child + td {
	background-image: url('/designImages/shadow_topmiddle.gif');
	background-repeat: repeat-x;
	height: 6px;
	z-index: 66;
}
table.shadow_table > tbody > tr:first-child > td:first-child + td + td {
	background-image: url('/designImages/shadow_cornertopright.gif');
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
table.shadow_table > tbody > tr:first-child + tr > td:first-child {
	background-image: url('/designImages/shadow_middleleft.gif');
	background-repeat: no-repeat;
	width: 6px;
	/*  height: 229px; */
    z-index: 66;
}
table.shadow_table > tbody > tr:first-child + tr > td:first-child + td {
	padding: 3px 3px 3px 3px;
}
table.shadow_table > tbody > tr:first-child + tr > td:first-child + td + td {
	background-image: url('/designImages/shadow_middleright.gif');
	background-repeat: no-repeat;
	width: 6px;/*  height: 229px; */
}
/***************  Start: Faner  /  Flikar  / Tabs on top of page   **************/

/* First we get a match on the following selector and set some common properties */
table.fane_table {
	vertical-align:bottom;
	margin-left: 21px;
}
table.fane_table tbody tr td {
	vertical-align:middle;
	background: url('/designImages/Graafane.jpg') no-repeat;
	width: 120px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	padding-top: 1px;
	padding-bottom: 0px;
}
table.fane_table tbody tr td a {
	color: #555555;
	font-size: 13px;
	text-decoration: none;
	width: 99%;
	display: block;
}
table.fane_table tbody tr td a:hover {
	color: #000000;
	font-size: 13px;
	text-decoration: none;
}
table.fane_table tbody tr td:hover {
	background: url('/designImages/Graafane_MO.jpg') no-repeat;
}
/* Then we might get matches on more specific cases - mouseover, active etc*/
/* The div that is active must have class="fane_td_active" */
table.fane_table tbody tr td.fane_td_active {
	color: #ffffff;
	background: url('/designImages/Blaafane.jpg') no-repeat;
}
table.fane_table tbody tr td.fane_td_active a {
	color: #ffffff;
}
/**************  End: Faner  ***************************************************/
 





/****************  Undersak Start ******************/


table.TableUndersak {
	font-size: 12px;
	color: #303030;
	width: 100%; /* 432px */
	/* height: 70px;     */
    margin-bottom: 12px;
}
table.TableUndersak > tbody > tr > td:first-child + td {
	padding-left: 10px;
	padding-bottom: 20px;
	min-height: 110px;
}
table.TableUndersak h3 {
	margin-top: 0px;
	color: #005a8b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -6px;
}
table.TableUndersak a, .DivUndersak2 a, .Hovedsak a {
	margin-top: 7px;
	background: url('/designImages/Pil_link.png') no-repeat right -2px;
	padding-right: 22px;
	line-height: 17px;
	display: inline-block;
}
table.TableUndersak a:hover, .DivUndersak2 a:hover, .Hovedsak a:hover {
	background: url('/designImages/Pil_link_MO.png') no-repeat right -2px;
}
/****************  Undersak Slut ******************/

/****************  2 Undersak Start 2 ******************/


table.TableUndersak2 {
	width: 432px;
	font-size: 13px;
}
table.TableUndersak2 > tbody > tr > td {
	width: 209px;
	border: none;
	padding: 7px 7px 7px 7px;
}
table.TableUndersak2 > tbody > tr:first-child > td:first-child > img:first-child {
/*    width: 100px;
    height: 70px; */
}
.DivUndersak2 h3 {
	margin-top: 6px;
	color: #005a8b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
/****************  2 Undersak Slut 2 ******************/

/****************  3 Undersak Start 3 ******************/

table.TableUndersak3 {
	width: 432px;
	font-size: 13px;
}
table.TableUndersak3 > tbody > tr > td:first-child {
	width: 209px;
	padding-right: 14px;
	/* padding-bottom: 14px; */
}
table.TableUndersak3 > tbody > tr > td:first-child + td {
	width: 209px;
	/* padding-bottom: 14px; */
}
table.TableUndersak3 > tbody > tr + tr > td {
	padding: 14px 0px 0px 0px;
	margin: 14px 0px 0px 0px;
}



a.OrangeButton, .HK_box a.OrangeButton, .HK_box2 a.OrangeButton, input.OrangeButton {
	color: White!important;
	text-align: center;
	display: block;
	width: 65px;
	height: 18px;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	background: url(/designImages/buttons/Orange_1.png) no-repeat;
	border: 0;
}
a.OrangeButton:hover, .HK_box a.OrangeButton:hover, .HK_box2 a.OrangeButton:hover, input.OrangeButton:hover {
	background: url(/designImages/buttons/Orange_1MO.png) no-repeat;
	text-decoration: none;
}

a.OrangeButtonBig,  .HK_box a.OrangeButtonBig, .HK_box2 a.OrangeButtonBig, input.OrangeButtonBig {
	color: White!important;
	text-align: center;
	display: block;
	width: 117px;
	height: 18px;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	background: url(/designImages/buttons/Orange_2.png) no-repeat;
	border: 0;
}
a.OrangeButtonBig:hover, .HK_box a.OrangeButtonBig:hover, .HK_box2 a.OrangeButtonBig:hover, input.OrangeButtonBig:hover {
	background: url(/designImages/buttons/Orange_2MO.png) no-repeat;
	text-decoration: none;
}


/****************  3 Undersak Slut 3 ******************/



/****************  Hodesak Start ******************/

.Hovedsak {
	width: 432px;
	border: none;
	padding: 0;
}
.Hovedsak img {
	width: 100%;
}
.Hovedsak h2 {
	color: #005a8b;
	font-size: 20px;
}
.Hovedsak p {
	color: Black;
	font-size:13px;
}
/*.Hovedsak a    Search document to find this definition
{

    
} */

/****************  Hodesak Slut ******************/



*.HSK_blue {
	background: url('/designImages/HSK_blue_I.jpg') no-repeat;
}
*.HSK_blue:hover {
	background: url('/designImages/HSK_blue_MO.jpg') no-repeat;
}
*.HSK_green {
	background: url('/designImages/HSK_green_I.jpg') no-repeat;
}
*.HSK_green:hover {
	background: url('/designImages/HSK_green_MO.jpg') no-repeat;
}
*.HSK_orange {
	background: url('/designImages/HSK_orange_I.jpg') no-repeat;
}
*.HSK_orange:hover {
	background: url('/designImages/HSK_orange_MO.jpg') no-repeat;
}
*.HSK_grey {
	background: url('/designImages/HSK_grey_I.jpg') no-repeat;
}
*.HSK_grey:hover {
	background: url('/designImages/HSK_grey_MO.jpg') no-repeat;
}
*.HSK_brown {
	background: url('/designImages/HSK_brown_I.jpg') no-repeat;
}
*.HSK_brown:hover {
	background: url('/designImages/HSK_brown_MO.jpg') no-repeat;
}
*.HSK_darkblue {
	background: url('/designImages/HSK_darkblue_I.jpg') no-repeat;
}
*.HSK_darkblue:hover {
	background: url('/designImages/HSK_darkblue_MO.jpg') no-repeat;
}
*.HSK_red {
	background: url('/designImages/HSK_red_I.jpg') no-repeat;
}
*.HSK_red:hover {
	background: url('/designImages/HSK_red_MO.jpg') no-repeat;
}
*.HSK_yellow {
	background: url('/designImages/HSK_yellow_I.jpg'  ) no-repeat;
}
*.HSK_yellow:hover {
	background: url('/designImages/HSK_yellow_MO.jpg') no-repeat;
}
/********************************************** */




*.HSK60blue {
	background: url('/designImages/HSK209x60/HSK60_blue.png');
}
*.HSK60blue:hover {
	background: url('/designImages/HSK209x60/HSK60_blueMO.png');
}
*.HSK60green {
	background: url('/designImages/HSK209x60/HSK60_green.png');
}
*.HSK60green:hover {
	background: url('/designImages/HSK209x60/HSK60_greenMO.png');
}
*.HSK60orange {
	background: url('/designImages/HSK209x60/HSK60_orange.png');
}
*.HSK60orange:hover {
	background: url('/designImages/HSK209x60/HSK60_orangeMO.png');
}
*.HSK60grey {
	background: url('/designImages/HSK209x60/HSK60_grey.png');
}
*.HSK60grey:hover {
	background: url('/designImages/HSK209x60/HSK60_greyMO.png');
}
*.HSK60brown {
	background: url('/designImages/HSK209x60/HSK60_brown.png');
}
*.HSK60brown:hover {
	background: url('/designImages/HSK209x60/HSK60_brownMO.png');
}
*.HSK60darkblue {
	background: url('/designImages/HSK209x60/HSK60_darkblue.png');
}
*.HSK60darkblue:hover {
	background: url('/designImages/HSK209x60/HSK60_darkblueMO.png');
}
*.HSK60red {
	background: url('/designImages/HSK209x60/HSK60_red.png');
}
*.HSK60red:hover {
	background: url('/designImages/HSK209x60/HSK60_redMO.png');
}
*.HSK60yellow {
	background: url('/designImages/HSK209x60/HSK60_yellow.png'  );
}
*.HSK60yellow:hover {
	background: url('/designImages/HSK209x60/HSK60_yellowMO.png');
}
/*************************************************/

/* Colors taken from Hafslund Profile Manual  */

*.bgBlue {
	background-color: #005a8b !important;
}
*.bgGreen {
	background-color: #34b233 !important;
}
*.bgOrange {
	background-color: #E05206 !important;
}
*.bgGreyWarm {
	background-color: #aa9c8f !important;
}
*.bgGreyCool {
	background-color: #6e7072 !important;
}
*.bgYellow {
	background-color: #FED100 !important;
}
*.bgBlueLight {
	background-color: #52c6e2 !important;
}
*.bgRed {
	background-color: #c60c30 !important;
}
*.bgWhite {
	background-color: #ffffff !important;
}
*.bgWhiteSoft {
	background-color: #eeeeee !important;
}
*.bgBlack {
	background-color: #000000 !important;
}
*.bgBlackSoft {
	background-color: #222222 !important;
}
*.OrangeGradient {
	background-image: url('/designImages/orange_gradient_27px.gif');
	background-color: #E05206;
	color: White;
}
*.fgBlue {
	color: #005a8b !important;
}
*.fgGreen {
	color: #34b233 !important;
}
*.fgOrange {
	color: #E05206 !important;
}
*.fgGreyWarm {
	color: #aa9c8f !important;
}
*.fgGreyCool {
	color: #6e7072 !important;
}
*.fgYellow {
	color: #FED100 !important;
}
*.fgBlueLight {
	color: #52c6e2 !important;
}
*.fgRed {
	color: #c60c30 !important;
}
*.fgWhite {
	color: #ffffff !important;
}
*.fgWhiteSoft {
	color: #eeeeee !important;
}
*.fgBlack {
	color: #000000 !important;
}
*.fgBlackSoft {
	color: #222222 !important;
}
/****************  Start: Grå høyre boks 'aktuellt'  **********/

.HK_box {
	width: 209px;
	color: White;
	font-size: 13px;
	background-color:  #b3b3b8;
}
.HK_box > div:first-child   /*   The heading div of the box 'Aktuellt'*/ {
	background: url('/designImages/HK_topp.jpg') no-repeat;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	padding-left: 14px;
}
.HK_box > div:first-child + div {
	background-color:  #b3b3b8;
	padding: 16px 14px 32px 14px;
	color: white;
	text-align: left;
}
.HK_box > div:first-child + div * {
	max-width: 181px;
	color: White;
}
.HK_box div p {
	margin-top: 1px;
	color: White;
}
.HK_box div h3 {
	font-weight: bold;
	margin-top: 1px;
	font-size: 14px;
	color: White;
	margin-bottom: 3px;
}
.HK_box ul, .HK_box2 ul {
	margin:2px 4px 6px 0px;
	padding:0;
	list-style-type:none;
}
.HK_box li, .HK_box2 li {
	margin:0;
	padding:0;
	list-style-type:none;
}
.HK_box ul li, .HK_box2 ul li {
	background:url(/designImages/HK_bullet.png) 0px 4px no-repeat;
	padding:0px 10px 0px 13px;
}
.HK_box hr, .HK_box img.ManualHR {
	margin: 7px 0px 12px 0px;
	width: 180px;
	height: 1px;
	line-height: 1px;
	border: none;
	color: #bbbbbb;
	background-color: #bbbbbb;
}
/****************  Slut:  Grå høyre boks 'aktuellt'  **********/


/****************  Start: Grå høyre boks 2.0  **********/

.HK_box2 {
	width: 209px;
	font-size: 13px;
	background-color:  #b3b3b8;
	padding-bottom: 0px;
	color: White;/* background-image: url('/designImages/HK_heading.png') repeat-y; */
}
.HK_box2 h3   /* The heading div of the box 'Aktuellt' */ {
	background: url('/designImages/HK_heading.png') no-repeat;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	padding-left: 12px;
	margin-bottom: 1px;
	margin-top: 5px;
	z-index: 882;
	color: White;
}
.HK_box2 > h3:first-child  /* The heading div of the box 'Aktuellt' */ {
	background: url('/designImages/HK_topp.jpg') no-repeat;
	margin-top: 0px;
}
.HK_box2 > div {
	padding: 4px 12px 22px 12px;
	margin: 0px 0px -4px 0px;
	text-align: left;
	background-image: url('/designImages/HK_box.jpg');
	background-repeat: repeat-y;
}
.HK_box2 > div:hover {
	background-image:  url('/designImages/HK_MOfelt.jpg');
	background-repeat: repeat-y;
}
.HK_box2 div h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.HK_box2 div h5 {
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 2px;
}
.HK_box2 div a, .HK_box div a   /* Felles før link i <p> och utenfør <p> */ {
	color: White;
	font-weight: bold;
}
.HK_box2 div > a, .HK_box > div > a, .HK_box2 td > a, .HK_box td > a	/* Stand-alond link (ej i <p>) skall ha en liten triangel */ {
	margin-left: 0px;
	margin-right: 7px;
	padding-left:12px;
	background: url('/designImages/HK_pil.png') no-repeat left 4px;
}
.HK_box2 div > a:hover, .HK_box div > a:hover, .HK_box2 td > a:hover, .HK_box td > a:hover {
	text-decoration: none;
	color: #f4f455;
	background: url('/designImages/HK_pil_MO.png') no-repeat left 4px;
}
.HK_box2 div a.UtenPil, .HK_box a.UtenPil {
	padding-left:0px;
	background: none;
}
.HK_box2 div p {
	margin-top: 1px;
	margin-bottom: 8px;
}
.HK_box2 div h3 {
	margin-top: 1px;
}
.HK_box2 hr {
	margin: -7px 12px -12px 12px;
	line-height: 1px;
	height: 1px;
	color: #bbbbbb;
}
.HK_box2 > img.ManualHR   /* The home made <HR /> */ 
{
	width: 88%;
	height: 1px;
	margin: 1px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	padding: 0;
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	background-image: none;
}
	
.HK_box2 > div.HRdiv   /* The home made <HR /> */ 
{
	width: 88%;
	height: 1px;
	border: 0;
	border-bottom: solid 1px #c0c0c0;
	margin: 1px 12px 0px 12px;
	padding: 0;
	background-image: none;
}





.HK_box2 > div > img {
	margin-top: 8px;
	margin-bottom: 8px;
}
/*********************** */




/*  Topp meny */

.TopMeny {
	text-align: right;
	float: right;
	white-space: nowrap;
	margin-top: 15px;
	margin-right: 21px;
	white-space: nowrap;
	font-size:12px;
}
.TopMeny a {
	margin-left: 10px;
	margin-right: 10px;
	color: #555555;
	padding-left:12px;
	background: url('/designImages/Pil_toppmeny.png') no-repeat left center;
}
.TopMeny a:hover {
	background: url('/designImages/Pil_toppmeny_MO.png') no-repeat left center;
	text-decoration: none;
	color: #000000;
}
input.SokKnapp {
	width: 23px;
	font-size: 12px;
	height: 23px;
	position: relative;
	top: 4px;               /* ie7 */
	left: -2px;
	border: 0;
	background: url('/designImages/Sok.png') no-repeat center center;
}
input.SokKnapp:hover {
	cursor: pointer;
	background: url('/designImages/Sok_MO.png') no-repeat center center;
}
/**************************************************************************************/





Width1Column {
	width: 209px;
}
Width2Column {
	width: 432px; /* 209 + 14 + 209 */
}
Width3Column {
	width: 655px;   /*209 + 14 +209 + 14 + 209 */
}
Width4Column {
	width: 878px;   /* 4x209 + 3x14  */
}
/********** */

table.StandardColumnsTable {
	width: 100%;
}
table.StandardColumnsTable > tbody > tr > td {
	width: 209px;
	vertical-align: top;
}
/**************  Table to hold content of any page with: 1 column Meny, 2 column 'content' and 1 column for a right-side infobox  *****/
/*      Used for example on the "frontpage of the tabs"                                                                                     */

table.Table121Column {
	width: 878px;
}
table.Table121Column > tbody > tr > td:first-child {
	width: 209px;
	max-width: 209px;
	overflow: hidden;
	padding-right: 14px;
}
table.Table121Column > tbody > tr > td:first-child + td {
	width: 446px;
	max-width: 446px;
	overflow: hidden;
	padding-right: 14px;
}
table.Table121Column > tbody > tr > td:first-child + td + td {
	width: 209px;
}
/**********************************************/

table.Table13Column {
	width: 878px;
}
table.Table13Column > tbody > tr > td:first-child {
	width: 209px;  /* =209 + 14 */
	padding-right: 14px;
}
table.Table13Column > tbody > tr > td:first-child + td {
	width: 655px;
	max-width: 655px;
	overflow: hidden;
}
/***********************************************/
table.Table21Column {
	width: 655px;
	max-width: 655px;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
}
table.Table21Column > tbody > tr > td:first-child {
	width: 432px;
	padding-right: 14px;
}
table.Table21Column > tbody > tr > td:first-child + td {
	width: 209px;
}
/***********************************************/



/***********************************************/
table.Table12Column {
	width: 100%;  /*655px; */
}
table.Table12Column > tbody > tr > td:first-child {
	width: 33%; /*209px;  */
	padding-right: 7px;
}
table.Table12Column > tbody > tr > td:first-child + td {
	width: 67%; /* 655px;  */
	padding-left: 7px;
}
/***********************************************/


/***********************************************/
table.Table11Column {
	width: 100%; 
}
table.Table11Column > tbody > tr > td:first-child {
	width: 209px; 
	padding-right: 7px;
}
table.Table11Column > tbody > tr > td:first-child + td {
	width: 209px;
	padding-left: 7px;
}
/***********************************************/



table.StdRowSpacing > tbody > tr > td
{
	padding-bottom: 14px;
}




.designElement {
	padding: 5px 0px 30px 0px;
}
.designElement > h4:first-child {
	margin-bottom: 30px;
}
.designElement > div {
	border: 1px dashed silver;
	padding: 4px 4px 4px 4px;
}
.designElement > textarea {
	width: 100%;
	margin: 20px 0px 30px 0px;
}
.testbox1kolumn {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 40px 0px;
	width: 209px;
}
.testbox2kolumn {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 40px 0px;
	width: 432px; /* 209 + 14 + 209 */
}
.testbox3kolumn {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 40px 0px;
	width: 655px;
}
/****************************************************************************************************************/
/****************  Start: Venstrekant Menuen         **********/


.VKMenu {
	width: 209px;
	font-size: 12px;
	line-height:18px;
	color: #111111;
	text-decoration: none;
	vertical-align: middle;
}
.VKMenu a {
	display: block;
}
.VKMenu a.Selected {
	color: #005a8b;
	background: url('/designImages/Pil_toppmeny.png') no-repeat left center;
}
.VKMenu a.MenuLevel0 {
	background-color: #d0d0d0;
	line-height: 22px;
	/*text-transform: uppercase; */
    
    margin-bottom: 2px;
	margin-top: 2px;
	padding-left: 10px;
	font-size: 13px;
}
.VKMenu a.Expanded {
	color: #005a8b;
	padding-left: 9px;
	margin-bottom: 0px;
}
.VKMenu a.MenuLevel0.Expanded {
	background-color: #005a8b;
	background-image: none;
	color: White;
}
.VKMenu a.MenuLevel1 {
	background-color: #e4e4e4;
	padding-left: 26px;
}
.VKMenu a.MenuLevel1.Selected {
	background: #e4e4e4 url('/designImages/Pil_toppmeny.png') no-repeat 16px center;
}
.VKMenu a.MenuLevel2 {
	background-color: #f0f0f0;
	padding-left: 39px;
}
.VKMenu a.MenuLevel2.Selected {
	background: #f0f0f0 url('/designImages/Pil_toppmeny.png') no-repeat 29px center;
}
.VKMenu a.MenuLevel3 {
	background-color: #f9f9f9;
	padding-left: 52px;
}
.VKMenu a.MenuLevel3.Selected {
	background: #f9f9f9 url('/designImages/Pil_toppmeny.png') no-repeat 42px center;
}
.VKMenu a.MenuLevel4 {
	padding-left: 65px;
}
.VKMenu a.MenuLevel4.Selected {
	background: url('/designImages/Pil_toppmeny.png') no-repeat 55px center;
}
.VKMenu a:first-child {
	margin-top: 0px;
}
/* Menu linker */


 

/****************  Slut:  Venstrekant Menuen         **********/
/********************************************************************************************************************/

table.TableGreyBox {
	table-layout: fixed;
	width: 100%;
	empty-cells: show;
}
/*****  Top row *****/

/* Upper left corner */
table.TableGreyBox > tbody > tr:first-child > td:first-child {
	height: 5px;
	width: 5px;
	background: url('/images/tabell/venstre_oppe.gif') no-repeat;
}
/* Upper middle */
table.TableGreyBox > tbody > tr:first-child > td:first-child + td {
	background: url('/images/tabell/topp.gif') repeat-x;
}
/* upper right corner */
table.TableGreyBox > tbody > tr:first-child > td:first-child + td + td {
	background: url('/images/tabell/hoyre_oppe.gif') no-repeat;
	height: 5px;
	width: 5px;
}
/*****  Middle row *****/
table.TableGreyBox > tbody > tr:first-child + tr > td:first-child {
	background: url('/images/tabell/venstre_side.gif') repeat-y;
}
table.TableGreyBox > tbody > tr:first-child + tr > td:first-child + td {
	background-color: #EEEEEE;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
table.TableGreyBox > tbody > tr:first-child + tr > td:first-child + td + td {
	background: url('/images/tabell/hoyre_side.gif') repeat-y;
}
/* Bottom row */
table.TableGreyBox > tbody > tr:first-child + tr + tr > td:first-child {
	width: 5px;
	height: 5px;
	background: url('/images/tabell/venstre_nede.gif') no-repeat;
}
table.TableGreyBox > tbody > tr:first-child + tr + tr > td:first-child + td {
	background: url('/images/tabell/nede.gif') repeat-x;
}
/* Lower right corner */
table.TableGreyBox > tbody > tr:first-child + tr + tr > td:first-child + td + td {
	height: 5px;
	width: 5px;
	background: url('/images/tabell/hoyre_nede.gif') no-repeat;
}
/********************************************************************************************************************/



table.TableWhiteBox {
	table-layout: fixed;
	empty-cells: show;
	width: 100%;
}
/* Upper left corner */
table.TableWhiteBox > tbody > tr:first-child > td:first-child {
	width: 5px;
	height: 5px;
	background: url('/images/tabell/hvit/venstre_oppe.gif') no-repeat;
}
table.TableWhiteBox > tbody > tr:first-child > td:first-child + td {
	background: url('/images/tabell/hvit/topp.gif') repeat-x;
}
table.TableWhiteBox > tbody > tr:first-child > td:first-child + td + td {
	width: 5px;
	height: 5px;
	background: url('/images/tabell/hvit/hoyre_oppe.gif') no-repeat;
}
/* Middle row */
table.TableWhiteBox > tbody > tr:first-child + tr > td:first-child {
	background: url('/images/tabell/hvit/venstre.gif') repeat-y;
}
table.TableWhiteBox > tbody > tr:first-child + tr > td:first-child + td {
	background-color: white;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
table.TableWhiteBox > tbody > tr:first-child + tr > td:first-child + td + td {
	background: url('/images/tabell/hvit/hoyre_side.gif') repeat-y;
}
table.TableWhiteBox > tbody > tr:first-child + tr + tr > td:first-child {
	width: 5px;
	height: 5px;
	background: url('/images/tabell/hvit/venstre_nede.gif') no-repeat;
}
table.TableWhiteBox > tbody > tr:first-child + tr + tr > td:first-child + td {
	background: url('/images/tabell/hvit/nede.gif') repeat-x;
}
table.TableWhiteBox > tbody > tr:first-child + tr + tr > td:first-child + td + td {
	background: url('/images/tabell/hvit/hoyre_nede.gif') no-repeat;
	width: 5px;
	height: 5px;
}



img.TelefonIkon {
	position: relative;
	top: 4px;
}
img.BrevIkon {
	position: relative;
	top: 5px;
}
.collapsiblePanelV2 {
	width: 100%
}
.collapsiblePanelChild {
	overflow: hidden;
	margin-bottom: 0px;
}
.collapsiblePanelClickLine {
	color: White;
	background-image: url('/designImages/collapsiblePanel/blueTopp_box.png');
	background-repeat: repeat-x;
	height: 24px;
	cursor: pointer;
}
.collapsiblePanelSimpleClickLine {
	color: #000000;
	height: 24px;
	cursor: pointer;
}
.collapsiblePanelClickLineText {
	white-space: nowrap;
	line-height: 24px;
	float: left;
	padding-left: 10px;
}
.collapsiblePanelSimpleClickLineText {
	white-space: nowrap;
	line-height: 24px;
	float: left;
}
.collapsiblePanelClickLineImage {
	float: right;
	margin-top: 4px;
	padding-right: 4px;
	vertical-align: middle;
	width: 15px;
	line-height: 24px;
}
.collapsiblePanelTextContent {
	background-color : White;
	color: #444444;
	padding: 10px;
	overflow: hidden;
	border: solid 1px #336699;
	width: 95%;
}
.collapsiblePanelbuttonImg {
	margin: 0px 0px 0px 0px;   /* IE7 */
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 9px;
}
.collapsiblePanelArrow {
	width: 13px;
	height: 14px;
	border: 0;
}
/*  For the collapsible panel  */
.collapsiblePanel > div {
	overflow: hidden;
	margin-bottom: 0px;
}
.collapsiblePanel > div > div:first-child {
	color: White;
	background-image: url('/designImages/collapsiblePanel/blueTopp_box.png');
	background-repeat: repeat-x;
	height: 24px;
	cursor: pointer;
}
.collapsiblePanel > div > div:first-child > div:first-child {
	white-space: nowrap;
	line-height: 24px;
	float: left;
	padding-left: 10px;
}
.collapsiblePanel > div > div:first-child > div:first-child + div {
	float: right;
	margin-top: 4px;
	padding-right: 4px;
	vertical-align: middle;
	width: 15px;
	line-height: 24px;
}
.collapsiblePanel > div > div:first-child + div {
	background-color: White;
	color: #444444;
	padding: 10px;
	overflow: hidden;
	border: solid 1px #336699;
	width: 95%;
}
/* Shadow below the box  */
.collapsiblePanel > img {
	margin: 0px 0px 0px 0px;   /* IE7 */
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 9px;
}
/* The little collapse/expand arrows upper right corner.  */    
.collapsiblePanel > div > div:first-child > div:first-child + div > img {
	width: 13px;
	height: 14px;
	border: 0;
}
/*  End collapsible panel   */
    
 
 table.TableStepProcess { margin-bottom:10px;}
 
table.TableStepProcess > tbody > tr > td {
	background-color: silver;
	font-size: 13px;
	line-height: 20px;
	color: #404040;
	text-align: center;
}
table.TableStepProcess > tbody > tr > td.active {
	background-color: #e05206;
	color: White;
}
table.TableStepProcess > tbody > tr > td > div {
	background: url(/designImages/prosess_right.png) no-repeat right center;
	width: 150px;
}
table.TableStepProcess > tbody > tr > td + td > div > div {
	width: 150px;
	background: url(/designImages/prosess_left.png) no-repeat left center;
}
/****** Artikkel arkivet  START START START    **********/

table.TableArticleArchive 
{
	width: 90%;	
}

table.TableArticleArchive div.separatorline
{
	height: 1px; 
	width: 100%;
	background-color: #eaeaea;
	font-size: 1px;
	margin: 0px 0px 8px 0px
}

table.TableArticleArchive h2.kategori {
	color: #005a8b; 
	margin-bottom: 0px;
}
table.TableArticleArchive h3.tittel {
	color: #222222;
	margin: 0px 0px 0px 0px;
}
table.TableArticleArchive a.tittel {
	/*background: url('/designImages/Pil_oransje.png') no-repeat left center; */
	font-weight: bold;	
	color: #404040;
}
table.TableArticleArchive h3.tittel a:hover {
	/*background: url('/designImages/Pil_oransjeMO.png') no-repeat left center; */
	
	text-decoration: none;
	cursor: pointer;
}
table.TableArticleArchive a.readmore {
	font-size: 12px;
	color: #111111;
	text-decoration: underline;
}
table.TableArticleArchive p.dato {
/*font-weight: bold; */
	font-size: 11px;
	font-style: italic;
}
table.TableArticleArchive img.ingressbilde {

	
	margin-right: 10px;
	
}
table.TableArticleArchive *.ingress {
	font-size: 12px;
	color: #404040;
}
/****** Artikkel arkivet  END END END      **********/

table.TableKvartalsrapport {
	line-height: 22px;
	vertical-align: middle;
	
	border-collapse: separate;
	border-spacing: 14px 8px;
}
table.TableKvartalsrapport td {
	padding: 1px 8px 1px 8px;
	text-align: left;
}
table.TableKvartalsrapport > tbody > tr:first-child > td {
	border: solid 1px #d0d0d0;
	background-color: #f0f0f0;
	text-align: center;
}
table.TableKvartalsrapport a {
	display: block;
}
/*************************************/


/*  IE6 spefikt   START */

#ie6msg {
	float: left;
	font-size: 0.8em;
	border: 3px solid #090;
	background: #cfc;
	color: #006;
	width: 886px;
	margin: 7px 7px 7px 7px;
}
#ie6msg h4 {
	margin: 8px;
	padding: 0;
}
#ie6msg p {
	margin: 8px;
	padding: 0;
}
#ie6msg p a.getie7 {
	font-weight: bold;
	color:#006;
}
#ie6msg p a.ie6expl {
	font-weight: normal;
	color: #006;
}
/*  IE6 Specifikt SLUT   */



/* Før http://localhost/privat/produkter/vis_produkt.asp?produktid=194 */
#BestillBoxFix1, #BestillBoxFix2 {
	position: relative;
	top: -9px;
}
#BlueLine {
	height: 3px !important;
	line-height: 1px;
	font-size: 0;
	background-color: #005a8b;
	margin: 0;
	padding: 0;
}
*.MouseOverUnderline:hover {
	text-decoration: underline;
}
*.GreyMouseOverPopupBox {
	visibility: hidden;
	position: absolute;
	background-color: #efefef;
	width: 350px;
	border: solid 1px #cccccc;
	padding: 15px;
	z-index: 10
}
body div *.StdBox {
	width: 209px;
}
.validation-failed {
	background-color: #f4f1ac
}
body div *.aLarge {
	display: block;
	font-size: 20px;
	line-height: 60px;
	padding-left: 16px;
	white-space: nowrap;
	color: #eeeeee; /* A soft white color */
	background-color: #005a8b;
}

body div *.aLarge.TwoRows
{
	line-height: 24px;
	padding-top: 6px;
	height: 54px;
}

/* The :hover  version is to prevent interference from old automatic-pdf icons when mouse over. */
/* :hover should be removed when */
body div *.aMedium, body div *.aMedium:hover {
	display:block;
	background-color:#005a8b; /* as a default */
	margin: 0;
	color: #eeeeee;
	font-size: 20px;
	line-height: 30px;
	padding-left: 8px;
	white-space: nowrap;
}
body div *.aSmall {
	display: block;
	background-color:#005a8b; /* as a default */
	font-weight: bold;
	margin: 0;
	color: #eeeeee;
	font-size:12px;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
	padding: 0px 14px 0px 16px;
	margin: 0;
	vertical-align: middle;
}
body div *.aImage > img {
	display:block;
	border: 0;
}
body div *.ContentLinkList {
	margin-left: -10px; 
	margin-right: -10px;
}
body div *.ContentLinkList > a {
	display:block;
	margin: 6px 0px 6px 0px;
	font-size: 12px;
	/*height: 16px; */
	padding-left: 11px;
	color: #444444;
}
body div *.ContentLinkList > a:hover {
	color: #111111;
	text-decoration: none;
	background: url('/designImages/Pil_toppmeny.png') no-repeat left 4px;
}
body div *.HRdiv {
	height: 0px;
	line-height: 0px;
	border-bottom: solid 1px #d0d0d0;
	margin-top: 6px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 6px;
	font-size: 1px;
	overflow: hidden;
}
body div *.bgGreyGradient {
	background: url('/designImages/top_greyfade.gif') top left repeat-x;
	padding: 1px 16px 1px 16px; /* These 16px left-padding is linked to the contained ContentLinkList styles negative margin */
	min-height: 110px;  
}
body div *.ContentGeneric {
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #444444;
}

body div *.ContentGeneric.MOCompensated {
	margin-left: -12px;  /* -12 linked to aMOArrows padding left. Should have same but opposite values. */
	margin-right: -12px;
	text-indent: 0px;
}



body div *.ContentGeneric a {
	color: #444444;
	display:block;
}

body div *.ContentGeneric p a {
	display:inline;
}


body div *.ContentGeneric a:hover {
	color: Black;
}
body div *.aFixedArrow {
	padding-left:12px;
	background: url('/designImages/Pil_toppmeny.png') no-repeat left 4px;
}
body div *.aFixedArrow:hover {
	background:  url('/designImages/Pil_toppmeny_MO.png') no-repeat left 4px;
	text-decoration: none;
}
body div *.aMOArrow {
	padding-left:12px; /* space for the hover-only icon */
}

body div *.aMOArrow:hover {
	background:  url('/designImages/Pil_toppmeny_MO.png') no-repeat left 4px;
	text-decoration: none;
}

body div *.aIndented {
	margin-left: 12px;
}  /* This should be the same 12px as the padding-left in aFixedArrow  */



body div *.aCircleArrow {
	margin-top: 7px;
	background: url('/designImages/Pil_link.png') no-repeat right -2px;
	padding-right: 22px;
	line-height: 17px;
}
body div *.aCircleArrow:hover {
	background: url('/designImages/Pil_link_MO.png') no-repeat right -2px;
}
body div *.aPDFleft {
	padding-left: 20px;
	background-image:  url('/images/ikoner/pdf.gif');
	background-repeat: no-repeat;
	background-position:left top;
}

body div *.aPDFleft:hover {
	padding-left: 20px;
	background-image:  url('/images/ikoner/pdf.gif');
	background-repeat: no-repeat;
	background-position:left top;
}



body div *.aPDFright {
	padding-right: 20px;
	background-image:  url('/images/ikoner/pdf.gif');
	background-repeat: no-repeat;
	background-position:right center;
}



/*  START   Søksiden resultat tabellen etc		*/

*.searchResultTable 
{
	width: 100%;
}

*.searchResultTable td
{
	padding-top: 2px;
	padding-bottom: 2px;
	

}


*.searchResultTable tr td:first-child
{
	width: 65%;
	padding-right: 14px;
}

*.searchResultTable tr td:first-child + td
{
	width: 35%;
}



*.searchResultCatergory
{
	font-size: 14px; 
	font-weight: bold; 
	color: #005a8b;
}

*.searchResultTitle
{
	font-weight: bold;	
}

*.searchResultShowAllLink
{
	font-size: 10px;
	
}


*.searchResultPath
{
	font-size: 10px;
	color: gray;
	white-space: nowrap;
}


*.searchResultIngress
{
	font-size: 11px;
	margin-left: 12px;
	color: #444444;
}

/*  SLUT   Søksiden resultat tabellen etc		*/



#LinkEksempel tr
{
	border: solid 1px #e0e0e0
}

#LinkEksempel td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.tabellMedMarger td { padding:3px}