#nav
{
width: 976px;
clear:both;
float:left;
background-image:url(/kunder/ys/cms.nsf/mediaresources/hvit_br.gif/$file/hvit_br.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding-left: 4px;
}
#nav ul, #fane_aktiv ul
{
list-style-type: none;
}
#nav ul li, #fane_aktiv ul li
{
display: block;
float:left;
margin-right: 4px;
text-align:center;
}
#nav ul li a
{
color: #666666;
font-size: 14px;
margin-left: 1px;
margin-right: 1px;
float:left;
padding: 0 0 0 5px;
text-decoration: none;
}
#nav ul li a span {
display:block;
float:left;
padding: 6px 5px 4px 0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav ul li a span {float:none;}
/* End IE5-Mac hack */
#nav ul li a.arbeidslivsbarometer_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_r_l.gif/$file/fane_r_l.gif") no-repeat left top;}
#nav ul li a span.arbeidslivsbarometer_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_r_r.gif/$file/fane_r_r.gif") no-repeat right top;}
#nav ul li a.likestilling_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_l.gif/$file/fane_or_l.gif") no-repeat left top;}
#nav ul li a span.likestilling_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_r.gif/$file/fane_or_r.gif") no-repeat right top;}
#nav ul li a.inkluderendearbeidsliv_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_l.gif/$file/fane_ro_l.gif") no-repeat left top;}
#nav ul li a span.inkluderendearbeidsliv_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_r.gif/$file/fane_ro_r.gif") no-repeat right top;}
#nav ul li a.utdanning_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_l.gif/$file/fane_li_l.gif") no-repeat left top;}
#nav ul li a span.utdanning_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_r.gif/$file/fane_li_r.gif") no-repeat right top;}
#nav ul li a.inntektspolitikk_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_l.gif/$file/fane_bl_l.gif") no-repeat left top;}
#nav ul li a span.inntektspolitikk_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_r.gif/$file/fane_bl_r.gif") no-repeat right top;}
#nav ul .active {height: 26px;}
#nav ul li a.miljø_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_l.gif/$file/fane_gr_l.gif") no-repeat left top;}
#nav ul li a span.miljø_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_r.gif/$file/fane_gr_r.gif") no-repeat right top;}
#nav ul li a.internasjonalt_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_l.gif/$file/fane_graa_l.gif") no-repeat left top;}
#nav ul li a span.internasjonalt_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_r.gif/$file/fane_graa_r.gif") no-repeat right top;}
#nav ul li a.graa_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_l.gif/$file/fane_graa_l.gif") no-repeat left top;}
#nav ul li a span.graa_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_r.gif/$file/fane_graa_r.gif") no-repeat right top;}
#nav ul li a.omys_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_lysbl_l.gif/$file/fane_lysbl_l.gif") no-repeat left top;}
#nav ul li a span.omys_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_lysbl_r.gif/$file/fane_lysbl_r.gif") no-repeat right top;}
#nav ul li a.hms_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_l.gif/$file/fane_ro_l.gif") no-repeat left top;}
#nav ul li a span.hms_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_r.gif/$file/fane_ro_r.gif") no-repeat right top;}
/*Medlemsfordeler faner*/
#nav ul li a.forsikringer_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_l.gif/$file/fane_bl_l.gif") no-repeat left top;}
#nav ul li a span.forsikringer_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_r.gif/$file/fane_bl_r.gif") no-repeat right top;}
#nav ul li a.andrefordeler_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_l.gif/$file/fane_gr_l.gif") no-repeat left top;}
#nav ul li a span.andrefordeler_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_r.gif/$file/fane_gr_r.gif") no-repeat right top;}
#nav ul li a.ysmedlemskort_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_l.gif/$file/fane_li_l.gif") no-repeat left top;}
#nav ul li a span.ysmedlemskort_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_r.gif/$file/fane_li_r.gif") no-repeat right top;}
#nav ul li a.banktjenester_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_l.gif/$file/fane_or_l.gif") no-repeat left top;}
#nav ul li a span.banktjenester_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_r.gif/$file/fane_or_r.gif") no-repeat right top;}
#nav ul li a.yssikkerhetsbutikk_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_l.gif/$file/fane_ro_l.gif") no-repeat left top;}
#nav ul li a span.yssikkerhetsbutikk_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_r.gif/$file/fane_ro_r.gif") no-repeat right top;}
/*YS Ung faner*/
#nav ul li a.omysung_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_l.gif/$file/fane_bl_l.gif") no-repeat left top;}
#nav ul li a span.omysung_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_bl_r.gif/$file/fane_bl_r.gif") no-repeat right top;}
#nav ul li a.ysmedlemsfordeler_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_l.gif/$file/fane_gr_l.gif") no-repeat left top;}
#nav ul li a span.ysmedlemsfordeler_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_r.gif/$file/fane_gr_r.gif") no-repeat right top;}
#nav ul li a.hvaskjer_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_l.gif/$file/fane_li_l.gif") no-repeat left top;}
#nav ul li a span.hvaskjer_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_li_r.gif/$file/fane_li_r.gif") no-repeat right top;}
#nav ul li a.studietips_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_l.gif/$file/fane_or_l.gif") no-repeat left top;}
#nav ul li a span.studietips_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_or_r.gif/$file/fane_or_r.gif") no-repeat right top;}
#nav ul li a.jobbtips_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_l.gif/$file/fane_ro_l.gif") no-repeat left top;}
#nav ul li a span.jobbtips_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_ro_r.gif/$file/fane_ro_r.gif") no-repeat right top;}
#nav ul li a.lovogrett_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_l.gif/$file/fane_gr_l.gif") no-repeat left top;}
#nav ul li a span.lovogrett_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_gr_r.gif/$file/fane_gr_r.gif") no-repeat right top;}
#nav ul li a.tariff_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_l.gif/$file/fane_graa_l.gif") no-repeat left top;}
#nav ul li a span.tariff_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_r.gif/$file/fane_graa_r.gif") no-repeat right top;}
#nav ul li a.oss_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_lysbl_l.gif/$file/fane_lysbl_l.gif") no-repeat left top;}
#nav ul li a span.oss_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_lysbl_r.gif/$file/fane_lysbl_r.gif") no-repeat right top;}
#nav ul li a.ferdigstudert_l{background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_l.gif/$file/fane_graa_l.gif") no-repeat left top;}
#nav ul li a span.ferdigstudert_r {background: transparent url("/kunder/ys/cms.nsf/mediaresources/fane_graa_r.gif/$file/fane_graa_r.gif") no-repeat right top;}
#nav ul .active {height: 26px;}
#nav ul li.active a{
background-position: 0% 100%;
border-bottom: 4px solid #fff;
text-decoration: none;
color: #666666;
font-size: 14px;
display:block;
color: #000;
height: 26px;
font-weight: bold;
}
#nav ul li a:hover{background-position: 0% 100%; color: #000;}
#nav ul li.active a span{background-position: 100% 100%;}
#nav ul li a:hover span{background-position: 100% 100%;}