/* overkoepelend li item */

li.expandable
{
	list-style-type:none;
	margin-bottom: 3px; /* ruimte tussen hoofditems */
}


/* hoofditem */

li.expandable div.hoofditem
{
	height:25px;
	width: 180px;
	padding: 0px 0px;
	background-color:#408080;
	cursor:pointer;
	font-weight: bold;
	line-height: 25px;
}

div.hoofditem a
{
	display: block;
	width:170px;
	height: 25px;
	line-height:25px;
	padding: 0px 0px 0px 10px;
	background-color:#408080;
	color:black;
	text-decoration:none;
}
div.hoofditem a:link, div.hoofditem a:active
{
	background-color: transparent;
}
div.hoofditem a:hover
{
	background-color: #45a62d;
} 



/*  Verborgen deel dat subitems bevat */

ul.sub_expandable
{
	display: none;
	margin: 0px;
	padding:0px;
	background-color: #b8dcdc;				
	width: 180px;
	background-color:white;				
}
ul.sub_expandable li 
{
	height:25px;
	width: 140px;
	display:block;
	padding: 0px;
	list-style-type:none;
	cursor:pointer;
}

ul.sub_expandable a 
{
	display: block;
	width:150px;
	height: 25px;
	line-height:22px;
	padding-left:30px;
	
}
ul.sub_expandable a:link
{
	background-color: #b8dcdc;
	text-decoration: none;
	color:black;
}
ul.sub_expandable a:visited
{
	background-color: #b8dcdc;
	text-decoration: none;	
	color:black;				
}
ul.sub_expandable a:hover
{
	background-color: #45a62d;
	color:black;				
}