body {
margin: 0px 0px 0px 0px; 
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
color: #004b85;

}
html {
width: 100%;
}
img {
border: 0px;
}


div,td,span {
font-family: tahoma, Arial, sans-serif;
color: #004b85;
        scrollbar-3d-light-color : #004b85;
        scrollbar-arrow-color : #004b85;
        scrollbar-darkshadow-color : #ffffff;
        scrollbar-face-color : #ffffff;
        scrollbar-base-color : #004b85;
        scrollbar-shadow-color : #004b85
        scrollbar-highlight-color : #004b85;
        scrollbar-track-color : #ffffff;
}

#mainframe {
background: url(gfx/bg.png); 
width: 100%; 
height: 100%;
}
#borderTop {
background: url(gfx/frame.png) repeat-x;
height: 10px;
/*-moz-opacity: 0.00;
opacity: 0.00;*/
/*filter: alpha(opacity=50);*/
}
#borderBottom {
background: url(gfx/frame.png) repeat-x;
height: 10px;
/*-moz-opacity: 0.00;
opacity: 0.00;*/
/*filter: alpha(opacity=50);*/
}
#borderLeft {
background: url(gfx/frame.png) repeat-y;
width: 10px;
/*-moz-opacity: 0.00;
opacity: 0.00;*/
/*filter: alpha(opacity=50);*/
}
#borderRight {
background: url(gfx/frame.png) repeat-y;
width: 10px;
/*-moz-opacity: 0.00;
opacity: 0.00;*/
/*filter: alpha(opacity=50);*/
}

.CENTERED {
position: absolute;
width: 0px;
left: 50%;
right: 50%;
z-index: 100;
}
td {
vertical-align: top;
font-size: 12px;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #89caf0;
}


h1 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 16px;
}
h2 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
}
h3 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 12px;
margin-top: 1px;
}




/* START ID STYLES */
#mainDiv {
/*display: none;*/
}
#vennligstVent {
/*background-image: url(gfx/preload.jpg);*/
}
#outerDiv {
text-align: center;
}
#outerTable {
margin-left: auto;
margin-right: auto;
height: 700px;
width: 950px;
}
#gradientTop {
	width: 970px;
height: 244px;
position: absolute;
left: -475px;
top: 10px;
z-index: 99;
}
#gradientBottom {
	width: 970px;
height: 289px;
position: absolute;
left: -475px;
top: 361px;
z-index: 99;
}
#bakGrunn {
width: 990px;
position: absolute;
left: -485px;
top: 0px;
z-index: 90;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}

#gallery {
position: relative;
margin:0;
padding:0;
width: 970px;
height: 540px;
top: 0px;
}
#gallery li {
position: absolute;
display: block;
}
#imageLoopBack {
margin-top: 10px;
background: url(gfx/bakgrunn1.jpg) no-repeat;
width: 970px;
height: 500px;
}

#defaultBg{
position: absolute;
left: -238px;
top:98px;
margin-top: 10px;
background: white;
width: 718px;
height: 1000px;
z-index:100;
overflow: auto;
padding-right: 15px;
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}

#subMenuBg{
position: absolute;
left: -460px;
top:98px;
margin-top: 10px;
background: white;
width: 211px;
z-index:100;
padding-bottom: 10px;
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}

#logo {
width: 274px;
height: 55px;
position: absolute;
left: -475px;
top: 10px;
z-index: 100;
cursor: pointer;
}
#topSlogan {
width: 690px;
height: 55px;
background: url(gfx/topRight.png) no-repeat right;
position: absolute;
left: -201px;
top: 10px;
z-index: 100;
cursor: pointer;
}

#topMenuLeftBg {
position: absolute;
left: -475px;
top: 64px;
z-index: 100;
}

#topMenuRightBg {
position: absolute;
left: 315px;
top: 64px;
z-index: 100;
}
#topMenuRightBgFF {
position: absolute;
left: 325px;
top: 64px;
z-index: 100;
}

#sertifikater {
position: absolute;
left: 350px;
top: 66px;
z-index: 101;	
-moz-opacity: 0.80;
opacity: 0.80;
filter: alpha(opacity=80);
}

#adresseInfo {
position: absolute;
left: -475px;
top: 548px;
z-index: 100;
width: 970px;
text-align: center;
-moz-opacity: 0.50;
opacity: 0.50;
filter: alpha(opacity=50);

}
.adresseInfo td, .adresseInfo a {
color: #FFFFFF;
text-decoration: none;
}

#box1, #box1Content {
position: absolute;
left: -467px;
top: 358px;
z-index: 100;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#box2, #box2Content {
position: absolute;
left: -153px;
top: 358px;
z-index: 100;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#box3, #box3Content {
position: absolute;
left: 161px;
top: 358px;
z-index: 100;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#box1Bg{
z-index: 100;
background: url(gfx/boxBodyTrans.png) no-repeat;
width: 297px;
height: 135px;
/*filter: alpha(opacity=50);*/
}
#box2Bg{
z-index: 100;
background: url(gfx/boxBodyTrans.png) no-repeat;
width: 297px;
height: 135px;
/*filter: alpha(opacity=50);*/
}
#box3Bg{
z-index: 100;
background: url(gfx/boxBodyTrans.png) no-repeat;
width: 297px;
height: 135px;
/*filter: alpha(opacity=50);*/
}
#varmateTekstBox {
position: absolute;
left: -475px;
top: 128px;
z-index: 100;
width: 335px;
height: 245px;
padding-top: 55px;
padding-left: 40px;
padding-right: 30px;
overflow: hidden;
background-color: #33345a;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#varmateTekst {
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
width: 335px;
height: 245px;
padding-top: 55px;
padding-left: 40px;
padding-right: 30px;
overflow: auto;
}
*html #varmateTekst, *html #varmateTekstBox {
width: 405px;
height: 300px;
}
#content {
position: absolute;
left: -475px;
top: 128px;
z-index: 100;
width: 950px;
height: 300px;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#bruktTekst {
position: absolute;
left: 390px;
top: 0px;
width: 560px;
height: 300px;
padding: 0px;
overflow: auto;
}
#defaultTekst {
position: absolute;
left: 0px;
top: 0px;
width: 335px;
height: 245px;
padding-top: 55px;
padding-left: 40px;
padding-right: 30px;
overflow: auto;
}
#bruktBilde {
width: 390px;
height: 300px;
position: absolute;
left: 0px;
top: 0px;
}
#defaultBilde {
width: 545px;
height: 300px;
position: absolute;
left: 405px;
top: 0px;
}
#modellBilde {
width: 544px;
height: 300px;
background-color: #33345a;
position: absolute;
left: 0px;
top: 0px;
}
#modellThumbs {
width: 241px;
height: 240px;
background-color: #fff;
position: absolute;
left: 544px;
top: 0px;
vertical-align: middle;
text-align: center;
padding-top: 60px;
}
#modellSpecs {
width: 181px;
height: 260px;
background-color: #fff;
position: absolute;
left: 544px;
top: 0px;
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
color: #37385a;
font-weight: bold;
overflow: auto;
}
*html #modellSpecs {
width: 241px;
height: 300px;
}
#modellValg {
width: 153px;
height: 260px;
background-color: #33345a;
position: absolute;
left: 785px;
top: 0px;
padding-top: 40px;
padding-left: 12px;
font-weight: bold;
}
*html #modellValg {
width: 165px;
height: 300px;
}
#kart {
position: absolute;
left: -475px;
top: 128px;
z-index: 100;
width: 635px;
height: 563px;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#kontakttekstContent, #forhandlertekstContent {
position: absolute;
left: -475px;
top: 128px;
z-index: 100;
width: 635px;
height: 300px;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#kontakttekst {
position: absolute;
left: -475px;
top: 128px;
z-index: 100;
width: 635px;
height: 300px;
background-color: #fff;
color: #37385a;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#kontaktmeny, #kontaktmenyContent {
position: absolute;
left: 160px;
top: 128px;
z-index: 100;
}
#kontaktmeny {
width: 315px;
height: 300px;
background-color: #33345a;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#undermeny, #undermenyContent {
position: absolute;
left: -467px;
top: 438px;
z-index: 100;
}
#undermeny {
width: 619px;
height: 135px;
background-color: #33345a;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#relatert, #relatertContent {
position: absolute;
left: 161px;
top: 438px;
z-index: 100;
}
#relatert {
width: 305px;
height: 135px;
background-color: #33345a;
/*-moz-opacity: 0.00;
opacity: 0.00;
filter: alpha(opacity=0);*/
}
#fargeValg {
width: 785px;
height: 300px;
background-color: #fff;
}
/* SLUTT ID STYLES */


/* START CLASS STYLES */

.menuLev1, .menuLev1 a {
text-decoration: none;
color: #014c85;
font-size: 12px;
font-weight: bold;
line-height: 20px;
margin: 0px;
padding: 10px;
width: 190px;
display: block;
vertical-align: top;
}
.menuLev1 a:hover, .menuLev1Selected, a.menuLev1Selected{
text-decoration: none;
color: #014c85;
font-size: 12px;
font-weight: bold;
line-height: 20px;
margin: 0px;
padding: 10px;
width: 190px;
display: block;
vertical-align: top;
}

.menuLev2, a.menuLev2 {
text-decoration: none;
color: #014c85;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
width: 190px;
display: block;
vertical-align: top;
}
.menuLev2 a:hover, .menuLev2Selected, a.menuLev2Selected{
text-decoration: none;
color: #ff6532;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
width: 190px;
display: block;
vertical-align: top;

}
.menuLev3, a.menuLev3 {
font-weight: normal;
font-size: 11px;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
}

.menuLev3 a:hover, .menuLev3Selected, a.menuLev3Selected {
font-weight: bold;
font-size: 11px;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
}

a.topMenu {
	background: url(gfx/menuBg.png) repeat;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-right: 1px;
	margin-left: 1px;
	font-weight: bold;
	line-height: 40px;
}
.topMenuFill {
	width: 150px;
	background: url(gfx/menuBg.png) repeat;
}
.prevNext {
color: #37385a;
font-weight: bold;
}
span.prevNext {
cursor: pointer;
}
div.forsidebox {
width: 305px;
height: 271px;

}
div.forsideboxContent {
width: 277px;
height: 243px;
padding: 14px;
}
div.boxContent {

}
div.forsideboxText {
padding: 15px;
padding-top: 10px;
line-height: 17px;
color: #FFFFFF;
}
td.menuButt {
cursor: pointer;
}
img.bakGrunnBilde {
position:absolute;
bottom:0px;
}
div.undermenyText {
padding-top: 30px;
padding-left: 70px;
width: 549px;
height: 105px;
font-weight: bold;
}
div.undermenyText td {
font-weight: bold;
}
div.relatertText {
padding-top: 30px;
padding-left: 40px;
width: 305px;
height: 135px;
font-weight: bold;
}
div.relatertText td {
font-weight: bold;
}
div.kontaktmenyText {
padding-top: 45px;
padding-left: 40px;
width: 285px;
height: 255px;
font-weight: bold;
}
input.skjema {
border: 1px #33345a solid;
width: 250px;
}
#kontakttekstText, #forhandlertekstText {
position: absolute;
left: 0px;
top: 0px;
width: 565px;
height: 245px;
padding-top: 55px;
padding-left: 40px;
padding-right: 30px;
color: #37385a;
overflow: hidden;
}
#forhandlerTabell td {
line-height: 17px;
}
#forhandlertekstText {
overflow: auto;
}
#forhandlertekstText a, #kontakttekstText a {
color: #89caf0;
}
#forhandlertekstText a:hover, #kontakttekstText a:hover {
color: #37385a;
}
table.submenu td {
padding-right: 20px;
}
img.fotogalleri {
display:none;
width: 544px;
height: 300px;
position: absolute;
left: -544px;
top: 0px;
}
td.borderBottom {
border-bottom: 1px #37385a solid;
}
/* SLUTT CLASS STYLES */


/* START TEXT STYLES */

.heading {
font-size: 17px;
font-weight: bold;
color: #004b85;
line-height: 11px;
padding: 20px;
text-transform: uppercase;
}

.newsFirstHeading, .newsFirstHeading a {
font-size: 20px;
font-weight: bold;
color: #7f5135;
margin-top: 3px;
margin-bottom: 3px;
text-transform: uppercase
}

.newsMediumHeading, .newsMediumHeading a {
font-size: 12px;
font-weight: bold;
color: #004b85;
line-height: 11px;
padding-left: 10px;
text-transform: uppercase;
}

.newsListHeading, .newslistHeading a {
font-size: 13px;
font-weight: bold;
color: #004b84;
margin-top: 3px;
margin-bottom: 3px;
text-transform: uppercase
}

.text {
font-size: 12px;
font-weight: normal;
color: #004b85;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.text a {
font-size: 12px;
font-weight: normal;
color: #004b85;
text-decoration: underline;
}

.contactText, .contactText a {
font-size: 12px;
font-weight: normal;
color: #b18747;
padding-top: 3px;
}

.shortText {
font-size: 13px;
font-weight: bold;
color: #004b85;
padding-left: 20px;
padding-right: 20px;
}

.newsMediumText, .newsMediumText a {
font-size: 12px;
font-weight: normal;
color: #004b85;
padding-left: 10px;
padding-top: 3px;
}

.newsListText, .newsListText a{
font-size: 12px;
font-weight: normal;
color: #ffffff;
}

.youAreHere {
font-size: 11px;
font-weight: bold;
color: #E8A38A;
}

.readMore, .readMore a {
padding-top: 3px;
font-size: 11px;
font-weight: bold;
color: #004b84;
}

a {
color: #000000;
text-decoration: none;
}

a.prodLink {
text-decoration: none;
color: #000000;
}


/* SLUTT TEXT STYLES */




/* START BOX STYLES */

.boxSmallLeft {
float: left;
}

.boxSmallRight {
float: left;
clear: right;
}

.boxLarge {
clear: both
}

.boxHeading {
font-size: 14px;
font-weight: bold;
color: #172154;
margin-bottom: 2px;
text-transform: uppercase
}

.boxText {
font-size: 12px;
color: #172154;
margin-top: 5px;
margin-bottom: 2px;
line-height: 15px;
}

/* SLUTT BOX STYLES */



/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{
position:absolute;
visibility:hidden;
left:0;
top:0;
}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{
position:absolute;
width:10;
height:10;
visibility:hidden;
}

/*Styles for level 0*/
.clLevel0,.clLevel0over{
position:absolute;
text-align:center;
font-family: Verdana;
font-size:10px;
padding-top:0px;
}

* html .clLevel0,.clLevel0over {
padding-top:0px;
}
.clLevel0{
color:#878685;
}
.clLevel0over{
color:#7B002A;
font-weight: bold;
padding-top:0px;
cursor:pointer;
}
* html .clLevel0over {
padding-top:0px;
}
.clLevel0border{
position:absolute;
visibility:hidden;
}

/*Styles for level 1*/
.clLevel1 {
-moz-opacity: 0.85;
opacity: 0.85;
filter: alpha(opacity=85);
margin: 0px;
cursor:pointer;
background: #1e6299;
}

.clLevel1, .clLevel1over {
margin: 0px;
cursor:pointer;
position:absolute;
padding:5px;
padding-left: 5px;
font-family: Verdana;
font-size:10px;
color:#FFFFFF;
text-align: left;
}

a.clLevel1 {
margin: 0px;
cursor:pointer;
color:#FFFFFF;
text-align: left;
}

.clLevel1over {
-moz-opacity: 0.85;
opacity: 0.85;
filter: alpha(opacity=85);
margin: 0px;
cursor:pointer;
text-align: left;
background: #1e6299;
color: #ff6633;
}

.clLevel1border {
-moz-opacity: 0.85;
opacity: 0.85;
filter: alpha(opacity=85);
margin: 0px;
cursor:pointer;
position:absolute;
/*visibility:hidden;*/
background-color:#777777;
layer-background-color:#777777;
}

* html .clLevel1border {
margin: 0px;
cursor:pointer;
background-color:#FFFFFF;
} 

/*Styles for level 2*/
.clLevel2, .clLevel2over {
margin: 0px;
position:absolute;
padding:2px;
font-family: Verdana;
font-size:10px;
font-weight:bold;
}

.clLevel2 {
margin: 0px;
background-color:Navy;
layer-background-color:#276899;
color:white;
}

.clLevel2over {
margin: 0px;
background-color:#276899;
layer-background-color:#276899;
color:Yellow;
cursor:pointer;
}

.clLevel2border {
margin: 0px;
position:absolute;
visibility:hidden;
background-color:#006699;
}
