body
{
	font-family: Verdana;
	overflow: hidden;
}

/* form elements */
.inputText
{
	width: 100px;
	font-size: 12px;
}

.inputButton
{
	font-size: 14px;
	background: #BFD557;
	border: solid 2px #DFEAAB;
	color: #005A50;
}

/* Hoofdonderdelen */

.header
{
	height: 109px;
	width: 950px;
	background-image: url(images/header.jpg);
}

.subheader
{
	height: 19px;
	width: 950px;
	background-image: url(images/middle.gif);
	vertical-align: top;
}

.menu
{
	width: 180;
	background-color: #9ACD32;
	vertical-align: top;
}

.footer
{
	height: 51px;
	width: 950px;
	background-image: url(images/footer.gif);
}

/* Knopjes, teksten etc */

.btnMenu
{
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
	height: 32px;
	width: 177px;
	font-size: 17px;
	text-align: center;
	padding-top: 2px;
	background: #9ACD32;
	border: solid 2px #DFEAAB;
}

.btnMenu a,
.btnMenu a:visited {
	color: black;
	text-decoration: none;
}

.btnMenu a .arrow {
	border:			0;
}

.btnMenuHighlight {
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
	height: 32px;
	width: 177px;
	font-size: 17px;
	text-align: center;
	padding-top: 2px;
	background: #FFFFFF;
	border: solid 2px #000000;
}

.btnMenuHighlight a,
.btnMenuHighlight a:visited {
	color: black;
	text-decoration: none;
}

.btnMenuHighlight a .arrow {
	border:			0;
}

.divScroll
{
	overflow: auto;
	width: 770px;
	height: 98%;
	font-size: 12px;
	margin: 10 10 10 10;
}

.divFlags
{
	margin-left: 75px;
}

.divCopyright
{
	margin-left: 75px;
	font-size: 12px;
	color: #9ACD32;
}

.divTitle
{
	margin-left: 100px;
	color: White;
	font-size: 35px;
}

.divPath
{
	margin-left: 150px;
	margin-top: 7px;
	font-size: 10px;
	color: #005A50;
	width: 300px;
	text-align: center;
}

.divLogin
{
	height: 25px;
	width: 180px;
	font-size: 17px;
	text-align: center;
	background: #9ACD32;
	border-top: solid 2px #DFEAAB;
	border-bottom: solid 2px #DFEAAB; 
}

.divLogin a,
.divLogin a.visited
{
	color: black;
	text-decoration: none;
}

.headerContent
{
	color: #005A50;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

.content
{
	color: #005A50;
	font-size: 12px;
}

/*        XMENU      */

.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	border:				1px solid black;
	padding:			1px;

	background:			white;

	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:		0.9;
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;

	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;

	color:				black;
}

.webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	height:				expression(constExpression("1px"));
	overflow:			visible;	
	padding:			2px 0px 2px 5px;
		
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	text-decoration:	none;
	vertical-align:		center;
	
	color:				black;
	border:				1px solid white;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	black;
}

.webfx-menu a:hover {
	color:			black;
	background:		#8AB355;
	border:         solid 1px #A1C292;
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;
	margin-top:		4px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	background:		rgb(120,172,255);/*rgb(255,128,0);*/

	padding:		2px;
	
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;
	
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	border:				1px solid rgb(120,172,255);/*rgb(255,128,0);*/
	padding:			1px 5px 1px 5px;
	
	color:				black;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "17px" : "auto"));
}

.webfx-menu-bar a:hover {
	color:			black;
	background:		rgb(120,172,255);
	
	border-left:	1px solid rgb(234,242,255);
	border-right:	1px solid rgb(0,66,174);
	border-top:		1px solid rgb(234,242,255);
	border-bottom:	1px solid rgb(0,66,174);
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	ie-dummy:		expression(this.hideFocus=true);
	
	border-left:	1px solid rgb(0,66,174);
	border-right:	1px solid rgb(234,242,255);
	border-top:		1px solid rgb(0,66,174);
	border-bottom:	1px solid rgb(234,242,255);
}