﻿html, form, body { height: 100%; margin: 0 auto; }
body { margin: 0; padding: 0; background: #F1F1F2 url(../img/background.jpg) top center fixed repeat-y; font-family: Verdana, Helvetica, Tahoma, sans-serif; font-size: 11px; color: #000000; text-align: center; }

a				{ color: #FF0000; text-decoration: none; }

.con		{ width: 900px; margin: 0 auto; text-align: left; background-color: #FFFFFF; }

#omvattendetable { margin: 0 auto; height: 100%; }



.titel					{ width: 580px; height: 30px; float: left; }

#menuContainerTop						{ float: right; width: 150px; height: 26px; overflow: hidden; margin-top: 2px; }
#menuContainer							{ float: left; height: 30px; overflow: hidden; margin-top: 104px; width: 900px; }
#linkNaarHomepageContainer	{ width: 180px; height: 125px; position: absolute; }
#linkNaarHomepage						{ display: block; height: 100%; width: 100%; }

.header { width: 700px; height: 100px; float: left; margin: 0 10px; background: url(../img/bgTop_v5.jpg) center no-repeat; }
.inhoud { width: 880px; float: left; overflow: visible; padding: 20px 10px 10px 10px; position: relative; }
.left		{ width: 200px; float: left; margin-top:3px; overflow: hidden; }
.rightHome { width: 445px; margin-left: 215px; line-height: 18px; position:relative;  }
.right { width: 660px; line-height: 18px; position:relative; float:right; margin-left:15px; }

img.rechts		{ margin: 0 0 1em 2em; border: solid 4px #ABB8C0; float: right; }

#divSpecial { position: absolute; vertical-align: top; top: 23px; right: 0px; float: right; width: 210px; border: solid 0px #FF00FF; text-align: left; }

/************ Layout ************/

h1 { font-size: 15px; margin-top: 1px; color: #000000; }
h2 { font-size: 14px; color: #000000; margin-bottom: -10px; }

a.TopMenuItem:link { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:visited { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:hover { font-size: 10px; font-weight: bold; text-decoration: underline; color: #ACB8BF; }
a.TopMenuItem:active { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }

a.MenuItem:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
a.MenuItem:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }

a.MenuItemActive:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #005331; }
a.MenuItemActive:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }

div#menu a:link { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:visited { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:hover { text-decoration: underline; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:active { font-weight: bold; text-transform: uppercase; text-decoration: none; color: #858588; padding-bottom: 10px; }

.focused { background-image: url(../img/pijltje.gif); background-repeat: no-repeat; }

#menu .text { padding-left: 20px; }
#footer { height: 75px; text-align: left; background-image: url(../img/footer.jpg); background-repeat: no-repeat; background-position: bottom left; color:#FFFFFF; font-size:11px; font-family: Tahoma, sans-serif; padding-left:20px; padding-bottom:3px;}
#footer a		{ color:#FFFFFF; text-decoration:underline;}
#footer a:hover { text-decoration:none;}

/**** Nieuws component ***/
.newsItem { border: solid 2px #ACB7BE; margin-bottom: 10px; width: 200px; font-size: 11px; text-align: left; }
.newsItem td, .newsItem th { padding: 5px; }

/**** Nieuwsoverzicht ****/
.newsItemOverzicht { margin-bottom: 15px; }
.newsItemOverzicht tr { margin-bottom: 20px; }
.newsItemOverzicht td, .newsItemOverzicht th { padding-left: 0px; }

div#newsItemContainer		{ background-image: url(../img/laatstenieuws.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 18px; }

/*--------------------------------------------------------------------------------------------*/
/* Downloads
/*--------------------------------------------------------------------------------------------*/

div#docListTemplate				{ position: relative; width: 660px; height: auto; }
div#docListIntro					{ float: left; width: 435px; height: auto; overflow: hidden; }
div#docListItems					{ float: right; width: 200px; margin-right: 10px; margin-left:15px; height: auto; overflow: hidden; background-image: url(../img/downloads.jpg); background-position: 0px 0px; background-repeat: no-repeat; }

div#docListItems .dliUL							{ padding: 0; margin: 18px 0 0 0; }
div#docListItems .dliLI							{ border: solid 2px #ACB7BE; padding: 4px; margin: 0 0 10px 0; }

div#docListItems p.dtiDate					{ font-size: 10px; color: #999; padding: 0px; margin: 0px; visibility: hidden; display: none; }
div#docListItems h2.dliTitle				{ font-size: 12px; color: #000; padding: 0px; margin: 0px; }
div#docListItems p.dliBody					{ color: #000; padding: 0px; margin: 0px; }
div#docListItems p.dliDownload			{ text-align: right; padding: 0px; margin: 8px 04px 0 0;  }
div#docListItems a.dliADownload			{ }
div#docListItems .downloadError			{ color: #800; font-weight: bold; } 

/*--------------------------------------------------------------------------------------------*/
/* Zoeken
/*--------------------------------------------------------------------------------------------*/

div#zoeken									{ background-image: url(../img/zoeken.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 18px; }
div#zoeken .invoer input		{ width: 128px; margin: 3px 4px 10px 0;  }
div#zoeken #btnSearch				{ vertical-align: top; padding-top: 4px; }

/*-----------------------------------------------------------
	stijlen voor de zoekresultaten
------------------------------------------------------------*/

div#divResults	table.tblResults	{ width: 100%; margin-top: 20px; }
div#divResults	input.tbxSearch		{ margin-right: 10px; font-family: Verdana; font-size: 1.0em; }
div#divResults	input.btnSearch		{ }
div#divResults	td.title					{ font-weight: bold; }
div#divResults	td.criteria				{ text-align: right; color: #999; }
div#divResults	td.results				{ padding-top: 10px; }

div#divResults	ul								{ padding: 0px 10px; margin: 0px 10px; }
div#divResults	div.result				{ margin: 0px 0px 10px 0px; padding: 0px 4px; border: solid 2px #ACB7BE; background-image: url(../img/bgSearchResults.jpg); background-repeat:no-repeat; }
div#divResults	p.resultTitle			{ padding: 0px; margin: 0px; font-size: 9pt; font-weight: bold; color: #333; }
div#divResults	p.resultContent		{ padding: 0px; margin: 0px; font-size: 8pt; color: #666;}

div#divResults	table.legenda			{ margin: 10px 0px 20px 0px; }
div#divResults	td.left						{ font-weight: bold; width: 400px; }
div#divResults	td.right					{ font-weight: bold; }
div#divResults	td.bottom					{ height: 20px; }

div#divResults	div.seperator			{ height: 10px; border: none; }