/* body {background-color: #000000; font-family: trebuchet, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);} */
* {margin:0; padding:0;} 

/* den vågräta menyn börjar här */

img { 
	border: 0px;
}

div#listmenu {
	width:100%; 	/* ger div-elementet full bredd */
	float:left; 	/* gör att div-elementet omsluter listan */
	font-size:.8em;		/* ANGE TECKENSTORLEKEN HÄR */
	margin-top:22px; 	/* 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 */
	}
div#listmenu li {
	font-size:  16px;
	margin-right: 55px; 
	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:#000000; */ /* anger bakgrunden för menyalternativen */
	}

div#listmenu {
	border: 0px;
}

div#listmenu li.listmenuLast {
	margin-right: 0px; 
}

div#listmenu li.logotype {
	margin-right: 80px; 
}
	
.tagline { 
	padding-top:3px;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 10px;
	color:#997a7e;
}

.taglineOver { 
	padding-top:3px;
	font-size: 10px;
	color:#FFFFFF;
}

.taglineSelected { 
	padding-top:3px;
	font-size: 10px;
	color:#d8132c;
}

.taglineSelected:hover { 
	color:#d8132c;
}
		
div#listmenu li:first-child {
	border: 0px;
	padding-left: 0px;
}
div#listmenu li:hover {
	/* color: #CCCCCC; */
	}
div#listmenu a {
	display:block; /* alternativen på listmenyn ändrar färg */    
	padding:0 0px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#FFFFFF;	/* anger teckenfärgen */
	}

div#listmenu a.selected {
	display:block; /* alternativen på listmenyn ändrar färg */    
	padding:0px 0px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#d8132c;	/* anger teckenfärgen */
}

div#listmenu a.selected:hover {
	color:#d8132c;
}

div#listmenu img.logo {
	border: 0px;
	/* padding-right:36px; */
}
	
div#listmenu a:hover {
	/* color:#CCCCCC; */
	}
/* 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 */
	left:-1px; /* justerar listmenyn exakt under den vågräta menyn */
	}
div#listmenu ul li ul li {
	border: 0px;
    font-size: 11px;
	padding-top: 5px;
	width:100%; /* får listposterna att fylla ut listbehållaren (ul) */ 
	}
div#listmenu ul li ul li:first-child {
	padding-left: 6px; 
	}
/* gör att listmenyn visas när användaren pekar på menyn */ 
div#listmenu ul li ul {display:block;} /* 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 */
	/* margin-left:15px; */ /* IE fördubblar värdet som angivits - varför? */
	}
* 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.logotype {  /* IE6 - för att ta bort padding och border vid loggan, fisrt-child */
	padding: 0px;
	border: 0px; 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */