/* ********************************
*  2010 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
* *********************************/

/* Global menu
-------------------------------------------------------------- */
.top-menu ul,
.main-menu ul, 
left-menu,
bottom-menu {list-style:none; margin: 0; padding: 0;  }

.top-menu ul li, .main-menu ul li {
	 _vertical-align: bottom; }
   

/* Main menu
-------------------------------------------------------------- */
.main-menu{
	position: relative; 
	z-index: 10000;  
	_zoom: 1;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin-top: 21px;
	margin-left: 120px;
}

.main-menu ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
.main-menu ul li {
	list-style:none;
	float:left;
	display:inline;
	padding:0;
	margin:0;
	}
	
.main-menu ul li a {
	text-decoration:none;
	display:block;
	float:left;
	background: url(../images/main-menu-sprite.png) no-repeat;
	text-indent: -9999px;
	}

.main-menu ul li.mnu-sia a {
	width: 70px;
	height: 25px;
	}
.main-menu ul li.mnu-helse a {
/*	width: 67px; */
	width: 81px;
	height: 25px;
	}
.main-menu ul li.mnu-bokhandel a {
/*	width: 105px; */
	width: 119px; 
	height: 25px;
	}
.main-menu ul li.mnu-bolig a {
	width: 81px;
	height: 25px;
	}
.main-menu ul li.mnu-barnehage a {
	width: 107px;
	height: 25px;
	}
.main-menu ul li.mnu-kultur a {
	width: 80px;
	height: 25px;
	}
.main-menu ul li.mnu-kafe a  {
	width: 57px;
	height: 25px;
	}
.main-menu ul li.mnu-treningssenter a {
	width: 130px;
	height: 25px;
	}
.main-menu ul li.mnu-ferieleiligheter a {
	width: 130px;
	height: 25px;
	}

.main-menu ul li.mnu-pir6, .main-menu ul li.mnu-ostsia { width: 0; display: none;}

.main-menu ul li.mnu-sia a		 				{background-position: 0px 0px;margin-left:-13px;}
/*.main-menu ul li.mnu-sia a:hover,*/
.main-menu ul li.mnu-sia.active a 				{background-position: 0px -25px;overflow:auto;}

.main-menu ul li.mnu-helse a 					{background-position: -70px 0px;width:67px;}
/*.main-menu ul li.mnu-helse a:hover,*/
.main-menu ul li.mnu-helse.active a 			{background-position: -56px -50px; margin-left:-14px;overflow:auto; width:81px;}

.main-menu ul li.mnu-bokhandel a 				{background-position: -137px 0px;width: 105px;}
/*.main-menu ul li.mnu-bokhandel a:hover,*/
.main-menu ul li.mnu-bokhandel.active a 		{background-position: -123px -75px; margin-left:-14px;overflow:auto; width:119px;}

.main-menu ul li.mnu-bolig a	 				{background-position: -242px 0px; width: 66px}
/*.main-menu ul li.mnu-bolig a:hover,*/
.main-menu ul li.mnu-bolig.active a 			{background-position: -228px -100px; margin-left:-14px;overflow:auto; width:80px;}

.main-menu ul li.mnu-barnehage a 				{background-position: -308px 0px; width: 106px;}
/*.main-menu ul li.mnu-barnehage a:hover,*/
.main-menu ul li.mnu-barnehage.active a 		{background-position: -294px -125px; margin-left:-14px;overflow:auto; width:120px;}

.main-menu ul li.mnu-kultur a 					{background-position: -414px 0px; width: 80px;}
/*.main-menu ul li.mnu-kultur a:hover,*/ 			
.main-menu ul li.mnu-kultur.active a    		{background-position: -400px -150px; margin-left:-14px;overflow:auto; width:94px;}

.main-menu ul li.mnu-kafe a 					{background-position: -494px 0px; width: 56px;}
/*.main-menu ul li.mnu-kafe a:hover,*/
.main-menu ul li.mnu-kafe.active a		 		{background-position: -480px -175px; margin-left:-14px;overflow:auto; width:70px; position:relative;}

.main-menu ul li.mnu-treningssenter a		 	{background-position: -550px 0px; width: 130px;}
/*.main-menu ul li.mnu-treningssenter a:hover,*/
.main-menu ul li.mnu-treningssenter.active a	{background-position: -536px -200px; margin-left:-14px;overflow:auto; width:144px; position:relative;}

.main-menu ul li.mnu-ferieleiligheter a		 	{background-position: -680px 0px; width: 130px;}
/*.main-menu ul li.mnu-treningssenter a:hover,*/
.main-menu ul li.mnu-ferieleiligheter.active a	{background-position: -666px -225px; margin-left:-14px;overflow:auto; width:144px; position:relative;}


/* Left menu
-------------------------------------------------------------- */

.left-menu ul {
	display:block;
	}

.left-menu-header {
	padding-left:20px;
	height: 20px;
	line-height: 20px;
	background: url(../images/left-menu-header-bg.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}
.left-menu-header.main 
{
	padding-left:10px;
	height: 20px;
	line-height: 20px;
	background: url(../images/left-menu-header-bg.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #fff;	
	}

body.sia .left-menu-header 				{background-position: 0 0;}
body.helse .left-menu-header 			{background-position: 0 -20px;}
body.bokhandel .left-menu-header 		{background-position: 0 -40px;}
body.bolig .left-menu-header 			{background-position: 0 -60px;}
body.barnehage .left-menu-header 		{background-position: 0 -80px;}
body.kultur .left-menu-header,
body.pir6 .left-menu-header,
body.ostsia .left-menu-header 			{background-position: 0 -100px;}
body.kafe .left-menu-header 			{background-position: 0 -120px;}
body.treningssenter .left-menu-header 	{background-position: 0 -140px;}
body.ferieleiligheter .left-menu-header {background-position: 0 -60px;}

.left-menu-header a {
	display:block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
	}

.left-menu-header a:hover {text-decoration:underline;}

.left-menu ul {margin:0;padding:0;}

.left-menu ul a {
	display:block;
	font-size: 11px;
	color: #000;
	text-decoration:none;
	}

.left-menu ul a {display:block; background: url(../images/left-menu-li-bg.gif) repeat-x; height: 20px; line-height: 20px;}
.left-menu ul a:hover {background: url(../images/left-menu-li-active-bg.gif) repeat-x; text-decoration:underline;}

.left-menu li.active a {font-weight: bold;}

.left-menu ul ul ul li.active a {background: url(../images/left-menu-li-li-li-active.gif) no-repeat;}

.left-menu li.active li.active a,
.left-menu li.active li.active li.active a { font-weight: 700;  }

.left-menu li.active li a,
.left-menu li.active li.active li a { font-weight: 100; }

.left-menu ul li a {padding-left: 20px;}
.left-menu ul ul li a {padding-left: 40px;}
.left-menu ul ul ul li a {padding-left: 60px;}
.left-menu ul ul ul ul li a {padding-left: 80px;}

/* Drop-down
-------------------------------------------------------------- */

.top-menu { 
  position: relative;
  z-index: 1500;    
  _zoom: 1; }
  
.top-menu {
  clear: both;
  padding: 0;   
  text-align: left;   
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  margin-top: 40px;
  margin-left: 20px;
  }
  
.top-menu ul{}
    .top-menu li{ float: left; }
    .top-menu li.first{}
    
    .top-menu a{ display: block; padding-left: 10px; /*color: #bcbdc1;*/ color: #666; text-decoration: none; }
    .top-menu a span{ display: block;padding-right: 10px; }        
    
	.top-menu .active a, 
	.top-menu a:hover{ 
      text-decoration: none;
	  color: #000;
	  }     

	.top-menu a:hover span,
	.top-menu .active a span { 
		text-decoration: none;
		padding:0 10px 0 0;
		color: #000;
	  }

	.top-menu li:hover a span{ color: #000;}

    .top-menu ul.drop-down li.submenu ul li a span{ 
      background-image: none;
	  }
    
.top-menu ul.drop-down, 
.top-menu ul.drop-down ul { list-style: none; padding: 0; margin: 0;}

  .top-menu ul.drop-down li{ margin: 0; border-left: 1px solid #bcbdc1;}

    .top-menu ul.drop-down ul{ width: 157px;margin-left: -1px;}
      .top-menu ul.drop-down ul li{line-height: 25px;}
      .top-menu ul.drop-down ul a{ width: 147px; background: #949494;font-weight: normal;}

        .top-menu ul.drop-down li ul a { margin: 0; border: 0; }      
          
        .top-menu ul.drop-down li li {	margin: 0; border: 0; }
    
            .top-menu ul.drop-down li ul ul { margin: -33px 0 0 170px;} 

.top-menu ul.drop-down ul{ position: absolute; left: -999em; height: auto; font-weight: normal;}
.top-menu ul.drop-down li:hover ul ul, .main-menu ul.drop-down li.sfhover ul ul {left: -999em;}

.top-menu ul.drop-down li:hover ul, .main-menu ul.drop-down li.sfhover ul { left: auto; top: 100%;}

.top-menu ul.drop-down li:hover a, 
.top-menu ul.drop-down li.sfhover a{ background: #bcbdc1; } 

.top-menu ul.drop-down li:hover a span,
.top-menu ul.drop-down li.sfhover a span{ background: #bcbdc1; }

.top-menu ul.drop-down li:hover li a, 
.top-menu ul.drop-down li.sfhover li a,
.top-menu ul.drop-down li:hover li a span, 
.top-menu ul.drop-down li.sfhover li a span{background: #f1f1f1; color: #000;}

.top-menu ul.drop-down li:hover ul {border-left: 1px solid #bdbcc1;border-bottom: 1px solid #bdbcc1;border-right: 1px solid #bdbcc1;border-top: 1px solid #bdbcc1;}

.top-menu ul.drop-down li li a {border-top: 1px solid #f1f1f1;}
.top-menu ul.drop-down li li:hover a {border-top: 1px solid #bdbcc1;padding-top: 1px;margin-top: -1px;}

.top-menu ul.drop-down li.sfhover {}

.top-menu a { font-weight: normal; }

.top-menu ul.drop-down li li a:hover {background: #fff; } /* border-top: 1px solid #bdbcc1; border-bottom: 1px solid #e9e9e9; */
.top-menu ul.drop-down li li a:hover span {background: #fff;}