﻿html, body
{
    width: 100%;
}
body
{
 font-family: Trebuchet MS;
    font-size: 12px;
    background:#ffffff;
}
#geomatikk {
    width:100%;
    background:  url(images/bg_main.png) repeat-x 0 0;
    height:683px;
    text-align: center;
}
body, h1, h2, h3
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}
a:link, a:visited
{
    color: #535353;
    text-decoration: none;
}
 a:hover {

    color:#0477AA;
}
p
{
    margin: 0 0 1em 0;
    padding: 0;
}
#page
{
    float: left;
    width: 1093px;
    padding-left: 44px;
    background:  url(images/bg_leftColumn_main.png) no-repeat 0 0;
}
#main
{
    width: 1184px;
    margin: 0 auto;
    text-align:left;
}
#rightCol
{
    background: #ffffff url(images/bg_rightColumn_main.png) no-repeat 0 0;
    width: 44px;
    float: left;
    height: 367px;
}

#header
{
    height: 113px;
    padding-left: 44px;
}

#websiteTitle
{
    float: left; 
    width: 277px;
    height: 113px;
    margin: 0 20px 0 -25px; 
}
#header #info
{
    float: left;
    width: 546px;
    padding-top: 30px;
    height: 83px;
    color:White;
    font-size:16px;
    line-height:24px;
}
 a.newslink 
 {
     color:#0477AA;
     font-size:14px;
 }
#header ul
{
    margin: 0;
}
#menu
{
font-family:Arial;
font-family:Tahoma;
height:40px;
padding:0 0 0 14px;
}
#menu ul
{
    float: left;
    padding: 0;
}
#menu #search
{
  float:right;
padding-right:36px;
padding-top:1px;
text-align:right;
}
#menu #search .searchbox
{
    margin-top:7px;
    border: 0;
    background: url(images/searchbox.png) no-repeat 0 0;
    font-size:11px;
    padding:4px;
}
#menu #search .searchbutton
{
    float:left ;
}
#menu ul li
{
    display: inline;
    list-style: none;
    list-style-position: inside;
    padding: 0 32px;
    background: url(images/menu_l1_splitter.png) no-repeat 100% 0;
}
#menu li.selected a {

    background: url(images/menu_l1_active.png) no-repeat scroll 40% 0px;
    padding-top:13px;
}
#footer
{
    margin-top: 30px;
    float: left;
    width: 100%;
    
}
.copyright {

    text-align: center;
    color: #7d7d7d;
    font-size:12px;
    line-height:16px;
}
.footer {
    text-align: center;
    color: #7d7d7d;
    font-size:12px;
    line-height:16px;
}
/* default */
#forside {

} 
.cmsContent3 {
width:100%;
text-align:center;
}
.cmsContent0, .cmsContent1, .cmsContent2, .cmsContent3
{
    min-height: 30px; 
    float:left;
    width:100%;
}
#forside .cmsContent0 {
    width:1097px;
    margin-left:-1px;
    font-size:11px;
}
#forside .cmsContent1 {
    width:546px;
    min-height: 160px;
}
#forside .cmsContent2 {
padding-left:2px;
    width:545px;
    min-height: 160px;
}
.forsidebilder a {
position:relative;
display:block;
float:left;
}
 .forsidebilder h2  {
 position: absolute;  
 margin-left: 23px;
 margin-top: 255px; 
 text-transform:uppercase;
 font-size: 13px;
} 
.forsidebilder span, .forsidebilder font  {
 position: absolute;  
 margin-left: 23px;
 margin-top: 285px; 
 line-height:14px;
}
.infostripe_framside {
    background:  url(images/infostripe_framside_bg.png) no-repeat 0 100%;
    float:left;
height:160px;
padding-bottom:1px;
width:1096px;
    
}
.forsideinfo {
color:#7d7d7d;
font-size:12px;
line-height:16px;
padding-top:25px;
padding-left:24px;
}
.forsideinfo a.img {
    float:left;
}
.forsideinfo h3 { 
    text-transform:uppercase;
    padding-bottom:6px;
    font-size:13px;
}
.forsideinfo a img { 
padding-right:24px;
}
/* standard */

#standard
{
    width: 100%;
    float: left;
    background: #ffffff url(images/main_bg.png) repeat-x 0 0;
    min-height:436px;
    height:auto;
}

#standard #col1
{
    width: 220px;
    min-height: 300px;
    padding: 25px 0 31px 20px;
}
#standard #col1  p.filvedlegg {
    margin:15px 0 0 0;
    padding-left:22px;
    color:#51626F;
    text-transform:uppercase;
    font-weight:bold;
}
#standard #col1 ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#standard #col1 a {
    display:block;
}
#standard #col1 a.selected {
    color:#0477aa;
    background: url(images/menu_l2_selected.png) no-repeat 0 50%;
    padding-left:11px;
}
#standard #col1 .l2 a {

    margin-left:11px;
    padding-left:11px;
    margin-top:10px; 
}
#standard #col1 .l2 a.selected { 
padding-bottom:0;
}
#standard #col1, #standard #col2, #standard #col3, #standard #col4, #standard #col5, #standard #col6
{
    float: left;
}
#standard #col13
{ 
}
#standard #col2 {
    color:#51626f; 
}
#standard #col1  .l3
{
    padding: 5px; 
    background: url(images/menu_l2_splitter.png) no-repeat 11px 100%;
}
#standard #col1 .l3 a
{
    display: block;
    font-size: 12px;
    margin: 2px 0px 3px 0px;
    padding-left:11px;
    color: #51626f;
    text-decoration: none;
    background:none;
    padding-bottom:0px;
}
#standard #col1 .l3 a.selected
{ 
    background: url(images/menu_l2_selected.png) no-repeat 0 50%;
    padding-left:11px;
}
.l3 a.selected, .l3 a.selectedwithchildren
{
    color: #FFFFFF;
    background: url(images/menu_l3_selected.png) 0 0;
}

.l3 a:hover
{
    color: #000000;
}
.l3 a.selected:hover, .l3 a.selectedwithchildren:hover
{
    color: #FFFFFF;
}
#standard #col1 div.l3  {
padding-left:20px;
}
#standard #col1 div.l4  {
padding-left:20px;
}
ul.l4 {
    padding-left:25px;
    list-style:circle outside none;

}
.l4 a.selected:hover
{
    color: #00473f;
}

.l3 div
{
    margin-bottom: 10px;
    margin-top: 5px;
    padding-bottom: 5px; 
}
.l4 div
{
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 1px;
    border-bottom: 0;
}

.l4 a
{
    font-size: 11px;
    
}
.l4 a.selected
{
    color: #000000;
    background: none;
}



.l5 a
{
    padding-left: 50px;
}
.l6 a
{
    padding-left: 60px;
}
.l7 a
{
    padding-left: 70px;
}
.l8 a
{
    padding-left: 80px;
}
.l9 a
{
    padding-left: 90px;
}
.l10 a
{
    padding-left: 100px;
}
.l3 a.haschildren
{
    background: url(images/haschildren.png) 21px 7px no-repeat;
}
.l4 a.haschildren
{
    background: url(images/haschildren.png) 31px 7px no-repeat;
}
.l5 a.haschildren
{
    background: url(images/haschildren.png) 41px 7px no-repeat;
}
.l6 a.haschildren
{
    background: url(images/haschildren.png) 51px 7px no-repeat;
}
.l7 a.haschildren
{
    background: url(images/haschildren.png) 61px 7px no-repeat;
}
.l8 a.haschildren
{
    background: url(images/haschildren.png) 71px 7px no-repeat;
}
.l9 a.haschildren
{
    background: url(images/haschildren.png) 81px 7px no-repeat;
}
.l10 a.haschildren
{
    background: url(images/haschildren.png) 91px 7px no-repeat;
}
.l4 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 31px 7px no-repeat;
    color: #000000;
}
.l5 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 41px 7px no-repeat;
}
.l6 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 51px 7px no-repeat;
}
.l7 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 61px 7px no-repeat;
}
.l8 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 71px 7px no-repeat;
}
.l9 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 81px 7px no-repeat;
}
.l10 a.selectedwithchildren
{
    background: url(images/selectedwithchildren.png) 91px 7px no-repeat;
}

ul.l2, ul.l3 {
padding-left:30px;
}
#standard #col2
{
    width: 466px;
    padding: 30px 1px 30px 0;
}
#standard #col4
{
    width: 794px;
    padding: 30px 0px;
}
#standard #col5
{
    width: 422px;
}
#standard #col6
{
    width: 372px;
}
#standard #col2 h1
{
    font-size: 20px;
    padding-left: 20px;
    color: #0477aa;
    font-weight: normal;
}
#standard #col3
{
    padding: 32px 0 0 0;
    width: 341px; 
    float:left;
} 
#standard #col2 .mainContent
{
    float: left;
    padding: 20px;
    line-height: 18px;
    width: 425px;
    min-height: 150px;
}
#standard #col4 .mainContent
{
    float: left;
    padding: 20px 0 20px 20px;
    line-height: 18px;
    width: 763px;
    min-height: 200px;
}
#standard #col4 h1
{
    margin-left: 20px;
}
 
#standard #col3 .cmsContent1
{
    float: left;
    padding: 20px;
    width: 301px;
}

#standard #col3 .imageDropWrapper
{
    float: left;  
    padding: 13px 14px 14px 15px;
}
#standard #col3 .imageDropWrapperWithImage
{
    float: left;  
    padding-bottom:20px;
}
#webpageImage img {
    padding: 13px 14px 14px 15px;
    background: #f2f2f2;

}
#standard #col3 .imageRight
{
    float: left;   
    background:url(images/webpage_image_bg_right.png) repeat-y 100% 0;
}  
#standard #col3 .imageDrop
{
    float: left;  
}
#standard h1
{
    /* margin-left: 20px; Removed by ØH to fix layout problems on standard webpages */
    font-size: 24px;
    font-weight: normal;
    color: #333;
}

.intro
{
    font-size: 1.2em;
    padding: 1em 0;
    line-height: 1.4em;
}
.mainContent h2
{
    padding: 0 !important;
    margin: 10px 0;
}
  #infostripe_standard {
    background:url(images/infostripe_standard.png) no-repeat 0 0;
float:left;
height:133px;
margin-left:-1px;
padding-left:1px;
padding-top:1px;
width:1096px;
    
}
 #infostripe_standard .boks {
float:left;
    background:url(images/infostripe_boks_standard.png) no-repeat 0 0;
    display:block;
    width: 274px;
    height:132px;
    
}
  #infostripe_standard .boks2 {
    background:url(images/infostripe_boks_standard_last.png) no-repeat 0 0;
    width: 271px;
}
 #infostripe_standard h2 {
font-size:13px;
color:#0477aa;
margin-top:22px;
padding-left: 22px;
text-transform:uppercase;
}
  #infostripe_standard p  {
padding-left:22px;
padding-right:63px;
padding-top:4px;
font-size:11px;
line-height:14px;
}
#prosess {
float:left;
width:100%;
}
.prosessHolder {
    float:left;
    width:100%;
    max-height:124px;
    position:relative;
} 
.prosess .tekster div {
    position:absolute;
    top:auto;
    left:auto;
}
.prosess .tekster {
    position:absolute;
    top:0;
    left:0;

} 
#standard .cmsContent2 {
float:left;
width:100%;
height:124px;
}

#search .nyhter .nyhet{
padding-bottom:10px;
}
#search .artikler {
padding-bottom:10px;
}
#search .artikkel {
padding-bottom:10px;
}
#newsitem #col2 {
width:auto;
}
#newsitem #col2 .mainContent {
width:580px;
line-height:18px
}
#newsitem #col3 {
width:auto;

}
/* #### E-COMMERCE  #### */
.c_product
{
    width: 238px;
    height: 257px;
    margin-bottom: 40px;
}
.c_product .image
{
    height: 160px;
}
.c_product .title
{
    height: 21px;
    padding-top: 6px;
}
.c_product .description
{
    height: 49px;
    color: #666666;
    font-size: 11px;
    line-height: 14px;
}
.c_product .price
{
    float: left;
    width: 159px;
    height: 19px;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
    color: #008676;
    font-weight: bold;
}
.c_product .buy
{
    float: left;
    width: 79px;
    height: 21px;
}
.c_product h2, .c_product h3
{
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal !important;
    font-size: 14px;
}
#minicart
{
    float: right;
    width: 205px;
    height: 36px;
}
#minicart #cartlink a
{
    background: url(images/minicart.png) no-repeat 5px 0px;
    float: left;
    width: 82px;
    margin-top: 10px;
    padding: 0 5px 0 32px;
}
#minicart #cartlink a span
{
    color: #666666;
}
#minicart #cartimage
{
    float: left;
    width: 79px;
    margin: 8px 5px 0 0;
}
#product
{
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 15px;
    margin-bottom: 30px;
    color: #333333;
    line-height: 18px;
}
#product h1
{
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 14px;
    margin-left: 0px !important;
}
#product h2, #product_right h2, .mainContent h2
{
    font-size: 14px;
    color: #333333;
}
#product_right
{
    padding-top: 57px;
}

#product #ingress
{
}
#product #rating
{
    height: 25px;
    padding-left: 15px;
    padding-top: 5px;
}
#product #variations
{
}
#product #description
{
    margin-top: 20px;
}
#product #reviews
{
    margin-top: 11px;
}
#product #variations td.block
{
    width: 123px;
    border-left: solid 1px #eae8e8;
    border-top: solid 1px #eae8e8;
    border-bottom: solid 1px #eae8e8;
    background-color: #f0eeef;
    background-image: url(images/variation_side_bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    min-height: 123px;
    height: auto !important;
    height: 123px;
    padding-bottom: 8px;
}
#product #variations td.block p
{
    margin: 8px 0 0 15px;
}

#product #variations #color
{
    border-left: none;
    width: 124px;
    border-top: solid 1px #e2dee0;
    border-bottom: solid 1px #e2dee0;
    background-color: #f9f9f9;
    background-image: url(images/variation_bg.png);
}
#product #variations #info
{
    border-left: none;
    border-right: solid 1px #eae8e8;
}
#product #variations #info #price
{
    color: #008676;
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 8px;
}
#product #variations #info #buy
{
    text-align: center;
}
#product #variations #info #delivery
{
    font-size: 11px;
    color: #666666;
    text-align: center;
    padding: 0 10px;
}
.review
{
    margin-bottom: 20px;
}
.review div
{
    float: left;
}
.review h3
{
    font-size: 12px;
    margin: 0;
}
.review .info
{
    clear: left;
    color: #666666;
    font-size: 10px;
    width: 104px;
}
.review .info p
{
    margin: 0;
}
.review .score
{
    height: 12px;
    width: 104px;
}
.review .description
{
    float: right;
    width: 255px;
    font-size: 11px;
    color: #333333;
}
.related
{
    margin-top: 10px;
}
.related .image
{
    float: left;
    width: 115px;
    height: 80px;
    margin-right: 10px;
}
.related .description
{
    float: left;
    width: 237px;
    color: #333333;
    font-size: 11px;
    line-height: 14px;
}
.related .description h3
{
    color: #008676;
    font-size: 14px;
    font-weight: normal;
    margin: 4px 0 4px 0;
}
.related .description p
{
    font-size: 11px;
    line-height: 14px;
    color: #333333;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.categoryimage
{
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}
input.reg, select.reg
{
    background-color: #e5e5e6;
    height: 16px;
    border: none;
    border-left: solid 1px #c9d3d8;
    border-top: solid 1px #c9d3d8;
}
select.reg
{
    height: 19px;
}
/* Hide from IE Mac \*/
.clearfix
{
    display: block;
}
/* End hide from IE Mac */

.header_side
{
    width: 50%;
    float: left;
}
.header_side #login
{
    text-align: right;
    margin: 12px 5px 0 0;
}
.header_side #websites
{
    text-align: right;
    margin: 5px 5px 0 0;
    height: 16px;
    color: #999999;
}
.header_side #websites .selected
{
    color: #000000;
}

/* icons */

.attachments
{
    float: left;
    margin: 10px 0 0 0;
}
.attachments a
{
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 0 0 25px;
    line-height: 16px; /* To center the text vertically with the icon */
    margin: 0 0 5px 10px;
}

.attachments a.audio
{
    background-image: url(images/audio.png);
}
.attachments a.download
{
    background-image: url(images/download.png);
}
.attachments a.excel
{
    background-image: url(images/excel.png);
}
.attachments a.pdf
{
    background-image: url(images/pdf.png);
}
.attachments a.picture
{
    background-image: url(images/picture.png);
}
.attachments a.video
{
    background-image: url(images/video.png);
}
.attachments a.word
{
    background-image: url(images/word.png);
}
.attachments a.zip
{
    background-image: url(images/zip.png);
}

#errorcontent 
{
    padding:30px;
    height:350px;
    background:white;
    margin-top:10px;
}
