﻿html, body
		{

			height: 100%;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		body {
			position: relative;
		}
		
		body, td {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9pt;
		}
		
		form 
		{
			min-height: 100%;
			height: 100%;
		}
		
		#tblContent
		{
			width: 1024px; 
			height: 100%; 
			min-height: 100%;
			margin: 0 auto; 
			border: 0px;
			background-image: url(../img/bgcontent.gif); 
			background-repeat: repeat-y;
		}
				
		#tblContentHome
		{
			width: 1024px; 
			height: 100%; 
			min-height: 100%;
			margin: 0 auto; 
			border: 0px;
		}
			
		h1 { 
			font-size: 16px; 
			text-decoration: none; 
			font-weight: normal; 
		}
		


		/*-----------------------------------------------------------
		  Zoekfunctie
		------------------------------------------------------------*/
		
		div#navZoek
		{
			position:absolute;
			top:25px;
			left:670px;
			width:200px; 
			height:20px; 
		}
	
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			div#navZoek { padding-top:80px; float:right; padding-right: 132px; width:200px; height:20px;  }
    }
		
		
		
		div#navZoek	.invoer									{ background: url('../img/bgZoeken.png') no-repeat;
		}
		div#navZoek	.invoerSelected					{ background: url('../img/bgZoeken-selected.png') no-repeat;
		}

		div#navZoek	.invoerSelected	input,
		div#navZoek	.invoer	input,
		div#navZoek	.invoerSelected	input						{ position:relative; width: 95px; height:16px; font-size: 13px; font-weight: bold; background-color: Transparent; color: #fff; padding: 0; margin: -5px 6px 0px 4px; border: solid 0px #fff; top: 2px; left: -2px; }

		
		/*-----------------------------------------------------------
			Kruimelpad
		------------------------------------------------------------*/

		div#crumbContainer										{ font-size: 11px; color:#EE8812;}
		div#crumbContainer a, div#crumbContainer a:visited, 
		div#crumbContainer a:link							{ font-size: 11px; color:#EE8812; text-decoration: none; }
		div#crumbContainer a:hover						{ font-size: 11px; color:#EE8812; text-decoration: underline; }
		div#crumbContainer div#crumbPath			{ }
		
		/*--------------------------------------------------------------------------------------
		 stijlen voor het inhoudsgedeelte
		----------------------------------------------------------------------------------------*/

		div#content  							{ margin: 0px; padding: 0; width: 100%; }
		div#content  td#inhoud		{ text-align: left; color: #000000; margin-top:10px; }

		div#content  h1						{ color:#000; font-size: 18px; padding: 12px 0 0 0; margin: 0px 0px 1em 0px; }
		div#content  h2						{ color:#000; font-size: 14px; font-weight: bold; margin: 1em 0px 0px 0px; }
		div#content  h3						{ color:#EE8812; letter-spacing:-1px; word-spacing:-2px; line-height:5px; font-size: 20px; font-weight: normal; font-style:italic; margin: 1em 0px 0px 0px; }
		div#content  td						{ color: #000; margin: 0px; line-height: 18px; }
		div#content  th						{ color: #000; margin: 0px; line-height: 18px; }
		div#content  p		    		{ color: #000; margin: 0px; line-height: 18px; margin-bottom: 1em; }
		div#content  ul						{ margin: 0px; line-height: 18px; margin-bottom: 1em; padding-left: 20px; }
		div#content  ol						{ margin: 0px; line-height: 18px; }
		div#content  a						{ color: #000; text-decoration: underline; }


		div#content  a:visited		{ color: #000; text-decoration: underline; }
		div#content  a:hover			{ color: #000;	text-decoration: underline; }
		div#content  table.adresgegevens td	{ padding: 0px 20px 4px 0px; }
		div#content  img										{ margin: 0px 0px 8px 2em; }
		div#content  img.links							{ margin: 0px 2em 8px 0em; float: left; }
	
		/*-----------------------------------------------------------
			stijlen voor de menu's
		------------------------------------------------------------*/

		ul#menu															{ top:4px; position:relative; margin: 0 0 0 10px; padding: 0px; list-style: none; width:720px; float:left;	}
		ul#menu li													{ float:left; background: url(../img/tab-right.gif) no-repeat top right; margin-right:1px; }
		ul#menu li.selected									{ float:left; background: url(../img/tab-right_selected.gif) no-repeat top right; margin-right:1px; }
		ul#menu li a												{ display: block; padding: 0 1.4em; line-height: 2.5em; 
            															background: url(../img/tab-left.gif) no-repeat top left; text-decoration: none;
            															color: #000000; float: left; font-weight: bold; }
		ul#menu li.selected a								{ display: block; padding: 0 1.4em; line-height: 2.5em; 
            															background: url(../img/tab-left_selected.gif) no-repeat top left; text-decoration: none;
            															color: #000000; float: left; font-weight: bold; }
		ul#menu a:hover											{ }

		div#divSubMenu											{ padding: 0 0 0 20px; margin-top: 0px;	}

		div#homeVlak1												{ height:128px; border:0px solid red; width:209px; position:relative; left:0px; top:17px; padding: 8px; }
		div#homeVlak2												{ height:68px; border:0px solid red; width:209px; position:relative; left:0px; top:62px; padding: 8px; }
		div#homeVlak1 p											{ line-height:20px; }
		div#homeVlak1 img, div#homeVlak2 img { margin: 0px 0px 6px 0px; }
		img#imgWijMagazine									{ z-index:99; position:relative; top:-10px; left:230px; width:165px; height:210px; border:0px; }

		/*--------------------------------------------------------------------------------------
		 stijlen voor een nieuwspagina
		----------------------------------------------------------------------------------------*/

		div.newsArchive										{ }
		div.newsArchive	table							{ width: 100%; }
		div.newsArchive th								{ background-color: #f9dbb7; color: #000000; font-weight: bold; }
		div.newsArchive th.first					{ padding-left: 18px; }
		div.newsArchive td.first					{ padding-left: 18px; }
		div.newsArchive a.leesArtikel			{ color: #000; text-decoration: none; }
		div.newsArchive a:hover						{ text-decoration: underline; }

		table.newsContainer														{ padding: 0px 0px 0px 0px;  }
		table.newsContainer table.newsItem						{ background-color: #f9dbb7; } 
		table.newsContainer table.newsItem th					{ font-size: 14px; color: #000000; font-weight: bold; padding: 4px 10px; } 
		table.newsContainer table.newsItem th.datum		{ font-size: 10px; color: #87B1D9; text-align: right; padding-right: 10px;  } 
		table.newsContainer table.newsItem td.content		{ padding: 0px 10px; vertical-align: top; }
		table.newsContainer table.newsItem td.leesMeer	{ padding: 0px 10px 4px 0px; text-align: right; }

		table.newsContainer table.newsItem a.lnkNewsArticle	{ margin-left: 30px; }

		.imgPlaatje { position:relative; bottom: -1px;  } 

		td#tdContainerLaatsteNieuws table.newsItem						{ margin:20px; background-color: #004B95; width:90%; border: solid 4px #D9DADB; } 
		td#tdContainerLaatsteNieuws table.newsItem th					{ font-size: 14px; color: #ffffff; font-weight: bold; padding: 20px 0px 0px 10px; text-transform: uppercase; } 
		td#tdContainerLaatsteNieuws table.newsItem th.datum		{ font-size: 10px; color: #ffffff; text-align: right; padding-right: 10px;  } 
		td#tdContainerLaatsteNieuws table.newsItem td.content		{ padding: 0px 0px 0px 10px; color: #ffffff; vertical-align:top; }
		td#tdContainerLaatsteNieuws table.newsItem td.leesMeer	{ padding: 0px 10px 14px 0px; text-align: right; color: #ffffff;  }
		td#tdContainerLaatsteNieuws table.newsItem a,
		td#tdContainerLaatsteNieuws table.newsItem a:hover,
		td#tdContainerLaatsteNieuws table.newsItem a:link,
		td#tdContainerLaatsteNieuws table.newsItem a:visited
			{ color: #ffffff; text-decoration:none; text-transform:lowercase;  }

		/*-----------------------------------------------------------
			Images
		------------------------------------------------------------*/

		table.contactFormulier th									{ padding: 0 2em 0px 2em; border: 0px solid black; text-align: left;}
		table.contactFormulier input							{ width: 290px; margin-top: 4px; margin-right: 4px; height: 20px; font-family: Verdana, Arial; }
		table.contactFormulier textarea						{ width: 290px; margin-top: 4px; margin-right: 4px; font-size: 12px; font-family: Verdana, Arial;}
		table.contactFormulier td.knoppen					{ text-align: right; padding: 1em 0px; }
		table.contactFormulier td.knoppen	input		{ width: 100px; height: auto; }
		table.contactFormulier td.checkBox span		{ width: 200px; height: auto; }
		table.contactFormulier td.checkBox input	{ width: 20px; padding: 0px; margin: 0px; }
		table.contactFormulier td.upload					{ width: 290px; padding-left: 2px;  }
		table.contactFormulier td.upload input		{ width: 290px; padding: 0px; margin: 0px; font-size: 11px; font-family: Verdana, Arial; height: 21px;}

		/*-----------------------------------------------------------
			Kruimelpad
		------------------------------------------------------------*/

		div#crumbContainer										{ font-size: 11px; color:#EE8812;}
		div#crumbContainer a, div#crumbContainer a:visited, 
		div#crumbContainer a:link							{ font-size: 11px; color:#EE8812; text-decoration: none; }
		div#crumbContainer a:hover						{ font-size: 11px; color:#EE8812; text-decoration: underline; }
		div#crumbContainer div#crumbPath			{ }

		/*-----------------------------------------------------------
			Zoeken
		------------------------------------------------------------*/

		div#divZoeken											{ margin: 0; padding-top:10px; clear:both; }

		table.tblResults									{ border: none 1px green; margin-top: 1em; width: 100%; }
		table.tblResults td.title					{ font-weight: bold; padding: 0px 0px 1em 0px; }
		table.tblResults td.criteria			{ font-weight: bold; padding: 0px 0px 1em 0px; text-align: right; }
		table.tblResults div.result				{ border: solid 1px #E8EBF4; margin: 0px 0px 10px 0px; padding: 0.5em; background-color: #E8EBF4; display: inline-block; }
		table.tblResults p.resultTitle		{ font-weight: bold; margin: 0; padding: 0; }
		table.tblResults p.resultContent	{ }
		table.tblResults p								{ margin: 0; padding: 0; }
		table.tblResults div.result a			{ float: right; }
		table.tblResults ul								{ padding-left: 20px; }

		/*--------------------------------------------------------------------------------------
		 stijlen voor de sitemap
		----------------------------------------------------------------------------------------*/

		div#sitemap li.d1										{ margin-left:  20px; font-weight: bold; font-size: 16px; line-height: 1.5em; }
		div#sitemap li.d2										{ margin-left:  40px; font-weight: normal; font-size: 14px; line-height: 1.5em; }
		div#sitemap li.d3										{ margin-left:  60px; font-weight: normal; font-size: 12px; line-height: 1.5em; }
		div#sitemap li.d4										{ margin-left:  80px; }
		div#sitemap li.d5										{ margin-left: 100px; }

		div#sitemap a												{ color: #000; }
		div#sitemap a:hover									{ color: #000; text-decoration: underline; }

		/*--------------------------------------------------------------------------------------
		 styles voor externe-link-pagina
		----------------------------------------------------------------------------------------*/

		div#divFrameForExternalPage					{ width: 620px; height: auto; }
		div#divFrameForExternalPage iframe	{ width: 620px; height: 500px; }

		/*--------------------------------------------------------------------------------------
		 styles voor invulformulier
		----------------------------------------------------------------------------------------*/

		div#formulier				.watermark			{ color: #aaa; font-style: italic; }
		div#formulier				.fielderror			{ background-color: #FFFFCE; border: solid 1px #999; padding: 2px; }

		div#formulier				table.if				{ margin: 0; padding: 0; border-collapse: collapse; }
		div#formulier				th							{ padding: 6px 40px 0 0; }
		div#formulier				td.title				{ font-weight: bold; }
		div#formulier				div.tdTitle     { background-color: #90278C; margin: 2em 0 0.5em 0; padding: 2px; color: #fff;  }

		/*--------------------------------------------------------------------------------------
		 melding op homepage
		----------------------------------------------------------------------------------------*/

		.divMelding													{ position:absolute; bottom:20px; left:525px; }
		.divMelding #basictemplateheader		{ font-size:18px; color:#170e47; font-weight:bold; margin:0px; }

		/* - */

