#topnavspan {
	clear: both;
	float: left;
	width: 950px;
	/*background: #dedede;*/
}
#topnav {
	float: left;
	width: 100%;
	position:relative;
	z-index:100;
	/*background: #0C0F2F;*/
}

#topnavleft {
	float: left;
}
#topnavright {
	float: right;
}


/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav li {
  float: left;
  position: relative;
	padding: 0px 0px 0px 0px;
}
/* style the links for the top level */
#topnav a {
  display: block;
	line-height: 24px;
  text-decoration: none; 
  color: #000000;
	padding: 0px 15px 0px 15px;
	/*background: url(../images/topnav/minus3.gif) no-repeat 5px 7px;*/
}
#topnav a.drop {
	background: url(../images/topnav/menupil_down.gif) no-repeat right center;
}
/* style the top level hover */
#topnav a:hover {
	/*color: #CC0000;*/
	background: #d8932e; /* url(../images/topnav/minus3.gif) no-repeat 5px 7px;*/
}
#topnav a.drop:hover {
	background: #d8932e url(../images/topnav/menupil_down.gif) no-repeat right center;
}
/* style the activ top level hover */
#topnav .topnav-act a {
	/*color: ;#FF9900;#000033;*/
	background: #d8932e; /* url(../images/topnav/minus3.gif) no-repeat 5px 7px;*/ 
}
#topnav .topnav-act a.drop {
	/*background: url(../images/topnav/plus3.gif) no-repeat 5px 7px;*/
	background: #d8932e url(../images/topnav/menupil_down.gif) no-repeat right center;
}

/* markering af første niveau ved brug af menu 
#topnav li:hover > a {
	background: url(../images/topnav/minus3.gif) no-repeat 5px 7px;
}
#topnav li:hover > a.drop {
	background: url(../images/topnav/pil_down3.gif) no-repeat 5px 7px;
}
#topnav .topnav-act:hover > a {
	color: #FF9900;
	background: url(../images/topnav/pil_down3.gif) no-repeat 5px 7px;
}
#topnav .topnav-act:hover > a.drop {
	color: #FF9900;
	background: url(../images/topnav/pil_down3.gif) no-repeat 5px 7px;
}*/

/*******************************************************************************
* Level2
*******************************************************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {
  visibility:hidden;
  position:absolute;
  top:24px;
  left:0; 
  width: 150px;
	background: #dedede;
	/*opacity: .90;
	filter: alpha(opacity=90);*/
}
/* style the second level links */
#topnav li li {
 width: 150px;
}
#topnav li li a {
color:#FFFFFF;
/*height:auto;*/ 
border-bottom: solid 1px #FFFFFF; 
line-height: 1em; 
margin: 0;
padding:5px 5px 5px 20px;
display: block;
/*width:130px;*/
}/* yet another hack for IE5.5 
* html #topnav ul ul a {
width:150px;
}*/
/* style the second level background */
#topnav li.topnav-act ul a, #topnav ul ul a {
 color: #000000;
 background: #dedede;
}
/* style the second level hover */ 
#topnav li.topnav-act ul a:hover,
#topnav ul ul a:hover{
	background: #d8932e;
}

#topnav ul ul a.drop {
background: #dedede url(../images/topnav/menupil_right.gif) no-repeat right center;
}
/** topnavright **/
#topnav #topnavright ul ul a.drop {
background: #dedede url(../images/topnav/menupil_left.gif) no-repeat left center;
}
/* style the second level hover */
#topnav ul ul a.drop:hover {
	background: #d8932e url(../images/topnav/menupil_right.gif) no-repeat right center;
}
/** topnavright **/
#topnav #topnavright ul ul a.drop:hover {
	background: #d8932e url(../images/topnav/menupil_left.gif) no-repeat left center;
}
#topnav li ul a:hover {

}
/* forsøg uden : .topnav-act */
#topnav li.topnav-act li a {

}
#topnav li.topnav-act li a:hover {
	background: #d8932e;
}
#topnav li.topnav-act li a.drop {
	background: url(../images/topnav/menupil_right.gif) no-repeat right center;
}
#topnav li.topnav-act li a.drop:hover,
#topnav li.topnav-act li.topnav-act a.drop,
#topnav li.topnav-act li.topnav-act a.drop:hover {
	background: #d8932e url(../images/topnav/menupil_right.gif) no-repeat right center;
}
/** topnavright **/
#topnav #topnavright li.topnav-act li a.drop:hover,
#topnav #topnavright li.topnav-act li.topnav-act a.drop,
#topnav #topnavright li.topnav-act li.topnav-act a.drop:hover {
	background: #d8932e url(../images/topnav/menupil_left.gif) no-repeat left center;
}

/* remove level 1 background color on a-tag */
#topnav .topnav-act li a {
	background: #dedede;
}

#topnav li.topnav-act li a.drop {
	background: url(../images/topnav/menupil_right.gif) no-repeat right center;
}
/** topnavright **/
#topnav #topnavright li.topnav-act li a.drop {
	background: url(../images/topnav/menupil_left.gif) no-repeat left center;
}

#topnav li.topnav-act li.topnav-act a {
	background: url(../images/topnav/minus3.gif) no-repeat 5px 4px;
}
#topnav li.topnav-act ul li.topnav-act a:hover {
	background: url(../images/topnav/minus3.gif) no-repeat 5px 4px;
}

/* markering af første niveau ved brug af menu 
#topnav li.topnav-act li:hover > a {
	background: url(../images/topnav/minus3.gif) no-repeat 5px 4px;
}
#topnav li.topnav-act li:hover > a.drop {
	background: url(../images/topnav/pil_right3.gif) no-repeat 5px 4px;
}
#topnav li.topnav-act li.topnav-act:hover > a {
	color: #FF9900;
	background: url(../images/topnav/pil_right3.gif) no-repeat 5px 4px;
}
#topnav li.topnav-act li.topnav-act:hover > a.drop {
	color: #FF9900;
	background: url(../images/topnav/pil_right3.gif) no-repeat 5px 4px;
}*/

/* undgå farvning på 3. niveau i IE */
#topnav li.topnav-act li.topnav-act li a {
	color: #000000;
}
#topnav li.topnav-act li.topnav-act li a:hover {

}


/*******************************************************************************
* Level3
*******************************************************************************/
/* style the third level background */
#topnav ul ul ul a {
/*background:#667370;*/
}
/* style the third level hover */
#topnav ul ul ul a:hover {
/*background:#667370;*/
}
#topnav li.topnav-act li.topnav-act li a:hover {
	background: #d8932e;
}
#topnav li.topnav-act li.topnav-act li.topnav-act a {
	background: #d8932e;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul ul {
visibility:hidden;
position:absolute;
/*height:0;*/
top: 0;
left: 150px; 
width: 150px;
}
#topnav #topnavright ul ul ul {
	left: -150px;
}

/*******************************************************************************
* Show/hide
*******************************************************************************/
/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul,
#topnav ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#topnav ul :hover ul :hover ul{ 
visibility:visible;
}


/* IE - Hacks */
/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnav table {position:absolute; top:0; left:0;}