/*	LOfavør stilark
  Oppdatert:	2008-01-13 @ 19:05:36
  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:				#267df8
    Standard lenke, hover:		#00739a
    Standard lenke, besøkt:		#267df8
    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:			#267df8

  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{
  color: #54534A;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
  background: url(../gfx/body-bg.png) repeat-x 0 0;

}

body, html {
	height: 100%;
}

#hoved-kontainer {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	position: relative;
	margin: 0 auto -35px;
}

#push, #fotnote-kontainer {
	clear: both;
}

#fotnote-kontainer {

}
#fotnote-kontainer, #fotnote {
	line-height: 1!important;
}
#fotnote {
	padding: 12px 0;
}

	#fotnote-kontainer h3 {
		font-size: 14px;
		margin-bottom: 8px;
		padding-bottom: 3px;
		border-bottom: 1px solid #CCCBCB;
	}
	#fotnote-kontainer a,
	#fotnote-kontainer h3 {
		color: #fff!important;
		text-decoration: none;
		line-height: 1.4;
	}
	
	
	#fotnote-kontainer li {
		margin-right: 20px!important;
	}
	
	#fotnote-kontainer .first-elem {
		width: 420px;
	}
		#fotnote-kontainer .first-elem ul li {
			float: left;
			width: 210px;
			margin-right: 0!important;
		}
		#fotnote-kontainer li ul li {
			margin-bottom: 3px;
			white-space: nowrap;
			overflow: hidden;
		}

a{
  color: #267df8;
  text-decoration: underline;
  }

a:visited{
  color: #267df8;
  text-decoration: underline;
  }
a:hover{
  color: #00739a;
  text-decoration: underline;
  }

div#fotnote{
  color: #fff;
  font-size: 12px;
  line-height: 35px;
  }

  div#fotnote a{
    float: left;
    color: #fff;
    font-weight: 700;
    margin-right: 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;
  }
  

.do-logout {
	float: right;
	font-size: 16px;
	font-weight: 700;
	margin-top: -30px;
}  
	.do-logout a {
		text-decoration: none;
	}


/*	=LAYOUT
  ----------------------------------------------------*/

/* Minsker spacing mellom meny og innhold på forsiden */
body.pull div#hoved-kontainer { margin-top: 67px; }
body.pull div#hoved-kontainer h1.logo,
body.pull div#hoved-kontainer div#meny-kontainer { top: -67px; }

div#hoved-kontainer .pushpull {	padding-top: 108px; }
.pull div#hoved-kontainer .pushpull {	padding-top: 0; }
div#hoved-kontainer{
  margin: 0 auto;
  margin-top: 0; /* 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;
    margin-bottom: 20px;
    width: 590px;
  }
  #hoved .object {
   	border: 1px solid #D8D3D3;
   	background: #fff;
   	overflow: hidden;
   	-moz-border-radius: 7px;
   	-webkit-border-radius: 7px;
   	border-radius: 7px;
    }
  
  	#hoved .object .body {
  		padding: 0 25px;
  	}
  	#hoved .object .tab-cont .body { padding: 0; }  
   
  div#hoved-kontainer div#hoved.wide {
  	width: 950px;
  }
  div#hoved-kontainer div#side{
    float: right;
    width: 340px;
    }
  div#hoved-kontainer div#side.wide {
  	display: none;
  }
  div#hoved-kontainer div#side.push {
  	margin-top: 48px;
  }
  div#hoved-kontainer div#meny-kontainer{
    clear: both; /* fix for "forsvinnende" <div> i IE6 */
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

div#fotnote-kontainer {
  position: relative;
  z-index: 2;
  background-color: #999;
}

  div#fotnote-kontainer div#fotnote{
    margin: 0 auto;
    width: 950px;
    }


div#hoved-kontainer #search {
	padding: 20px 10px;
}

#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;
    }

.buy-insurance-button {
	background: url(../gfx/buy_insurance.png) no-repeat;
	text-indent: -99999px;
}
	.buy-insurance-button a {
		display: block;
		width: 299px;
		height: 30px;
	}

    
.readmore-button {
	background: url(../gfx/read-more-button.png) no-repeat;
	text-indent: -99999px;
}
	.readmore-button a {
		display: block;
		width: 99px;
		height: 29px;
	}    

.path {
	float: left;
	line-height: 49px;
	margin-top: 1px;
	font-size: 12px;
}
   
#moreNews {
	clear: both;
	overflow: hidden;
	padding: 14px 0;
}
	#moreNews .minor-article {
		float: left;
		width: 280px;
		margin-left: 23px;
	}
	#moreNews .minor-article:last-child {

	}
		#moreNews .minor-article h2 {
			font-size: 13px;
			margin-top: 9px;
			color: #86AF33;
			line-height: 1.3;
		}
			#moreNews .minor-article h2 a { text-decoration: none; }
		
		#moreNews .minor-article .img {
			float: left;
			width: 101px;
			height: 86px;
			overflow: hidden;
			margin-right: 10px;
			background-position: top center!important;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			-moz-background-size: auto 86px!important;
			-webkit-background-size: auto 86px!important;
			background-size: auto 86px!important;
			border: 1px solid #c3c3c3;
		}
			#moreNews .minor-article .img img {
				height: 86px;
				margin-left: -35%;
			}
		
		#moreNews .minor-article .caption {
			font-size: 10px;
			margin-top: 2px;
			margin-left: 106px;
			font-weight: 700;
			color: #54534a;
			line-height: 1.4;
		}
		#moreNews .minor-article .readmore {
			font-size: 10px;
			margin-top: -2px;
		}
		
		#moreNews .minor-article a {
			color: #86AF33;
			font-weight: 700;
		}
    

/*	=WIDGETS
  ----------------------------------------------------*/
  
  
.departments {
	padding: 10px 15px;
	font-weight: 700;
	font-size: 11px;
	color: #54534a;
	overflow: hidden;
}
	.departments .buy-insurance-button {
		margin: 0 auto 10px;
		width: 299px;
	}
	.departments select {
		width: 100%;
	}
	#department_info {
		overflow: hidden;
		margin-top: 10px;
	}
	#department_info.loading {
		background: url(../gfx/spinner.gif) no-repeat center center;
		height: 30px;
	}
		#department_info.loading * { display: none; }
		
	.departments .address { float: left; }
		.departments h3 {
			font-size: 11px;
			line-height: 1.2;
		}
		.departments address {
			font-style: normal;
			line-height: 1.2;
		}
  
  	.departments .tlf,
  	.departments .email,
  	.departments .www {
  		float: right;
  		clear: right;
  		line-height: 1.2;
  		padding-left: 18px;
  		width: 90px;
  	}
  	
  	.departments .tlf { background: url(../gfx/ico-green-phone.png) no-repeat 0 2px; }
  	.departments .www {
  		background: url(../gfx/ico-green-www.png) no-repeat 0 0;
  		height: 14px;
  		position: relative;
  		left: -1px;
  		padding-left: 19px;
  	}
  	.departments .email { background: url(../gfx/ico-green-mail.png) no-repeat 0 3px; }
  		.departments .email a,
  		.departments .www a { color: #86AF33; }
  
.product-nav {
	clear: both;
}
	.product-nav ul {
		list-style: none;
	}
		.product-nav ul li:first-child {
			-moz-border-radius-topleft: 7px;
			-moz-border-radius-topright: 7px;
			-webkit-border-top-left-radius: 7px;
			-webkit-border-top-right-radius: 7px;
			border-top-left-radius: 7px;
			border-top-right-radius: 7px;
		}
		.product-nav ul li {
			background: url(../gfx/prod-nav-bg.png) repeat-x;
		}
		.product-nav ul li.has-subs .top-level {
			background: url(../gfx/prod-nav-arrow.png) no-repeat 310px 15px;
		}
		.product-nav ul li:first-child { border-top: 0; }
		.product-nav ul .top-level {
			display: block;
			height: 39px;
			line-height: 41px;
			font-size: 18px;
			padding: 0 15px;
			font-weight: 700;
			margin: 0 1px;
			color: #3c3c3c;
			text-decoration: none;			
		}
			.product-nav ul li ul {
				padding: 10px 0;
			}
			.product-nav ul li li {
				border: 0;
				margin-left: 5px;
				line-height: 1;
				margin-bottom: 4px;
				background: url(../gfx/blue-bullet.png) no-repeat 10px 7px;
			}
				.product-nav ul li li a {
					height: auto;
					line-height: 1;
					font-size: 11px;
					padding: 0 20px;
				}
				.product-nav ul li li.selected a {
					color: #86AF33;
				}

/* 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: 0 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, 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: 55px;
  padding-left: 145px;
  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;
        font-size: 12px;
        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,
.tekst-01 {
	margin-bottom: 10px;
	border: 1px solid #d8d3d3;
	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior:url(border-radius.htc);
  }

  .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: 12px;
    line-height: 17px;
    padding: 20px;
    }

  #side .info-boks-01 .innhold {
  	padding: 0;
  }

    .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: 15px 15px;
    }

    .info-boks-01 .innhold h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      float: none;
    }
    
    #side .info-boks-01 .innhold h2 {
      padding: 8px 10px;
      background: url("../gfx/prod-nav-bg.png") repeat-x bottom;
      border-radius: 5px 5px 0 0;
      margin-bottom: 5px;
    }

      #side .info-boks-01 .innhold .body {
      	padding: 0 10px;
      }

    .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;
      }
    #side .info-boks-01 .innhold ul li {
    	background-image: url(../gfx/blue-bullet.png);
        background-position: 3px 7px;
        background-repeat: no-repeat;
        padding: 0 0 0 14px;
    }  
     

      .info-boks-01 .innhold ul li{
        background-image: url(../gfx/green-bullet.gif);
        background-position: 3px 6px;
        background-repeat: no-repeat;
        padding: 0 0 0 15px;
      }

/* kan benyttes i hoved- og sidekolonne */
.info-boks-02{
	clear: both;
	margin-bottom: 18px;
	width: 100%;
	border: 1px solid #d8d3d3;
	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior:url(border-radius.htc);
}

/* 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 ul.nyhetsliste {
      list-style: none;
      margin: 0;
    }
    
    .info-boks-02 .toolbox {}
		.info-boks-02 .toolbox .join_newsletter {
			height: 35px;
			padding-top: 5px;
			margin-top: 5px;
		}
	    	.info-boks-02 .toolbox .join_newsletter a {
	    		display: block;
				width: 299px;
				height: 29px;
				margin: 0 auto;
				text-indent: -9999px;
				background: url(../gfx/join_letter_white.png) no-repeat;
	    	}
	    	
		.info-boks-02 .toolbox .calculator {
			padding: 5px 0 0;
			margin: 0 0;
		}
			.info-boks-02 .toolbox .calculator .button {
				background: url(../gfx/calc_button_white.png) no-repeat;
				width: 300px;
				height: 31px;
				margin: 6px auto 3px;
			}
				.info-boks-02 .toolbox .calculator .button a {
					width: 300px;
					height: 31px;
					display: block;
					text-indent: -9999px;
				}
				.info-boks-02 .toolbox .calculator .text {
					width: 210px;
					margin: 0 auto;
					font-size: 11px;
					font-weight: 700;
					text-align: center;
					line-height: 1.4;
					color: #4a4a4a;
				}
				
		.info-boks-02 .toolbox ul {
			list-style: none;
		}
			.info-boks-02 .toolbox ul a {
				margin: 0 auto;
				display: block;
				width: 299px;
			}
		.info-boks-02 .toolbox .join {
			text-align: center;
			padding-bottom: 10px;
			padding-top: 3px;
		}
			.info-boks-02 .toolbox .join {
				text-indent: -9999px;
				display: block;	
				height: 29px;	
			}
			.info-boks-02 .toolbox .join.lo {
				height: 29px;
				padding-bottom: 7px;
			}
				.info-boks-02 .toolbox .join.lo a {
					height: 29px;
					background: url(../gfx/join_lo_white.png) no-repeat;
				}
				
			.info-boks-02 .toolbox .join.face {
				
			}
				.info-boks-02 .toolbox .join.face a {
					height: 29px;
					background: url(../gfx/join_facebook_white.png) no-repeat;
				}

      .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;
      }

.addon.campaigns {
}
	.addon.campaigns .info-boks-01 {
		padding: 5px 0;
		overflow: hidden;
	}
		.addon.campaigns .info-boks-01 img {
			margin: 0 auto 7px;
			display: block;
			width: 328px;
		}
		.addon.campaigns .info-boks-01 h2 {
			color: #86AF33;
			padding: 0 20px;
			margin: 5px 0 0;
			font-size: 16px;
			line-height: 18px;
		}
			.addon.campaigns .info-boks-01 h2 a {
				text-decoration: none;
				color: #86AF33;	
			}
		.addon.campaigns .info-boks-01 .caption {
			padding: 0 10px 0 20px;
			margin-bottom: 0;
			color: #54534a;
			font-weight: 700;
			font-size: 14px;
			float: left;
			width: 180px;
			line-height: 1.2;
		}
		.addon.campaigns .info-boks-01 .readmore-button {
			float: right;
			margin-top: 3px;
			margin-right: 20px;
			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: 11px 0 11px 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: 11px 10px 11px 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{
  padding-top: 32px;
  position: relative;
  width: 100%;
  }
  
	.multi-boks-01 .tab {
		margin: 0 10px;
		height: 24px!important;
		background: url(../gfx/teen/tab-first.png) no-repeat left;
		padding-left: 9px;
		position: static!important;
		margin-top: -25px;
	}
	
	#side .multi-boks-01 .tab {
		margin-left: 0;
		margin-bottom: -1px;
		position: relative;
		z-index: 10;
	}
	#side .multi-boks-01 .tab #tab_0.active {
	}

	
	#side .multi-boks-01 .tab-cont {
		position: relative;
		z-index: 1;
	}
	
	.multi-boks-01 .tab.firstSelected {
		background: none!important;
		padding-left: 0;
	}
		.multi-boks-01 .tab li {
			background: url(../gfx/teen/tab-bg.png) no-repeat right top!important;
			height: 24px!important;
			margin: 0!important;
			padding: 0 16px 0 10px;
			position: relative;
			z-index: 0;
		}
		.multi-boks-01 .tab #tab_0 { padding-left: 11px; }
		.multi-boks-01 .tab li.last-elem, .multi-boks-01 .tab li.beforeActive { background: url(../gfx/teen/tab-last-bg.png) no-repeat right top!important; }
		.multi-boks-01 .tab li.afterActive {
			margin-left: -15px!important;
			padding-left: 22px!important;
		}
		.multi-boks-01 .tab.firstSelected li.afterActive { margin-left: -12px!important; }
		.multi-boks-01 .tab #tab_0.active {
			left: 0!important;
		}
		.multi-boks-01 .tab li.active {
			background: url(../gfx/teen/tab-left-selected.png) no-repeat left top!important;
			height: 31px!important;
			position: relative;
			z-index: 2;
			top: -7px;
			left: -10px;
			padding: 0;
			padding-left: 14px;
		}
			
			#side .multi-boks-01 ul.tab li.active {
				background: url(../gfx/border-radius.png)!important;
				border-bottom: 0;
				margin-bottom: -1px;
				z-index: 11;
			}
				#side .multi-boks-01 ul.tab li.active a {
					background: none!important;
					background: url(../gfx/border-radius.png) right top!important;
					padding-right: 20px!important;
					display: block;
					margin-right: -5px;
				}
			.multi-boks-01 .tab li.active a {
				background: url(../gfx/teen/tab-right-selected.png) no-repeat right top!important;
				display: block!important;
				height: 31px!important;
				position: relative;
				padding: 0 40px 0 15px!important;
				color: #000!important;	
				line-height: 35px!important;
				text-indent: -10px;
			}
			.multi-boks-01 .tab li a {
				background: none!important;
				height: 24px!important;
				line-height: 27px!important;
				color: #fff!important;
				font-weight: 400!important;
				font-size: 12px!important;
				padding: 0!important;
				font-weight: 700!important;
			}
	
	.multi-boks-01 .multi-boks-01 { padding-top: 0; }
	#side .multi-boks-01 {
		margin-bottom: 20px;
	}
	
	.multi-boks-01 .tab-cont {
		background: url(../gfx/tab-content-gradient.png) repeat-x top left;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}  
	
	
	#side .multi-boks-01 .tab-cont {
		/* border: 1px solid #D8D3D3; */
		
		background: url(../gfx/border-radius-topright.png) left top;
		padding-top: 5px;
		

		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius-topleft: 0;
		-webkit-border-top-left-radius: 0;
		border-radius: 0;
		border-top-left-radius: 0;

		
	}
		#side .multi-boks-01 .tab-cont .bunn-hoyre {
			background: url(../gfx/border-radius-topright.png) bottom;	
			display: block;
			bottom: -5px;
			position: relative;
		}
	#side .multi-boks-01 .tab-cont.pushup {
		margin-top: -44px;
	}


  .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;
    }
*/


  #side .multi-boks-01 .innhold {
  	padding: 0 20px;
  }
  #side .multi-boks-01 .login-nav {
  	padding-top: 10px;
  }
  .multi-boks-01 .innhold{
    color: #454545;
    font-size: 12px;
    line-height: 1.6;
    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 25px;
    }

    .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;
      font-weight: 700;
      }

      .multi-boks-01 .innhold ul li{
        background-image: url(../gfx/green-bullet.gif);
        background-position: 0 5px;
        background-repeat: no-repeat;
        padding: 0 0 0 15px;
        margin-bottom: 5px;
        font-size: 12px;
        }

/*
      .multi-boks-01 .innhold ul li.checkmarks{
        background-image: url(../gfx/green-bullet.gif);
        background-position: 0 7px;
        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;
    }
    #hoved .multi-boks-01 .innhold form.innlogging {
      margin-left: -20px;
      }
      
    .multi-boks-01 .innhold form.innlogging h2 {
		color: #86AF33;
		font-size: 16px;
		float: none;
		padding: 0;
    }
    .multi-boks-01 .innhold form.innlogging .info {
    	font-size: 16px;
    	color: #54534a;
    	font-weight: 700;
    }

        .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[type="text"] {
					font-weight: normal;
					background: url(../gfx/yellow-input.png) no-repeat;
					width: 266px!important;
					height: 30px;
					font-size: 11px!important;
					font-weight: 700;
					border: 0;
					padding: 0 15px;
				}
				
				input {
					outline: 0;
				}
				
				input.placeholder-shown { color: #878787!important; }
				input[type="text"]::-webkit-input-placeholder {
					color: #878787!important;
					margin-top: 10px;
				}
				input[type="text"]:-moz-placeholder { color: #878787!important; }
				
				
					.multi-boks-01 .innhold form.innlogging fieldset label {
						font-size: 11px;
						font-weight: normal;
						display: none;
					}

        .multi-boks-01 .innhold form.innlogging fieldset input.tekstfelt{
          color: #000;
          font-size: 24px;
          height: 30px;
          line-height: 30px;
          margin-bottom: 10px;
          width: 200px;
          }
        .multi-boks-01 .innhold form.innlogging .info {
          font-size: 14px;
          line-height: 1.3;
          padding-bottom: 14px;
          margin-top: -3px;
          }


/* 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 */

#frontpage .info-boks-01 .body {
	padding: 0 15px;
}
	#frontpage .info-boks-01 .body strong,
	#productPage .info-boks-01 h2 {
		font-size: 26px;
		color: #86AF33;
		line-height: 1.1;
		padding-bottom: 2px;
	}
	#frontpage .info-boks-01 .body p {
		margin: 15px 0;
	}
	#frontpage .info-boks-01 .body,
	#productPage .info-boks-01 .body,
	#frontpage .info-boks-01 .body .storre {
		color: #54534A;
		font-weight: 700;
		font-size: 14px;
	}
	#frontpage .info-boks-01 .body .storre {
		line-height: 1.3;
	}


.sub-campaigns {}
	.sub-campaigns .sub-campaign {
		width: 288px;
		margin-left: 10px;
		float: left;
		padding-bottom: 10px;
		position: relative;
	}
	.sub-campaigns .sub-campaign.mini {
		padding-bottom: 0; 
		background: #fff url(../gfx/campaign-mini-bg.png) no-repeat top right;
	}
	.sub-campaigns .first-campaign { margin-left: 0; }
		.sub-campaigns .sub-campaign h2,
		.sub-campaigns .mini p {
			color: #86AF33;
			font-size: 19px!important;
			padding: 0 15px!important;
			font-weight: 700;
		}
			.sub-campaigns .sub-campaign h2 a,
			.sub-campaigns .mini a {
				color: #86AF33;
				text-decoration: none;
			}
			
		.sub-campaigns .mini p a {
			padding: 10px 0 8px;
			display: block;
		}
		
		.sub-campaigns .sub-campaign p.caption {
			float: left;
			padding-left: 15px;
			color: #54534A;
			font-weight: 700;
			font-size: 13px;
			line-height: 1.2;
			width: 145px;
		}
		.sub-campaigns .sub-campaign .readmore-button {
			float: right;
			margin-left: 10px;
			bottom: 10px;
			right: 10px;
			position: absolute;
		}
		.sub-campaigns .sub-campaign img {
			width: 280px;
			display: block;
			margin: 5px auto 7px;
		}


.info-boks-01 .main-article {
	padding-top: 10px;
}
	.info-boks-01 .main-article img {
		margin: 0 auto;
		display: block;
	}
	.info-boks-01 .main-article h2 {
		margin: 0 15px;
		font-size: 16px!important;
		padding-bottom: 0!important;
		padding-left: 0!important;
	}

	.info-boks-01 .main-article .text-area {
		height: 48px;
		position: relative;
	}
	.info-boks-01 .main-article.no-caption .text-area {
		line-height: 48px;
		margin-top: -10px;
		padding-right: 130px;
		height: auto;
	}
	
	.info-boks-01 .main-article.no-caption .text-area.two-line {
		height: 48px!important;
		margin-top: 0;
		line-height: 20px;
	}
	
	.info-boks-01 .main-article h2 {
	
	}
	
		.info-boks-01 .main-article h2 a {
			color: #86AF33;
			text-decoration: none;
		}
	.info-boks-01 .main-article p {
		margin: 0 15px 5px!important;
		font-weight: 700;
		color: #54534a;
		font-size: 14px;
	}
	
	.info-boks-01 .main-article .readmore-button {
		position: absolute;
		float: right;
		right: 5px;
		top: 6px;
		margin: 0!important;
	}
	.info-boks-01 .main-article.no-caption .readmore-button {
		top: 10px;
	}
	.info-boks-01 .main-article.no-caption .text-area.two-line .readmore-button {
		top: 5px;
	}


ul.seksjonsliste-01{
  list-style: none;
  margin-bottom: 10px;
  }

  ul.seksjonsliste-01 .row li{
    float: left;
    line-height: 18px;
    list-style: none;
    margin: 0 10px 20px 0;
    width: 190px;
    }

  ul.seksjonsliste-01 li.en {
      clear: left;
    }

  ul.seksjonsliste-01 li.tre{
    clear: right;
    margin-right: 0;
    float: right;
    }

    ul.seksjonsliste-01 li h3{
      background-position: 0 0;
      background-repeat: no-repeat;
      background-image: none!important;
      height: 35px;
      line-height: 36px;
      padding: 0 15px;
      margin-bottom: 10px;
      width: 158px;
      border: 1px solid #D8D3D3;
      background: #fff;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
      border-radius: 7px;
      color: #86AF33;
      behavior:url(border-radius.htc);
      font-size: 14px;
    }
     /*ul.seksjonsliste-01 li h3:hover { background-position: 0 -36px; }*/
    	ul.seksjonsliste-01 li h3 a {
    		display: block;
    		outline: 0;
    		color: #86AF33;
    		font-size: 14px;
      	}

    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 {
        	overflow: hidden;
        }
        
        ul.seksjonsliste-01 li ul li ul li {
        	background: url(../gfx/blue-bullet.png) no-repeat 0 7px;
        	margin-left: 7px!important;
        	width: 175px!important;
        	font-family: Arial, sans-serif;
        }

        ul.seksjonsliste-01 li ul li ul li a{
          margin-left: 9px ;
          font-size: 12px;
          line-height: 17px;
          display: block;
          color: #267df8;
        }
          
          
          ul.seksjonsliste-01 .readmore {
          	display: block;
          	margin: 5px 15px 10px;
          	clear: both;
          	font-weight: 700;
          	font-size: 11px;
          }

/* 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: 150px;
    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: 12px;
          line-height: 17px;
          }

/* 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;
  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;
    padding: 15px 20px;
    line-height: 22px;
    }

    .skjema-boks-01 .innhold h2{
      font-size: 16px;
      font-weight: bold;
      line-height: 20px;
      margin-bottom: 5px;
      padding-left: 0;
      float: none;
      }

    .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{
      margin: 0 -15px 0 -15px;
      padding: 0 15px;
      }

      .skjema-boks-01 .innhold form fieldset{
        position: relative;
        }

        .skjema-boks-01 .innhold form fieldset input.tekstfelt{
          color: #267df8;
          font-size: 24px;
          height: 30px;
          line-height: 30px;
          }

        .skjema-boks-01 .innhold form fieldset input.knapp{
          height: 34px;
          position: absolute;
          }
		
	  .skjema-boks-01 form #findBank { width: 100%; }	
	
      /* 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: #000;
        font-size: 10px;
        height: 28px;
        line-height: 28px;
        left: 0;
        position: absolute;
        top: 10px;
        padding: 2px 15px 0 35px;
        width: 202px;
        background: url(../gfx/search-input.png) no-repeat;
        border: 0;
      }

      .sokeskjema form fieldset .sokeknapp{
        left: 250px;
        position: absolute;
        top: 10px;
        }

/* 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;
    padding: 0 25px;
    width: 458px;
    }

	.tekst-01 ul.oversikt-01 li {
		width: 200px;
		margin-top: 10px;
		margin-right: 10px;
		list-style: none;
		float: left;
	}
	.tekst-01 ul.oversikt-01 li h3 {
		white-space: nowrap;
	}
	    .tekst-01 ul.oversikt-01 li li {
	      	list-style: disc;      
	      	width: auto;
	      	font-size: 12px;
	      	margin-left: 14px;
	      	line-height: 17px;
	      	color: #267DF8;
	      }
	      
	      .tekst-01 ul.oversikt-01 li li p {
	      	margin: 0;
	      }
/* 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;
	padding: 0;
}

	.tekst-02 img {
		margin: 5px auto 0;
		display: block;
	}
  .tekst-02 h2,
  .object h2 {
	float: left;
	font-size: 26px;
	line-height: 1.1;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 10px;
	width: 390px;
	color: #86AF33;
	padding: 0 25px;
   }
  .tekst-02 .ingress {
  	padding: 0 25px;
  }
  .tekst-02 p{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 390px;
    }
  .tekst-02 .ingress p {
    float: left;
    font-size: 12px;
    line-height: 1.6;
    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;
      line-height: 22px;
      }

  .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;
    font-size: 12px;
    }

    .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: 14px; }
.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) ;
}
*/

.tab-calculator {
	margin-left: -10px;
}

.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, 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; }

			
			
/*	=Productpage
  ----------------------------------------------------*/
  
.line-actions {
	float: right!important;
	margin-top: 5px;
}
	.line-actions li {
		display: inline;
		padding: 5px 10px 5px 22px!important;
	}
	.line-actions li.calc { background: url("../gfx/icon-calculator-white.gif") left no-repeat!important; }
	.line-actions li.news {
		background: url("../gfx/icon-rss-white.gif") left no-repeat!important;
		padding-right: 0!important;
	}
		.line-actions a { 
			text-decoration: none;
		}
  
#productPage {}
	#productPage h2 {
		float: none;
	}
	
	#productPage .mainimage {
		margin-bottom: 15px;
		overflow: hidden;
		padding-bottom: 10px;
	}
	#productPage .mainimage.small { border-bottom: 1px solid #eee; }
		
		#productPage .capt { font-style: italic; }
		#productPage .mainimage.wide .capt { margin-top: 15px; }
	
		#productPage .mainimage img {
			display: block;
		}

		#productPage .mainimage.small img,
		#productPage .mainimage.float img {
			float: left;
			margin-right: 15px;
		}
		#productPage .mainimage.float img { margin: 0; }
		#productPage .mainimage.float img:first-child {
			margin-right: 15px;
		}
		
		#productPage .mainimage img.left-side { float: left; }
		#productPage .mainimage img.right-side {
			float: right;
			margin: 0;
		}
	
	#productPage .innhold h2 {
		font-size: 25px;
	}
		
	#productPage .body {
		margin: 0;
		font-size: 13px!important;
		line-height: 1.3;
	}

	#productPage .product-parts {
		width: 588px;
	}
	#productPage .product-parts h3 {
	    margin-bottom: 10px;
	    padding-top: 10px;
	    clear: both;
	}
	#productPage .product-parts ul {
		margin: 0!important;
		list-style: none;
	}
		#productPage .product-parts li {
			float: left;
			width: 288px;
			padding: 0;
			line-height: 41px;
			height: 39px;
			margin: 0;
			background: url(../gfx/prod-butt2.png) no-repeat top left;
		}
		#productPage .product-parts li.body {
			background-position: 0 -39px;
		}
		#productPage .product-parts li.foot {
			background-position: left bottom;
		}
		#productPage .product-parts li.middle { margin-left: 45px; }
		#productPage .product-parts li.right { float: right; }
			#productPage .product-parts li a {
				display: block;
				padding: 0 10px 0 34px;
				background: url(../gfx/plus-minus.png) no-repeat 11px 12px;
				text-decoration: none;
				text-shadow: rgba(255, 255, 255, 1) 1px 1px 0;
			}

			
/*	=Fordelskalkulator override
  ----------------------------------------------------*/

#calcPage { overflow: visible!important; }

#calcPage .body { clear: both; }

.calcs .innhold {
	padding: 10px!important;
}
	.calcs .innhold .info-boks-02 {
		padding: 10px;
		width: auto!important;
	}

#adv_frame {
	padding: 0!important;
}

	#adv_frame form .clearfix { margin-top: 15px; }

	#adv_frame .info-boks-01 {
		float: right;
		width: 377px;
		position: relative;
		border: 0;
	}
		#adv_frame .info-boks-01 .innhold {
			padding: 20px 15px!important;
		}
		#sparetext1 {
			height: 40px;
			display: table-cell;
			width: 347px;
			text-align: center;
			vertical-align: middle;
		}
	
	#adv_frame h2.printme { display: none; }
	
	#adv_frame .left-top {
		width: 142px;
		padding: 10px 0;
		float: left;
	}
		#adv_frame .choose {
			width: 142px;
			margin-top: 10px;
		}
	
	#adv_frame .calc-submit {
		border: 0;
		text-indent: -9999px;
	}
	#adv_frame .bottom-buttons .calc-submit {
		margin-right: 4px;
	}
	
	#adv_frame .calc-submit.big {
		background: url(../gfx/calculate-butt.png) no-repeat;
		width: 142px;
		height: 51px;
		cursor: pointer;
	}
	#adv_frame .calc-submit.big.disabled {
		background-position: bottom;
		cursor: default;
	}

	
		#adv_frame #advantages {
			clear: both;
		}		
			#adv_frame #advantages .yellow-note {
				background: #fcf7de url(../gfx/lightbulb.png) no-repeat 10px 5px;
				padding: 10px;
				padding-left: 35px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
			
			#advantages .sectionhead td {
				background: #fff;
				border-bottom: 0;
				padding: 8px 11px;
			}
			#adv_frame #advantages td.unfolded { border-bottom: 1px solid #ccc; }
			#advantages .sectionhead td:hover {
				background: url(../gfx/calc-row-hover.png) repeat-x;
			}
			
			#advantages .sectionpart td {
				padding: 5px 10px;
				vertical-align: middle;
			}
			#adv_frame #advantages td.unfolded {
				background: #f2f2f2;
			}
				
				#adv_frame #advantages td.folded a,
				#adv_frame #advantages td.unfolded a {
					background: url(../gfx/plus-minus.png) no-repeat left;
					padding-left: 20px;
					font-weight: 700;
					font-size: 15px;
				}
								
				#adv_frame #advantages td.folded a {
					color: #267df8;
					background-position: 0 2px;
				}
				#adv_frame #advantages td.unfolded a {
					background-position: 0 -49px;
					color: #3c3c3c;
				}
				
				#advantages .unit input {
					width: 42px;
					margin-bottom: 2px;
				}
				
				#advantages td.info a {
					background: url(../gfx/blue-info.png) no-repeat;
					width: 16px;
					height: 16px;
				}
			
			#adv_frame #advantages tfoot {}
				#adv_frame #advantages tfoot th {
					text-align: right;
					font-weight: 400;	
				}
				#adv_frame #advantages tfoot td.total {
					text-align: right;
					font-weight: 700;
					padding-right: 10px!important;
					white-space: nowrap;
					border-left: 1px solid #ccc;
				}
				#adv_frame #advantages tfoot th,
				#adv_frame #advantages tfoot td {
					padding: 10px;
					background: #e9f6fb;
					border-top: 1px solid #ccc;
					font-size: 15px;
				}
				
		#adv_frame .bottom-buttons {
			clear: both;
			margin-top: 15px;
			color: #8c8c8c;
			white-space: nowrap;
		}
			#adv_frame .bottom-buttons .knapp-01 { margin-right: 5px; }
			#adv_frame .bottom-buttons a { text-decoration: none; }





/* DEV OUTPUT */

#dev_output {
	position: fixed;
	bottom: 5px;
	left: 5px;
	font-size: 12px;
	font-family: Courier;
}

