html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	overflow: hidden;
}

body {
	background-color: white;
}

table {
	color: #666666;
}

/**
 * All elements with default font-family and -size.
 */
body, table, select, input, textarea {
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
}

a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #022757;
	text-decoration: underline;
}

p {
	margin-top: 7px;
	padding-right: 5px;
	text-align: justify;
}

h1 {
	margin: 3px 5px 12px 0px;
	padding: 0px 0px 4px 0px;
	color: #FA8F04;
	font-size: 19px;
	font-weight: bold;
	border-bottom: 4px solid #DDDBDC;
	text-align: left;
}

h2 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	text-align: left;
}

select, input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #AAAAAA;
}

input.button {
	background-image: url("/graphics/btnbg.gif");
	background-repeat: repeat-x;
	border: 1px solid #D4D4D4;
	color: #FF8A00;
	font-weight: bold;
	padding: 2px 15px 2px 15px;
}

select {
	width: 295px;
	height: 10px;
	border: 0px;
	background-color: #F3F3F3;
}

div.main {
	position: absolute;
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	text-align: center;
}

	div.main div.container {
		width: 760px;
		min-height: 100%;
		_height: 100%;
		border-left: 1px solid silver;
		border-right: 1px solid silver;
		padding: 0px 1px 0px 1px;
		margin: 1px auto 1px auto;
		position: relative;
		background-color: white;
		text-align: left;
	}

		div.main div.container div.menu {
			color: white;
			margin-bottom: 3px;
			background-color: #999999;
			background-image: url('/graphics/menubg.gif');
			background-repeat: repeat-x;
			width: 760px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 150%;
			border-bottom: 1px solid #5D5D5D;
		}
			div.main div.container div.menu a {
				color: white;
				display: block;
				float: left;
				padding: 3px 20px 5px 20px;
				border-right: 1px solid #5D5D5D;
				border-left: 1px solid silver;
				font-weight: bold;
			}

			div.main div.container div.menu a:hover {
				background-color: #666666;
				text-decoration: none;
			}

			div.main div.container div.menu .selectedlink {
				background-color: #666666;
			}

		div.main div.container div.flashbox {
			border-bottom: 1px solid 	#CCCCCC;
			background-color: #F8F8F8;
			width: 760px;
			position: relative;
			z-index: 3;
		}

		/*
		 * The container that holds all the content of the website.
		 * Content can be any of the following:
		 * - HTML for the item as entered in the CMS
		 * - Headlines
		 * - Fast links
		 * - Feature overview (extended messages)
		 * - Project overview
		 */
		div.main div.container div.content{
			width: 760px;
		}

			/*
			 * The textdiv container holds the actual text/HTML, as entered in the CMS.
			 */
			div.main div.container div.content div.text {
				padding: 15px;
				padding-bottom: 50px;
				font-size: 12px;
				font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Helvetica, sans-serif;
				text-align: justify;
			}

			div.main div.container div.content div.text a {
				color: blue;
				text-decoration: underline;
			}

			div.main div.container div.content div.text a:hover {
				color: black;
			}

#whitespace {
	width: 15px;
	float: right;
	height: 500px;
	background: white;
}

		div.main div.container div.content div.formcol {
			width: 300px;
			padding: 0px;
			float: right;
			background: white;
		}
			div.main div.container div.content div.formcol div {
				text-align: left;
				padding: 18px;
				border-left: 1px solid #CCCCCC;
			}
			div.main div.container div.content div.formcol input.textinput {
				width: 180px;
				height: 17px;
			}
			div.main div.container div.content div.formcol .textarea {
				width: 180px;
				height: 100px;
			}

		div.main div.container div.content div.midcol {
			width: 290px;
			padding: 0px;
			float: right;
			text-align: left;
			background: white;
			line-height: 125%;
			border-left: 1px solid #CCCCCC;
		}
			div.main div.container div.content div.midcol a {
				display: block;
				padding: 12px;
				border-bottom: 1px dashed #AAAAAA;
				height: 66px;
				overflow: hidden;
				color: gray;
			}
			div.main div.container div.content div.midcol a:hover {
				background-color: #F0F0F0;
				color: navy;
				text-decoration: none;
			}

		div.main div.container div.content div.rgtcol {
			width: 160px;
			float: right;
			text-align: left;
		}
			div.main div.container div.content div.rgtcol a {
				color: white;
			}

#orangeDIV {
	background: #FF981C;
}

#navyDIV {
	background: #34407D;
}

div.msgs {
	font-size: 11px;
	padding: 15px;
	color: white;
}
	div.msgs h1 {
		color: white;
		font-size: 19px;
		font-weight: bold;
		border: 0px;
		margin-bottom: 3px;
	}
	div.msgs a {
		color: white;
		font-family: Tahoma, Arial, Verdana, , Helvetica, sans-serif;
	}

	div.msgs a:hover {
		color: white;
	}

/*
 * Footer on the bottom of the page ... should always be shown on the same
 * position.
 */
div.footer {
	position: absolute;
	bottom: 0px;
	left: -8px;
	width: 100%;
}
	div.footer div.center {
		background-image : url("/graphics/menubg.png");
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: silver;
		width: 754px;
		margin: 0px auto 0px auto;
		padding: 3px;
	}
		div.footer div.center div.address {
			float: left;
			width: 270px;
			font-size: 14px;
			font-weight: bold;
			text-align: left;
		}
		div.footer div.center div.address address {
			font-style: normal;
		}

		div.footer div.center span.footerspan, a.footerlink {
			font-weight: bold;
			font-size: 14px;
		}

/*
 * De dropdown doosjes als onderdeel van het bovenmenu.
 */
div.dropdown {
	position: absolute;
	z-index: 5;
	top: 0px;
	background-color: #999999;
	visibility: hidden;
	border: 1px solid silver;
	border-right: 1px solid #5D5D5D;
	border-bottom: 1px solid #5D5D5D;
	margin-top: 1px;
	font-family: Tahoma, Verdana, Arial, Georgia, Sans;
	font-size: 11px;
	line-height: 15px;
	opacity: 0.93;
}
	div.dropdown a {
		text-align: left;
		display: block;
		padding: 4px 23px 4px 23px;
		color: #E1E1E1;
		font-weight: bold;
		text-decoration: none;
		height: 17px;
		width: 160px;
	}
	div.dropdown a:hover {
		border: 1px; 
		background-color: #666666;
		text-decoration: none;
		color: white;
	}
	div.dropdown a.selectedlink {
		color: white;
	}