#nav{
	width:220px;

}
#nav ul {
	margin: 0;
	padding: 0;
	z-index: 10;
	list-style: none;
	float:left;
	width:220px;
}
#nav a{
	display: block;
}
#nav li{ /* all list items */
	width:190px;
	z-index: 10;
}
	
/* Styles for Menu Items */
#nav ul li a {
	display: block;
	text-decoration: none;
	color: white;
	padding: 5px;
	font-weight:bold;
}
/* hover style for Menu items */
#nav ul li a:hover{
	text-decoration:underline;
}

/* style for subitems */
#nav ul li ul li a{
	background-color:#3E217D;
	padding-left:5px;
	padding-right:5px;
	color: white;
	font-weight:normal;
	border-bottom: 0;
	text-decoration:none;
}
/* hover style for subitems */
#nav ul li ul li a:hover{
	background-color: #188EBF;
	text-decoration:none;
}

#nav li ul { /* second-level lists */
 position: absolute;
 left:-10000px;
 margin-top: -29px;
 z-index: 0;
}


#nav li ul li {
 width: 200px;
 padding-left:10px;
 z-index: 0;
}
 

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: 1px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left:175px;
}

/* Holly Hack. IE Requirement \*/
#nav * html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav li:hover ul, li.over ul { left:180px; } /* The magic */

#nav ul li {
	position: relative;
}


/* rounded corners */
/* set background images for corners */
.rbroundbox{ 
	/*background: url(simple_background.gif) repeat; */
	background-color:#3E217D;
}
.rbtop div{ 
	background: url(hoeken.php?locatie=lb&color=7) no-repeat top left; 
}
.rbtop{ 
	background: url(hoeken.php?locatie=rb&color=8) no-repeat top right; 
}
.rbbot div{ 
	background: url(hoeken.php?locatie=lo&color=5) no-repeat bottom left;
}
.rbbot{ 
	background: url(hoeken.php?locatie=ro&color=6) no-repeat bottom right; 
}
 /* height and width details */
.rbtop div, .rbtop,.rbbot div, .rbbot {
	width:220px;
	height:10px;
	font-size: 1px;
}