html,body		{	padding: 0px;	margin: 0px; }

body
{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	color: #635E62;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
}

body,p,th,td,a,ul,li,ol,div		{ font-size: 13px; text-align: left; font-family: Arial, Trebuchet MS, Helvetica, sans-serif; } 
a 														{ text-decoration: underline;}  

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t. de inhoud */
/*------------------------------------------------------------------------------------*/

td#inhoud								{ padding: 20px 75px 20px 270px; }
td#inhoud	h1						{ font-size: 1.1em; color: #10215A; letter-spacing: 3px; font-weight: bold;		font: arial; font-variant: small-caps; }
td#inhoud	h1#breadCrumb	{ font-size: 1.0em; color: #778383; letter-spacing: 3px; font-weight: normal; font: arial; font-variant: small-caps; }
td#inhoud	h2						{ font-size: 1.4em; color: #10215A; letter-spacing: 1px; font-weight: bold; }
td#inhoud	h2.pijltje		{ font-size: 1.4em; color: #778383; letter-spacing: 1px; font-weight: bold; background-image: url(../img/pijltje.gif); background-repeat: no-repeat; background-position: 15px 3px;  }
td#inhoud	h3						{ font-size: 0.8em; color: #10215A; font-weight: bold; margin: 0px;  }
td#inhoud	h3 span				{ color: #10215A; font-weight: bold; margin: 0px; padding: 0px; }
td#inhoud	span.kop			{ display: block; color: #10215A; font-weight: bold; margin-bottom: 10px; padding: 0; font-size: 1.2em; }
td#inhoud	p							{ color: #424444; line-height: 1.5em; }
td#inhoud	td						{ color: #424444; padding: 0px; margin: 0px; vertical-align: top; }
td#inhoud	hr						{  }
td#inhoud	img						{  }
td#inhoud	p.nomargin		{ margin: 0px; }
td#inhoud	strong				{ font-weight: bold; color: #10215A; }
td#inhoud	ul						{  }
td#inhoud	ul,li					{ color: #424444; line-height: 1.5em; }
td#inhoud	a							{ font-weight: bold; color: #333D63; text-decoration: underline; }
td#inhoud	a:hover				{ text-decoration: underline; }
td#inhoud	span					{ font-weight: normal; }

table#tblContact						{ margin: 0px; padding: 0px; }
table#tblContact td					{ color: #635E62; vertical-align: top; padding-right: 10px; }
table#tblContact th					{ color: #635E62; vertical-align: top; font-weight: normal; text-align: left; padding-right: 20px; }
table#tblContact td.knoppen	{ text-align: right; padding-top: 10px; }

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t. de gehele kop van de pagina (alles boven het menu) */
/*------------------------------------------------------------------------------------*/

div#logo								{ position: absolute; top: 0px; left: 0px; width: 300px; height:150px; z-index: 500; }

td#top_logo							{ height: 117px; padding-left: 10px; background-color: #10215A;  }
td#top_logo img					{ margin: 13px 0px 13px 260px; }
td#top_adres						{ height: 117px; padding-left: 10px; background-color: #10215A;  }

div#adres								{ vertical-align: bottom; position: absolute; top: 0px; left: 0px; width: 200px; height:100%; }

table#adres											{ margin-right: 10px; height: 100%; }
table#adres	td.adres_container	{ vertical-align: bottom; padding: 0px 0px 0px 0px; }
table#adres	td									{ font-size: 0.8em; color: #788; }
table#adres a										{ font-weight: normal; color: #abb; }
table#adres a:visited						{ font-weight: normal; color: #abb; }
table#adres a:hover							{ text-decoration: underline; color: #fff; }

div#zoeken											{ z-index: 500; position: absolute; top: 26px; left: 820px; width: 170px; height: 22px; }
div#zoeken	input.tbxZoek				{ width: 110px; height: 20px; border: solid 1px #999; font-family: Arial; font-size: 12px; }
div#zoeken	input.btnZoek				{ width: 50px; height: 21px; font-family: Arial; font-size: 12px; border: solid 1px #999; background-color: #aaa; cursor: hand; }

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t de vacatures */
/*------------------------------------------------------------------------------------*/

td.vacatures_naam				{ font-size: 0.9em; font-weight: normal; color: #10215A; padding: 0px 20px;  }
td.vacatures_details		{ padding: 0px 20px;  }
td.vacatures_details a	{ font-size: 0.9em; font-weight: bold; color: #10215A; }

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t het inschrijfformulier */
/*------------------------------------------------------------------------------------*/

table#tblInschrijven							{ }
table#tblInschrijven th						{ color: #666; width: 10px; padding-right: 10px; vertical-align: top; font-weight: normal;  }
table#tblInschrijven td.kop				{ background-color: #fff; font-weight: bold; font-size: 14px; padding: 10px 0px 10px 0px;  }
table#tblInschrijven .invoer			{ width: 250px; font-family: Arial; font-size: 12px; }

table#tblAanmelden								{ font-size: 12px; width: 600px; }
table#tblAanmelden th							{ color: #666; width: 10px; padding-right: 10px; vertical-align: top; font-weight: normal;  }
table#tblAanmelden td.kop					{ background-color: #fff; font-weight: bold; font-size: 14px; padding: 10px 0px 10px 0px;  }
table#tblAanmelden .invoer				{ width: 250px; font-family: Arial; font-size: 12px; }

table#tblSollicitatie							{ font-size: 12px; width: 600px; }
table#tblSollicitatie th					{ color: #666; width: 10px; padding-right: 10px; vertical-align: top; font-weight: normal;  }
table#tblSollicitatie td.kop			{ background-color: #fff; font-weight: bold; font-size: 14px; padding: 10px 0px 10px 0px;  }
table#tblSollicitatie .invoer			{ width: 250px; font-family: Arial; font-size: 12px; }

table#tblOpleidingen						{ border: solid 1px #ccc; margin-top: 10px; }
table#tblOpleidingen th					{ background-color: #ccc; font-weight: bold; font-size: 12px; padding: 0px 1px; }
table#tblOpleidingen td					{ padding: 0px 1px; }
table#tblOpleidingen input			{ width: 110px; }

table#tblWerkervaring						{ border: solid 1px #ccc; margin-top: 10px; margin-bottom: 10px;}
table#tblWerkervaring th				{ background-color: #ccc; font-weight: bold; font-size: 12px; padding: 0px 1px; }
table#tblWerkervaring td				{ padding: 0px 1px; }
table#tblWerkervaring input			{ width: 110px; font-family: Arial; font-size: 12px; }

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t. het menu */
/*------------------------------------------------------------------------------------*/

td#menu													{ border-bottom: solid 1px #10215A; border-top: none 1px #484848; background-color: #f5f5f5; }

/*------------------------------------------------------------------------------------*/
/* Styles m.b.t. de nieuwsitems */
/*------------------------------------------------------------------------------------*/

td#nieuwscontainer						{ padding: 20px; padding-left: 0px; text-align: right; vertical-align: top; }
table#nieuws									{ width: 200px; border: solid 1px #9C9EA6; border-bottom: none; }
table#nieuws th								{ font-size: 0.7em; background-color: #9C9EA6; color: White; padding: 3px 0px 3px 3px; }
table#nieuws td.bericht				{ padding: 4px 3px 3px 3px; background-color: #f5f5f5; background-image: url(../menu/img/bg_menu.jpg); background-repeat: no-repeat; border-bottom: solid 1px #9C9EA6; }
table#nieuws td.inhoud				{ font-size: 0.7em; color: #606060;  }
table#nieuws td.meer					{ padding-top: 0.5em; text-align: right; }
table#nieuws td.meer	a				{ font-size: 0.7em; color: #909090; font-weight: bold; margin-top: 0.5em; }
table#nieuws td.meer	a:hover { color: Black; }


/*--------------------------------------------------------------------------------------
 Banner op de homepagina
----------------------------------------------------------------------------------------*/

div#homeBanner				{ width: 600px; height: 400px; position: relative; top: 800px; left: 250px; margin: 0 auto; z-index: 1000; } 
div#homeBanner				{ background-color: #ffffff; border: solid 2px #10215A; }  

div#homeBannerClose			{ width: 20px; height: 20px; position: relative; top: 10px; left: 318px; margin: 0 auto; z-index: 1100; } 