﻿/*------------------------------------------------------
   Top menu
-------------------------------------------------------*/ 
#topmenu {
	margin: 5px 0px 0px 10px;
	text-align: left; }
	
ul#topmenulist { }

ul#topMenuList, 
ul#topMenuList ul {
	float: left;
	list-style: none;
	list-style-position: inside;
	font-weight: 100;
	padding: 0;font-size: 1em;
	margin: 0; }

UL#topMenuList li a {
	font-size: 1.2em;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 5px  5px 10px; 
	font-weight: 100;  }

ul#topMenuList li a, 
ul#topMenuList li a:visited{ background: url(images/img-arrow-white.gif) no-repeat left; }

ul#topMenuList li a:hover {
	color: #b3d4e6;
	text-decoration: underline;  }

ul#topMenuList li  {
	float: left; 	
	padding: 0px;  }
	
ul#topMenuList li ul {
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0px 0px 0px 0px;  }
	
ul#topMenuList li ul{ width: 160px;}

ul#topMenuList li ul a, 
ul#topMenuList li ul a:visited{ background: none; }

ul#topMenuList li ul a:hover {
	color: #fff;
    background: none; }

#topMenuList li li { border: 0;}
ul#topMenuList li ul a { padding: 1px 0 0 10px;}

#topMenuList li ul ul { margin: -27px 0 0 200px;}

#topMenuList li:hover ul ul, #topMenuList li:hover ul ul ul, #topMenuList li.sfhover ul ul, #topMenuList li.sfhover ul ul ul {left: -999em;}
#topMenuList li:hover ul, #topMenuList li li:hover ul, #topMenuList li li li:hover ul, #topMenuList li.sfhover ul, #topMenuList li li.sfhover ul, #topMenuList li li li.sfhover ul { left: auto; }

#topMenuList li:hover, 
#topMenuList li.sfhover, 
#topMenuList li:hover a, 
#topMenuList li.sfhover a {/* background: #535353; */color: #b3d4e6; }

#topMenuList li li:hover, 
#topMenuList li li.sfhover,
#topMenuList li li:hover a, 
#topMenuList li li.sfhover a{
/* background: url('images/tex-bg-topmenu-sub-hover.gif')*/  }

/*------------------------------------------------------
   Main menu
-------------------------------------------------------*/ 
#menu{
  font-weight: bold;
  clear: both; 
   margin: 0 0 0 0;
  padding: 0 0 0 0;  }

/*ul#menuList .current * { font-weight: 700; background: red; border: 1px solid blue; position: absolute; left: 10;}*/

ul#menuList{
	float: left;
	list-style: none;
	list-style-position: outside;
	font-weight: 700;
	overflow: hidden; 
	padding: 0 2px 0 0;
	margin: 0;
	font-size: 1em; 
	background: url(images/menu-spacer.gif) no-repeat right 0px; }	
	
ul#menuList ul {  /* Dette hovednode for dropdown */
	float: left;
	list-style: none;
	list-style-position: outside;
	font-weight: 700;
	padding: 0;
	margin: 0;  }
	
#menuList a{
	display: block;
	margin:0;
	padding: 7px 25px 15px 28px;
	text-decoration:none;
	font-weight: 700;
	color: #000; 
	text-decoration: none; }

ul#menuList h2{
	margin: 0 0 0 0;
	padding: 7px 0 3px 0;}
	
ul#menuList h2 span {
		font-size: 1.0em;
		color: #000;  }

#menuList a:hover{ color: #0157aa;}
#menuList li li a:hover{ color: #fff;}
  	
#menuList li { 
  float: left; 
  padding: 0px; }

#menuList li ul{ width: 200px;}
#menuList li li{ width: 200px; font-size: 10px }
#menuList li ul a{ /*width: 180px;*/ display: block;}

#menuList li ul {
	position: absolute;
	left: -999em;
	height: auto;
	padding: 0;
	margin: -2px 0px 0px 1px;  
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;  }

#menuList li li { border-bottom: 1px solid #e3e3e3; background: #fff;}
#menuList li ul a  {
	padding: 7px 10px 7px 26px;
	font-size: 1.1em;color: #336ea6; }
	
#menuList li:hover, #menuList li.sfhover, #menuList li.current {
	background: url(images/menu-right.gif) right no-repeat;}
	
#menuList li:hover, #menuList li.sfhover, #menuList li.current {
	background: url(images/menu-right.gif) right no-repeat;}

#menuList li h2, #menuList li h2,#menuList{ 	
  background: url(images/menu-left.gif)  no-repeat;}

#menuList li:hover h2, #menuList li.sfhover h2,#menuList li.current h2{ 	
  background: url(images/menu-left-hover.gif) no-repeat; color: #336ea6; }
	
/* #menuList li:hover a, #menuList li.sfhover a {color: #0157aa;} */	

#menuList li ul ul { margin: -27px 0 0 200px;}
#menuList li:hover ul ul, #menuList li:hover ul ul ul, #menuList li.sfhover ul ul, #menuList li.sfhover ul ul ul {left: -999em;}
#menuList li:hover ul, #menuList li li:hover ul, #menuList li li li:hover ul, #menuList li.sfhover ul, #menuList li li.sfhover ul, #menuList li li li.sfhover ul { left: auto; z-index:9999; }

#menuList li li:hover h2, 
#menuList li li.sfhover h2{ 
  background: none; padding: 0;}

#menuList li li a:hover, 
#menuList li li.sfhover{ background: #336ea6;} 

#menuList li li:hover a, 
#menuList li li.sfhover a{ color: #fff;}

/*------------------------------------------------------
   Left menu
-------------------------------------------------------*/ 
ul.topics{	font-size: 12px;   }

ul.topics,
ul.topics ul, 
ul.topics ul ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
	text-align: left; }

ul.topics a:hover{ text-decoration: underline; } 
	
ul.topics ul{ display: none;}

ul.topics li.submenu-children-active ul ul,
ul.topics li.submenu-no-children-active ul ul{ display: none;}
ul.topics li.submenu-children-active ul ul ul,
ul.topics li.submenu-no-children-active ul ul ul{ display: none;}
ul.topics li.submenu-no-children-active ul,
ul.topics li.submenu-children-active ul{ display: block;}
ul.topics li li.submenu-no-children-active ul,
ul.topics li li.submenu-children-active ul{ display: block;}
ul.topics li li li.submenu-no-children-active ul,
ul.topics li li li.submenu-children-active ul{ display: block;}

ul.topics li{
	margin: 0;font-size: 12px;
	padding: 0;
	border-top: 1px solid #fff;
	background-repeat: no-repeat;}
  
ul.topics li a {
	display: block;
	color: #000 ;  /* #0157aa */
	line-height:normal; 
	text-decoration: none;}

ul.topics li a{			padding: 6px 5px 6px 10px; }
ul.topics li li a{		padding: 3px 4px 3px 20px;    }
ul.topics li li li a{	padding: 3px 5px 3px 32px;  }

/* niv 1*/
	ul.topics li.submenu-children a,
	ul.topics li.submenu-no-children a{ color: #000; /*#0157aa*/   }	
	ul.topics li.submenu-children-active a,
	ul.topics li.submenu-no-children-active a{ color: #fff; }

	/* children */
	ul.topics li.submenu-children,
	ul.topics li.submenu-children-active{
		background-position: 0.6em 0.6em;}

	ul.topics li.submenu-children{
		background-color: #f4f3ee;
		/*background-image: url(images/tex-left-submenu-main-active2.gif);*/}
		
	ul.topics li.submenu-children-active{
		background-color: #336ea6;
		/*background-image: url(images/tex-left-submenu-main-arrow.gif);*/} 

	ul.topics li.submenu-no-children{
		background-color: #f4f3ee;
		background-image: none;}
		
	ul.topics li.submenu-no-children-active{
		background-color: #336ea6;
		background-image: none;} 

/* niv 2*/
	ul.topics li li.submenu-children a,
	ul.topics li li.submenu-no-children a,
	ul.topics li li.submenu-children-active a,
	ul.topics li li.submenu-no-children-active a { color: #000; }

	/* children */
	ul.topics li li.submenu-children, 
	ul.topics li li.submenu-children-active{ }

	ul.topics li li.submenu-children{
	background: #fcfcfc url(images/ico-arrow-menu-blue.gif) 8px center no-repeat;  }
		
	ul.topics li li.submenu-children-active{
	background: #ebf4f8 url(images/ico-arrow-menu-blue.gif) 8px 13px no-repeat; } 
		
	/* no-children */
	ul.topics li li.submenu-no-children{
		background-color: #fcfcfc;
		background-image: none;}
		
	ul.topics li li.submenu-no-children-active{
		background-color: #ebf4f8;
		background-image: none;} 

/* niv 3*/
	ul.topics li li li.submenu-children,
	ul.topics li li li.submenu-no-children-active, 
	ul.topics li li li.submenu-no-children{
		background-position: 22px center;
		background-image: url(images/ico-menu-square-blue.gif);
		background-color: #fff;   }


