/*
project: stylesheet, screen media 
author : ois
date   : January 2005
*/

/* -- primary layout --------------- */

html,body {
	margin: 0;
	padding: 0;
	}

body 	{
	color: #000;
	background: #E9E2D1 url(grfx/page_bg.gif) repeat-x;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	}

div#wrapper {
	background: #fff url(grfx/wrapper_bg.gif) repeat;
	width: 762px;
	position:relative;
	text-align: left;
	margin: 0 auto;
	}

div#header {
	width:762px;
	height:60px;
	margin: 0;
	padding: 0;
	}

div#photobar {
	position:relative;
	top:18px;
	width:728px;
	height:118px;
	margin-left:17px;
	margin-right:17px;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	}

div#content {
		 	min-height: 600px;
		   	height: auto;
		   	_height: 600px;
		   	/* http://wellstyled.com/css-underscore-hack.html */
	background:transparent;
	position:relative;
	top:45px;
	left:25px;
	width:510px;
        text-align:left;
        padding-bottom: 40px; /* added 22 oct. 2007 */
	}

div#left {
	float: left;
	position:relative;
	width:245px;
        text-align:left;
       	font-size: 11px;
	line-height: 120%;
	}

div#right{
	float: right;
	position:relative;
	width:245px;
        text-align:left;
       	font-size: 11px;
	line-height: 120%;
	margin-bottom: 45px;

	}

div#navigation {
	width:762px;
	height:48px;
	}

div#menu {
	position:absolute;
	width:728px; 
	height:18px;
	background-color:#DE5118;
	border-bottom:1px #fff solid;
	left:17px;
	z-index:100;
	}

#menunav, #menunav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:100;
}

#menunav a { display: block; color:#fff; text-decoration:none; }

/* all list items */
#menunav li { float: left; font-size:11px; font-weight:bold; text-align:center; height:10px; background-color:#DE5118; padding-top:4px;padding-bottom:4px;}

#menunav li ul { /* second-level lists */
			opacity: 0.8;
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			filter: alpha(opacity=80);
	position: absolute;
	background: #fff url(grfx/m4_bg.gif) no-repeat;
	left: -999em; /* using left instead of display to hide menunavs because display: none isn't read by screen readers */
	width:120px;
	padding-left:15px;
	margin:0;
}


#menunav li ul a { background-color:#fff; color:#c00; }
#menunav li ul li {float:none; text-align:left; padding-bottom:4px; height:10px; background-color:#fff;}
                 
#menunav li ul li#m4s1 { margin-top:10px; width:120px; }

#sidebar {
	width:198px;
	position:absolute;
	text-align:left;
	z-index:10;
	top:206px;  
	right:17px; 
	}


div#sidebarcontent {
		 	min-height: 320px;
		   	height: auto;
		   	_height: 320px;
		   	/* http://wellstyled.com/css-underscore-hack.html */
	font-size:10px;
	font-family:verdana;
	line-height:1.25em;
	background: transparent url(grfx/sidebar_bg.png) top left no-repeat;
	border-top:1px solid transparent; /* weird hack for ff */
	}

* html body #sidebar   { right: 14px; top:207px; /* msie6 */ }
* html body #sidebarcontent   { border-top:0; /* msie6 combined with ff hack above */ }


#sidebarcontent p { 
	margin-top:10px; 
	margin-bottom:0px; 
	margin-left:25px; 
	margin-right:10px; 
	}

#sidebarcontent ul,li {
	margin:0;
	padding:0;
	}

#sidebarcontent ul {
	margin-top:10px;
	}

#sidebarcontent li {
	list-style-type: square;
	color:#000;
	margin-left: 40px;
	}

#sidebarclose {
	margin-left:3px;
	width:198px;
	height:20px;
	background: transparent url(grfx/sidebar_close.png) top left no-repeat;
	}

#breadcrumb { 
	background: #fff url(grfx/breadcrumb_bg.gif) no-repeat; 
	position:absolute;
	top:251px;
	left:17px;
	font-size:9px;
	height:23px;
	width:531px;

}

#breadcrumb p {margin-left:10px; margin-right:10px; margin-top:3px;}

.pagedate { float:right; }


div#footer {
	clear: both;
	width:762px;
	height:90px;
	background: #fff url(grfx/footer.gif) no-repeat;
	}

/* -- links -------------------- */


div#content a:link	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#content a:visited	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#content a:hover	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#content a:active	{ color:#3165CE; background-color: transparent; text-decoration:underline;}

div#sidebar a:link	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#sidebar a:visited	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#sidebar a:hover	{ color:#3165CE; background-color: transparent; text-decoration:underline;}
div#sidebar a:active	{ color:#3165CE; background-color: transparent; text-decoration:underline;}


/* -- navigation --------------- */


div#navigation ul#topmenu    { padding:0; margin:0; border:0; position:relative; }
div#navigation ul#topmenu li { position:absolute; height:48px;}

#language { left: 284px; width: 276px; }
#home     { left: 560px; width: 60px; }
#contact  { left: 620px; width: 60px; }
#sitemap  { left: 680px; width: 60px; }

#navigation a { text-decoration: none; background-color:transparent; display:block; height:48px;}

div#navigation li { text-indent: -9999px; text-decoration:none; list-style: none;}
div#navigation li#language { background: transparent url(grfx/topmenu.gif) no-repeat -284px 0px;}
div#navigation li#home     { background: transparent url(grfx/topmenu.gif) no-repeat -560px 0px;}
div#navigation li#contact  { background: transparent url(grfx/topmenu.gif) no-repeat -620px 0px;}
div#navigation li#sitemap  { background: transparent url(grfx/topmenu.gif) no-repeat -680px 0px;}

#footer a { text-decoration: none; background-color:transparent; display:block; height:30px; }

div#footer ul#footernav    { padding:0; margin:0; border:0; position:relative; }
div#footer ul#footernav li { position:absolute; height:60px; }

#colophon { left: 284px; width: 276px; }
#home2    { left: 560px; width: 60px;  }
#contact2 { left: 620px; width: 60px;  }
#sitemap2 { left: 680px; width: 60px;  }

div#footer li { text-indent: -9999px; text-decoration:none; list-style: none; }
div#footer li#colophon { background: url(grfx/footer.gif) no-repeat -284px 0px; padding-top:45px; }
div#footer li#home2    { background: url(grfx/footer.gif) no-repeat -560px 0px; padding-top:45px; }
div#footer li#contact2 { background: url(grfx/footer.gif) no-repeat -620px 0px; padding-top:45px; }
div#footer li#sitemap2 { background: url(grfx/footer.gif) no-repeat -680px 0px; padding-top:45px; }


/* menu */



/* -- typography --------------- */


div#content ul {
	margin-left:30px;
	}

div#content li {
	list-style-type: square;
	color:#000;
	}

/* hier worden specifieke kleuren en font-size voor tags gedef. */


h1	{
	display: none;
	}

h3	{
	color: #cc0000;
	font-weight: bold;
	font-size: 18px;
	margin:0;
	padding:0;
	margin-top:20px;
	}

h4	{
	color: #DE5118;
	font-weight: bold;
	font-size: 11px;
	margin-left: 25px;
	margin-top: 10px;
	}

p b { color: #cc0000; }
p strong { color: #cc0000; }

#sidebar p b { color: #000; }
#sidebar p strong { color: #000; }

div#left p {text-align: left;}
div#right p {text-align: left;}

p.smalltext {
	font-size:10px;
	text-align: left;
	}

.date {	font-size:9px;
	font-weight:normal;
	color: #666;
	display:block;
	}

.subdued
	{ 
	color: #666;
	}

.description_download 
	{font-size:10px;
	color: #666;
	margin-left: 20px;
	display:block;
	}

.description_links 
	{font-size:10px;
	color: #666;
	}

acronym {
  border-bottom: 1px dotted #222;
  cursor: help;
}

.source {font-size:9px;
	color: #666;
	display:block;
	}

/* -- images. --------------- */

.imagel {border:1px #eee solid; margin-right:10px; float:left;}
.imager {border:1px #eee solid; margin-left:10px; float:right;}
.imagec {border:1px #eee solid; margin:10px;}

/* -- misc. --------------- */

#content p {text-align: justify;}


/* -- helpers --------------- */



.zebra table {
		border-collapse: collapse;
		border-spacing: 0;
		border-padding: 0;
	        border: 0;
	margin: 0;
	padding: 0;

}

.zebra tbody tr td {
		font-family: verdana, arial, sans-serif;
	        border: 0;
		font-size: 10px;
		padding: 0px 4px;
		margin: 0px;
		border-collapse: collapse;
		border-spacing: 0;
		border-padding: 0;
		xyz-border-bottom: 1px #ccc solid;
	}

.zebra tr.even td{
		background-color: #eee;
	        border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		border-padding: 0;
	}


.zebra tbody tr.subject td {
		background-color: #DE5118;
		font-size: 12px;
		font-weight:bold;
		color: #fff;
		border-collapse: collapse;
		border-spacing: 0;
		border-padding: 0;
	}

.zebra tbody tr.highlight td {
		background-color: #C0C0C0;
		color: #000;
	}

.zebra tbody tr.highlight2 td {
		background-color: #BDD3EF;
		color: #000;
	}

.hide 	{
	display: none;
	}


/* -- inlog formulier ------------ */

.login_input  	{
		font-family: verdana,arial,sans-serif;
		background-color: white;
		border: 1px black solid;
		font-size: 10px;
		height: 18px;
		margin-top: 2px;
		}

.login_submit 	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		color: #ffffff;
		font-size: 10px;
		margin-top: 4px;
		background-color: #FF0000;
		border: 1px outset #666;
		}

/* -- reactie formulier account aanvragen ------------ */

table#form {
	font-size:12px;
        border: 0;
        width: 510px;
        color: #636563;
	}

.form_input  	{
		font-family: verdana,arial,sans-serif;
		background-color: white;
		border: 1px #808080 solid;
		font-size: 11px;
		height: 22px;
		margin-top: 2px;
		}

.form_submit 	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		color: #ffffff;
		font-size: 11px;
		padding: 2px;
		background-color: #cc0000;
		border: 1px outset #666;
		}

.form_inputfree	{
		font-family: verdana,arial,sans-serif;
		background-color: white;
		border: 1px #808080 solid;
		font-size: 11px;
		height: 140px;
		width: 314px;
		margin-top: 2px;
		}

/* -- documenten download ------------ */

table#download {
	font-size:10px;
	border-collapse: collapse;
        border: 0;
        width: 510px;
        color: #636563;
	}

table#download th { 
	background-color: #C6DFF7;
	border-top:1px #63A6C6 solid;
	border-bottom:1px #A5CBDE solid;
	border-left: 0px solid #fff;
	font-weight: normal;
	text-align:left;
	padding: 5 10 5 10px;
        color: #000;
	}

th.dlhead1 {width:30px;}
th.dlhead2 {width:250px;}
th.dlhead3 {}

td.dlcell1 {border: 1px #A5CBDE solid; border-left: 0; text-align:center;}
td.dlcell2 {border: 1px #A5CBDE solid; border-right: 0}
td.dlcell3 {border: 1px #A5CBDE solid; border-right: 0}
td.dlcell4 {border: 1px #A5CBDE solid; border-right: 0; border-left: 0px #A5CBDE dashed;}


table#download tr { 
	vertical-align: top;
	}

table#download td { 
	padding: 10px;
	}

table#download td a {font-weight: bold; font-size: 11px;}
table#download td a:link {color: #3165CE; text-decoration: none;}
table#download td a:visited {color: #3165CE; text-decoration: none;}
table#download td a:hover {color: #C00000; text-decoration: underline;}
table#download td a:active {color: #C00000; text-decoration: underline;}

.dlr1 {background-color: #FFF;}

.dlr2 {background-color: #FFF;}

.docicon {
margin-top: 5px;
width: 16px;
height: 16px;
border: 0;
}

.dlicon {
margin-top: -4px;
width: 16px;
height: 16px;
border: 0;
}


/* -- searchapplic --------------- */

/* Search */


/* Browse */


/* Print */

.clr {clear:both;}



/* alphabet search - July 2007 */

div#alphabet {display:block; width: 100%; height: 40px;}

div#alphabet a,
div#alphabet a:link,
div#alphabet a:visited	
	 { 
	color: #000;
	text-decoration: none;
	background: transparent url(grfx/a-zbutton0.gif) no-repeat;
	width: 17px;
	height: 17px;
	font-family: verdana;
	font-size:11px;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	display: block;
 	float: left;
 	margin: 1px;
 	! important 
 	}

div#alphabet a:hover {	
	background: transparent url(grfx/a-zbutton1.gif) no-repeat;
	color: #000;
	}
	
div#alphabet a.other       {background: none;  padding-left:5px;}
div#alphabet a:hover.other {background: none; color:#000;}

table .buttons {
	font-size: 10px;
	letter-spacing:0px;
	}

.address {
	width: 45%;
	float: left;
	}
	
.activities
	{
	width: 45%;
	float: right;
	font-size:11px;	
	}

.activities p, .address p { margin:1px; padding:1px; background: transparent;}
.activities p b { padding-top:10px; }
div#content div.listing div.activities ul { margin:0; padding:0; list-style:none;}
div#content div.listing div.activities ul li { 
 		list-style:none;
 		margin: 0;
 		padding: 0;
		padding-left:10px; 
		background: transparent url(grfx/bullet.gif) 0px 4px no-repeat;
		}

#content .listing p {text-align: left;}		
		

div.brk { 	clear:both; 
		width: 100%;
		height: 15px;
		background-color: #fff;
	}
	
div.profile { 
	clear:both; 
	border-top: 1px solid #eee;
	font-size:11px;	
	background-color: #fff;
	}	

	
.listing {
	border:    1px solid #c0c0c0;
	width: 95%;
	background: transparent url(grfx/listing_bg.gif) 245px 10px no-repeat;
/* 
	border-top:    1px solid #c0c0c0;
	border-right:  1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left:   1px solid #c0c0c0;
*/
	padding: 10px;
	margin-bottom: 20px;
	}