/* den vågräta menyn börjar här */
div#listmenu {
	width:1020px; 	/* ger div-elementet full bredd */
	float:left; 	/* gör att div-elementet omsluter listan */
	border-top:1px solid #FFF;		/* skapar en linje i div-elementets övre kant */
	border-bottom:1px solid #FFF;	 	/* skapar en linje i div-elementets nedre kant */
	font-size:.9em;		/* ANGE TECKENSTORLEKEN HÄR */
	background-color:#444; 			/* ger div-elementet färg */
	margin-top:2px; 	/* 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 0px;/* drar in ul från behållarens kant - OBS: annat värde för IE i hacks nedan */
	}
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 */
	background-color:#8E8E8E; /* anger bakgrunden för menyalternativen */
	border-right:1px solid #FFF; /* skapar linjer som separerar listposterna */
	}
div#listmenu li:first-child {
	border-left:1px solid #FFF; /* den första lodräta linjen på menyn */
	}
div#listmenu li:hover { 
	background-color:#293B6B; /* anger bakgrunden för menyalternativen */
	}
div#listmenu a {
	display:block;
	padding:3px 8px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#FFF;	/* anger teckenfärgen */
	}
div#listmenu a:hover {
	color:#FFF;
	}
/* 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:10em; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
	justeras lodrätt */
	border-right:0; /* förhindrar att standardkompatibla webbläsare får två kantlinjer - de ärver kantlinjen - IE
	gör inte det */
	left:-40px; /* justerar listmenyn exakt under den vågräta menyn */
	}
div#listmenu ul li ul li {padding:2;
	width:150px; /* får listposterna att fylla ut listbehållaren (ul) */ 
	border-left:1px solid #fff; /* tre sidor på varje listpost på varje listmeny */  
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	}
div#listmenu ul li ul li a {padding:2px .5em; }
div#listmenu ul li ul li:first-child {
	border-top:1px solid #fff; /* högst upp på listmenyn */
	}
/* 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 */

/* popoutmenyer börjar här */
body div#listmenu ul li ul li ul  {
	position:absolute;
	visibility:hidden; /* samma effekt som display:none i det här fallet */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* samma effekt som display:block i det här fallet */
/* andra nivån med popoutmenyer börjar här */
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* samma effekt som display:block i det här fallet */

/* 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 */
	border-left:1px solid #000; /* lägger till linjen längst ut till vänster i ul-elementet */
	margin-left:11px; /* IE fördubblar värdet som angivits - varför? */
	}
/* 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-top:1px solid #069;
	border-left:0px; /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ 
	}
/* Tantek-hacket för att ge IE Win 5.5-5.0 ett lägre värde för att få popoutmenyn att tangera listmenyn */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* och "var snäll mot Opera"-regeln */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* ett Opera-hack för att fixa till ett uppritningsproblem genom att osynligt utöka ul-elementet */ 
/* listmenyn på första nivån förblir öppen för 100px nedanför botten men fungerar åtminstone */ 
/* detta kan reduceras till så lite som 22px om man inte har popoutmenyer */ 
/* popoutmenyn förblir öppen för 22px nedanför botten men fungerar åtminstone */  
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* samma effekt som display:block i det här fallet */

   }
/* slut på Opera hack */


/* tabel
div#listmenu {
	background-color: #fff;
	width: 800px;
	border-top: 1px solid #069;
	border-bottom: 1px solid #069;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	color: #333333;
	topmargin:0px;
	leftmargin:0px;
} 
 */