/*
css-rules:
- at the top of this css are the definitions by element
- the rest of the css is by class;
  it's own class, or by its parents' (grandparents, etc) class
*/

/* De DIV waarin het hoofdmenu op staat */
/* Deze wordt iets naar boven verplaatst zodat het menu boven de banner-table staat. */
.menucontrol
{
	z-index:					2;
}

/* Hoofdmenu */
.mainmenu
{
	color:						rgb(25,94,126);
	font-family:				Trebuchet MS;
	font-size:					19px;
	font-weight:				normal;
	height:						67px;
	padding-left:				22px;
}

.mainmenu table
{
	background-image: url(images/reddot.jpg);
	background-position: 18px 21px;
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-left: 20px;
	padding-right: 10px;
}

/* Hoofdmenuitems stylen */
/* Standaard kleur en ruimte tussen de hoofdmenuitems */
.mainmenu a
{
	color:						rgb(63,63,63);
	padding:					0;
	margin:						0;
	text-decoration:			none;
}

.mainmenu a:visited 
{
	color:						rgb(63,63,63);
}

.mainmenu a:active
{
	color:						rgb(63,63,63);
}

.mainmenu a:hover 
{
	color:						rgb(193,163,94);
}

/* Actieve hoofdmenuitem stylen */
.staticselected a 
{
	color:				rgb(193,163,94);
	text-decoration:	none;
}

.staticselected a:visited 
{
	color: rgb(193,163,94);
}

.staticselected a:hover 
{
	color: rgb(193,163,94);
}

.staticselected a:active 
{
	color: rgb(193,163,94);
}

/* Popup menu style */
/* Standaard lettertype: links uitlijnen met extra ruimte tussen de regels */
.dynamicmenu
{
	display:					none;
	font-size:					12px;
	line-height:				26px;
	text-align:					left;
}

/* Popup window stylen. Doorzichtig blauw (90%) met 10px ruimte voor en na de menuitem. Totale breedte 200 pixels. */
.dynamicmenuitem
{
	background-color:			rgb(25,94,126);
	color:						white;
	filter:						alpha(opacity=90);
	-moz-opacity:				.90;
	opacity:					.90;
	padding-left:				10px;
	padding-right:				10px;
	width:						200px;
}


.dynamicmenuitem td, .dynamicmenuitem table, .dynamicmenuitem tr
{
	padding-left:10px;
	margin-left: 0px;

}
.dynamicmenuitem a
{
	text-decoration:			none;
	padding-left:0px;
	margin-left: 0px;
	
	
}
/* Geselecteerde itemstyle in de popup window */
.dynamicselected
{
	color: rgb(51,73,110);
	background-color: rgb(193,163,94); /*Gold*/

}
.dynamicselected a 
{
	color: rgb(25,94,126);
	background-color: rgb(193,163,94); /*Gold*/
	text-decoration:			none;
	
}
.dynamicselected a:visited 
{
	color: rgb(51,73,110);
	background-color: rgb(193,163,94); /*Gold*/
}
.dynamicselected a:hover 
{
	color: white;
	background-color: rgb(193,163,94); /*Gold*/
}
.dynamicselected a:active 
{
	color: rgb(51,73,110);
	background-color: rgb(193,163,94); /*Gold*/
}

/* De style wanneer er over een menuitem in de popup window met de muise 'gehovered' wordt */
.dynamichover
{
	background-color:			rgb(185,159,102);
	color:						rgb(60,90,116);

}