/* Menu containers voor de drop down menus */

#menucontainer {
	/*******HIER*************/
	width: 760px;
	width: 984px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	left:0;
	background:#F7D41A;
	height:20px;
	z-index: 1;
}

#homemenu7 {
	width: 108px;
	position: absolute;
	left: 0px;
}

#dienstenmenu5 {
	width: 126px;
	position: absolute;
	left: 130px;
}

#dienstenmenu7 {
	width: 108px;
	position: absolute;
	left: 108px;
}

#partnersmenu5 {
	width: 126px;
	position: absolute;
	left: 256px;
}

#partnersmenu7 {
	width: 108px;
	position: absolute;
	left: 216px;
}

#productenmenu5 {
	width: 126px;
	position: absolute;
	left: 382px;
}

#productenmenu7 {
	width: 108px;
	position: absolute;
	left: 324px;
}

#praktijkmenu5 {
	width: 126px;
	position: absolute;
	left: 508px;
}

#praktijkmenu7 {
	width: 108px;
	position: absolute;
	left: 432px;
}

#filmmenu5 {
	width: 108px;
	position: absolute;
	left: 634px;
}

#filmmenu7 {
	width: 108px;
	position: absolute;
	left: 540px;
}

#contactmenu7 {
	width: 108px;
	position: absolute;
	left: 648px;
}

#extrasmenu5 {
	width:126px;
	position:absolute;
	left:752px;
}

#extrasmenu7 {
	width:108px;
	position:absolute;
	left:756px;
}


/* Drop down CSS Menu code */
.NavToItem {
	display: block;
}

.NavToItems a.NavToItem {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 1px 1px 1px 1px;
	line-height:20px;
	text-align:center;
	border-bottom:1px solid #BEBB96;
}

a.NavToMenuTitle {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	line-height:20px;
	background:#F7D41A;
	text-align:center;
}

a.NavToMenuTitle5 {
	width:126px;
}

a.NavToMenuTitle7 {
	width:108px;
}

a.NavToMenuTitle:hover, a.NavToMenuTitle:active {
	background-color: #C4C09D;
	color: #fff;
}

.HideNavToMenu .NavToItems {
	display: none;
}

.HideNavToMenu5, .ShowNavToMenu5 {
	width:122px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.HideNavToMenu7, .ShowNavToMenu7 {
	width:104px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.ShowNavToMenu5 .NavToItem {
	width:124px;
	left:124px;
	background:#FAE46B;
}

.ShowNavToMenu7 .NavToItem {
	width:106px;
	left:106px;
	background:#FAE46B;
}

a.NavToItem:hover, a.NavToItem:active {
	font-weight:bold;
	background-color: #DAD8C3;
	color: #000;
}

/*################  Sub-items  ################*/

.NavToSubItems {
	display: block;
	position: absolute;
}

.NavToSubItems a.NavToSubItem {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 1px 1px 1px 1px;
	line-height:20px;
	text-align:center;
	border-bottom:1px solid #BEBB96;
	border-left:1px solid #BEBB96;
	position:relative;
	top: -23px;
}

a.NavToSubMenuTitle {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	line-height:20px;
	background:#FAE46B;
	text-align:center;
	padding: 1px 1px 1px 1px;
	border-bottom:1px solid #BEBB96;
}
a.NavToSubMenuTitle5 {
	width:124px;
}
a.NavToSubMenuTitle7 {
	width:106px;
}

a.NavToSubMenuTitle:hover, a.NavToSubMenuTitle:active {
	font-weight:bold;
	background-color: #DAD8C3;
	background-image: ;
	color: #000f;
}

.HideNavToSubMenu .NavToSubItems {
	display: none;
}

.HideNavToSubMenu, .ShowNavToSubMenu {
	width:0px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.ShowNavToSubMenu5 .NavToSubItem {
	width:126px;
	left:126px;
	background:#FAE46B;
}

.ShowNavToSubMenu7 .NavToSubItem {
	width:108px;
	left:108px;
	background:#FAE46B;
}

a.NavToSubItem:hover, a.NavToSubItem:active {
	font-weight:bold;
	background-color: #DAD8C3;
	color: #000;
}
