/*	LOfavør stilark
  Oppdatert:	2008-01-13 @ 19:05
  Ansvarlig:	Erland Wiencke
  Glorifisert: Jostein Holte
  ----------------------------------------------------

  FARGER:
       Bakgrunn på siden: 			#fff
    Bakgrunn, hovedmeny:		#099dce
    Bakgrunn, fotnote:			#f5f5f5
    Bakgrunn, tabell titler		#e8e8e8
    Horisontal skillelinje:		#e2e2de
    Standard tekst:				#2e2e2e
    Standard lenke:				#0099cc
    Standard lenke, hover:		#00739a
    Standard lenke, besøkt:		#0099cc
    Tekst, infoboks 01:			#454545
    Tekst, nyhetsliste 01:		#454545
    Tekst, byline nyhetsliste:	#5f5f5f
    Tekst, byline banner 01:	#6f6f6f
    Tekst, navigasjon kampanje:	#5f5f5f
    Tekst, fotnote:				#7d7d7d
    Tekst, hovedmeny:			#fff
    Tekst, søkefelt:			#0099cc

  DOKUMENTSTRUKTUR:
    =RESET (nullstiller enkelte deklarasjoner)
    =TYPOGRAFI OG FARGER(definerer skrifttype/-størrelse og -farger)
    =LAYOUT (sidenes oppsett, grid m.m.)
    =WIDGETS (samtlige gjenbrukbare elementer)
    =SPESIAL (eventuelle spesialklasser og "hacks")

  */



/*	=RESET
  ----------------------------------------------------*/
*{
  margin: 0;
  padding: 0;
  }

fieldset{
  border: none;
  }

img{
  border: none;
  }

/*	=TYPOGRAFI OG FARGER
  ----------------------------------------------------*/
body{
  background-color: #fff;
  background-image: url(../gfx/bg-body-blue-top.gif); /* 49px høyt */
  background-repeat: repeat-x;
  color: #2e2e2e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  }

a{
  color: #0099cc;
  text-decoration: underline;
  }

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

a:visited{
  color: #0099cc;
  text-decoration: underline;
  }

div#fotnote{
  color: #7d7d7d;
  font-size: 11px;
  line-height: 30px;
  }

  div#fotnote a{
    float: left;
    color: #7d7d7d;
    margin: 0 15px 0 15px;
    }

  span.credits { float: right;	}

    div#fotnote span.credits a {
      margin: 0;
      float: none;}

#visKampanje a {
  display: block;
  z-index: 99999999;
}
  #visKampanje a img {
    z-index: -99;
    display: inline;
  }

/*	=LAYOUT
  ----------------------------------------------------*/

/* Minsker spacing mellom meny og innhold på forsiden */
body.frontpage div#hoved-kontainer { margin-top: 67px; }
body.frontpage div#hoved-kontainer h1.logo, body.frontpage div#hoved-kontainer div#meny-kontainer { top: -67px; }


div#hoved-kontainer{
  margin: 0 auto;
  margin-top: 108px; /* denne veksler mellom 67px (forside) og 108px (alle underliggende sider) - bør legges i eget stilark, som inkluderes programmatisk basert på sidemal */
  position: relative;
  width: 950px;
  }

  div#hoved-kontainer h1.logo{
    background-image: url(../gfx/h1-lofavor.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #fff;
    height: 49px;
    left: 0;
    line-height: 49px;
    position: relative;
    text-indent: -4999px;
    top: -108px;
    width: 132px;
    margin-bottom: -49px;
    }

  div#hoved-kontainer div#hoved{
    float: left;
    margin-right: 20px;
    width: 590px;
    }

  div#hoved-kontainer div#side{
    float: right;
    width: 340px;
    }

  div#hoved-kontainer div#meny-kontainer{
    clear: both; /* fix for "forsvinnende" <div> i IE6 */
    height: 108px;
    left: 0;
    position: absolute;
    top: -108px;
    width: 100%;
    }

div#fotnote-kontainer {
  background-color: #f5f5f5;
}

  div#fotnote-kontainer div#fotnote{
    margin: 0 auto;
    width: 950px;
    }

#bottomframeWrapper {
  background-image: none !important;
  border-top: 2px solid #ccc;
  height: 57px;
}

  body#framebody {
    border-top: 2px solid #474747;
    background: none !important;
    height: 57px;
    overflow: hidden;
   }
     body#framebody div {
       background: url(../gfx/bg-body-blue-top-frame.gif) repeat-x;
      height: 59px;
     }
    body#framebody ul.framelist {
      list-style: none;
      width: 100%;
      position: relative;
    }

      body#framebody ul.framelist li {
        float: left;
        display: block;
        color: #fff;
      }

        body#framebody ul.framelist li a {
          color: #ccc;
          text-decoration: none;
          font-weight: bold;
        }

      body#framebody ul.framelist li.left {
        width: 10%;
      }

        body#framebody ul.framelist li.left img {
          margin: 5px;
        }

      body#framebody ul.framelist li.center_left {
        width: 65%;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding-top: 8px;
      }
        body#framebody ul.framelist li.center_left span {
          white-space: nowrap;
          color: #c3c3c3;
          font-style: italic;
        }

      body#framebody ul.framelist li.center_right {
        width: 10%;
        line-height: 300%;
        padding-top: 9px;
      }

      body#framebody ul.framelist li.right { width: 15%; height: 300px; }

        body#framebody ul.framelist li.right img {
          float: right;
        }

.body form {
  margin: 10px 0 30px;
}
.body .left {
  margin-right: 50px;
}
.body .left,
.body .right {
  float: left;
}

    .body .left li,
    .body .right li {
      margin-bottom: 5px !important;
    }

/*	=WIDGETS
  ----------------------------------------------------*/

/* kan bare brukes i sidekolonne */
.banner-01{
  background-image: url(../gfx/bg-banner-01.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  height: 106px;
  margin-bottom: 10px;
  padding: 20px 150px 20px 20px;
  }

  .banner-01 p{
    height: 90px;
    overflow: hidden;
    }

  .banner-01 p.byline{
    color: #6f6f6f;
    font-size: 10px;
    height: auto;
    line-height: 12px;
    overflow: hidden;
    }

/* kan bare brukes i hovedkolonne */
.forbundsoversikt-01{
  margin: 0 15px 10px 15px;
  padding-top: 10px;
  }

  .forbundsoversikt-01 ul{
    list-style: none;
    }

    .forbundsoversikt-01 ul li{
      float: left;
      list-style: none;
      margin-bottom: 10px;
      margin-right: 10px;
      width: 270px;
      }

      .forbundsoversikt-01 ul li img{
        float: left;
        height: 75px;
        width: 75px;
        }

      .forbundsoversikt-01 ul li p{
        color: #454545;
        float: right;
        width: 175px;
        }

        .forbundsoversikt-01 ul li p a{
          font-weight: bold;
          }

/* kan bare benyttes i hovedkolonne */
.fordelskalkulator-01{
  margin-bottom: 10px;
  padding-top: 44px;
  position: relative;
  width: 100%;
  }

  .fordelskalkulator-01 ul.tab{
    height: 45px;
    left: 0;
    list-style: none;
    position: absolute;
    top: 0;
    }

    .fordelskalkulator-01 ul.tab li{
      background-image: url(../gfx/bg-tab-gray-right.gif);
      background-position: right top;
      background-repeat: no-repeat;
      float: left;
      height: 45px;
      margin-right: 1px;
      }

      .fordelskalkulator-01 ul.tab li a{
        background-image: url(../gfx/bg-tab-gray-left.gif);
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 42px;
        padding: 0 15px 3px 15px;
        text-decoration: none;
        }

      .fordelskalkulator-01 ul.tab li a:hover{
        text-decoration: underline;
        }

      .fordelskalkulator-01 ul.tab li.active{
        background-image: url(../gfx/bg-tab-gray-right-active.gif);
        }

      .fordelskalkulator-01 ul.tab li.active a{
        background-image: url(../gfx/bg-tab-gray-left-active.gif);
        color: #2e2e2e;
        }

  .fordelskalkulator-01 .topp-hoyre{
    background: url(../gfx/bg-box-gray-topright.gif) no-repeat right top;
    }

  .fordelskalkulator-01 .topp-venstre{
    background: url(../gfx/bg-box-gray-topleft.gif) no-repeat left top;
    }

  .fordelskalkulator-01 .bunn-hoyre{
    background: url(../gfx/bg-box-gray-bottomright.gif) no-repeat right bottom;
    }

  .fordelskalkulator-01 .bunn-venstre{
    background: url(../gfx/bg-box-gray-bottomleft.gif) no-repeat left bottom;
    }

  .fordelskalkulator-01 .innhold{
    color: #454545;
    font-size: 14px;
    line-height: 22px;
    padding: 20px 15px 20px 15px;
    }

    .fordelskalkulator-01 .innhold form{
      font-size: 14px;
      line-height: 40px;
      margin: 0 -15px 0 -15px;
      padding: 15px;
      }

      .fordelskalkulator-01 .innhold form fieldset{
        }

        .fordelskalkulator-01 .innhold form div.rad{
          clear: both;
          padding-top: 10px;
          overflow: hidden;
          }
					.fordelskalkulator-01 .innhold form .radioselect input {
						margin-right: 5px;
						}

          .fordelskalkulator-01 .innhold form div.rad label{
            display: block;
            float: left;
            width: 100px;
            }

          .fordelskalkulator-01 .innhold form div.rad input.tekstfelt{
            display: block;
            height: 26px;
            float: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            margin: 0 0 0 10px;
            text-align: right;
            padding: 10px 2px 0 2px;
            width: 70px;
            }

          .fordelskalkulator-01 .innhold form div.rad div{
            display: block;
            float: left;
            margin: 0 10px 0 10px;
            }

          .fordelskalkulator-01 .innhold form div.rad div.enhet{
            width: 100px;
            }

          .fordelskalkulator-01 .innhold form div.rad div.delsum{
            float: right;
            margin: 0;
            }

          .fordelskalkulator-01 .innhold form div.rad div.beregn{
            display: block;
            float: left;
            margin: 0;
            width: 49%;
            }

          .fordelskalkulator-01 .innhold form div.rad div.totalsum{
            display: block;
            float: right;
            font-weight: bold;
            margin: 0;
            text-align: right;
            width: 49%;
            }

            .fordelskalkulator-01 .innhold form div.rad div.totalsum span{
              font-size: 20px;
            }

.fordelskalkulator-01 .innhold form.gskjema div.rad label { width: 200px; }
.fordelskalkulator-01 .innhold form.gskjema {
  font-size: inherit;
  line-height: normal;
}
.fordelskalkulator-01 .innhold form.gskjema .justxt {
  width: 298px;
  padding-left: 202px;
}
.fordelskalkulator-01 .innhold form.gskjema .gradio { margin-left: 0; }
.fordelskalkulator-01 .innhold form.gskjema .gradio .item {
  margin: 0 0 5px 0;
  float: none;
}
.fordelskalkulator-01 .innhold form.gskjema .gbutt {
  margin-top: 20px;
  clear: both;
}


/* kan bare brukes i meny-kontainer */
.hovedmeny{
  float: left;
  height: 49px;
  line-height: 49px;
  padding-left: 132px;
  width: 458px;
  }

  .hovedmeny ul{
    height: 49px;
    list-style: none;
    }

    .hovedmeny ul li{
      float: left;
      }

      .hovedmeny ul li.active a{
        background-image: url(../gfx/bg-menu-gradient-blue-active.gif);
        background-position: right top;
        background-repeat: no-repeat;
        }

      .hovedmeny ul li a{
        background-image: url(../gfx/bg-menu-gradient-blue.gif);
        background-position: right top;
        background-repeat: no-repeat;
        color: #fff;
        display: block;
        font-weight: bold;
        padding: 0 15px 0 15px;
        text-decoration: none;
        }

      .hovedmeny ul li a:hover{
        text-decoration: underline;
        }

      .hovedmeny ul li a:visited{
        color: #fff;
        text-decoration: none;
        }

/* kan benyttes i hoved- og sidekolonne */
.info-boks-01{
  margin-bottom: 10px;
  width: 100%;
  }

  .info-boks-01 .topp-hoyre{
    background: url(../gfx/bg-box-gray-topright.gif) no-repeat right top;
    }

  .info-boks-01 .topp-venstre{
    background: url(../gfx/bg-box-gray-topleft-curved.gif) no-repeat left top;
    }

  .info-boks-01 .bunn-hoyre{
    background: url(../gfx/bg-box-gray-bottomright.gif) no-repeat right bottom;
    }

  .info-boks-01 .bunn-venstre{
    background: url(../gfx/bg-box-gray-bottomleft.gif) no-repeat left bottom;
    }

  .info-boks-01 .innhold{
    color: #454545;
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
    }

    .info-boks-01 .innhold .telefonnummer-01{
      font-size: 25px;
      font-weight: bold;
      }

    .info-boks-01 .innhold .tast{
      background-image: url(../gfx/bg-phone-key.gif);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      font-size: 14px;
      font-weight: bold;
      height: 24px;
      margin-right: 5px;
      padding: 10px;
      width: 24px;
      }

  /* smalere marg når boksen benyttes i hovedkolonne */
  #hoved .info-boks-01 .innhold{
    padding: 20px 15px 20px 15px;
    }

    .info-boks-01 .innhold h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      float: none;
    }

    .info-boks-01 .innhold h3{
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      }

    .info-boks-01 .innhold h4{
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      }

    .info-boks-01 .innhold ol li{
      margin: 10px 0 10px 20px;
      }

    .info-boks-01 .innhold p{
      margin-bottom: 10px;
      }

    .info-boks-01 .innhold ul{
      list-style: none;
      margin-bottom: 10px;
      margin-top: 10px;
      }

      .info-boks-01 .innhold ul li{
        background-image: url(../gfx/bullet-dot-gray.gif);
        background-position: 6px 9px;
        background-repeat: no-repeat;
        padding: 0 0 0 20px;
        margin-bottom: 10px;
        }

/* kan benyttes i hoved- og sidekolonne */
.info-boks-02{
  clear: both;
  margin-bottom: 10px;
  width: 100%;
  }

/* når den blir benyttet i hotell-oversikt-01 er den smalere og flyter i kolonner */
.hotell-oversikt-01 .info-boks-02{
  clear: none;
  float: left;
  width: 290px;
  }

  .hotell-oversikt-01 .right{
    clear: none;
    float: right;
    width: 290px;
    }

    .hotell-oversikt-01 .info-boks-02 .innhold img{
      display: block;
      margin-bottom: 20px;
      }

    .hotell-oversikt-01 .info-boks-02 .innhold a{
      font-size: 16px;
      line-height: 22px;
      }

    .hotell-oversikt-01 .info-boks-02 .innhold p{
      font-size: 16px;
      line-height: 22px;
      }

/* når den blir benyttet i kampanje-oversikt-01 er den smalere og flyter i kolonner */
.kampanje-oversikt-01 .info-boks-02{
  clear: none;
  float: left;
  width: 290px;
  }
/* joho-code */
  .kampanje-oversikt-01 .right{ float: right; }
  .kampanje-oversikt-01 .left{
    clear: left;
    }
/* /joho-code */
    .kampanje-oversikt-01 .info-boks-02 .innhold img{
      display: block;
      margin-bottom: 10px;
      }

/* joho-code */
      .kampanje-oversikt-01 .info-boks-02 .innhold img.logo01 {
        float: left;
        margin-right: 10px;
      }
      .kampanje-oversikt-01 .info-boks-02 .innhold img.logo02 { float: left; }
/* /joho-code */

    .kampanje-oversikt-01 .info-boks-02 .innhold a{
      font-size: 16px;
      line-height: 22px;
      }

/* joho-code */
      .kampanje-oversikt-01 .info-boks-02 .innhold a {
        display: block;
        clear: left;
      }
/* /joho-code */

  .info-boks-02 .topp-hoyre{
    background: url(../gfx/bg-box-white-topright.gif) no-repeat right top;
    }

  .info-boks-02 .topp-venstre{
    background: url(../gfx/bg-box-white-topleft.gif) no-repeat left top;
    }

  .info-boks-02 .bunn-hoyre{
    background: url(../gfx/bg-box-white-bottomright.gif) no-repeat right bottom;
    }

  .info-boks-02 .bunn-venstre{
    background: url(../gfx/bg-box-white-bottomleft.gif) no-repeat left bottom;
    }

  .info-boks-02 .innhold{
    color: #454545;
    font-size: 13px;
    line-height: 18px;
    padding: 20px;
    }

  /* smalere marg når boksen benyttes i hovedkolonne, merk formattering av nyhetsliste nedenfor */
  #hoved .info-boks-02 .innhold{
    padding: 20px 15px 20px 15px;
    }

    .info-boks-02 .innhold h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      float: none;
    }

    .info-boks-02 .innhold h3{
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      }

    .info-boks-02 .innhold h4{
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      }

    .info-boks-02 .innhold p{
      margin-bottom: 10px;
      }

    .info-boks-02 .innhold ul.nyhetsliste{
      list-style: none;
      margin: 10px 0 10px 0;
      }

      .info-boks-02 .innhold ul.nyhetsliste li{
        border-top: 1px solid #e2e2e2;
        margin: 0 -20px 0 -20px;
        padding: 10px 20px 10px 20px;
        }

      .info-boks-02 .innhold ul.nyhetsliste li:first-child { border: 0; }

      /* smalere marg når boksen benyttes i hovedkolonne, merk formattering av nyhetsliste nedenfor */
      #hoved .info-boks-02 .innhold ul.nyhetsliste li{
        margin: 0 -15px 0 -15px;
        padding: 10px 15px 10px 15px;
        }

      .info-boks-02 .innhold ul.nyhetsliste li.icon a{
        background-position: 0 50%;
        background-repeat: no-repeat;
        font-size: 14px;
        font-weight: bold;
        padding: 4px 0 4px 30px;
        text-decoration: none;
        }

      .info-boks-02 .innhold ul.nyhetsliste li.icon a:hover{
        text-decoration: underline;
        }

      .info-boks-02 .innhold ul.nyhetsliste li.rss a{
        background-image: url(../gfx/icon-rss.gif);
        }

/*
      .info-boks-02 .innhold ul.nyhetsliste li.tips a{
        background-image: url(../gfx/icon-tip.gif);
        }
*/

      .info-boks-02 .innhold ul.nyhetsliste li.kalkulator a{
        background-image: url(../gfx/icon-calculator.gif);
        }

      .info-boks-02 .innhold ul.nyhetsliste li.print a{
        background-image: url(../gfx/icon-print.gif);
        }

        .info-boks-02 .innhold ul.nyhetsliste li div{
          color: #5f5f5f;
          font-size: 11px;
          line-height: 16px;
          }

      .info-boks-02 .innhold ul.nyhetsliste li .comments .item a.icon { padding: 1px 10px 1px 18px; }
      .info-boks-02 .innhold ul.nyhetsliste li .comments .item a.icon.facebook { background: transparent url(../gfx/icon_all_tips.png) no-repeat 0 0; }
      .info-boks-02 .innhold ul.nyhetsliste li .comments .item a.icon.twitter { background: transparent url(../gfx/icon_all_tips.png) no-repeat 0 -16px; }
      .info-boks-02 .innhold ul.nyhetsliste li .comments .item a.icon.nettby { display: none; }
      .info-boks-02 .innhold ul.nyhetsliste li .comments .item a.icon.mail { background: transparent url(../gfx/icon_all_tips.png) no-repeat 0 -67px; }

      .info-boks-02 .innhold ul.nyhetsliste li #tipsmail fieldset { margin-top: 10px; }

      .info-boks-02 .innhold ul.nyhetsliste li #tipsmail .submit { width: auto; }

      .info-boks-02 .innhold ul.nyhetsliste li #tipsmail input {
        width: 144px;
        margin-bottom: 5px;
      }
      .info-boks-02 .innhold ul.nyhetsliste li #tipsmail textarea {
        width: 297px;
        margin-bottom: 5px;
      }

/* kan benyttes i hoved- og sidekolonne */
.kampanje-boks-01{
  clear: both;
  margin-bottom: 10px;
  width: 100%;
  }

  .kampanje-boks-01 .topp-hoyre{
    background: url(../gfx/bg-box-checkered-topright.gif) no-repeat right top;
    }

  .kampanje-boks-01 .topp-venstre{
    background: url(../gfx/bg-box-checkered-topleft.gif) no-repeat left top;
    }

  .kampanje-boks-01 .bunn-hoyre{
    background: url(../gfx/bg-box-checkered-bottomright.gif) no-repeat right bottom;
    }

  .kampanje-boks-01 .bunn-venstre{
    background: url(../gfx/bg-box-checkered-bottomleft.gif) no-repeat left bottom;
    }

  .kampanje-boks-01 .innhold{
    color: #454545;
    font-size: 13px;
    line-height: 18px;
    padding: 20px;
    }

  /* smalere marg når boksen benyttes i hovedkolonne */
  #hoved .kampanje-boks-01 .innhold{
    padding: 20px 15px 20px 15px;
    }

    .kampanje-boks-01 .innhold h2{
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      }

    .kampanje-boks-01 .innhold p{
      margin-bottom: 10px;
      }

  .kampanje-boks-01 .navigasjon {
    color: #5f5f5f;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 0 20px 0 20px;
/* joho-code */
    background: url(../gfx/bg-box-gray-bottom.gif) no-repeat left bottom;
/* /joho-code */
  }

    .kampanje-boks-01 .navigasjon h3{
      color: #5f5f5f;
      float: left;
      font-size: 13px;
      font-weight: normal;
      line-height: 27px;
      }

    .kampanje-boks-01 .navigasjon ul{
      float: left;
      list-style: none;
      margin-left: 10px;
      }

      .kampanje-boks-01 .navigasjon ul li{
        float: left;
        margin: 0 5px 0 5px;
        }

        .kampanje-boks-01 .navigasjon ul li a{
          background-image: url(../gfx/bullet-campaign.gif);
          background-position: 50% 50%;
          background-repeat: no-repeat;
          display: block;
          height: 27px;
          outline: none;
          width: 12px;
          text-indent: -4999px;
          }

        .kampanje-boks-01 .navigasjon ul li.active a{
          background-image: url(../gfx/bullet-campaign-active.gif);
          }

  /* smalere marg når boksen benyttes i hovedkolonne */
  #hoved .kampanje-boks-01 .navigasjon{
    padding: 0 15px 0 15px;
    }

/* knapp som kan brukes over alt, med ønsket tekst */
a.knapp-01{
  background-image: url(../gfx/bg-button-generic-white-left.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 10px 25px;
  text-decoration: none;
  }

  a.knapp-01 span{
    background-image: url(../gfx/bg-button-generic-white-right.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 8px 10px 10px 5px;
    margin: -8px 0 -10px 0;
    }

a.knapp-02{
  background-image: url(../gfx/bg-button-generic-white-left-01.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 10px 5px;
  text-decoration: none;
  }

  a.knapp-02 span{
    background-image: url(../gfx/bg-button-generic-white-right-01.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 8px 10px 10px 5px;
    margin: -8px 0 -10px 0;
    }

/* kan benyttes i hoved- og sidekolonne */
.multi-boks-01{
  margin-bottom: 10px;
  padding-top: 44px;
  position: relative;
  width: 100%;
  }

  .multi-boks-01 ul.tab{
    height: 45px;
    left: 0;
    list-style: none;
    position: absolute;
    top: 0;
    width: 100%;
    }

    .multi-boks-01 ul.tab li{
      background-image: url(../gfx/bg-tab-gray-right.gif);
      background-position: right top;
      background-repeat: no-repeat;
      float: left;
      height: 45px;
      margin-right: 1px;
      }

      .multi-boks-01 ul.tab li a{
        background-image: url(../gfx/bg-tab-gray-left.gif);
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 42px;
        padding: 0 20px 3px 20px;
        text-decoration: none;
        position: relative;
        z-index: 99;
        }

      /* smalere marg når boksen benyttes i hovedkolonne */
      #hoved .multi-boks-01 ul.tab li a{
        padding: 0 15px 3px 15px;
        }

      .multi-boks-01 ul.tab li a:hover{
        text-decoration: underline;
        }

      .multi-boks-01 ul.tab li.active{
        background-image: url(../gfx/bg-tab-gray-right-active.gif);
        }

      .multi-boks-01 ul.tab li.active a{
        background-image: url(../gfx/bg-tab-gray-left-active.gif);
        color: #2e2e2e;
        }

  .multi-boks-01 .topp-hoyre{
    background: url(../gfx/bg-box-gray-topright.gif) no-repeat right top;
    }

  .multi-boks-01 .topp-venstre{
    background: url(../gfx/bg-box-gray-topleft.gif) no-repeat left top;
    }

  .multi-boks-01 .bunn-hoyre{
    background: url(../gfx/bg-box-gray-bottomright.gif) no-repeat right bottom;
    }

  .multi-boks-01 .bunn-venstre{
    background: url(../gfx/bg-box-gray-bottomleft.gif) no-repeat left bottom;
    }

  .multi-boks-01 .innhold{
    color: #454545;
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    }
    .multi-boks-01 .innhold ol {
      list-style-position: inside;
      }

  /* smalere marg når boksen benyttes i hovedkolonne */
  #hoved .multi-boks-01 .innhold{
    padding: 20px 15px 20px 15px;
    }

    .multi-boks-01 .innhold p{
      margin: 10px 0 10px 0;
      }

    .multi-boks-01 .innhold div.tabell-01{
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      margin-left: -20px;
      margin-right: -20px;
      width: 338px;
      }

      .multi-boks-01 .innhold div.tabell-01 table{
        border-collapse: collapse;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 338px;
        }

        .multi-boks-01 .innhold div.tabell-01 table tr td, .multi-boks-01 .innhold div.tabell-01 table tr th{
          padding-left: 20px;
          }

    #hoved .multi-boks-01 .innhold div.tabell-01{
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      margin-left: -15px;
      margin-right: -15px;
      width: 588px;
      }

      #hoved .multi-boks-01 .innhold div.tabell-01 table{
        border-collapse: collapse;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 588px;
        }

        #hoved .multi-boks-01 .innhold div.tabell-01 table tr td, #hoved .multi-boks-01 .innhold div.tabell-01 table tr th{
          padding-left: 15px;
          padding-right: 15px;
          }

        .multi-boks-01 .innhold div.tabell-01 table tr.titler{
          background-color: #e8e8e8;
          }

          .multi-boks-01 .innhold div.tabell-01 table tr th{
            text-align: left;
            }

        .multi-boks-01 .innhold div.tabell-01 table tr.oddetall{
          background-color: #fff;
          }

    .multi-boks-01 .innhold ul{
      list-style: none;
      margin-bottom: 10px;
      margin-top: 10px;
      }

      .multi-boks-01 .innhold ul li{
        background-image: url(../gfx/bullet-dot-gray.gif);
        background-position: 6px 9px;
        background-repeat: no-repeat;
        padding: 0 0 0 20px;
        margin-bottom: 10px;
        }

      .multi-boks-01 .innhold ul li.checkmarks{
        background-image: url(../gfx/bullet-checkmark-gray.gif);
        background-position: 0 6px;
        background-repeat: no-repeat;
        }

    .multi-boks-01 .innhold div.kontakt-oss{
      margin-bottom: 10px;
      }

      .multi-boks-01 .innhold div.kontakt-oss p{
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        text-align: center;
        }

        .multi-boks-01 .innhold div.kontakt-oss p img{
          margin-top: 10px;
          }

    .multi-boks-01 .innhold form.innlogging{
      margin-bottom: 10px;
      }

        .multi-boks-01 .innhold form.innlogging fieldset label, .multi-boks-01 .innhold form.innlogging fieldset input{
          display: block;
        	font-weight: bold;
          }
				.multi-boks-01 .innhold form.innlogging fieldset input{
					font-weight: normal;
					}
					.multi-boks-01 .innhold form.innlogging fieldset label span {
						font-size: 11px;
						font-weight: normal;
						}

        .multi-boks-01 .innhold form.innlogging fieldset input.tekstfelt{
          color: #0099cc;
          font-size: 24px;
          height: 30px;
          line-height: 30px;
          margin-bottom: 10px;
          width: 200px;
          }
        .multi-boks-01 .innhold form.innlogging .info {
          font-size: 13px;
          padding-bottom: 14px;
          margin-top: -5px;
          }


/* kan bare benyttes i hovedkolonne */
.nyhetsliste-01{
  clear: both;
  color: #454545;
  padding: 0 0 0 15px;
  }

  .nyhetsliste-01 h3{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    }

  .nyhetsliste-01 .nyhet{
    height: 1%;
    margin-bottom: 20px;
    position: relative;
    }

    .nyhetsliste-01 .nyhet img{
      float: left;
/*			height: 125px;*/
      width: 175px;
      }

    .nyhetsliste-01 .nyhet .tekst{
      float: right;
      width: 390px;
      }

      .nyhetsliste-01 .nyhet .tekst .nyhetsdato{
        color: #5f5f5f;
        }


/* kan bare benyttes i hovedkolonne */
ul.seksjonsliste-01{
  list-style: none;
  margin-bottom: 10px;
  }

  ul.seksjonsliste-01 .row li{
    float: left;
    line-height: 20px;
    list-style: none;
    margin: 0 10px 10px 0;
    width: 190px;
    }

  ul.seksjonsliste-01 li.en {
      clear: left;
    }

  ul.seksjonsliste-01 li.tre{
    clear: right;
    margin-right: 0;
    }

    ul.seksjonsliste-01 li h3{
      background-position: 0 0;
      background-repeat: no-repeat;
      height: 42px;
      margin-bottom: 10px;
      width: 190px;
      text-indent: -4999px;
      }

    ul.seksjonsliste-01 li h3.bank{
      background-image: url(../gfx/h3-bank.png);
      }
    ul.seksjonsliste-01 li h3.forsikring{
      background-image: url(../gfx/h3-insurance.png);
      }
    ul.seksjonsliste-01 li h3.bil{
      background-image: url(../gfx/h3-car.png);
      }
    ul.seksjonsliste-01 li h3.kredittkort{
      background-image: url(../gfx/h3-credit-card.png);
      }
    ul.seksjonsliste-01 li h3.hus{
      background-image: url(../gfx/h3-house.png);
      }
    ul.seksjonsliste-01 li h3.juridisk{
      background-image: url(../gfx/h3-legal.png);
      }
    ul.seksjonsliste-01 li h3.fritid{
      background-image: url(../gfx/h3-vacation.png);
      }
    ul.seksjonsliste-01 li h3.pensjon{
      background-image: url(../gfx/h3-pension.png);
      }
    ul.seksjonsliste-01 li h3.markedsplass{
      background-image: url(../gfx/h3-marketplace.png);
      }
      ul.seksjonsliste-01 li ul li ul li{
        margin: 0 !important;
        }

        ul.seksjonsliste-01 li ul li ul li a{
          margin-left: 15px ;
          display:block;
          }

/* kan bare benyttes i fotnote */
ul.seksjonsliste-02{
  color: #7d7d7d;
  font-size: 13px;
  line-height: 16px;
  list-style: none;
  margin: 0 auto;
  padding: 20px 0 0 0;
  width: 950px;
  }

  ul.seksjonsliste-02 li{
    float: left;
    width: 180px;
    margin: 0 10px 10px 0;
    }

    ul.seksjonsliste-02 li h3{
      font-size: 13px;
      line-height: 16px;
      }

      ul.seksjonsliste-02 li ul li{
        float: none;
        list-style: none;
        margin: 0;
        }

        ul.seksjonsliste-02 li ul li a, ul.seksjonsliste-02 li ul li a:visited{
          color: #7d7d7d;
          font-size: 13px;
          line-height: 16px;
          }

/* kan bare brukes i hovedkolonne */
ul.seksjonsliste-03{
  clear: both;
  list-style: none;
  margin-left: 15px;
  }

  ul.seksjonsliste-03 li{
    float: left;
    list-style: none;
    width: 160px;
    margin-right: 10px;
    }

    ul.seksjonsliste-03 li ul{
      float: none;
      }

      ul.seksjonsliste-03 li ul li{
        float: none;
        width: 100%;
        }

/* kan bare benyttes i hovedkolonne */
.skjema-boks-01{
  clear: both;
  margin-bottom: 10px;
  width: 100%;
  }

  .skjema-boks-01 .topp-hoyre{
    background: url(../gfx/bg-box-white-topright.gif) no-repeat right top;
    }

  .skjema-boks-01 .topp-venstre{
    background: url(../gfx/bg-box-white-topleft.gif) no-repeat left top;
    }

  .skjema-boks-01 .bunn-hoyre{
    background: url(../gfx/bg-box-white-bottomright.gif) no-repeat right bottom;
    }

  .skjema-boks-01 .bunn-venstre{
    background: url(../gfx/bg-box-white-bottomleft.gif) no-repeat left bottom;
    }

  .skjema-boks-01 .innhold{
    color: #454545;
    font-size: 14px;
    line-height: 22px;
    padding: 15px;
    }

    .skjema-boks-01 .innhold h2{
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      margin-bottom: 5px;
      }

    .skjema-boks-01 .innhold h3{
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      }

    .skjema-boks-01 .innhold h4{
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      }

    .skjema-boks-01 .innhold p{
      margin-bottom: 10px;
      }

    .skjema-boks-01 .innhold form{
      border-top: 1px solid #e2e2de;
      margin: 0 -15px 0 -15px;
      padding: 15px;
      }

      .skjema-boks-01 .innhold form fieldset{
        position: relative;
        }

        .skjema-boks-01 .innhold form fieldset input.tekstfelt{
          color: #0099cc;
          font-size: 24px;
          height: 30px;
          line-height: 30px;
          }

        .skjema-boks-01 .innhold form fieldset input.knapp{
          height: 34px;
          position: absolute;
          }

      /* standard søkeskjema for "nytt søk" */
      .skjema-boks-01 .innhold form.nytt-sok{
        }

        .skjema-boks-01 .innhold form.nytt-sok fieldset input.sok{
          width: 472px;
          }

        .skjema-boks-01 .innhold form.nytt-sok fieldset input.sokeknapp{
          left: 492px;
          top: 0;
          width: 68px;
          }

      /* standard påmeldingsskjema for nyhetsbrev */
      .skjema-boks-01 .innhold form.nyhetsbrev{
        }

        .skjema-boks-01 .innhold form.nyhetsbrev fieldset input.epost{
          width: 350px;
          }

        .skjema-boks-01 .innhold form.nyhetsbrev fieldset input.sendknapp{
            left: 486px;
            top: 0;
            width: 74px;
            }

      /* standard innloggingsskjema */
      .skjema-boks-01 .innhold form.innlogging{
        }

        .skjema-boks-01 .innhold form.innlogging div.feilmelding{
          color: #ff0000;
          margin-bottom: 10px;
          }

          .skjema-boks-01 .innhold form.innlogging fieldset label{
            display: block;
            line-height: 42px;
            }

          .skjema-boks-01 .innhold form.innlogging fieldset input.medlemsnummer{
            left: 120px;
            position: absolute;
            top: 0;
            width: 320px;
            }

          .skjema-boks-01 .innhold form.innlogging fieldset input.fodselsdato{
            left: 120px;
            position: absolute;
            top: 42px;
            width: 320px;
            }

          .skjema-boks-01 .innhold form.innlogging fieldset input.loginknapp{
            left: 464px;
            top: 42px;
            width: 96px;
            }

      /* standard bankfinner */
      .skjema-boks-01 .innhold form.bankfinner{
        }

          .skjema-boks-01 .innhold form.bankfinner fieldset select{
            width: 260px;
            }

          .skjema-boks-01 .innhold form.bankfinner fieldset input.postnummer{
            width: 60px;
            }

          .skjema-boks-01 .innhold form.bankfinner fieldset input.finnknapp{
            left: 489px;
            top: 0;
            width: 71px;
            }

      /* standard forbundsfinner */
      .skjema-boks-01 .innhold form.forbundfinner{
        }

          .skjema-boks-01 .innhold form.forbundfinner fieldset label{
            display: block;
            line-height: 42px;
            }

          .skjema-boks-01 .innhold form.forbundfinner fieldset input.medlemsnummer{
            left: 120px;
            position: absolute;
            top: 0;
            width: 320px;
            }

          .skjema-boks-01 .innhold form.forbundfinner fieldset input.sokeknapp{
            left: 492px;
            top: 0;
            width: 68px;
            }

/* kan bare brukes i soke-kontainer */
.sokeskjema{
  float: right;
  height: 49px;
  margin: 0 auto;
  padding: 0;
  width: 340px;
  }

  .sokeskjema form{
    float: right;
    height: 49px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 340px;
    }

    .sokeskjema form fieldset{
      height: 49px;
      margin: 0;
      padding: 0;
      position: relative;
      width: 340px;
      }

      .sokeskjema form fieldset .sokefelt{
        color: #0099cc;
        font-size: 24px;
        height: 30px;
        left: 0;
        line-height: 30px;
        position: absolute;
        top: 8px;
        width: 250px;
        }

      .sokeskjema form fieldset .sokeknapp{
        height: 34px;
        left: 272px;
        position: absolute;
        top: 8px;
        width: 68px;
        }

/* kan benyttes i hoved- og sidekolonne */
.tekst-01{
  clear: both;
  margin-bottom: 10px;
  padding: 10px 20px 10px 20px;
  }

/* smalere marg når boksen benyttes i hovedkolonne */
#hoved .tekst-01{
  padding: 10px 15px 10px 15px;
  }

  .tekst-01 h2{
    font-size: 25px;
    line-height: 22px;
    margin-bottom: 10px;
    }

  .tekst-01 p{
    margin-bottom: 10px;
    }

  .tekst-01 p.ingress{
    font-size: 16px;
    }

  .tekst-01 ul.oversikt-01{
    list-style: none;
    }

    .tekst-01 ul.oversikt-01 li{
      float: left;
      list-style: none;
      margin-top: 10px;
      width: 50%;
      }
/* joho-code */
    .tekst-01 ul.oversikt-01 li ul li {	width: auto; }
/* /joho-code */

      .tekst-01 ul.oversikt-01 li ul li{
        float: none;
        margin-top: 0;
        padding-right: 10px;
        }

  .tekst-01 p.telefonnummer-02{
    font-size: 50px;
    font-weight: bold;
    padding: 10px 0 20px 0;
    }

  ul.telefonmeny{
    line-height: 30px;
    margin: 10px 0 10px -2px;
    }

  ul.telefonmeny *{
    list-style: none;
    }

    ul.telefonmeny li {
      font-weight: bold;
      background-image: none !important;
      padding: 0 !important;
      clear: left;
    }

      ul.telefonmeny li ul{
        margin-left: 30px;
        }

        ul.telefonmeny li ul li{
          font-weight: normal;
          }

      ul.telefonmeny li .tast{
        background-image: url(../gfx/bg-phone-key.gif);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        font-size: 14px;
        font-weight: bold;
        height: 24px;
        margin-right: 5px;
        padding: 10px;
        width: 24px;
        }

/* kan bare benyttes i hovedkolonne */
.tekst-02{
  clear: both;
  margin-bottom: 10px;
  padding: 10px 0 10px 15px;
  }

  .tekst-02 h2{
    float: left;
    font-size: 25px;
    line-height: 110%;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 390px;
    }

  .tekst-02 p{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 390px;
    }
  .tekst-02 .ingress p {
    float: left;
    font-size: 16px;
    margin-right: 10px;
    width: 390px;
    }
    .tekst-02 .ingressbred p,
    .ingressbred p,
    .ingressbred ul,
    .ingressbred ol,
    .ingressbred h1,
    .ingressbred h2,
    .ingressbred h3 {
    width: 550px;
    }
    .tekst-02 ol{
    float: left;
    width: 550px;
    padding-left: 25px;
    }
/* joho-code */
  .tekst-02 table{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    }
    
   .tekst-02 table p {
   	width: 280px;
   }
/* /joho-code */

  .tekst-02 ul{
    float: left;
    list-style: none;
    margin-bottom: 10px;
    margin-right: 10px;
    }

    .tekst-02 ul li{
      background-image: url(../gfx/bullet-dot-gray.gif);
      background-position: 6px 9px;
      background-repeat: no-repeat;
      padding: 0 0 0 20px;
      margin-bottom: 0; /* joho: changed from 10px on customer demand */
      }

    .tekst-02 ul li.checkmarks {
      background-image: url(../gfx/bullet-checkmark-gray.gif);
      background-position: 0 6px;
      background-repeat: no-repeat;
      }

  .tekst-02 .side{
    float: right;
    width: 175px;
    }

    .tekst-02 .side img{
      /*height: 125px;*/
      width: 175px;
      }

    .tekst-02 .side .byline{
      color: #5f5f5f;
      font-size: 13px;
      line-height: 25px;
      }

/* kan bare brukes i meny-kontainer */
.undermeny{
  height: 49px;
  line-height: 49px;
  margin: 0 auto;
  width: 950px;
  }

  .undermeny ul{
    float: right;
    list-style: none;
    }

    .undermeny ul li{
      float: left;
      }

    .undermeny ul li.icon-print{
      background-image: url(../gfx/icon-print.gif);
      background-position: right 50%;
      background-repeat: no-repeat;
      padding-right: 15px;
      }

      .undermeny ul li a{
        background-image: url(../gfx/bg-menu-dotted-gray.gif);
        background-position: 100% 50%;
        background-repeat: no-repeat;
        font-weight: bold;
        padding: 0 15px 0 15px;
        text-decoration: none;
        }
/* joho-code */
        .undermeny ul li.icon-print a { background-image: none; }
/* /joho-code */
      .undermeny ul li a:hover{
        text-decoration: underline;
        }

/*	=SPESIAL
  ----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Skjul for IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Slutt skjul for IE-mac */


/* joho-code */
#homer {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 49px;
  z-index: 666;
}
#frontpage p { margin: 2em 0; }

.stor { font-size: 16px; }
.storre { font-size: 18px; }
.storst { font-size: 20px; }

.bigbutt {
  background: url(../gfx/bigbutt.gif) no-repeat center;
  padding: 13px 0px 13px 60px;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
  display: block;
  text-decoration: none;
  width: 233px;
  cursor:pointer !important;
}
.bigbutt:visited {text-decoration: none;}
/*
.bigbutt:hover {
  background-image: url(../gfx/bigbutt_on.gif) ;
}
*/

.tast{
  background-image: url(../gfx/bg-phone-key.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  margin-right: 5px;
  padding: 10px;
  width: 24px;
}

.info-boks-01 .innhold ul.personal { list-style: none; }
.info-boks-01 .innhold ul.personal li {
  list-style: none;
  background: #fff;
  padding-left: 0;
  padding: 5px;
}
.info-boks-01 .innhold ul.personal li.oddetall { background: #fff; }
.info-boks-01 .innhold ul.personal li label {
  width: 25%;
  display: block;
  float: left;
  margin-right: 1em;
  clear: left;
  font-weight: bold;
}
.info-boks-01 .innhold ul.personal li .forbund { text-transform: uppercase; }
.info-boks-01 .innhold ul.personal li .adresse {
  width: 70%;
  float: left;
}
.info-boks-01 .innhold ul.personal li .adresse .adresse2 { clear: left; }

form.gcalc .info-boks-01{
  margin: 10px 0;
  width: 100%;
  }

  form.gcalc .info-boks-01 .topp-hoyre{
    background: url(../gfx/bg-box-blue-topright.gif) no-repeat right top;
    }

  form.gcalc .info-boks-01 .topp-venstre{
    background: url(../gfx/bg-box-blue-topleft.gif) no-repeat left top;
    }

  form.gcalc .info-boks-01 .bunn-hoyre{
    background: url(../gfx/bg-box-blue-bottomright.gif) no-repeat right bottom;
    }

  form.gcalc .info-boks-01 .bunn-venstre{
    background: url(../gfx/bg-box-blue-bottomleft.gif) no-repeat left bottom;
    }

  form.gcalc .info-boks-01 .innhold{
    color: #454545;
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
    }

div.fordelskalkulator-01.nopadding { padding-top: 0; }

#sparetext1,
#sparetext2 {
  text-align: center;
  font-size: 16px;
}
#sparetext1 .highlight,
#sparetext2 .highlight {
  font-weight: bold;
}

#advantages {
  font-size: 12px;
  line-height: normal;
}
#advantages .sectionhead td {
  padding: 7px 11px 4px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-width: 1px 0;
}
#advantages .sectionhead a {
  display: block;
  margin-right: 4px;
  outline: 0;
  font-size: 19px;
  text-decoration: none;
  color: #454545;
  background: url(../gfx/bg-tableunfolded.png) no-repeat right 7px;
}
#advantages .sectionhead .folded a { background: url(../gfx/bg-tablefolded.png) no-repeat right 6px; }
#advantages .sectionsubhead td {
  padding-top: 10px;
  border-bottom: 1px solid #ccc;
}
#advantages .header .info,
#advantages .sectionhead .info,
#advantages .sectionsubhead .info,
#advantages .sectionfoot .info,
#advantages .sectionpart .saved,
#advantages .sectionsub .saved { border-left: 1px solid #ccc; }
#advantages .sectionpart .info,
#advantages .sectionsub .info { width: 14px; }
#advantages .sectionpart .saved,
#advantages .sectionsub .saved { width: 70px; }
#advantages .sectionpart .saved input,
#advantages .sectionsub .saved input {
  margin-right: 3px;
  width: 55px;
}

#advantages td { padding: 5px 6px; }
#advantages .sectionpart .item,
#advantages .sectionsub .item { width: 245px; }
#advantages .sectionsub .item { padding-left: 25px; }
#advantages .item input { margin-right: 4px; }
#advantages .item a { text-decoration: none; }
#advantages .item a:hover { text-decoration: underline; }
#advantages .included a,
#advantages .included span {
  display: inline-block;
  padding-left: 18px;
  background: url(../gfx/bullet-checkmark-gray.gif) no-repeat left top;
}

#advantages .unit input {
  width: 80px;
  margin-right: 3px;
}

#advantages td.saved {
  width: 70px;
  white-space: nowrap;
  text-align: right;
}
#advantages td.saved input {
	font-size: 12px;
	color: #454545;
	border: 0;
	background: #fff;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

#advantages .header td {
	padding: 4px 5px 9px 9px;
	width: 414px;
}
#advantages .header td.info {
  padding: 4px 5px 6px 14px;
  font-weight: bold;
  width: 83px;
}
#advantages td.info { padding: 5px 5px 5px 0; }
#advantages td.info a {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../gfx/bullet-tableinfo.png) no-repeat left top;
  text-indent: -9999em;
}
#advantages td.info a:hover { background-position: right top; }
#advantages .last td { padding-bottom: 25px; }

.tabletooltip {
  width: 280px;
  position: absolute;
  margin-left: 20px;
  margin-top: 10px;
  display: none;
}
.tabletooltip .tip {
  padding: 7px 5px;
  line-height: 15px;
  font-size: 13px;
  border: 1px solid #e6e6e6;
  border-width: 0 1px;
  background-color: #f9f9f9;
}
.tabletooltip .title {
  font-weight: bold;
  font-size: 14px;
}
.tabletooltip .top {
  height: 10px;
  background: url(../gfx/bg-tabletooltip.png) no-repeat left top;
}
.tabletooltip .bottom {
  height: 10px;
  background: url(../gfx/bg-tabletooltip.png) no-repeat left bottom;
}



/*old calc:*/
table.advantages {
  font-size: 12px;
  line-height: normal;
}
table.advantages th {
  background: #e8e8e8;
  padding: 5px 4px;
  text-align: right;
}
table.advantages th.year { text-align: left; }
table.advantages .month { font-weight: normal; }
table.advantages td {
  border-bottom: 1px #ccc solid;
  /*border-left: 1px #ccc solid;*/
  padding: 4px;
  background-color: #f5f5f5;
}
table.advantages td.selected { font-weight: bold; }
table.advantages td a { text-decoration: none; }
table.advantages tr.sub td {
  background-color: #fff;
}
table.advantages td input {
  width: 10ex;
  text-align: right;
}
table.advantages td.number {
  text-align: right;
  font-weight: bold;
}
table.advantages tr.sub td.number {
  text-align: right;
  font-weight: normal;
}
table.advantages td.varinput { text-align: right; }
table.advantages td.check {
  text-align: center;
  width: 1em;
}
table.advantages td.check input,
table.advantages td input.check { width: auto; }
.item { margin: 1ex 0; }
table.advantages td ul {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
table.advantages td ul li.checkmarks {
  background-image: url(../gfx/bullet-checkmark-gray.gif);
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  line-height: 26px;
}
/*:old calc*/



.newsletter label {
  display: block;
  float: left;
  width: 150px;
}
.newsletter label input { float: left; }

#search ul.anbefalt {
  list-style: none;
  margin-left: 30px;
  margin-bottom: 20px;
}
#search ul.result { list-style: none; }
#search ul.result li { margin-bottom: 1em; }
#search ul.result li .date { display: none; }
#search h4.others { margin-bottom: 1em; }
#search h4 .normal { font-weight: normal; }

.fordelskalkulator-01 h2.printme,
#tab_content_0 h2.printme,
#tab_content_1 h2.printme,
#tab_content_2 h2.printme,
#tab_content_3 h2.printme,
#tab_content_4 h2.printme,
#tab_content_5 h2.printme,
#tab_content_6 h2.printme,
#tab_content_7 h2.printme,
#tab_content_8 h2.printme,
#tab_content_9 h2.printme { display: none; } /* for print only */

form .required {
  background-color: #fee;
  border-color: #EB333B;
}
.fordelskalkulator-01 .innhold form.gskjema div.rad div.required {
  padding: 3px;
  border: 1px #EEA0A3 solid;
}
.fordelskalkulator-01 .innhold form.gskjema div.rad div { margin: 0; }
.alert {
  margin: 1em 0;
  font-weight: bold;
  font-size: 12px;
  color: #EB333B;
}

.spacer {
  clear: both;
  height: 1px;
  font-size: 1px;
  background-color: transparent;
  }
  
 .htmlbox { margin-bottom: 1em; }



/*	=KAMPANJE LIGHTBOX
  ----------------------------------------------------*/
#fancybox-outer {
	border: 1px solid #848484;
	background: #fff url(../gfx/kampanjebox/bg.jpg) no-repeat center!important;
}
#fancybox-wrap {
	top: 50px!important;
}
#fancy-campaign-content {
	padding-top: 10px;
}
	#fancy-campaign-content a {
		color: #FF0800;
		font-weight: 700;
	}
	#fancy-closer {
		position: absolute;
		right: -10px;
		top: -20px;
	}
		#fancy-closer a {
			color: #000;
			text-decoration: none;
			font-weight: 700;
			display: block;
			background: url(../gfx/kampanjebox/lukk.jpg) no-repeat right;
			padding-right: 23px;
		}
	#fancy-campaign-content h1 {
		font-size: 35px;
		color: #f50100;
		margin-bottom: 15px;
		line-height: 1;
		color: #000;
	}
	#fancy-campaign-content .bg-wrap {
		width: 470px;
	}	
		#fancy-campaign-content .inner-wrap {
			padding: 30px 50px 30px 30px;
		}
			#fancy-campaign-content p {
				margin-bottom: 15px;
				font-size: 13px;
				line-height: 1.4;
			}
	#fancy-campaign-content .right-box {
		float: right;
		margin: 0 0 20px 20px;
	}
		#fancy-campaign-content .right-box img {
			margin-bottom: 10px;
		}
		#fancy-campaign-content .right-box p {
			margin: 0;
		}
		
	#fancy-campaign-content #listen {
		text-align: center;
		clear: both;
		margin-top: 40px;
	}
		#fancy-campaign-content #listen li {
			display: inline-block;
			text-align: left;
			padding: 0 15px;
			color: #ff0800;
			font-weight: 700;
			font-size: 13px;
		}
			#fancy-campaign-content #listen li embed, #fancy-campaign-content #listen li object {
				display: block;
				margin-top: 5px;
				background: transparent;
			}
			
			#fancy-campaign-content #listen li p {
				color: #000;
				margin: 0;
				width: 200px;
			}