/* CSS Document MAL*/

/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
body
{
	margin:0px auto;/* denne sentrerer siden i Firefox, bruk <div align="center"> i pub top for sentrering i IE */
	word-wrap: break-word;
}


/* hoved rammen rundt siden */
#main
{
width:949px;
min-height:500px;
font-family:"Trebuchet MS";
text-align:left;
background-color:#e3e2e1;
overflow-x:hidden;
}



/* --------------------------------------------------------- toppene ---------------------------------------------------------*/

/* ------------------- top 1 ------------------- */
#top1
{
width:100%;
height:36px;
position:relative;
}

#top1HjemLink
{
height:69px;
width:203px;
display:block;
cursor:pointer;
}
#top1HjemLink a
{
width:203px;
height:69px;
display:block;
}
#top1Meny
{
position:absolute;
top:14px;
right:0px;
width:628px;
padding-right:0px;
}
.top1MenyLinkboxF
{
width:112px;
height:22px;
float:left;
text-align:center;
background-image:url(img/topMenyStrek.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:5px;
padding-left:4px;
}


.top1MenyLinkboxF a
{
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#6f7189;
text-decoration:none;
padding-top:5px;
width:112px;
height:17px;
display:block;
}

.top1MenyLinkboxF a:hover
{
background-image:url(img/toppHover2.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
width:112px;
height:17px;
display:block;
color:#FFFFFF;
}

.top1MenyLinkboxSelectedF
{
height:22px;
display:block;
color:#FFFFFF;
float:left;
text-align:center;
background-image:url(img/topMenyStrek.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:5px;
padding-left:4px;
width:112px;

}
.top1MenyLinkboxSelectedF a
{
padding-top:5px;
background-image:url(img/toppHover2.gif);
background-repeat:no-repeat;
background-position:top;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
width:112px;
height:17px;
display:block;
}



.top1MenyLinkbox
{
width:92px;
height:22px;
float:left;
text-align:center;
background-image:url(img/topMenyStrek.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:5px;
padding-left:4px;
}


.top1MenyLinkbox a
{
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#6f7189;
text-decoration:none;
padding-top:5px;
width:92px;
height:17px;
display:block;
}

.top1MenyLinkbox a:hover
{
background-image:url(img/toppHover.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
width:92px;
height:17px;
display:block;
color:#FFFFFF;
}
.top1MenyLinkboxLast
{
width:92px;
height:22px;
float:left;
text-align:center;
padding-right:5px;
padding-left:4px;
}


.top1MenyLinkboxLast a
{
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#6f7189;
text-decoration:none;
padding-top:5px;
width:92px;
height:17px;
display:block;
}

.top1MenyLinkboxLast a:hover
{
background-image:url(img/toppHover.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
width:92px;
height:17px;
display:block;
color:#FFFFFF;
}

.top1MenyLinkboxLastSelected
{
background-image:url(img/toppHover.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
width:92px;
height:22px;
display:block;
color:#FFFFFF;
float:left;
text-align:center;
padding-right:5px;
padding-left:4px;
}


.top1MenyLinkboxLastSelected a
{
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
width:92px;
height:17px;
display:block;
}

.top1MenyLinkboxSelected
{
width:92px;
height:22px;
display:block;
color:#FFFFFF;
float:left;
text-align:center;
background-image:url(img/topMenyStrek.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:5px;
padding-left:4px;
}


.top1MenyLinkboxSelected a
{
padding-top:5px;
background-image:url(img/toppHover.gif);
background-repeat:no-repeat;
background-position:top;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
width:92px;
height:17px;
display:block;
}

#top2
{
width:100%;
height:51px;
background-image:url(img/kariBonumLogo.jpg);
background-repeat:no-repeat;
margin-bottom:8px;
}


#top3
{
width:921px;
height:131px;
background-color:#e3e3e3;
overflow:hidden;
position:relative;
margin:0px;
padding:0px;
/*
background-image:url(img/FlashImg.jpg);
background-repeat:no-repeat;
*/
}
#top3 li
{
display:block;
}
#top3 ul
{
list-style: none;
margin:0px;
padding:0px;
}
/* ------------------ top4 --------------------------*/
#top4
{
width:891px;;
height:21px;
padding-left:30px;
padding-top:3px;
clear:both;
background-color:#FFFFFF;

}


.top4MenyLinkbox
{
min-width:50px;
height:22px;
float:left;
text-align:center;
margin-left:20px;
}


.top4MenyLinkbox a
{
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
color:#6f7189;
text-decoration:none;
min-width:50px;
height:13px;
display:block;
padding-left:9px;
}

.top4MenyLinkbox a:hover
{
background-image:url(img/meny2Pil.gif);
background-repeat:no-repeat;
background-position:left;
min-width:50px;
height:13px;
display:block;
color:#6f7189;
}
.top4MenyLinkboxSelected
{
min-width:50px;
height:22px;
float:left;
text-align:center;
margin-left:20px;
}


.top4MenyLinkboxSelected a
{
background-image:url(img/meny2Pil.gif);
background-repeat:no-repeat;
background-position:left;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
color:#6f7189;
text-decoration:none;
min-width:50px;
height:13px;
display:block;
padding-left:9px;
}

#contWrapper
{
width:921px;
min-height:100px;
border:1px solid #FFFFFF;
margin-left:13px;
margin-right:13px;
overflow-x:hidden;
background-color:#eae9e9;
}

#contWrapper2
{
width:921px;
min-height:100px;
overflow-x:hidden;
}
/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */

#colWrapper
{
min-height:200px;
width:921px;
overflow-x:hidden;

}


/* ------------------- venstre kolonne ------------------- */
#col1
{
float:left; 
min-height:400px;
width:198px; 
background-color:#eae9e9;
padding-top:29px;
padding-left:9px;
padding-right:9px;
padding-bottom:9px;

}
#loginBox
{
width:196px;
min-height:93px;
margin-bottom:6px;
border:1px solid #c4c1c6;
text-align:center;
padding-bottom:10px;
background-color:#e2e1e0;
}

#loginBox_forside
{
width:196px;
min-height:93px;
margin-bottom:6px;
text-align:center;
padding-bottom:10px;

}

.loginTittel
{
color:#a30f31;
font-size:16px;

}
.loginLabel
{
color:#6f7189;
font-size:11px;
font-weight:bold;
}
.loginLabel2
{
color:#6f7189;
font-size:11px;
}
.loginLabel2 a
{
color:#6f7189;
font-size:11px;
text-decoration:underline;
}
.loginInp
{
width:95px;
height:12px;
border:1px solid #c4c1c6;
font-size:11px;
}

.loginBtn
{
color:#6f7189;
font-size:12px;
height:20px;
width:60px;

}
.loginForm
{
padding:0px;
margin:0px;
}

#knappBox
{
width:196px;
height:22px; 
margin-bottom:6px;
border:1px solid #c4c1c6;
font-size:16px;
color:#0d6597;
text-align:center;
background-image:url(img/knappBack.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#c3c3c9
}
#knappBox a
{
font-size:16px;
color:#0d6597;
text-decoration:none;
font-weight:bold;
}
#tilbudBox
{
width:196px;
min-height:283px; 
border:1px solid #c4c1c6;
font-size:10px;
color:#6f7189;
overflow-x:hidden;
background-color:#e2e1e0;
}

#tilbudBox a
{
font-size:10px;
color:#c70733;
text-decoration:none;
}
#tilbudBoxTittel
{
background-image:url(img/tilbudTittel.gif);
background-repeat:no-repeat;
width:198px;
height:19px;

}
/* ------------------- col1_forside ------------------- */
#col1_forside
{
float:left; 
min-height:683px;
width:196px; 
background-color:#dcdbd7;
padding-top:9px;
padding-left:9px;
padding-right:9px;
padding-bottom:9px;
font-size:12px;
color:#6f7189;
border:1px solid #868484;
margin-bottom:20px;
margin-top:38px;
}


/* ------------------- midtre kolonne (innholdet) ------------------- */
#col2
{
min-height:400px;
width:696px;
float:left;
background-color:#eae9e9;
font-size:12px;
color:#6f7189;
padding-right:9px;
padding-bottom:9px;
}
#col2Inner
{
min-height:412px;
width:666px;
padding:15px;
overflow-x:hidden;
}
#col2InnerWm
{
background-image:url(img/fugl2.gif);
background-position:center top;
min-height:412px;
width:666px;
padding:15px;
overflow-x:hidden;
}



#contBox
{
min-height:162px;
width:694px;
border:1px solid #c4c1c6;
overflow-x:hidden;
}
.col2Tittel
{
width:679px;
height:20px;
color:#6f7189;
font-size:16px;
padding-left:15px;
background-color:#e2e1e0;
}
/* ------------------- midtre kolonne forside ------------------- */
#col2_forside
{
min-height:400px;
width:489px;
float:left;
background-color:#eae9e9;
font-size:12px;
color:#6f7189;
padding-bottom:9px;
}
#contBox_forside
{
min-height:400px;
width:471px;
overflow-x:hidden;
padding:9px;
}

/* ------------------- høyre kolonne ------------------- */
#col3
{
float:left; 
min-height:683px;
width:196px; 
background-color:#dcdbd7;
padding-top:9px;
padding-left:9px;
padding-right:9px;
padding-bottom:9px;
font-size:12px;
color:#6f7189;
border:1px solid #868484;
margin-bottom:20px;
margin-top:38px;
}

#col3_meny
{
width:198px;
height:80px;
position:relative;
}
#hjemKn
{
position:absolute;
top:1px;
left:0px;
background-image:url(img/hjemKn2.gif);
background-repeat:no-repeat;
width:30px;
height:27px;
}
#hjemKn a
{
display:block;
width:30px;
height:27px;
cursor:pointer;
}

#tipsKn
{
position:absolute;
top:8px;
left:35px;
background-image:url(img/tipsEnVenn2.gif);
background-repeat:no-repeat;
width:30px;
height:22px;
}
#tipsKn a
{
display:block;
width:30px;
height:22px;
cursor:pointer;
}
#sprakMeny
{
height:22px;
width:60px;
position:absolute;
top:10px;
right:0px;
color:#c52026;
font-size:12px;
}
#sprakMeny a
{
color:#c52026;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#sprakMeny a:hover
{
text-decoration:underline;
}

/* ------------------- historielinje div ------------------- */
#historieLinje
{
width:100%;
height:23px;
padding-top:6px;
font-family:"Trebuchet MS";
font-size:12px;
color:#960828;
}

#historieLinje a
{
font-family:"Trebuchet MS";
font-size:12px;
color:#960828;
text-decoration:none;
}
#historieLinje a:hover
{
text-decoration:underline;
}


/* ------------------- footer ------------------- */
#footer
{
position:relative;
width:100%;
min-height:20px;
font-size:12px;
color:#6f7189;
padding-top:67px;
text-align:center;
padding-bottom:10px;
}
#footer a
{
text-decoration:none;
font-size:12px;
color:#6f7189;
}
#footer a:hover
{
text-decoration:underline;
}
#footerLogo
{
position:absolute;
top:14px;
left:452px;
background-image:url(img/footerLogo.gif);
width:39px;
height:39px;
}

/* ------------------- stilling css------------------- */

/* CSS Document */

.mainOutline
{
	background-color:#E4E2E4;
	border:1pt solid #FFFFFF;
}

.leftContent
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:15px;
}

.rightContent
{
	padding-left:15px;
	padding-right:15px;
	border-right:1pt solid #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:C6C7CC;
}

.TDrightContent
{
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#526182;
}

.TDimg
{
	border-bottom:1pt solid #FFFFFF;
	border-top:1pt solid #FFFFFF;
}

.TDleftCont
{
	padding-left:30px;
	padding-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#526182;
}

.TDleftContDescr
{
	padding-left:30px;
	padding-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#526182;
	line-height:18px;
}

.TDleftPrint
{
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#526182;
}

.TDleftPrintDescr
{
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#526182;
	line-height:18px;
}

.stillingHeaders
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.url
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#526182;
}

.mainHeader
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#526182;
}

.mainHeaderPrint
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#526182;
}

.bigLetter
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
	font-size:72px;
	color:#526182;
}


/*--------------- slider ---------------*/
/* den delen som vises på skjermen */
.works .projects_box{
 display: none;
 position: relative;
 float: left;
 width:469px;
 padding-top:20px;
 overflow: hidden;
}



#redLine
{
position:absolute;
top:0px;
left:0px;
width:461px;
height:20px;
background-image:url(img/redLine.gif);
background-repeat:repeat-x;
margin-bottom:12px;
line-height:20px;
color:#FFFFFF;
font-size:12px;
padding-left:10px;
}


.works .projects_box.enabled{
 display: block;
}

.works .projects_box .arrow{
 float: left;
 width: 20px;
}

.works .projects_box .arrow span.arrow_left, .works .projects_box .arrow span.arrow_left:visited,
.works .projects_box .arrow span.arrow_left:active, .works .projects_box .arrow span.arrow_left:hover{
position:absolute;
z-index:10;
top:6px;
 left:140px;/*250*/
 width: 4px;
 height: 8px;
 background: url(img/leftSmallArrow.png) no-repeat top left;
 cursor:pointer;
}
.works .projects_box .arrow span.arrow_right, .works .projects_box .arrow span.arrow_right:visited,
.works .projects_box .arrow span.arrow_right:active, .works .projects_box .arrow span.arrow_right:hover
{
 position:absolute;
 top:6px;
 left:450px;
 width: 4px;
 height: 8px;
 background: url(img/rightSmallArrow.png) no-repeat top right;
 cursor:pointer;
}
/* den delen spom vises */
.works .projects_box .projects{
 position: relative;
 float: left;
 width:469px;/*469*/
height:700px;
 overflow: hidden;
}
.works .projects_box .projects .slider{
 position: absolute;
 float: left;
 width:469px;
 whitespace: nowrap;
}

/*avstanden mellom slides*/
.works .projects_box .projects .project{
 float: left;
 padding-right: 0px;
}

/* selve sliden */
.works .projects_box .project .image{
width:469px;
height:700px; 
background-position: center center;
 overflow: hidden; 
}

.works .projects_box .project .image img
{
/* border: 1px solid white;*/
}




/* paging linker */

.works .round_links  /* this is to make the numbers shift */
{
position:absolute;
top:3px;
left:145px;/*260*/
text-align: center;
/*display:none;*/
}

.works span.round, .works span.round:visited
{
float: left;
width: 12px;
height: 10px;
padding-right: 5px;
cursor:pointer;
color:#ffffff;
font-size:10px;
}

.works span.round:hover, .works span.round:active,
.works span.round.active, .works span.round.active:visited,
.works span.round.active:hover, .works span.round.active:active
{
font-weight:bold;
}