body {
	text-align:center;
	background-color: #767769;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}


a:link		{ color: #999999; text-decoration: none; }
a:visited	{ color: #999999; text-decoration: none; }
a:hover		{ color: #D30C44; text-decoration: none; }

/* -- BASIS --------------------------------------------------------------------- */

#container {
	width: 620px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background-image: url(../img/bg_container.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

#footer {
	width: 620px;
	height: 20px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_footerblock.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* -- #CONTAINER ---------------------------------------------------------------- */

#menublock {
	width: 600px;
	height: 200px;
	background-image: url(../img/bg_header.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 11px;
}

#logoblock {
	width: 600px;
	height: 104px;
	background-image: url(../img/bg_logoblock.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
}

#contentblock {
	width: 484px;
/*	background-image: url(../img/bg_contentblock.jpg);
	background-position: top center;
	background-repeat: no-repeat;
*/	margin-left: 68px;
	margin-right: 68px;
	background-color: #FFFFFF;
}

#contentblock h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-top: 20px; }
#contentblock h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding-top: 15px; }
#contentblock .gepost { font-size: 11px; color: #666666;}

#footerblock {
	width: 600px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ede4dd;
}

#footerblock #txt {
	width: 484px;
	margin-left: 58px;
	margin-right: 58px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}

#footerblock a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

/* -- #MENUBLOCK ---------------------------------------------------------------- */

#menublock a.nieuws			{ display: block; width: 78px; height: 20px; background: url("/img/menu_nieuws.gif") 0 0 no-repeat; text-decoration: none; float: left; }
#menublock a:hover.nieuws	{ background-position: 0px -20px; }
#menublock a.nieuws_active	{ display: block; width: 78px; height: 20px; background: url("/img/menu_nieuws.gif") 0 -20px no-repeat; text-decoration: none; float: left; }

#menublock a.docu			{ display: block; width: 186px; height: 20px; background: url("/img/menu_documentatiecentra.gif") 0 0 no-repeat; text-decoration: none; float: left; }
#menublock a:hover.docu	{ background-position: 0px -20px; }
#menublock a.docu_active	{ display: block; width: 186px; height: 20px; background: url("/img/menu_documentatiecentra.gif") 0 -20px no-repeat; text-decoration: none; float: left; }

#menublock a.contact		{ display: block; width: 80px; height: 20px; background: url("/img/menu_contact.gif") 0 0 no-repeat; text-decoration: none; float: left; }
#menublock a:hover.contact	{ background-position: 0px -20px; }
#menublock a.contact_active	{ display: block; width: 80px; height: 20px; background: url("/img/menu_contact.gif") 0 -20px no-repeat; text-decoration: none; float: left; }


.imgclass img		{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.imgclass:hover img	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }
.imgclass:hover		{ color: #000000; /* irrelevant definition to overcome IE bug */ }
.imgclass_active	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }

/* -- #CONTENTBLOCK ------------------------------------------------------------- */

#left		{ float: left; width: 180px; }
#middle		{ width: 440px; padding: 0px; float: left; }
#right		{ float: right; width: 180px; margin-top: 103px;}

#contentheader	{ padding: 0; margin: 0; }
#contentfull	{ padding-top: 0; }
#content		{ padding-top: 0; margin-left: 20px; margin-right: 20px; }

#gallery img			{ margin: 0 0 6px 6px; }


#content .title	{ color: #D30C44; font-size: 18px; font-weight: bold; line-height: 24px; padding: 0; }
#content .tsc	{ color: #CAC0C1; font-size: 10px; line-height: 16px; margin-bottom: 5px; padding: 0; }

/* -- #FOOTER ------------------------------------------------------------------- */

#webdevelopment { float: right; margin-right: 35px; font-size: 10px; text-align: right; color: #87898C; line-height: 30px; }
#webdevelopment a:link    { color: #333333; text-decoration: none; }
#webdevelopment a:visited { color: #333333; text-decoration: none; }
#webdevelopment a:hover   { color: #000000; text-decoration: none; }


/* ------------------------------------------------------------------------------ */

.foutmelding { border: 1px dotted #FF0000; color: #FF0000; background-color: #FFEEEE; padding: 10px; }


/* Formulieren */
/*#form				{ width:474px; border: 1px #666666 solid; background-color: #EEEEEE; padding: 4px; }*/
.form				{ margin: 0; padding: 0;}
.form input,
.form select		{ width: 250px; margin: 2px 0 2px 0;}
.form textarea		{ width: 470px; height: 150px;}
.form label			{ width: 75px; display: block; float: left; text-align: right;}
.form .radio input	{ width: 25px; vertical-align: bottom; }
.form .submit input	{ width: 85px;  margin-top: 15px;}