@charset "utf-8";
/* CSS Document */
#menu {
	width: 13em;
	border-right: 1px solid #000;
	padding: 0;
	margin-bottom: 1em;
	font-family:  Verdana, Arial, sans-serif;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#menu li {
	border-bottom: 1px solid #005d1f;
}

#menu li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 4px 4px 4px 0.5em;
	border-left: 10px solid #ace5cd;
	border-right: 10px solid #cbd3ff;
	background-color: #0066CC;
	color: #fff;
}

#menu li a:hover {
	border-left: 10px solid #00a47b;
	border-right: 10px solid #718de1;
	background-color: #0000FF;
	color: #fff;
	font-weight: bold;
}

#menu ul li a.selected{
	border-right: 10px solid red;
	font-weight: bold;
	color: red;
}

/* hack om verkeerd gedrag IE Win te omzeilen en de links de volledige breedte vh block te laten innemen*/
html>body #menu li a {
	width: auto;
}
#menua {
	width: 13em;
	border-right: 1px solid #000;
	padding: 0;
	margin-bottom: 1em;
	font-family:  Verdana, Arial, sans-serif;
}

#menua ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#menua li {
	border-bottom: 1px solid #005d1f;
}

#menua li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #ace5cd;
	border-right: 10px solid #cbd3ff;
	background-color: #0099CC;
	color: #fff;
}

#menua li a:hover {
	border-left: 10px solid #00a47b;
	border-right: 10px solid #718de1;
	background-color: #0000CC;
	color: #fff;
	font-weight: bold;
}

#menua ul li a.selected{
	border-right: 10px solid red;
	font-weight: bold;
	color: red;
}

/* hack om verkeerd gedrag IE Win te omzeilen en de links de volledige breedte vh block te laten innemen*/
html>body #menua li a {
	width: auto;
}