/*
	Header menu styling
*/


/* header default */
.header_menu {
	position:absolute;
	top:16px;
	right:20px;
	z-index:5;
}
.header_menu ul {
	height:24px;
	margin:0;
	padding:0;
}
.header_menu ul li {
	float:left;
	list-style:none;
}
.header_menu ul li a {
	display:block;
	height:24px;
	text-decoration:none;
}


/* sub */
.header_menu ul#sub {
	display:none;
	position:absolute;
	width:200px;
	top:-11px;
	left:60px;
	z-index:10;
}
.header_menu ul ul#sub li.top {
	background:url('../img/header_menu/menu_hover_top.png') left top no-repeat;
	height:13px;
	width:200px;
}
.header_menu ul ul#sub li.titel {
	background:url('../img/header_menu/menu_hover_main.png') left top repeat-y;
	padding:0px 0 5px 15px;
	width:200px;
}
.header_menu ul ul#sub li.titel h2 {
	margin:0 0 5px 0;
}
.header_menu ul li ul#sub li.sub_titel {
	background:url('../img/header_menu/menu_hover_main.png') left top repeat-y;
	color:#e8556b;
	font-weight:900;
	padding:10px 0 5px 15px;
	width:200px;
}
.header_menu ul ul#sub li.bottom {
	background:url('../img/header_menu/menu_hover_bottom.png') left top no-repeat;
	height:13px;
	width:200px;
}
.header_menu ul ul#sub li {

}
.header_menu ul ul#sub li a, .header_menu ul#sub li.sub_titel {
	background:none;
	background:url('../img/header_menu/menu_hover_main.png') left top repeat-y;
	display:block;
	height:18px;
	padding:0 0 0 15px;
	width:200px;
}
.header_menu ul ul#sub li a:hover {
	background:url('../img/header_menu/menu_hover_main.png') left top repeat-y;
	text-decoration:underline;
}



/* header rest items */
.header_menu ul li#home a {
	background:url('../img/header_menu/home_a.png') left top no-repeat;
	width:66px;
}
.header_menu ul li#home a:hover, .header_menu ul li#home a.actief {
	background:url('../img/header_menu/home_b.png') left top no-repeat;
}
.header_menu ul li#behandelingen a {
	background:url('../img/header_menu/behandelingen_a.png') left top no-repeat;
	width:165px;
}
.header_menu ul li#behandelingen a:hover, .header_menu ul li#behandelingen a.actief {
	background:url('../img/header_menu/behandelingen_b.png') left top no-repeat;
}
.header_menu ul li#over_ons a {
	background:url('../img/header_menu/over_ons_a.png') left top no-repeat;
	width:83px;
}
.header_menu ul li#over_ons a:hover, .header_menu ul li#over_ons a.actief {
	background:url('../img/header_menu/over_ons_b.png') left top no-repeat;
}
.header_menu ul li#onze_klanten a {
	background:url('../img/header_menu/onze_klanten_a.png') left top no-repeat;
	width:108px;
}
.header_menu ul li#onze_klanten a:hover, .header_menu ul li#onze_klanten a.actief {
	background:url('../img/header_menu/onze_klanten_b.png') left top no-repeat;
}
.header_menu ul li#tarieven a {
	background:url('../img/header_menu/tarieven_a.png') left top no-repeat;
	width:85px;
}
.header_menu ul li#tarieven a:hover, .header_menu ul li#tarieven a.actief {
	background:url('../img/header_menu/tarieven_b.png') left top no-repeat;
}
.header_menu ul li#contact a {
	background:url('../img/header_menu/contact_a.png') left top no-repeat;
	width:77px;
}
.header_menu ul li#contact a:hover, .header_menu ul li#contact a.actief {
	background:url('../img/header_menu/contact_b.png') left top no-repeat;
}
.header_menu ul li#nieuws a {
	background:url('../img/header_menu/nieuws_a.png') left top no-repeat;
	width:76px;
}
.header_menu ul li#nieuws a:hover, .header_menu ul li#nieuws a.actief {
	background:url('../img/header_menu/nieuws_b.png') left top no-repeat;
}
.header_menu ul li#bestellen a {
	background:url('../img/header_menu/bestellen_a.png') left top no-repeat;
	width:106px;
}
.header_menu ul li#bestellen a:hover, .header_menu ul li#bestellen a.actief {
	background:url('../img/header_menu/bestellen_b.png') left top no-repeat;
}