/* --------------------------  CSS Document index.htm - Pangaea - Internet Marketing   --------------------------*/
/* --------------------------------------------- Hoofdmenu/navigaie opmaak  ----------------------------------------*/

#menuwrapper {
	border-top:				1px solid #000;
	border-bottom: 			1px solid #333;
}

/*Verwijdert floated menu items.*/
.clearit {
	clear: 					both;
	height: 				0;
	line-height: 			0.0;
	font-size: 				0;
}

#menubar, #menubar ul {
	padding: 				0;
	margin: 				0;
	list-style: 			none;
	font-family: 			Arial, Helvetica, sans-serif;
}

#menubar a {
	font-family:			arial;
	font-size: 				.9em;
	color: 					#142239;
	display: 				block;
	text-decoration: 		none;
	padding:				0;
	margin:					0;
	width:					110px;
	background-image:		url(images/btn_link.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding:				34px 0px 8px 0px;
	text-align:				left;
	text-indent:			14px;
    border-bottom:			1px solid #fff;
}

#menubar a.button-active {
	background-image:		url(images/btn_hover.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	color:					#fff;
}


#menubar li {
	float: 					left;
	width: 					9em;
}



/*Meegroeien submenu width als tekst groter wordt.*/
#menubar li ul, #menubar ul li  {
	width: 					8.95em;
    margin-left:           -1px;

}

/*The sub-menu links.*/
#menubar ul li a  {
	color: 					#fff;
	border-right: 			0;
	background-image:		none;
	padding: 				8px 0px 8px 0px;
}

/*Sub-Menu Unordered Lists. 
Absoluut gepositioneerd om ze beneden de hoofdcategorie te plaatsen.
Display none om ze te verbergen totdat er gehovered wordt over de hoofdcategorie.*/
#menubar li ul {
	position: 				absolute;
	display: 				none;
	background-color: 		#fff;
	background-image:		url(images/bg_submenu.gif);
	background-repeat:		repeat-x;
	background-position:	top left;
	border-bottom:			1px solid #c07d4d;
    border-right:           1px solid #a14402;
    border-left:            1px solid #a14402
}


/*main buttons hover.*/
#menubar li ul li a:active {
	background-image:none;
}
#menubar li:hover a, #menubar li.hvr a, #menubar a:active, #menubar a:focus {
	color: 					#fff;
	background-image:		url(images/btn_hover.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}

/*zet het Sub-Menu UL op visible wanneer bijbehorende hoofdcategorie gehovered wordt.*/
#menubar li:hover ul, #menubar li.hvr ul {
	display: 				block;

}

#menubar li:hover ul a, #menubar li.hvr ul a {
	color: 					#fff;
	background-color: 		transparent;
	background-image:		none;
	padding:				7px 0px 4px 0px;
	margin:					0;
    border-bottom:			0px solid #fff;
}


#menubar ul a:hover {
	background-color: 		#9f4b12!important;
	color: 					#fff!important;

}
/*  single backslash \ gebruiken binnen dit commentaar als hack
voor IE5 Mac Deze regel niet editen. */
#menubar li {
	width: 					auto;
}

#menubar li ul li{
	height:					27px;
	padding:				0;
	margin:					0;
	font-size:				0.9em
}

#menubar li ul a {
text-indent: 3px;
}