@charset "iso-8859-1";

* {
margin:0;
padding:0;
}




a { text-decoration:none; color:#333333}
a:hover { text-decoration:underline; color:#333333}

img, div { behavior: url(iepngfix.htc) }

body {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:url(images/bg.jpg) repeat-x top #3b3b3c;
color:#333333;
font-family: calibri, helvetica, arial, sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:auto;
line-height:15px;
padding:0;
margin-left:auto; margin-right:auto;
}


#container { height:auto !important;
margin:0 auto -153px;
min-height:100%;
width:1000px;
}


#container .bottomborder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bottomborder.jpg) repeat-x scroll 0 0; width:1000px; height:auto; padding:6px 0;
margin:0; float:left
}


#main {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:none repeat scroll 0 0;
height:auto;
padding-bottom: 0px;
width:1000px; float:left;
}

#main .left {
display:inline;
float:left;
margin:0;
position:relative; background-color:#FFFFFF; width: 466px; min-height: 454px; padding: 0 40px; margin-right: 6px;
}

#main .right {
display:inline;
float:left;
margin:0;
position:relative; width: 388px; height:auto; padding: 0 30px; background-image: url(images/bg_sidebanner.jpg); background-color:#FFFFFF; background-repeat: repeat-x;
}

#main .productview {
display:inline;
float:left;
margin:0;
position:relative; background-color:#FFFFFF; width: 917px; padding-left: 83px; padding-bottom:20px
}

#main .referensview {
display:inline;
float:left;
margin:0;
position:relative; background-color:#FFFFFF; width: 834px; padding-left: 83px; padding-bottom:10px; padding-right:83px; 
}

.standard-box {
display:inline;
float:left;
margin:0;
position:relative;
}

#referensbox {
display:inline;
float:left;
margin:0;
position:relative; border: solid; border-width:0px}

.productviewbox {display:inline;
float:left; position:relative; width:194px; height:257px; margin: 8px 16px 8px 0px; background-image: url(images/bg_productviewbox.jpg); background-repeat:no-repeat;}
.productviewtumme {display:inline;
float:left; position:relative; width:170px; height:170px; padding: 12px;}
.productviewtext {display:inline;
float:left; position:relative; width:170px; padding: 0 13px; font-size:11px}

.productimage {display:inline;
float:left; position:relative; width:350px; height:350px; padding: 20px 20px 20px 0;}
.producttext {display:inline;
float:left; position:relative; width:450px; padding: 20px 20px 20px 0; font-size:14px; line-height:25px}

.referensimage {display:inline;
float:left; position:relative; width:834px;}

.referensview ul{
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:6px 0; color:#FFFFFF; border:none; width: 834px}

.referensview li{
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-right:6px; width:78px; height:40px}



#header {background:transparent url(images/meny/header_bg.jpg) repeat-x scroll 0 0;

display:inline;
float:left;
height:128px;
min-height:128px;
text-align:left;
width:1000px;
z-index:100; }

#header-logo {
display:inline;
float:left;
margin:0 0 0 0;
padding: 6px 18px 0 18px;
text-align:center;
width:163px;}

#top-menu { display:inline;
float:left;
height:112px;
margin:0 0 0 225px;
min-height:112px;}

#top-menu ul, #top-menu li {
border-left:0 none;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0; background-image:url(images/meny/li_bg.jpg); background-repeat:repeat-x;}

#top-menu a {
display:block;
padding:68px 16px 45px 16px; color:#333333; font-size:14px; font-weight:normal}

#top-menu a:hover, #top-menu #activeSM {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; background-color: #f9f9f9; text-decoration:none; color:#333333}

#top-menu_en { display:inline;
float:left;
height:112px;
margin:0 0 0 465px;
min-height:112px;}


#top-menu_en ul, #top-menu_en li {
border-left:0 none;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0; background-image:url(images/meny/li_bg.jpg); background-repeat:repeat-x;}

#top-menu_en a {
display:block;
padding:68px 16px 45px 16px; color:#333333; font-size:14px; font-weight:normal}

#top-menu_en a:hover, #top-menu_en #activeSM {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; background-color: #f9f9f9; text-decoration:none; color:#333333}

#product-menu { display:inline;
float:left;
height:157px;
margin:0;
min-height:157px; background-color:#000000; padding-left:43px; font-size:14px}

#product-menu ul{
border-left:0 none;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:25px 20px 20px 0; color:#FFFFFF; line-height:18px;}

#product-menu a { color:#FFFFFF;}

#side-menu { display:inline;
float:left;
margin:0; font-size:20px; font-family:"Aller"; line-height:30px; font-weight:bold}

.topbanner		{ display:inline; width:1000px; float:left; padding-top:6px; padding-bottom:6px;}
.imgcontainer { display:inline; width:1000px; float:left; padding-top:3px;}

.startnyhet { margin:0; float:left; padding-bottom: 30px; width:388px;}
.startnyhet .tumnagel { width: 388px; height:auto; padding-bottom:6px; }
.startnyhet .rubrik { background-image: url(images/startnyhetsrubrik_bg.jpg); background-repeat:repeat-x; height:28px; width:368px; padding:0 10px; color:#FFFFFF; font-size:20px; font-family:"Aller"; font-style:normal; font-weight:bold; line-height:26px;}
.startnyhet .rubrik a { color:#FFFFFF; text-decoration:none}
.startnyhet .teaser { width:368px; padding:4px 10px 0 10px; color:#333333; font-size:11px; font-style:normal; line-height:14px; }
.loggain { margin:0; float:left; font-family:"Aller_Light"; font-size:20px; padding:10px 0; line-height: normal; width:388px;}

.kontaktruta { display:inline; width:200px; float:left; padding-top:3px; padding-right:15px}
.kontaktimage { display:inline; width:200px; float:left; padding-right:15px;}
.bildtext	{ display:inline; width:215px; float:left; padding-bottom:10px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic;}
.kontakttext { display:inline; width:200px; float:left; padding-right:15px;}


h1 {font-size: 3.5em; padding-top:20px; color:#333333; font-family:"Aller_Light"; line-height:54px; font-weight:normal; }
h2 {font-size: 2em; padding-top:20px; line-height:30px; color:#333333; font-family:"Aller_Light"; padding-bottom:5px; font-weight:normal}
h3 {font-size: 2em;  color:#333333; font-family:"Aller_Light"; line-height:30px; font-weight:normal; padding-bottom:10px}
h4 {font-size: 1.2em;  color:#333333; line-height:22px; font-weight:normal}
h5 {font-size: 12px;  color:#333333; font-weight: bold}


#smutstextholder {width:1000px; float:left; margin-left:auto; margin-right:auto; height:34px; padding-left:0px}
#smutsleft {padding-left:10px; padding-top:0px; width:578px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:0px}
#smutsrighttext {align:right; width:402px; padding-right:10px; padding-top:0px; float:left; text-align:right; font-family: "Century Gothic", Verdana; padding-top:0px}
.smuts a {color:#ffffff; text-decoration:none}
.smuts a:hover {color:#ffffff; text-decoration:underline}   
.smuts		{FONT-SIZE: 10px; color:#ffffff}


#foot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
height:112px;
min-height:112px;
width:100%;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }