/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below #nav {position:relative; z-index:100; margin:50px 0 auto 0;}*/
 #nav_holder ul{list-style-type: none; padding-top: 2px;}
 
Get rid of the margin, padding and bullets in the unordered lists */
#nav {padding:0; margin:0 auto; list-style-type: none; display:table;}
#nav ul {
	padding:0;
	list-style-type: none;
	display:block;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
/* Hide the sub levels */
#nav li ul {display:none;}
/* Set up the link size, color and borders */
#nav li a, #nav li a:visited {
	display:block;
	color:#FFF;
	height:*px;
	text-decoration:none;
	text-indent:0px;
	text-align:left;
	padding: 2px 15px 2px 5px;
}
/* Set up the sub level borders */
#nav li ul li a, #nav li ul li a:visited {
	border: 0;
        margin: 0px;
        background-color: #4F4E53;
       
}
#nav li a.enclose, #nav li a.enclose:visited {border-width:1px;}
/* Set up the list items MØRK FARGE*/
#nav li {float:left;}
#nav li.tc {display:table-cell;}
/* For Non-IE browsers and IE7 */
#nav li:hover {position:relative;}
/* Make the hovered list color persist LYS FARGE */
#nav li:hover > a {
	color:#FFF;
	background-color: #4F4E53;
 
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#nav li:hover > ul {display:block; position:absolute; top:-3px; left:80px; padding: 3px 30px 30px 30px; 
background-image: url(/§graphics/lupGraphics/spacer.gif/$FILE/spacer.gif); width:81px;}
 
/* Position the first sub level beneath the top level links */
#nav > li:hover > ul {left:-30px; top:25px;}
 
/* get rid of the table */
#nav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
 
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #nav li a:hover {
	position:relative;
	color:#FFF;
	background-color: #4F4E53; 
}
/* For accessibility of the top level menu when tabbing LYS FARGE*/
#nav li a:active, #nav li a:focus {
	color:#FFF;
	background-color: #4F4E53;
}
/* Set up the pointers for the sub level indication MØRK FARGE*/
#nav li.drop {
	background-color: #4F4E53;
       
}
	/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
	
	/* change the drop down levels from display:none; to visibility:hidden; */
	* html #nav li ul {visibility:hidden; display:block; position:absolute; top:-3px; left:80px; padding:3px 30px 30px 30px;}
	
	/* make the second level visible when hover on first level link and position it */
	#nav li a:hover ul {
	visibility:visible; left:-34px; top:24px; lef\t:-35px; to\p:25px;
	}
#nav li a.bgDrop {
	background-color: #4F4E53;/*MØRK*/;
	display: block;
        padding: 1px 0 1px 5px;
        text-align: left;
        text-indent:0px;
        margin: 0px;
	width: 140px;
        font-size: 13px;
}
#nav li a.bgDrop:hover {
	background-color: #717173;
	display: block;
        padding: 1px 0 0px 4px;
        text-indent:0px;
	border-left: 1px solid #4F4E53;
        border-right: 1px solid #4F4E53;
        border-bottom: 1px solid #4F4E53;
        width: 139px;
        font-size: 13px;
}
/* Added some opacity */
#nav2 ul 
{
padding:0; margin:0; 
list-style-type: none; 
display:block;
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.90; opacity:0.9;
}

