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

body {
	background-color: #FFFFFF;
	text-align: center;
}

/**
 * Main website font.
 */
body, table, td, input, select, textarea {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
}

h1 {
	color: #007FB0;
	font-size: 18px;
	padding-top: 0px;
	margin-top: 0px;
}

h2 {
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	line-height: 19px;
}

input, textarea, select {
	border: 1px solid silver;
}

input.button, input.btn {
	font-size: 11px;
	font-weight: bold;
	background-color: #E52F2C;
	color: white;
	border: 1px solid navy;
}

div.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}

/**
 * Custom classes ...
 */
div.scroll_shell {
	overflow: auto;
	padding-bottom: 0px;
	width: 100%;
	height: 100%;
	position: relative;
}

	div.scroll_shell div.maincontainer {
		width: 915px;
		height: 100%;
		margin: 0px auto 40px auto;
		text-align: left;
		padding: 15px 0 120px 0;	
	}
		div.scroll_shell div.maincontainer div.logobar {
			background-image: url('/graphics/top.jpg');
			height: 97px;
		}

			div.scroll_shell div.maincontainer div.logobar div.clicklogo {
				width: 210px;
				height: 75px;
				float: left;
				margin: 6px 0px 0px 70px;
			}	

		div.scroll_shell div.maincontainer div.navbar {
			background-image: url('/graphics/topbarbg.gif');
			height: 38px;
			overflow: hidden;
			margin: 0 7px 0 8px;
		}
			div.scroll_shell div.maincontainer div.navbar div.searchpart {
				float: right;
				padding: 3px;
				width: 210px;
				text-align: right;
				height: 17px;
				overflow: hidden;
			}
				div.scroll_shell div.maincontainer div.navbar div.searchpart input {
					float: left;
					border: 1px solid navy;
				}
				div.scroll_shell div.maincontainer div.navbar div.searchpart input.button {
					float: left;
					display: block;
					margin-left: 4px;
					padding: 1px 5px 0px 5px;
				}
			
			div.scroll_shell div.maincontainer div.navbar a {
				font-weight: bold;
				color: white;
				text-decoration: none;
				display: block;
				border-right: 1px solid #005478;
				border-left: 1px solid #009EE0;
				float: left;
				padding: 5px 20px 0px 20px;
				height: 19px;
				overflow: hidden;
			}
			div.scroll_shell div.maincontainer div.navbar a:hover {
				background-color: #86C7E0;
				border-bottom: 1px solid #000066;
				border-left: 1px solid #91D7F2;
				border-right: 1px solid #86C7E0;
			}
			div.scroll_shell div.maincontainer div.navbar a.selectedlink {
				background-color: #86C7E0;
				color: #000066;
				border-bottom: 1px solid #000066;
				border-left: 1px solid #91D7F2;
				border-right: 1px solid #86C7E0;    
			}
		
		div.scroll_shell div.maincontainer div.centerdiv {
			background-color: white;
			min-height: 100%;
			_height: 100%;
			background-image: url('/graphics/centerdivbg.gif');
			background-repeat: repeat-y;
			padding-bottom: 160px;
			border-left: solid 1px #D8D8D8;
			border-right: solid 1px #D8D8D8;
			margin: 0 7px 0 8px;
		}
			
			div.scroll_shell div.maincontainer div.centerdiv h1 {
				color: #007FB0;
				font-size: 18px;
				padding-top: 0px;
				margin-top: 0px;
			}
			
			div.scroll_shell div.maincontainer div.centerdiv a {
				color: #007FB0;
			}
				div.scroll_shell div.maincontainer div.centerdiv h2 a {
					color: black;
					text-decoration: underline;
				}
				div.scroll_shell div.maincontainer div.centerdiv h2 a:hover {
					color: black;
					text-decoration: none;
				}
		
			div.scroll_shell div.maincontainer div.centerdiv div.menucontainer {
				float: left;
				width: 208px;
				margin-bottom: 20px;
				border: 1px solid #005C82;
				border-bottom: 0px;
				margin-top: 20px;
			}
		
			div.scroll_shell div.maincontainer div.centerdiv div.menucontainer div.menuitem {
				background-image: url('/graphics/menuitembg.gif');
				background-repeat: repeat-x;
				padding: 6px 0px 5px 20px;
			}
			
				div.scroll_shell div.maincontainer div.centerdiv div.menucontainer div.menuitem a {
					font-weight: bold;
					text-decoration: none;
					color: #00658C;
				}
			
			div.scroll_shell div.maincontainer div.centerdiv div.maintext {
				line-height: 19px;
				float: left;
				width: 520px;
				padding: 0px 15px 0px 43px;
				padding-bottom: 25px;
				margin-top: 20px;
				min-height: 300px;
			}
		
			div.scroll_shell div.maincontainer div.centerdiv div.division {
				float: left;
				width: 37px;
				height: 400px;
			}
		
			div.scroll_shell div.maincontainer div.centerdiv div.userlogin {
				float: left;
				width: 250px;
				padding: 0px 0px 15px 25px;
				margin: 20px 0px 0px 0px;
				background-image: url("/graphics/horizontal-dots.gif");
				background-repeat: repeat-x;
				background-position: bottom;
			}
			
			div.scroll_shell div.maincontainer div.centerdiv div.pageimage {
				float: left;
				width: 250px;
				padding: 0px 0px 8px 0px;
				margin: 20px 0px 0px 0px;
				background-image: url("/graphics/horizontal-dots.gif");
				background-repeat: repeat-x;
				background-position: bottom;
			}
			
			div.scroll_shell div.maincontainer div.centerdiv div.signup,
			div.scroll_shell div.maincontainer div.centerdiv div.login {
				float: left;
				width: 250px;
				padding: 0px 0px 8px 0px;
				margin: 20px 0px 0px 10px;
				background-image: url("/graphics/horizontal-dots.gif");
				background-repeat: repeat-x;
				background-position: bottom;
			}
				div.scroll_shell div.maincontainer div.centerdiv div h1,
				div.scroll_shell div.maincontainer div.centerdiv div.login h1 {
					margin: 5px 0 10px 0;
				}
			
			div.scroll_shell div.maincontainer div.centerdiv div.logos {
				float: left;
				width: 250px;
				padding-top: 15px;
				padding-left: 25px;
				margin-top: 20px;
			}
				div.scroll_shell div.maincontainer div.centerdiv div.logos img {
					display: block;
					margin-bottom: 15px;
				}
			
			div.scroll_shell div.maincontainer div.centerdiv div.news {
				float: left;
				width: 250px;
				padding-top: 15px;
				padding-left: 15px;
				margin-top: 20px;
			}
			
	div.footer {
		width: 100%;
		padding: 0px;
		text-align: left;
		position: absolute;
		bottom: 0px;
		left: -8px;
	}
		div.footer_content {
			width: 915px;
			margin: 0 auto 0 auto;
			padding-bottom: 51px;
			background-image: url('/graphics/footer_bg.jpg');
			background-repeat: no-repeat;
			background-position: 0 100%;
			background-color: #FFF;
		}
			div.footer div.footer_content div.bottom {
				background-color: #008AC8;
				background-image: url('/graphics/bottombg.gif');
				background-repeat: no-repeat;
				background-position: 250px 0;
				padding: 10px;
				border-left: solid 1px #D8D8D8;
				margin: 0 7px 0 8px;
			}
			div.footer div.footer_content div.bottom a {
				color: white;	
			}
				div.footer div.footer_content div.bottom div.address {
					float: left;
					font-size: 12px;
					color: #FFFFFF;
				}
					div.footer div.footer_content div.bottom div.address table td {
						vertical-align: top;
						padding: 2px 20px;
						line-height: 16px;
					}
				div.footer div.footer_content div.bottom div.copyright {
					float: right;
					color: gray;
					font-size: 11px;
					padding-top: 54px;
				}
					div.footer div.footer_content div.bottom div.copyright a {
						color: blue;
					}
			
			div.footer div.footer_content div.absolutebottom {
				background-color: white;
				background-image: url('/graphics/absolutebottom.gif');
				background-repeat: no-repeat;
				background-position: bottom;
			}
		
/*
 * De dropdown doosjes als onderdeel van het bovenmenu.
 */
div.dropdown {
	position: absolute;
	top: 0px;
	background-color: #008BC9;
	visibility: hidden;
	margin-left: -1px;
	padding-bottom: 10px;
	opacity: 0.93;
	filter: alpha(opacity=93, style=0);
	line-height: 16px;
	border: 1px solid #045475;
}

	div.dropdown a {
		text-align: left;
		display: block;
		padding: 3px 23px 5px 20px;
		color: white;
		font-family:arial, verdana;
		font-size:12px;		
		text-decoration: none;
		_height: 17px;
		width: 150px;
	}
	div.dropdown a:hover {
		border: 1px; 
		background-color: #B0DCED;
		color: #000066;
	}
	div.dropdown a.selectedlink {
		background-color: #9FB9D9;
	}
	
/**
 * Main classes for the CWPP/SWPP forms. 
 * (Registration and information request).
 */
form.cwpp {
	display: block;
	background-color: #EEFAFF;
	font-size: 11px;
	padding: 15px;
	border: 1px solid #B6D6E3;
	font-size: 11px;
}
	form.cwpp h2 {
		font-size: 15px;
		color: #007FB0;
	}
	form.cwpp span.small {
		color: gray;
		font-style: italic;
	}
	form.cwpp fieldset {
		border: 1px solid #B6D6E3;
		margin-bottom: 7px;
		padding-left: 7px;
		padding-bottom: 7px;
	}
		form.cwpp fieldset legend {
			color: #007FB0;
			font-weight: bold;
		}

		form.cwpp fieldset table {
			width: 450px;
		}
			form.cwpp fieldset table td.col1 {
				font-size: 11px;
				width: 150px;
			}
			form.cwpp fieldset table td.col2 {
				font-size: 11px;
				width: 300px;
			}
				form.cwpp fieldset table tr.btnrow td {
					padding-bottom: 10px;
				}

		form.cwpp span.err, form.cwpp table tr.error td {
			color: red;
			font-size: 11px;
		}
	
	form.cwpp input.txt, form.cwpp textarea {
		border: 1px solid silver;
	}
		form.cwpp label.lbl, div.lbl {
			display: block;
			float: left;
			margin: -3px 15px 0px 0px;
			line-height: 17px;
			#line-height: 20px;
			#margin-top: -1px;
			cursor: default;
		}
		form.cwpp input.cb {
			border: 0;
			display: block;
			float: left;
			margin: 0px 5px -2px 0px;
		}
		form.cwpp input.firstname {
			width: 100px;
		}
		form.cwpp input.junction {
			width: 50px;
		}
		form.cwpp input.lastname {
			width: 200px;
		}
		form.cwpp input.organisation {
			width: 200px;
		}
		form.cwpp input.phone {
			width: 120px;
		}
		form.cwpp input.email {
			width: 200px;
		}
		form.cwpp input.button {
			margin-bottom: 8px;
		}
	
/**
 * Classes for the various forms
 */
#contactform, #jobform, #mailingform, #loginform {
	display: block;
	background-color: #EEFAFF;
	font-size: 11px;
	padding: 10px;
	border: 1px solid #B6D6E3;
}
	#contactform table, #jobform table, #mailingform table, #loginform table {
		margin: 0px auto 0px auto;
	}
#contactform {
	float: right;
	width: 295px;
	margin: 0px 0px 15px 15px;
}
#mailingform, #loginform {
	float: left;
}
#jobform {
	margin: 15px 0px 15px 0px;
}
	#jobform table {
		width: 400px;
	}
	#contactform span.err, #jobform span.err, #mailingform span.err, #loginform span.err	{ color: red; font-weight: bold; }	
	#contactform table td, #jobform table td, #mailingform table td, #loginform table td  {	font-size: 11px; }
	#contactform input, #jobform input, #mailingform input, #loginform input {	width: 130px;	}
	#contactform input, #jobform input, #mailingform input, #loginform input,
	#contactform textarea, #jobform textarea, #mailingform textarea	{	font-size: 11px;	border: 1px solid #0087BF; }
		#contactform input.sex,
		#jobform input.sex											{	width: 15px; border: 0px; }
		#contactform input.zipcode,
		#jobform input.zipcode									{ width: 55px; }
		#contactform input.button, #mailingform input.button,
		#jobform input.button										{ width: 80px; padding: 1px 5px 0px 5px; }
		#mailingform input.btn								{ width: 40px; padding: 1px 5px 0px 5px; float: right; }
		#loginform input.btn									{ width: 60px; padding: 1px 5px 0px 5px; float: right; }
	#contactform textarea											{ width: 280px; height: 100px; }
	#jobform textarea													{ width: 390px; height: 100px; }
		
#premiere {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	visibility: hidden;
	background-color: #303030;
}
	#premiere table td {
		text-align: center;
	}
		#premiere table div {
			background-image: url("/graphics/intro.live.jpg");
			background-repeat: no-repeat;
			background-position: top;
			background-color: #303030;
			width: 500px;
			margin: 0px auto 0px auto;
			padding: 420px 0px 10px 0px;
			font-size: 17px;
			color: white;
		}
			#premiere table a {
				cursor: pointer;
				color: white;
				text-decoration: underline;
				font-weight: bold;
			}

#loginform table {
	width: 200px;
}
	#loginform table td.err {
		color: #F00;
		font-weight: bold;
	}	
			
/****************************************************************
* Classes for the SPLASH template
****************************************************************/
h1.splash {
	color: #FFF;
	font-size: 1px;
	font-weight: normal;
	line-height: 1px;
	height: 1px;
}
table.splash {
	width: 100%;
	height: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
	table.splash td {
		text-align: center;
		vertical-align: middle;
	}
		table.splash td div {
			text-align: left;
			margin: 0 auto;
			width: 554px;
			height: 258px;
			background: url('/graphics/splash_bg.jpg') 0 0 no-repeat #FFF; 
			padding: 287px 0 0 246px;
		}
			table.splash td div a.NL {
				color: transparent;
				#color: #068DC9;
				font-size: 7px;
				width: 305px;
				height: 38px;
				display: block;
				text-align: center;
				margin-bottom: 10px;
				background: url('/graphics/splash_btn_NL.gif') 0 0 no-repeat transparent; 
			}
			table.splash td div a.NL:hover {
				color: transparent;
				#color: #E52F2C;
				background: url('/graphics/splash_btn_NL_hover.gif') 0 0 no-repeat transparent; 
			}
			table.splash td div a.ENG {
				color: transparent;
				#color: #068DC9;
				font-size: 7px;
				width: 305px;
				height: 38px;
				display: block;
				text-align: center;
				margin-bottom: 10px;
				background: url('/graphics/splash_btn_ENG.gif') 0 0 no-repeat transparent; 
			}
			table.splash td div a.ENG:hover {
				color: transparent;
				#color: #E52F2C;
				background: url('/graphics/splash_btn_ENG_hover.gif') 0 0 no-repeat transparent; 
			}
	
/*******************************************************************************
** THE DOCUMENT BASE
*******************************************************************************/		
		
div.docs {
	padding: 0;
	background-image: url("/graphics/horizontal-dots.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
	div.docs h1 {
		font-size: 14px;
		border: solid 1px #F6EEDB;
		background-color: #FDF6E3;
		margin: 3px 0;
		padding: 3px 15px;
	}
		div.docs h1 a {
			text-decoration: none;
		}
		div.docs h1 a:hover {
			color: #E52F2C;
			text-decoration: underline;
		}
			
	div.docs div.ovv a {
		display: block;
		float: left;
		width: 155px;
		height: 49px;
		overflow: hidden;
		padding-left: 45px;
		font-size: 11px;
		text-align: left;
		margin: 10px 0 5px 15px;
		background-repeat: no-repeat;
		background-position: top left;
		text-decoration: none;
		line-height: 15px;
		position: relative;
	}
	div.docs div.ovv a:hover {
		text-decoration: none;
	}
		div.docs div.ovv a span {
			color: gray;
			text-decoration: none;
			position: absolute;
			bottom: 0;
			left: 45px;
			background-color: #EEFAFF;
			width: 155px;
			padding: 2px;
			font-size: 10px;
			font-weight: normal;
		}
		
	div.docs a.folder {
		background-image: url('/graphics/doc_icons/map.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/map.png', sizingMethod='crop');
		line-height: 300%;
	}
	
	div.docs a.pdf {
		background-image: url('/graphics/doc_icons/pdf.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/pdf.png', sizingMethod='crop');
	}
	div.docs a.word,
	div.docs a.doc {
		background-image: url('/graphics/doc_icons/word.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/word.png', sizingMethod='crop');
	}
	div.docs a.excel {
		background-image: url('/graphics/doc_icons/excel.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/excel.png', sizingMethod='crop');
	}
	div.docs a.image {
		background-image: url('/graphics/doc_icons/jpeg.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/jpeg.png', sizingMethod='crop');
	}