/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }
        
/*        =TYPOGRAFI OG FARGER
        ----------------------------------------------------*/

        body {
                font-size:62.5%;
                font-family:Arial, Helvetica, sans-serif;
                background:#fff;
                color:#333;
                }
                
        .cell-page {
          background: #fff url(/images/gradient-bg.png) repeat-x 0 0;
        }
        
        h1,
        h2,
        h3,
        h4 {
                line-height:1.4em;
                font-weight: bold;
                }
                
        h1 {
                padding-top:0.65em;
                font-size:2em;
                }
                
        h1.no-padding {
                padding-top:0;
                }
                
        h2 {
                font-size:1.8em;
                }
                
        h3 {
                font-size:1.5em;
                }
                
        a {
                font-size:1.3em;
                color:#008794;
                text-decoration:none;
                border-bottom: 1px dotted #a2d9e3;
                }
                
        a:hover {
                color: #0e4951;
                }
                
        p {
                font-size:1.3em;
                line-height:1.4em;
                }
                
                p * {
                        font-size:1em;
                        }
                p sup {
                
                        font-size: .8em;
                      }
                p small {
                  font-size: 12px;
                  color: #666;
                }
                
        
        table {
                border-top:1px solid #b3b3b3;
                }
        
        th,
        td {
                padding:0.3em 0;
                text-align:left;
                font-size:1.3em;
                background:url(/images/bg_hr.gif) bottom left repeat-x;
                }
                
        label {
                font-size:1.3em;
                }
                
        .ingress {
                width: 63.73em;
                margin-bottom:1em;
                font-size:1.5em;
                }
                
        .ingress * {
                font-size:1em !important;
                }
                
                
        input {
                font-size:15px;
                color:#666;
                }

                
                
/*        =RAMMEVERK 
        ----------------------------------------------------*/
        
        div#frame {
                position:relative;
                min-height:100%;
                width:100%;
                }
                
        div#header,
        div#main,
        div#footer {
                margin:0 auto;
                width:95.6em;
                font-size:1em;
                }
                
        div#footer,
        div#frame.frontpage #main {
                overflow-x:hidden;
        
        }
                
        div#content {
                width:99.9em;
                }
        
        div#header a {
          border-bottom: none;
                }
                
        div#main {
                padding-bottom:0;
                }
                
        .hr {
                margin-bottom:1em;
                }
        
        /* Generell klasse for alle knapper */        
        .button {
          cursor: pointer;
                display:block;
                background:url(/images/buttons.png) 0 0 repeat-x;
                font-size:13px;
                line-height:34px;
                height: 34px;
                margin-top: 10px;
                text-align:center;
                color:#fff;
                overflow:hidden;
                font-weight: bold;
                border: 0;
                width: 100%;
                }
                        
        .button:hover {
                color:#fff;
                background: url(/images/buttons.png) 0 -40px repeat-x;
                }
                
        .banner .button {
          margin: 0;
        }
        
        /* Klasse for knapp av typen "Velg" */                
        a.add {
          width:54px;
        }
                
        div#footer {
                margin-top:0;
                clear: both;
                }
                
                div#footer .hr {
                        margin-bottom:1.8em;
                        }
                
                div#footer ul {
                        display:block;
                        margin-bottom:7em;
                        width:100%;
                        overflow:hidden;
                        }
                        
                        div#footer ul li {
                                display:block;
                                float:left;
                                margin-right:0.7em;
                                padding:0;
                                width:15.9%;
                                }
                                
                        div#footer ul li h3 {
                                font-size:1.2em;
                                font-weight:bold;
                                line-height:1.5em;
                                color:#858585;
                                }
                                
                                div#footer ul li ul {
                                        margin:0;
                                        width:100%;
                                        }
                                        
                                        div#footer ul li ul li {
                                                float:none;
                                                width:100%;
                                                }
                                                
                                                div#footer ul li ul li a {
                                                        font-size:1.2em;
                                                        line-height:1.5em;
                                                        text-decoration:none;
                                                        font-weight:normal;
                                                        color:#858585;
                                                        border-bottom: none;
                                                        }
                                                        
                                                        div#footer ul li ul li a:hover {
                                                                text-decoration:underline;
                                                                }
                                                                
                        div#footer ul li.abo {
                                width:15.5em;
                                }
                                
                        div#footer ul li.mob {
                                width:15.4em;
                                }
                                
                        div#footer ul li.tje {
                                width:15.5em;
                                }
                                
                        div#footer ul li.mag {
                                width:14.5em;
                                }
                                
                        div#footer ul li.kun {
                                width:15.4em;
                                }
                                
                        div#footer ul li.min {
                                margin-right:0;
                                width:15.5em;
                                }
                                
                div#footer .copyright {
                        padding-bottom:2em;
                        }
                        
                        div#footer .copyright * {
                                padding-right:0.5em;
                                font-size:1.2em;
                                color:#858585;
                                }
                                
                        div#footer .copyright a {
                                text-decoration:none;
                                }
                                
                        div#footer .copyright a:hover {
                                text-decoration:underline;
                                }
                

                
/*        =DINGSER 
        ----------------------------------------------------*/                
        
        a.logo {
                display: block;
                width: 146px;
                height: 67px;
                background: url(/images/logo.png) top left no-repeat;
                text-indent: -9999px;
                overflow: hidden;
                float: left;
                margin: 5px 0 13px 0;
                }
                
        .hr {
                display:block;
                height:1px;
                overflow:hidden;
                background:url(/images/bg_hr.gif) top left repeat-x;
                }
                
                .hr hr {
                        display:none;
                        }
                
        input {
                padding:0;
                }
                
        span.image {
                display:block;
                overflow:hidden;
                }
                
        .image {
                position:relative;
                overflow:hidden;
                }
                
        .fieldrow {
                position:relative;
                margin-bottom:0.5em;
                width:100%;
                height:1.8em;
                }
                
                .radio input,
                .radio label {
                        position:absolute;
                        }
                        
                .radio input {
                        left:0;
                        top:2px;
                        }
                        
                .radio label {
                        top:0;
                        left:1.7em;
                        position:absolute;
                        }
                
.main-menu {
  position:relative;
  margin-bottom:1em;
  height:38px;
  width:100%;
  clear: both;
  z-index: 3;
}
                
.main-menu ul {
  height:38px;
  width:738px;
  background:url(/images/menu-sprite.png) 100px -114px no-repeat;
}
                        
.main-menu ul li {
  display: block;
  float: left;
}
        
.main-menu ul li > a {
  background: url(/images/menu-sprite.png) no-repeat;
  display: block;
  height: 38px;
  line-height: 38px;
  text-indent: -9999px;
}
        
.main-menu ul li.abo a {
  width:115px;
  background-position: 0 0;
}

.main-menu ul li.abo a:hover { 
  background-position: 0 -38px; 
}

.main-menu ul li.abo a.selected,
.main-menu ul li.abo a.selected:hover { 
  background-position: 0 -76px; 
}

.main-menu ul li.mob a {
  width: 63px;
  background-position: -115px 0;
}
        
.main-menu ul li.mob a:hover {
  background-position:-115px -38px;
}
        
.main-menu ul li.mob a.selected,
.main-menu ul li.mob a.selected:hover {
  background-position:-115px -76px;
}
              
.main-menu ul li.tje a {
  width: 90px;
  background-position: -178px 0;
}

.main-menu ul li.tje a:hover {
  background-position: -178px -38px;
}
        
.main-menu ul li.tje a.selected,
.main-menu ul li.tje a.selected:hover {
  background-position: -178px -76px;
}

.main-menu ul li.kun a {
  width: 116px;
  background-position: -268px 0;
}

.main-menu ul li.kun a:hover {
  background-position: -268px -38px;
}
        
.main-menu ul li.kun a.selected,
.main-menu ul li.kun a.selected:hover {
  background-position: -268px -76px;
}

.main-menu ul li.bes a {
  width: 134px;
  background-position: -629px 0;
}

.main-menu ul li.bes a:hover {
  background-position: -629px -38px;
}
        
.main-menu ul li.bes a.selected,
.main-menu ul li.bes a.selected:hover {
  background-position: -629px -76px;
}

.main-menu ul li.min {
  width: 87px;
  margin-left: 22px;
}
        
.main-menu ul li.min a {
  background-position: -384px 0;
}

.main-menu ul li.min:hover a,
.main-menu ul li.min a.selected,
.main-menu ul li.min a.selected:hover  {
  background-position: -384px -76px;
}

.main-menu ul li.lad {
  width: 106px;
}

.main-menu ul li.lad a {
  background-position: -471px 0;
}

.main-menu ul li.lad:hover a,
.main-menu ul li.lad a.selected,
.main-menu ul li.lad a.selected:hover {
  background-position: -471px -76px;
}

.main-menu ul li.min,
.main-menu ul li.lad {
  position: relative;
}

.menu-panel {
  display: none;
  color: #fff;
  padding: 13px;
  position: absolute;
  top: 38px;
  left: 0;
  width: 227px;
  background: #333 url(/images/menuPanel.png) no-repeat 36px 0;
}

li.lad .menu-panel {
  background-position: 48px 0;
}

li:hover .menu-panel {
  display: block;
}

.menu-panel label {
  display: block;
  font-weight: bold;
  margin: 10px 0 3px;
}

.mobile input {
  width: 100px;
}

.amount input {
  width: 75px;
}

.password input {
  width: 227px;
}

.userLinks {
  margin-top: 10px;
}

.userLinks a {
  font-size: 13px;
  color: #ccc;
  border-bottom: 1px dotted #666;
}

.userLinks a:hover {
  color: #fff;
}

.main-menu .search-form {
  position:absolute;
  top:0;
  right:0;
  width:218px;
  height:38px;
  background:url(/images/menu-sprite.png) right -114px no-repeat;
}
        
.main-menu .search-form:hover {
  background-position: right -152px;
}

.main-menu .search-form legend {
  display:none;
}
  
.main-menu .search-form fieldset {
  margin:7px 0 0 10px;
  height:24px;
  background:url(/images/searchInput.png) 0 0 no-repeat;
  overflow:hidden;
}

.main-menu .search-form fieldset input {
  float:left;
  margin:3px 0 0 3px;
  border:1px solid #fff;
  width:154px; /* Overwritten in main.ie7.css */
  height:19px;
}
  
.main-menu .search-form fieldset input.button {
  border:none;
  margin:0 0 0 12px;
  padding:0;
  width:24px;
  height:24px;
  text-indent:-9999px;
  background:url(/images/searchButton.png) no-repeat center 6px;
  overflow:hidden;
}
               
        /* Brødsmuler */
        .breadcrumbs {
                padding:1.7em 0 0.9em 0;
                }
                
                .breadcrumbs *, .breadcrumbs a {
                        padding-right:0.3em;
                        font-size:1.3em;
                        color:#666;
                        text-decoration:none;
                        border-bottom: none;
                        }
                        
                .breadcrumbs a:hover {
                        text-decoration:underline;
                        }
        
/* Sorteringsvalg */                
form.sorting {
  height: 34px;
  position:relative;
  margin-bottom:1em;
  padding:1em 0;
  z-index: 2;
}
          
.sorting fieldset {
  float: left;
}
                
form.sorting legend {
  display:none;
}
        
        
        /* Hjørebilder */
        .cor-top-left {
                background:url(/images/bg_corner_top_left.png) top left no-repeat;
                }                
        .cor-top-right {
                background:url(/images/bg_corner_top_right.png) top right no-repeat;
                }
                
        .cor-bottom-left {
                background:url(/images/bg_corner_bottom_left.png) bottom left no-repeat;
                }
                
        .cor-bottom-right {
                background:url(/images/bg_corner_bottom_right.png) bottom right no-repeat;
                }
        
        /* overordnet stil for bokser */                        
        .box {
                float:left;
                position:relative;
                margin:0 1.6em 1em 0;
                width:30.8em;
                }
                
        .box .item,
                .box .cor-top-left,
                .box .cor-top-right,
                .box .cor-bottom-left,
                .box .cor-bottom-right {
                        display:block;
                        position:absolute;
                        }
                        
                .box .cor-top-left,
                .box .cor-top-right,
                .box .cor-bottom-left,
                .box .cor-bottom-right {
                        width:5px;
                        height:5px;
                        }
                        
                .box .cor-top-left,
                .box .cor-top-right {
                        top:0;
                        }
                        
                .box .cor-top-right,
                .box .cor-bottom-right {
                        right:0;
                        }
                        
                .box .cor-bottom-left,
                .box .cor-bottom-right {
                        bottom:0;
                        }
                        
                .box .cor-top-left,
                .box .cor-bottom-left {
                        left:0;
                        }
                
        .double {
                width:63.2em;
                }
                
        .campaign {
                
                float:left;
                width:30.8em;
                overflow:hidden;
                }
                        
                /* generell klasse som settes på hovedinnholdet */
                .campaign .item {
                        width:30.8em;
                        height:17.8em;
                        background:#eee;
                        }
                
                .campaign a.item,        
                .campaign a.item:hover {
                        border-bottom: none;
                        color:#fff;
                        }
                
                .campaign .html{        
                        padding:1em 1.5em 2em 1em;
                        width:28.3em;
                        height:14.8em;
                        }
                
                /* Stort kampanjefelt som går over to kolonner og to rader */        
                .campaign-big,
                .campaign-big .item {
                        width:63.2em;
                        height:auto;
                        min-height: 36.9em;
                        }
                        
                        .campaign-big .html {
                                width:28.3em;
                                height:14.8em;
                                }
                
                /* Halvt kampanjefelt som går over to kolonner og en rad */                        
                .campaign-small,
                .campaign-small .item {
                        width:63.2em;
                        height:17.8em;
                        }
                        
                        .campaign-small .html {
                                width:60.7em;
                                height:14.8em;
                                }
                                                                                       
.phone {
  position:relative;
  margin: 0 16px 15px 0;
  background: #fff;
  border: 1px solid #dbdbdb;
  height: 325px;
  padding: 12px 15px 15px;
  width: 276px;
}

.phone .image {
  clear: left;
  float: left;
  margin: 10px 10px 0 0;
  width: 174px;
  height: 195px;
  overflow:visible;
  text-align: center;
}

.phone .image .deal {
  position: absolute;
}

.phone .image a {
  border-bottom: 0;
}
          
.phone .image img {
  display: inline;
}     

.phone-headline {
  margin: 0;
  padding: 0;
}

.phone-headline a {
  color: #840a84;
  font-size: 22px;
  line-height: 22px;
  border-bottom: 0;
}
        
.phone h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}
                
.phone a.add {
  position:absolute;
  bottom: 15px;
  right: 15px;
}
        
.phone-list {
  min-height: 215px;
  padding-top:0.5em;
  width:100%;
}

span.deal {
  top:-0.5em;
  right:0.9em;
  z-index:1;
  width:48px;
  height:69px;
  background:url(/images/bg_deal.png) top left no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}
  
.price {
  color: #840a84;
  font-size: 36px;
  font-weight: bold;
}
                        
        

/*        =SPESIAL 
        ----------------------------------------------------*/
        
        /* brukes til å skjule elementer som allikevel skal være synlige for roboter og talegjenkjenning */
        .hidden {
                position:absolute;
                width:99em;
                left:-9999px;
                height:0;
                }
                
        legend.hidden {
                display:none;
                }