#menu {clear:both; }

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: rgb(0,191,0);
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: rgb(0,128,0);
	}

li a:hover, li a:active { 
	text-decoration: underline; 
	color: #9685BA; 
	}

#nav a {
	display: block;
	width: 6em;
}

#nav, #nav ul {  
	padding: 0; 
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 2;
	}

#nav li {float: left;           /* makes the menu (first level) spread horizontally */
 	position: relative;
 	margin: 0 0.10em;
 	background: url(background.jpg) #cccccc bottom left repeat-x;
	overflow: visible;
	height: 1.5em;
	line-height: 1.5em;
	width: 6em; 
	text-align: center;
	z-index: 2;
   }

#nav li ul {					/* adding width: 1em makes secondlevel visible */
	display: block;
	position: absolute;    /* ändrar på prov 15.2 - från relative, ingen effekt? */
	z-index: 3;
	width: 10em;
	left: 0em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   }

#nav li:hover ul, #nav li.sfhover ul {
 	left: 0.5em; 
 	 }
 /*  with googlemaps position need to be position:relative; makes z-index possible */

#nav li ul li a {          /* widens the secondlevel menu buttons for more text space */
	width: 10em; 
 	background: url(background.jpg) #cccccc bottom left repeat-x;
	}  	
		
#content {clear: left; }
		
li > ul { top: auto; left: auto; }