@charset "utf-8";
/* CSS Document */

/* Default values */
html, body { margin: 0; padding: 0; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; background: #456b28 url('../img/bg_main.png') center top; }
.clearboth { clear:both; }
a { color: #50772a; }
a:hover { color: #3b581e; }
h3 { float: left; font-size: 18px; height: 20px; padding:0; margin:0; font-family: Helvetica, Arial, sans-serif; color:#50772a;; border-bottom: 1px solid #f0f2f3; text-align: left; font-weight: normal; }

/* Layout */
#top { height: 25px; background: #456b28 url('../img/bg_top.png'); }
#gradientwrap { background: transparent url('../img/bg_grad.png') repeat-x; }

.wrapper { width: 940px; margin-left: auto; margin-right: auto; }
#content { width: 906px; }
#forbehold { float: left; width: 706px; padding-left: 200px; text-align: center; font-size: 11px; color: #778F62; line-height: 30px; padding-top: 15px; }

#content_top { width: 906px; height: 40px; background: url('../img/bg_contenttop.png') no-repeat; }
#content_heading {width: 906px; height: 106px; background: url('../img/bg_heading.png') no-repeat; }
#maintop { width: 906px; height: 10px; background: url('../img/bg_maintop.png') no-repeat; font-size: 1px; }
#maincontent { width: 906px; min-height: 200px; background: url('../img/bg_maincontent.png') repeat-y; }
#mainfooter { position: relative; width: 906px; height: 12px; background: url('../img/bg_mainbot.png') no-repeat; }
.contentheading { width: 906px; height: 46px; background: url('../img/bg_devider.png') no-repeat 4px bottom; }
.slogan { float: left; width: 873px; height: 48px; display: inline; margin: 6px 0 0 16px; background: url('../img/bg_slogan.png') no-repeat; }
.slogancln { float: left; width: 873px; height: 48px; display: inline; margin: 6px 0 0 16px; background: url('../img/bg_slogancln.png') no-repeat; }
.info { float: left; width: 854px; height: 86px; display: inline; margin: 0 0 8px 25px; background: url('../img/bg_info.png') no-repeat; }
.twocolwrap { float: left; width: 898px; display: inline; margin: 0 4px; padding-bottom: 15px; background: url('../img/bg_2coldevider.png') repeat-y 449px 0px; }
.leftcol { float: left; width: 426px; display: inline; margin: 20px 0 0 13px; }
.rightcol { float: right; width: 426px; display: inline; margin: 20px 13px 0 0; }
.fullcol { float: left; width: 886px; display: inline; margin: 10px 10px 0 10px; }
.contentheadings { float: left; width: 426px; height: 45px; background: url('../img/bg_contentheadings.png') no-repeat; display: inline; margin: 0 0 10px 0; }
#maincontent p { float: left; font-size: 15px; font-color: #3b581e; text-align: left; padding: 0 10px 0 10px; margin:0; display: inline; line-height: 20px; }
#maincontent .info p { float: left; width: 542px; font-size: 14px; font-color: #3b581e; text-align: left; padding:12px 0px 0px 8px; margin:0; display: inline; line-height: 16px;}
#footer { float: left; width: 906px; text-align: left; font-family: Tahoma, Verdana, Geneva, sans-serif; padding-bottom: 20px; }
#footermenu { float: left; padding: 5px 0 0 12px; font-size: 11px; color: #b4cc9e; }
#footermenu a { text-decoration: none; color: #b4cc9e; }
#footermenu a:hover { color: #3b581e; }
#copyright { float: left; padding: 2px 0 4px 12px; font-size: 10px; color: #90b072; }
#frontpage_devider { float: left; width: 894px; height: 30px; background: url('../img/bg_frontpage_devider.png') no-repeat; margin: 0 0 0 4px; }
#messer { float: left; margin-left: 25px; width: 854px; padding: 0 0 30px 0; }
.messe { float: left; width: 423px; text-align: left; position: relative; margin-left: 4px; }
.messeicon { float: left; }
.messeicon img { border: 3px solid #e7e5e6; }
.messeicon a:hover img { border: 3px solid #9db888; }
.messetittel { float: left; font-size: 16px; width: 305px; padding: 2px 0 2px 7px; color: #50772A; }
.messeinfo { float: left; width: 305px; padding: 2px 0 2px 7px; font-size: 14px; }
.messelink { float: left; width: 305px; }
.messelink a { text-decoration: none; font-size: 12px; position: absolute; bottom:4px; left: 113px; }

/* Icons */
#icon_logotop { float: left; display: inline; margin-top: 2px; height: 21px; width: 26px; background: url('../img/icon_tangentop.png') no-repeat; }
#icon_telephone { float: right; display: inline; margin: 4px 4px 0 0; height: 18px; font-size: 11px; color: white; padding: 1px 10px 0 21px; background: url('../img/icon_telephone.png') no-repeat; }
#icon_email { float: right; display: inline; margin: 4px 0; height: 18px; font-size: 11px; color: white; padding: 1px 0 0 24px; background: url('../img/icon_email.png') no-repeat 0px 2px; }
.icon_velkommen { float: left; display: inline; width: 32px; height: 36px; margin: 0 5px 0 16px; background: url('../img/icon_velkommen.png') no-repeat;}
.icon_bil { float: left; display: inline; width: 68px; height: 39px; margin: 4px 0px 0px 11px; background: url('../img/icon_bil.png') no-repeat; }
.icon_recycle { float: left; display: inline; width: 41px; height: 39px; margin: 4px 0px 0px 11px; background: url('../img/icon_recycle.png') no-repeat; }
.icon_info { float: left; display: inline; width: 30px; height: 33px; margin: 7px 5px 0 16px; background: url('../img/icon_info.png') no-repeat;}
.icon_tabell { float: left; display: inline; width: 38px; height: 37px; margin: 3px 5px 0 15px; background: url('../img/icon_tabell.png') no-repeat;}
.icon_kontakt { float: left; display: inline; width: 42px; height: 41px; margin: 0 0 0 17px; background: url('../img/icon_kontakt.png') no-repeat; }
.icon_samarbeid { float: left; display: inline; width: 46px; height: 37px; margin: 2px 0 0 14px; background: url('../img/icon_samarbeid.png') no-repeat; }
.icon_referanser { float: left; display: inline; width: 46px; height: 36px; margin: 2px 4px 0 14px; background: url('../img/icon_referanser.png') no-repeat; }
.icon_produkter { float: left; display: inline; width: 46px; height: 35px; margin: 4px 4px 0 12px; background: url('../img/icon_produkter.png') no-repeat; }

.gfx_tangenlogo { float: left; display: inline; width: 277px; height: 60px; background: url('../img/bg_tangenlogo.png') no-repeat; margin: 11px 0px 0px 10px; }
.gfx_campfire { position: absolute; bottom: -10px; left: 90%; height: 128px; width: 127px; background: url('../img/gfx_campfire.png') no-repeat; }
.gfx_bladhoyre { position: absolute; top:-13px; left: 896px; width: 29px; height: 25px; background: url('../img/gfx_bladhoyre.png') no-repeat; }
.gfx_bladvenstre { position: absolute; top: -40px; right: 883px; width: 46px; height: 47px; background: url('../img/gfx_bladvenstre.png') no-repeat; }

.btn_goback { float: left; background: url('../img/gfx_goback.png') no-repeat; height: 39px; width: 115px; display: inline; margin: 0px 0px 15px 34px; }
.btn_goback a { display: block; height: 39px; width: 115px; }

/* Mainmenu */
#mainmenu { position: relative; width: 906px; height: 36px;}
#mainmenu ul {margin:0; padding:0px; list-style:none; height: 36px;}
#mainmenu > ul a {width:auto;}
#mainmenu li {float: left; display: inline; line-height: 36px; font-size: 14px; letter-spacing: -0.5px; padding: 0px;}
#mainmenu li a {display: block; width: 125px; height: 36px;}
#mainmenu li a#velkommen {background: transparent url('../img/bg_mainmenu.png') no-repeat; width: 137px;}
#mainmenu li a:hover#velkommen { background-position: 0 -36px; }
#mainmenu li.selected a#velkommen { background-position: 0 -72px; width: 138px; }
#mainmenu li a#omoss {background: transparent url('../img/bg_mainmenu.png') no-repeat -138px 0;}
#mainmenu li a:hover#omoss { background-position: -138px -36px; }
#mainmenu li.selected a#omoss { background-position: -137px -72px; width: 127px; }
#mainmenu li a#produkter {background: transparent url('../img/bg_mainmenu.png') no-repeat -264px 0;}
#mainmenu li a:hover#produkter { background-position: -264px -36px; }
#mainmenu li.selected a#produkter { background-position: -263px -72px; width: 127px; }
#mainmenu li a#tabeller {background: transparent url('../img/bg_mainmenu.png') no-repeat -390px 0;}
#mainmenu li a:hover#tabeller { background-position: -390px -36px; }
#mainmenu li.selected a#tabeller { background-position: -389px -72px; width: 127px; }
#mainmenu li a#referanser {background: transparent url('../img/bg_mainmenu.png') no-repeat -516px 0;}
#mainmenu li a:hover#referanser { background-position: -516px -36px; }
#mainmenu li.selected a#referanser { background-position: -515px -72px; width: 127px; }
#mainmenu li a#linker {background: transparent url('../img/bg_mainmenu.png') no-repeat -642px 0;}
#mainmenu li a:hover#linker { background-position: -642px -36px; }
#mainmenu li.selected a#linker { background-position: -641px -72px; width: 127px; }
#mainmenu li a#kontakt {background: transparent url('../img/bg_mainmenu.png') no-repeat -768px 0; width: 138px;}
#mainmenu li a:hover#kontakt { background-position: -768px -36px; }
#mainmenu li.selected a#kontakt { background-position: -767px -72px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenu a {float:none;}
/* End IE5-Mac hack */
#mainmenu li.devider { background: transparent url('../img/bg_mainmenu.png') no-repeat -137px 0px; width: 1px; height: 36px; font-size: 1px;}

/* Checklist */
#maincontent ul.checklist { float: left; width: 142px; margin:0; padding:0; list-style:none; }
#maincontent ul.checklist li { text-align: left; background: url('../img/bg_checked.png') no-repeat 0 4px; padding: 0px 0px 2px 20px; font-size: 15px;}

/* FullCOL tables */
.fullcol table { padding: 15px 0 20px 20px; width: 866px; }
.fullcol table th.tableheading { border: 1px solid #3b581e; background: #50772a; color: white; font-size: 18px; padding: 5px;}
.fullcol table tr.tablesubheading { background: #efefef; font-size: 14px; padding: 10px; color: #3b581e;}
.fullcol table tr.tablesubheading td { border-left: 1px solid #6a8e46; border-bottom: 1px solid #6a8e46;}
.fullcol table tr.tablecontentbg { background: #f3f3f3; }
.fullcol table tr.tablecontent td, .fullcol table tr.tablecontentbg td { border-bottom: 1px dotted #6a8e46; padding: 5px; border-left: 1px dotted #6a8e46; font-size: 12px }

/* Reference page */
.fullwrap { float: left; width: 898px; display: inline; margin: 10px 0 0 4px; }
.refh2container { width: 100%; border-bottom: 1px dashed #d4e1c6; }
#maincontent .fullwrap p { padding-left: 14px; }
.refcontent { float: left; width: 869px; display: inline; margin: 10px 0 0 15px; }
.refheading { color: #509d4f; font-weight: bold; font-size: 16px; width: 385px; text-align: left; padding: 0 0 2px 5px; }
.refdesc { font-size: 11px; }
.refbigdesc { font-size: 14px; text-align: left; padding: 4px 0 0 3px; }

/* Product page */
#productwrap { float: left; width: 886px; display: inline; margin: 0 10px 0 5px; background: url('../img/bg_productwrapdevider.png') repeat-y 210px 0px; text-align: left; }
#productmenu { float: left; width: 210px; margin: 0; }
#productcontent { float: left; display: inline; margin: 0 0 0 16px; width: 650px; }
#productcontent ul { list-style: none; padding: 0 0 0 5px; margin:0;}
#productcontent ul li { font-size: 14px; }
#productcontent .proddetailsleft { float: left; width: 380px; }
#productcontent .proddetailsleft ol { padding:4px 0 15px 25px; margin:0; }
#productcontent .prodcertifications { float: left; width: 370px; padding: 0 0 0 10px; }
#productcontent .prodcertifications ul li { float: left; width: 135px; height: 40px; padding: 5px 0 0 40px; font-size: 12px; color: #666; }
.prodheading { color: #50772A; font-weight: bold; font-size: 22px; text-align: left; padding: 12px 0 4px 2px; }
.proddesc { font-size: 14px; }
.prodinfo { padding: 2px 6px 0 6px; text-align: left; color: #333; font-size: 14px; }
.proddetails { padding: 2px 0 0 5px; text-align: left; color: #333; font-size: 14px; }
.proddetailsheading { color: #50772A; font-weight: bold; font-size: 22px; text-align: left; padding: 12px 0 4px 5px; }
#productcontent p { padding:0 10px 10px 0; margin:0; font-size: 14px; line-height: 16px;}
.proddetailsimg { width: 261px; vertical-align: top;}
.proddetailsimg img { padding: 5px 0px; }
.prodlesmer { font-size: 14px; text-align: left;}
.prodimg { width: 160px; vertical-align: top; }
.prodintro { float: left; padding:5px 11px 10px 15px; margin:0; font-size: 16px; position: relative;}
.prodtoddel { position: absolute; top:8px; left:5px; background: url('../img/bg_toddel.png') no-repeat; width: 9px; height: 7px; }
.prodtoddelsuf { position: absolute; top:8px; right:0; background: url('../img/bg_toddel.png') no-repeat; width: 9px; height: 7px; }
#maincontent ul.detaillist { float: left; width: 365px; margin:0; padding:0; list-style:none; }
#maincontent ul.detaillist li { text-align: left; background: url('../img/bg_checked.png') no-repeat 0 4px; padding: 0px 0px 0px 20px; font-size: 14px; line-height: 18px;}
#maincontent ul.detaillist ul.detaillist_sub li { background: url('../img/menu_pin_dot.png') no-repeat 16px 7px; padding-left: 26px; }
.norm { font-size: 12px; color: #333; }
a.datasheet{ font-size: 14px; text-decoration: none; display: inline; margin-left: 4px; padding: 0 0 0 20px; line-height: 20px; background: url('../img/icon_pdf.png') no-repeat; }
a:hover.datasheet { color: black; }

/* Product menu */
#productmenu ul.menu, #productmenu ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 210px; }
#productmenu ul.menu a { display: block; text-decoration: none;	}
#productmenu ul.menu li { margin-top: 1px; padding: 0 0 3px 0; background: url('../img/bg_prodmenu.png') repeat-x top left; }
#productmenu ul.menu li a { border-bottom: 1px solid #f0f2f3; font-size: 14px; font-family: Verdana, Geneva, sans-serif; }
#productmenu ul.menu li a.default { background: url('../img/menu_pin_default.png') no-repeat 10px 7px;  color: #333; padding: 5px 0 5px 31px; font-weight: normal; }
#productmenu ul.menu li a.selected { background: url('../img/menu_pin_selected.png') no-repeat 10px 7px; color: #50772a; padding: 5px 0 5px 31px; font-weight: bolder; }
#productmenu ul.menu li a:hover.default {background: url('../img/menu_pin_hover.png') no-repeat 10px 7px; color: #b88b30;}
#productmenu ul.menu li ul { display: none; }
#productmenu ul.menu li ul.selected { display: block; }
#productmenu ul.menu li ul li{ padding: 0 0 1px 5px; background: none; }
#productmenu ul.menu li ul li.selected { font-weight: bold; }
#productmenu ul.menu li ul li a { background: url('../img/menu_pin_dot.png') no-repeat 27px 5px; color: #333; padding: 0 0 0 36px; border-bottom: none; font-size: 12px; }
#productmenu ul.menu li ul li a:hover { color: #608B3C; background: url('../img/menu_pin_dot.png') no-repeat 27px 5px; }
#productmenu .indent1 { padding-left: 1em; }
#productmenu .indent2 { padding-left: 2em; }
#productmenu .indent3 { padding-left: 3em; }
#productmenu .indent4 { padding-left: 4em; }
#productmenu .indent5 { padding-left: 5em; }

/* Rounded small btn - green */
.lesmer {float:left; background:#f8f8f8; line-height:normal; font-size: 14px;}
.lesmer ul {margin:0; padding:0px; list-style:none;}
.lesmer li {float:left; background:url('../img/btn_26h_green_lft.png') no-repeat left top; margin-top:4px; padding:0 4px 0 2px;}
.lesmer a {display:block; width:.1em; background:url('../img/btn_26h_green_rgt.png') no-repeat right top; padding:3px 24px 2px 6px; font-weight:bold; color: #fff; text-decoration: none; line-height: 21px;}
.lesmer > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.lesmer a {float:none;}
/* End IE5-Mac hack */
.lesmer a:hover {color:#fff;}
.lesmer li:hover {background-position:0% -26px; color:#fff;}
.lesmer li:hover a {background-position:100% -26px;} /* Enable link <a> bg when <li> is hovered! */

/* sIFR classes */
@media screen { 
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display: none !important; height:0; width:0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility : visible !important; display: block   !important; position: static  !important; left: auto    !important; top: auto    !important; width: auto    !important; height: auto    !important; }
}

@media screen {
  #toplogo { float: left; color:#fff; font-family: Helvetica, Arial, sans-serif; font-size: 20px; height: 24px; padding: 0 0 0 4px; font-weight: bold; } /* Non java */
  .h1adv { float: left; color:#50772a; font-family: Helvetica, Arial, sans-serif; font-size: 30px; height: 30px; padding: 3px 0 0 4px; font-weight: bold; } /* Non java */
  .h2adv { float: left; font-size: 18px; height: 29px; padding:10px 0 0 5px; font-family: Helvetica, Arial, sans-serif; color:#50772a;; } /* Non java */
  .h3adv { float: left; font-size: 16px; height: 22px; padding:10px 0 0 5px; font-family: Helvetica, Arial, sans-serif; color:#50772a;; border-bottom: 1px solid #f0f2f3; width: 220px; text-align: left; } /* Non java */
  .h4slogan { float: left; font-family: Verdana; line-height: 1.5em; font-size: 20px; height: 24px; padding:14px 0 0 16px; font-family: Helvetica, Arial, sans-serif; color:#50772a; } /* Non java */
  .sIFR-active .h1adv, .sIFR-active .h2adv, sIFR-active .h3adv, sIFR-active .h4slogan { visibility: hidden; }
  .sIFR-replaced.h1adv { } /* When replaced */
}