* {
	margin:0px;
	padding:0px;
} 
/* den vågräta menyn börjar här */

#menyradIphone {
	display: none;
}

div#listmenu {
	width:100%; 	/* ger div-elementet full bredd */
	float:left;	 	/* skapar en linje i div-elementets nedre kant */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		/* ANGE TECKENSTORLEKEN HÄR */
	background-color:#333333; 			/* ger div-elementet färg */
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 50;
	height: 44px;
}
#sidinnehall {
	position: relative;
	top: 50px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 150px;
	margin-left: 30px;
}
#hogerlank {
	position: fixed;
	top: 1px;
	left: 700px;
	z-index: 53;
	height: 40px;
	width: 160px;
	display: none;
}
#logga {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 40px;
	position: fixed;
	z-index: 51;
	left: 2px;
	top: 2px;
}
#logga2 {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 228px;
	position: fixed;
	z-index: 54;
	left: 45px;
	top: 2px;
}
#sidfot {
	
}
#uppgifter {
	margin: 0px;
	padding: 0px;
	height: 20px;
	position: fixed;
	z-index: 55;
	left: 330px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
#uppgifter a {
	text-decoration: none;
	color: #FFFFFF;
}
div#listmenu ul {
	position: absolute;
	top: 26px;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding: 0px;
	/*width: 757px;*/
}
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:#FFFFFF; /* anger bakgrunden för menyalternativen */
	border-right:1px solid #000000; /* skapar linjer som separerar listposterna */
	margin: 0px;
	padding: 0px;
}
div#listmenu li:first-child {
	border-left:1px solid #000000; /* den första lodräta linjen på menyn */
}
div#listmenu li:hover {
	background-color:#999999; /* anger bakgrunden för menyalternativen */
	}
div#listmenu a {
	display:block;
	height: 15px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px; /* skapar luft på varje sida om menyalternativen */
	margin: 0px;
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#000000;	/* anger teckenfärgen */
	}
div#listmenu a:hover {
	color:#FFFFFF;
	}
/* den vågräta menyn slutar här */

/* listmenyn börjar här */
div#listmenu ul li ul {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	 /* 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 */ 
	top: 16px;
	width:200px;/*  anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
	justeras lodrätt */
	border-bottom:0px;
	border-top:0px;
	border-right:0; /* förhindrar att standardkompatibla webbläsare får två kantlinjer - de ärver kantlinjen - IE
	gör inte det */
	left:-1px; /* justerar listmenyn exakt under den vågräta menyn */
}
div#listmenu ul li ul li {
	width:100%; /* får listposterna att fylla ut listbehållaren (ul) */
	border-left:1px solid #000000; /* tre sidor på varje listpost på varje listmeny */
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
}
div#listmenu ul li ul li a {
	padding:0px;
}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #000000; /* 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:150px;
	margin-left: 62px;
	width:250px;
}
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 ul li ul {
	margin-left: 132px;
}
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 */