@charset "utf-8";
/* CSS Document */
/* den vågräta menyn börjar här */
div#listmenu {
	width:670px; 	/* ger div-elementet full bredd */
	float:left; 	/* gör att div-elementet omsluter listan */
	font-size:.8em;		/* ANGE TECKENSTORLEKEN HÄR */
	margin-left:130px;
	margin-top:-30px; 	/* TILLFÄLLIGT - knuffar ner div-elementet en bit i webbläsarfönstret för att göra 
					det här exemplet tydligare */
	}
div#listmenu ul {margin:0 0 0 50px;/* drar in ul från behållarens kant */
padding:0;
	}
div#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	position:relative; /* positioneringskontext för den absolut positionerade listmenyn */ 
	list-style-type:none;	/* tar bort punkterna för varje listpost */
	margin:0;
	
	
	
	
	}
div#listmenu li:first-child {
	
	}
div#listmenu li:hover { 
	background-color:#FFF;
	}
div#listmenu a {
	display:block; /* alternativen på listmenyn ändrar färg */    
	padding:0 8px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	
	}
div#listmenu a:hover {
	}
/* den vågräta menyn slutar här */

/* listmenyn börjar här */
div#listmenu ul li ul {
	margin:0; /* förhindrar att det tillfälliga värdet från den vågräta menyn ärvs här - OK att ta bort, om du också 
			tar bort det tillfälliga värdet ovan */ 
	position:absolute; /* positionerar ul-listmenyn i förhållande till dess relativt positionerade li-förälder */ 
	width:100%; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
	justeras lodrätt */
	left:5px; /* justerar listmenyn exakt under den vågräta menyn */
		background: url(bilder/menybg.png);
		background-repeat: repeat;		 
		text-align:left;
padding-right:5px;

		
	

	}
div#listmenu ul li ul li {
	width:100%; /* får listposterna att fylla ut listbehållaren (ul) */
	padding-left: 5px;
	padding-right:10px;
	}
div#listmenu ul li ul li:first-child {
	
	}
/* gör att listmenyn visas när användaren pekar på menyn */ 
div#listmenu ul li ul {display:none;} /* döljer listmenyn när användaren inte pekar på menyn */ 
div#listmenu ul li:hover ul {display:block; } /* visar listmenyn när användaren pekar på menyn */ 

/* HACK-ZON - */
/* hack för IE (alla modeller) så att menyn får en vågrät linje längst ut till vänster */
* html div#listmenu ul {
	float:left; /* får ul att omsluta alla li-elementen */
	
	}
* html a {display:block;} /* får IE5 & 5.5 att acceptera padding för länken */
/* lägger till en topplinje på listmenyer och popupmenyer i IE-webbläsarna - kan inte läsa :first-child */ 
* html  div#listmenu ul li ul {
	
	border-left:0px; /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */