﻿html,body,form {
      margin:0;
      padding:0;
      height:100%;
      width:100%;
      border:none;
   }


body											{ background-color: #000; }

body,a,p,ul,ol,div	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #fff;}

th												{ font-weight: normal; text-align: left; vertical-align: top; }
img												{ border: none 0px #000000;}
table											{ border-collapse: collapse; }

h1												{ color:#fff; font-size: 16px; text-decoration:none; font-weight:normal; }

/*-----------------------------------------------------------
	stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/

table#tblContainer 								{ border:0px; margin:0px auto; width:980px; position:relative;}
.blaat { border:0px; margin:0px auto; width:980px; height:639px; }
table#tblContainer td#tdMenu			{ padding: 0px 0 0 0; vertical-align: top; overflow: auto; }
table#tblContainer td#tdContent			
{
	padding: 0px 0 0 20px; vertical-align: top; overflow: auto; position:relative;
	width: 575px; height: 495px;
}

table#tblContainer td#tdCornerRightTop					{ height:20px; background: url('../img/CornerRightTop.gif'); background-position: top right; background-repeat:no-repeat; }
table#tblContainer td#tdCornerRightBottom				{ height:20px; background: url('../img/CornerRightBottom.gif'); background-position: top right; background-repeat:no-repeat; margin-right:111px; }
table#tblContainer td#tdCornerLeftBottom				{ height:20px; background: url('../img/CornerLeftBottom.gif'); background-position: top left; background-repeat:no-repeat; }

table#tblContainer td#tdRightHome						{ padding: 0px 0 0 0; vertical-align: top; overflow: auto; position:relative; }

table#tblContainer td.tdLeftSpacer						{ width:60px; }
table#tblContainer td.tdRightSpacer						{ width:60px; }
table#tblContainer td#tdBottomSpacer					{ height:150px; }

table#tblContainer td#tdMenu							{ }

a.print			{ background-image:url(/img/btnPrintNorm.gif); background-position:left top; background-repeat:no-repeat; display:block; width:23px; height:20px; float:right;}
a.print:hover	{ background-position:left -20px;}

div#bottomMenu					{  }
div#bottomMenu a, 
div#bottomMenu a:hover, 
div#bottomMenu a:link, 
div#bottomMenu a:visited		{ font-weight:normal; padding-left:18px; color: #8C8C8C; text-decoration: none; }
div#bottomMenu a:hover			{ color: #fff; font-weight:normal;text-decoration: none; }
div#topLogoHome					{ position:absolute; right:56px; top:20px; }

div#divMenuSpacer	{ height:271px; }
div#menuContainer	{ padding-left:78px; }
div#menuLinks		{ padding: 0px 0px 0px 0px; }
#tdFooterText, 
#tdFooterText a, 
#tdFooterText a:link,
#tdFooterText a:hover		
#tdFooterText a:visited
{
	font-weight:normal; color: #8C8C8C; text-decoration: none;
	padding-left:35px; padding-top:8px;
}
#tdFooterText a:hover
{
	color: #fff; text-decoration:none;
}

/*--------------------------------------------------------------------------------------
 stijlen voor formulieren
----------------------------------------------------------------------------------------*/

.tableFormulier						{ font-family:Arial, Verdana, Sans-Serif; margin-left:50px; }
.tableFormulier th					{ font-family:Arial Rounded MT Bold; font-size:15px; color:#000; padding-top:7px; padding-left: 10px; vertical-align:top; height: 30px; width:140; background-color: #bab9b9; }
.tableFormulier td					{ background-color:#fff; color: #000; font-size:12px; }
td.border							{ background-color:#CCFF33; width:10px; }
.tableFormulier td.rfv				{ background-color:Transparent; }

.tableFormulier td#tdButton			{ border:0px; background-color: Transparent; text-align:right; padding-top:10px; }
.tableFormulier .tdSpacer			{ border:0px; background-color: #1C1C1B; height:5px; }
.tableFormulier .textbox			{ font-family:Arial, Verdana, Sans-Serif; border: 0px; font-size:11pt; width:240px; margin-left:5px; }
.checkbox							{ margin: 2px 2px 2px 2px; border: 0px; background:#fff;}
.tableFormulier .dropdrown			{ font-family:Arial, Verdana, Sans-Serif; border: none; font-size:11pt; width:313px; margin-left:0px; }

.btn								{ font-family:Arial Rounded MT Bold; font-size:15px; color:#000; background-color: #bab9b9;
									  text-align:left; 
									  cursor:pointer;
									  padding-left:5px !important;
									  padding-left:10px;
									  padding-top:0px !important;
									  padding-top:3px;
}
.btnVacature						{ font-family:Arial Rounded MT Bold; font-size:15px; color:#000; background-color: #bab9b9;
									  text-align:left; 
									  cursor:pointer;
}


div.divBtn							{ border-left: solid 10px #CCFF33; width:97px; height:30px; float:left }
div.divBtnHover						{ border-left: solid 10px white; width:97px; height:30px; float:left }
div.divSpacerBtnContact				{ width:346px;height:30px;float:left; }
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	div.divSpacerBtnContact			{ width:289px;height:30px;float:left;	}
}

.divWhite	{ float:left; width:10px; height:30px; background-color: White; }
.divYellow	{ float:left; width:10px; height:30px; background-color: Yellow; }


div.vacatureBeschrijving			{ float:left; width:320px; border: solid 0px red; padding-bottom: 15px;  padding-top: 20px;}
div.vacatureBeschrijvingDetails		{ float:left; width:520px; border: solid 0px red; padding-bottom: 15px;  padding-top: 20px;}
div.vacatureKnoppen					{ float:left; width:120px; border: solid 0px red; padding-bottom: 15px;  padding-top: 20px;}
								  
.vacatureItem						{ }
.vacatureItem th					{ text-transform:uppercase; font-family:Arial Rounded MT Bold; font-size:15px; color:#fff; padding-bottom:15px; }
.vacatureItem td					{ font-family:Arial Rounded MT Bold; font-size:12px; }
.vacatureItem .border				{ background-color:#f2e951; width:10px; height:12px; }
.vacatureItem .borderhover			{ background-color:#fff; width:10px; height:12px; }
/*--------------------------------------------------------------------------------------
 stijlen voor het inhoudsgedeelte met scollbar
----------------------------------------------------------------------------------------*/

div#divContainer div#divContent		{  }
div#divContentTop					{ height:20px; }
div#divContentBottom				{ height:20px; padding-right:0px; padding-top:8px;}
div#divContentBottomHome			{ height:20px; padding-right:0px; padding-top:8px; }
div#divContainerTop
{
	/* background-color:#1C1C1B; */
	background-color:#000;
	position:absolute;
	top:120px !important; 
	top:0px; 
	width:590px; 
	height:20px; 
	border: solid 0px red;
	z-index:9999;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	div#divContainerTop 
	{ 	background-color:#1C1C1B; 
		position:absolute;
		top:0px; 
		width:590px; 
		height:25px; 
		border: solid 0px red;
		z-index:9999;
	}
}
div#divContainerBottom
{
	/* background-color:#1C1C1B; */
	background-color:#000;
	position:absolute; 
	top:647px !important;
	top:480px;
	width:590px; 
	height:25px; 
	border: solid 0px red; 
	z-index:9999;
}
#divContainer
{
	padding-bottom:100px;
	/* Typical fixed height and fixed width example */
	height: 450px !important;
	height: 495px;
	width: 602px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 100%;
height: auto;
position: relative;
color: black;
padding: 1px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #EFE512;
}
.vscrollerbar {
width: 10px;
background-color: #878585;
}
.hscrollerbase {
height: 10px;
background-color: #EFE512;
}
.hscrollerbar {
height: 10px;
background-color: #878585;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*--------------------------------------------------------------------------------------
 stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/

div#contentContainer 					{ position: relative; z-index: 500; margin: 0px;  padding: 0px; border: 0px solid #8f8; }

table#tblInhoud  							{ margin: 0px; padding: 0; width:540px; }
table#tblInhoud  td#inhoud				{ text-align: left; color: #636567; }

table#tblInhoud  h1						{ font-size: 16px; font-weight: bold; color:#fff; padding: 0px; margin: 0px 0px 1em 0px; }
table#tblInhoud  h2						{ font-size: 14px; font-weight: bold; color:#fff; margin: 1em 0px 0px 0px; }
table#tblInhoud  h3						{ font-size: 12px; font-weight: bold; color:#fff; margin: 1em 0px 0px 0px; }
table#tblInhoud  td						{ margin: 0px; line-height: 18px; color: #fff; }
table#tblInhoud  td LABEL				{ margin: 0px; line-height: 18px; color: #000; }
table#tblInhoud  p		    			{ margin: 0px; line-height: 18px; margin-bottom: 1em; color: #fff; }
table#tblInhoud  ul						{ margin: 0px; line-height: 18px; margin-bottom: 1em; padding-left: 20px; color: #636567; }
table#tblInhoud  ol						{ margin: 0px; line-height: 18px; color: #fff; }
table#tblInhoud  a						{ color: #fff; text-decoration: underline; }


table#tblInhoud  a:visited		{ color: #fff; text-decoration: underline; }
table#tblInhoud  a:hover			{ color: #fff;	text-decoration: underline; }
table#tblInhoud  table.adresgegevens td	{ padding: 0px 20px 4px 0px; }
table#tblInhoud  img										{ margin: 0px 0px 8px 2em; }
table#tblInhoud  img.links							{ margin: 0px 2em 8px 0em; float: left; }

/*--------------------------------------------------------------------------------------
 stijlen voor het menu boven
----------------------------------------------------------------------------------------*/

div#menuTop a													{ display: block; width: 86px; padding: 0 0 0 8px; line-height: 26px; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
div#menuTop a:hover										{ color: #9fbfe4; }
div#menuTop ul												{ padding: 0px; margin: 0px; list-style-type: none;}
div#menuTop li												{ position: relative; display: inline; float: left;}

/*--------------------------------------------------------------------------------------
 stijlen voor de menu's van de homepagina
----------------------------------------------------------------------------------------*/
div#menuContainerHome1 { visibility:hidden; float:left; padding-left:55px; }
div#menuContainerHome2 { visibility:hidden; float:left; padding-left:5px;}
div#menuContainerHome3 { visibility:hidden; float:left; }
div#menuContainerHome4 { visibility:hidden; float:right; padding-right:15px;}
div#menuContainerHome5 { visibility:hidden; float:right; padding-right:70px; }

/*--------------------------------------------------------------------------------------
 stijlen voor de content rechts
----------------------------------------------------------------------------------------*/

td#tdRight a.fileInfo									{ display: block; margin-bottom: 20px; }
td#tdRight div.bericht								{ display: block; margin-bottom: 20px; } 
td#tdRight h1													{ line-height: 20px; background-color: #004996; color: #fff; font-weight: bold; padding-left: 10px; font-size: 12px; margin: 0; }
td#tdRight p													{ padding: 10px; margin: 0; color: #fff; font-size: 12px; }
td#tdRight a													{ color: #fff; font-size: 14px; line-height: 20px; font-weight: bold; text-decoration: none; }

/*--------------------------------------------------------------------------------------
 stijlen voor een nieuwspagina
----------------------------------------------------------------------------------------*/

div.newsArchive										{ }
div.newsArchive	table							{ width: 100%; }
div.newsArchive th								{ background-color: #004996; color: #fff; 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: #E8EBF4; } 
table.newsContainer table.newsItem th					{ font-size: 14px; color: #004996; 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
------------------------------------------------------------*/

adiv#sectionImageContainer				{ border: solid 0px green; position: absolute; z-index: 20; left: 527px; top: 4px; width: 253px; height: 134px; padding: 0px; margin: 0px; } 

/*-----------------------------------------------------------
	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: #999; position: absolute; z-index: 300; left: 234px; top: 100px; border: none 1px green; padding: 0px; margin: 0px; }
div#crumbContainer div#crumbPath			{ display: none;}

/*-----------------------------------------------------------
	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										{ color: #fff; text-decoration: none; margin-left:  20px; font-weight: bold; font-size: 16px; line-height: 1.5em; }
div#sitemap li.d2										{ color: #fff; text-decoration: none; margin-left:  40px; font-weight: normal; font-size: 14px; line-height: 1.5em; }
div#sitemap li.d3										{ color: #fff; text-decoration: none; margin-left:  60px; font-weight: normal; font-size: 12px; line-height: 1.5em; }
div#sitemap li.d4										{ color: #fff; text-decoration: none; margin-left:  80px; }
div#sitemap li.d5										{ color: #fff; text-decoration: none; margin-left: 100px; }

div#sitemap a												{ color: #fff; text-decoration: none; }
div#sitemap a:hover,
div#sitemap a:visited,
div#sitemap a:link									{ color: #fff; text-decoration: none; }

/*--------------------------------------------------------------------------------------
 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;  }

