/*
	Projekt: webundso.ch
	Datei: menu.css | styles für alle menüs
	Author: NGI

	Verwendete Farben:
	#fff    = weiss
	#000    = schwarz
	#FAA42C = orange
	#999    = dunkelgrau
	#dfdfdf = hellgrau
  
*/

/* haupt- & subnavigationen */ 
#menu {  }

/* LEVEL 1 */
.L1 li { 
    font-size: 12px;
	line-height:15px;
	position: relative;
    padding: 5px 0 5px 18px;
}
.L1 li a, .L1 li a:link, .L1 li a:active, .L1 li a:visited  { 
   display: block; 
   text-align: left; 
}
.L1 li a img { margin-left:-1px; }

/* make the sub level visible on hover list or link */
ul.L2 { 
 margin-top: 6px;
}


ul.L2 li {
   font-size: 11px;
   line-height:13px;
   width: 170px;
   padding: 0;   
}

/*
ul.L2 li.first { background: url(../img/trennLinieNav.gif) top left no-repeat; padding-top: 5px; }
ul.L2 li.last { background: url(../img/trennLinieNav.gif) bottom left no-repeat; padding-bottom: 5px; }
*/
ul.L2 li.first { border-top: 2px dotted #b4aca5; padding-top: 5px; }
ul.L2 li.last { border-bottom: 2px dotted #b4aca5; padding-bottom: 5px; }


ul.L2 li a:link, ul.L2 li a:visited, ul.L2 li a:active {
	display: block;
	padding: 3px 0;
	text-align: left; 
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}
ul.L2 li a:hover, ul.L2 li.hover, ul.L2 li a.active { color:#b4aca5; text-decoration:none; }

/* colors per mainsection:*/
ul li.L1_1 ul li a:hover, ul li.L1_1 ul li.hover, ul li.L1_1 ul li a.active { color:#ffff33; }
ul li.L1_2 ul li a:hover, ul li.L1_2 ul li.hover, ul li.L1_2 ul li a.active { color:#ccff33; }
ul li.L1_3 ul li a:hover, ul li.L1_3 ul li.hover, ul li.L1_3 ul li a.active { color:#fd676d; }
ul li.L1_4 ul li a:hover, ul li.L1_4 ul li.hover, ul li.L1_4 ul li a.active { color:#00e8ff; }
ul li.L1_5 ul li a:hover, ul li.L1_5 ul li.hover, ul li.L1_5 ul li a.active { color:#ff6633; }
ul li.L1_6 ul li a:hover, ul li.L1_6 ul li.hover, ul li.L1_6 ul li a.active { color:#ffff33; }

ul.L2 a:hover,
ul.L2 li:hover,
ul.L2 li.hover {
	z-index: 900;
}


/* make the sub level visible on hover list or link */
ul.L3 { 
 margin-top: 1px;
 margin-bottom: 3px;
}


ul.L3 li {
   font-size: 10px;
   line-height:10px;
   width: 155px;
   padding: 0 0 0 15px;   
}

/*
ul.L3 li.first { border-top: 1px dashed #b4aca5; padding-top: 1px; }
ul.L3 li.last { border-bottom: 1px dashed #b4aca5; padding-bottom: 1px; }
*/
ul.L3 li.first { border-top: 0; padding-top: 0; }
ul.L3 li.last { border-bottom: 0; padding-bottom: 0 }


ul.L3 li a:link, ul.L3 li a:visited, ul.L3 li a:active {
	display: block;
	padding: 3px 0;
	text-align: left; 
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

ul.L3 a:hover,
ul.L3 li:hover,
ul.L3 li.hover {
	z-index: 900;
}