.hoofdmenu {
	position: absolute;
	top: 215px;
	/top: 228px;
	width: 780px;
	left: 50%;
	margin-left: -358px;
}

.hoofdmenu ul {
	list-style-type: none;	
	margin-left: -40px;
	/margin-left: 0px;
}
.hoofdmenu li {
float: left;
}
.hoofdmenu a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	line-height: 21px;
	background-color: #dabdbf;
}
.hoofdmenu a:hover {
	color: #008ba4;
	background-color:#FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.hoofdmenu #hierbenik {
	color: #008ba4;
	background-color:#ffffff;
		cursor: default;
}
.submenu {
	position: absolute;
	width: 190px;
	height: auto;
	top: 280px;
	margin-top: 0px;
	left: 50%;
	margin-left: -390px;
	border-right: dotted #008ba4 1px;
	z-index: 2;
	}

.submenu ul {
	list-style-type: none;	
	margin-left: -40px;
	/margin-left: 0px;
}
.submenu li {
	float: none;

	
}
.submenu a {

	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 21px;
	padding-right: 10px;
	color: #0682a4;
	background-color:#FFFFFF;
	border-left: 9px solid #c491a4;
	width: 170px;
	height: 25px;
	line-height: 25px;

}
.submenu a:hover {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 21px;
	padding-right: 10px;
	border-left: 11px solid #ffffff;
	background-color:#0682a4;
	color: #ffffff;
}
.submenu #hierbenik {
	cursor: default;
	border-left: 9px solid #fffffff;
	color: #c491a4;
	background-color:#ffffff;
	height: 25px;
}