/* <%'-------------------------------------------------------------- %> */
/* <%'-------------------------------------------------------------- %> */
/* MENYN */
/* <%'-------------------------------------------------------------- %> */
/* <%'-------------------------------------------------------------- %> */


/* <%' SÄTTER VÄRDENA PÅ GRUND-TEXT-MENYN %> */
/* <%'-------------------------------------------------------------- %> */
.listmenu {
	margin: 0; 
	height: 36px;  						/* <%' HÖJDEN PÅ MENYN, tillsammans med 2 andra värden%> */
	/*background:url('x.gif'); */		/* <%' SÄTTER BAKGRUNDEN, TEXT ETT STRECK ELLER SÅ, MEN ANVÄNDER EJ DENNA  %> */
	position: relative; 
	z-index: 500; 
	font-family: verdana, arial, sans-serif; 
	list-style-type: none; 
	padding-left: 0px;   				/* <%'SÄTTER HUR LÅNGT IN TILL VÄNSTER MENYN SKA VARA %> */
	padding-right: 0; 
	padding-top: 0; 
	padding-bottom: 0;
	}
	
.listmenu li.top {
	display: block; 
	float: left;
	}

/* <%'------------------------------------------------ %> */
/* <%' UTSEENDET PÅ ÖVERSTA MENYN  %> */
/* <%'------------------------------------------------ %> */

.listmenu li a.topp_lank {
	display: block; 
	float: left; 
	height: 36px; 				/* <%' HÖJDEN PÅ MENYN, tillsammans med 2 andra värden %> */
	line-height: 32px; 			/* <%' SÄTTER POSITIONEN PÅ ÖVRE-MENY-TEXTEN I SIN RUTA (EJ MUS ÖVER)  %> */
	color: #FFCC00; 			/* <%' FÄRGEN PÅ TEXTEN I ÖVRE-MENYN  %> */
	text-decoration: none; 		/* <%' INGEN DEKORATION  %> */
	font-size: 12px; 			/* <%' STORLEKEN PÅ TEXTEN I ÖVRE-MENYN  %> */
	font-weight: bold; 			/* <%' SÄTTER TILL TJOCK TEXT  %> */
	cursor: pointer;			/* <%' ...vet ej...  %> */
	/*background: url('images/meny_knapp_sida.gif') no-repeat;	*/	/* <%' SÄTTER VILKEN LITEN BILD TILL VÄNSTER I MENYN SOM SKA VISAS  %> */
	padding-left: 6px; 			/* <%' OCH HUR BRED DEN SKA VISAS  %> */
	padding-right: 0; 
	padding-top: 0; 
	padding-bottom: 0
	}
	
.listmenu li a.topp_lank span {
	float: left; 
	display: block; 
	height: 36px;				/* <%' HÖJDEN PÅ MENYN, tillsammans med 2 andra värden %> */
	/* background: url('images/meny_knapp_bakgrund.gif') right top; */	/* <%' MENYN-BREDDS-BILDEN PÅ RESPEKTIVE MENY-VAL, BAKGRUND OCH SLUTBILD OM MAN SÅ VILL  %> */
	padding-left: 2px; 			/* <%' HUR MYCKET SOM SKA VISAS AV MENY-BREDDS-BILDEN INNAN MENY-TEXTEN KOMMER  %> */
	padding-right: 10px;		/* <%' BREDDEN PÅ HUR MYCKET SOM SKA VISAS AV MENY-BREDDS-BILDEN  %> */ 
	padding-top: 0; 
	padding-bottom: 0
	}
	
.listmenu li a.topp_lank:hover {
	color: white; 													/* <%' tror i vissa läsare: TEXT-FÄRGEN VID MUS ÖVER PÅ TOPP-MENY-TEXTEN  %> */
	background:  url('images/meny_knapp_sida_over.gif') no-repeat;	/* <%' (verkar ej påverka, se längre ner, VILKEN BAKGRUND SOM VISAS VID MUS ÖVER PÅ TEXT-MENYN  %> */
	line-height: 27px;												/* <%' (verkar ej påverka, se längre ner, VART HOVER-MENY-ÖVRE-TEXTEN HAMNAR I SIN RUTA  %> */
	}
	
.listmenu li a.topp_lank:hover span {
	background:url('images/meny_knapp_bakgrund_over.gif') no-repeat right top;	/* <%' VILKEN BAKGRUND SOM VISAS VID MUS ÖVER PÅ TEXT-MENYN  %> */
	}

.listmenu li:hover > a.topp_lank {
	color: white; 													/* <%' TEXT-FÄRGEN VID MUS ÖVER PÅ TOPP-MENY-TEXTEN  %> */
	background: url('images/meny_knapp_sida_over.gif') no-repeat; 	/* <%' VILKEN BAKGRUND SOM VISAS VID MUS ÖVER PÅ TEXT-MENYN  %> */
	line-height: 27px;												/* <%' VART HOVER-MENY-ÖVRE-TEXTEN HAMNAR I SIN RUTA  %> */
	}
	
.listmenu li:hover > a.topp_lank span {
	background:url('images/meny_knapp_bakgrund_over.gif') no-repeat right top;
	}


.listmenu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
	}


/* <%' Default link styling  %> */
/* <%' ------------------------  %> */
/* <%' Style the list OR link hover. Depends on which browser is used  %> */
.listmenu a:hover {
	visibility: visible; 
	position: relative;		/* <%' PLACERING PÅ MENY-BILDEN SOM BLIR NÄR MUSEN KOMMER ÖVER  %> */	
	z-index: 200;
	}

.listmenu li:hover {
	position: relative;		
	z-index: 200;
	}

/* <%' GÖMMER NÄSTA NIVÅ-MENY UTANFÖR SKÄRMEN  %> */
.listmenu ul {
	position: absolute; 
	left: -9999px;  
	top: -9999px; 
	width: 0; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none;
	}

/* <%' BREDDEN PÅ RESPEKTIVE RULL-NER-MENY 1, 2 osv....  %> */
.listmenu ul.sub1 	{ width: 160px; }
.listmenu ul.sub2 	{ width: 170px; }
.listmenu ul.sub3 	{ width: 160px; }
.listmenu ul.sub4 	{ width: 160px; }
.listmenu ul.sub5 	{ width: 160px; }
.listmenu ul.sub6 	{ width: 160px; }
.listmenu ul.sub7 	{ width: 160px; }


/* <%' utseendet i listan som ruller ner, ej texten, ej själva listan... %> */
.listmenu :hover ul {
	border-left: 1px solid #666666; 		/* <%' BREDD OCH FÄRG PÅ KANTERNA PÅ RULLGARDINEN VÄNSTER  %> */
	border-right: 1px solid #666666; 		/* <%' BREDD OCH FÄRG PÅ KANTERNA PÅ RULLGARDINEN HÖGER  %> */
	border-top: 1px solid #666666; 			/* <%' BREDD OCH FÄRG PÅ KANTERNA PÅ RULLGARDINEN TOPPEN %> */
	border-bottom: 1px solid #666666;  		/* <%' BREDD OCH FÄRG PÅ KANTERNA PÅ RULLGARDINEN BOTTEN %> */
	left: 0px; 								/* <%' placering av menyn i förhållande till meny-knappen 0=hamnar exkat på %> */
	top: 25px; 								/* <%' placering av menyn i förhållande till meny-knappen 0=hamnar exakt på, 10> under, -10...över %> */
	background: #000000; 					/* <%' BAKGRUNDFÄRG PÅ RULLGARDINEN  %> */
	padding: 3px; 							/* <%' hur mycket område i menyn, från meny markören till kanten, "stoppningen"  %> */
	white-space: nowrap; 					/* <%' berättar om texten ska fortsätta på nästa rad: normal, nowrap, pre  %> */	
	height: auto; 							/* <%' sätter hur hög menyn är som visas: auto=blir så hög som så många element, annars skriv t.ex.: 4cm, 100px  %> */
	z-index: 300;
	}

/* <%' UTSEENDET I RULL-NER-LISTAN, EJ TEXTEN  %> */
.listmenu :hover ul li {
	display: block; 
	height: 20px; 
	position: relative; 
	font-weight: normal; 
	width: auto;
	}

/* <%' LÄNKUTSEENDET I "rull-ner-listan" länkar  %> */
.listmenu:hover ul li a {
	display: block; 				/* <%' ? %> */
	font-size: 12px; 				/* <%' STORLEKEN PÅ TEXTEN I MENYN %> */
	height: 20px; 					/* <%' HÖJDEN PÅ MARKÖREN, SKA VARA SAMMA SOM NEDAN VÄRDE, ANTAL PIX %> */
	line-height: 20px; 				/* <%' HÖJDEN PÅ MARKÖREN/VARJE MENYRAD, ANTAL PIX %> */
	width: auto; 					/* <%' BREDDEN PÅ MARKÖREN, auto=bred som menyn är bred, annars antal px %> */
	padding: 0 10px; 				/* <%' STOPPNINGEN RUNT, ANDRA VÄRDET ANGER ANTAL PIX INNAN TEXTEN I MENYN %> */
	color: #FFCC00; 				/* <%' SÄTTER TEXT-FÄRGEN I RILLGARDINEN, när ingen mus över  %> */
	text-decoration: none;			/* <%' SÄTTER OM UNDERLINE; BOLD m,m PÅ MENY-TEXTEN %> */
	}

/* <%' LÄNKUTSEENDET I "rull-ner-listan" när mus över  %> */
.listmenu:hover ul li a:hover {
	background: #666666; 			/* <%' SÄTTER TEXT-BAKGRUNDS-FÄRGEN I RULLGARDINEN, NÄR MUS ÖVER  %> */
	color: white;					/* <%' SÄTTER TEXT-FÄRGEN I RULLGARDINEN, NÄR MUS ÖVER  %> */
	}