/* === GENERAL ================================================== */

body {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 18px;
	color: #334D83;
  text-align: left;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 18px;
	color: #334D83;
  text-align: left;
  margin: 0;
  padding: 0;
}
td {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 18px;
	color: #334D83;
  text-align: left;
  margin: 0;
  padding: 0;
}
h2 {
	margin: 0px;
	padding: 0px;
/*	padding-top: 18px;*/
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #334D83;
}
h1, h3 {
  font-weight: bold;
  margin:0px;
  padding-top: 12px;
  padding-bottom: 6px;
  letter-spacing: 1px;
  text-align: left;
}	 
h1 {
  font-size: 16px;
}
h3 {
  font-size: 12px;
}
strong, b {
  font-weight: bold;
  color: #334D83;
}
div.center {
  text-align: center;  /* also centers tables in divs in ie */
}

div.center table {     /* center tables in divs in ff                           */
  margin-left: auto;   /* http://htmlhelp.com/faq/html/tables.html#center-table */
  margin-right: auto;
  text-align: left;
}
.left {
  text-align: left;
}
.invisible {
  display: none;
}
a {
	color: #539AD7;
	font-weight: bold;
	text-decoration: none;
  background: none;
}
a:visited {
	color: #539AD7;
}
a:active {
	color: #539AD7;
}
a:hover {
  text-decoration: underline;
}	
input { 
/*  xfont-family: tahoma, verdana, arial, helvetica, sans-serif; 
  xfont-size: 8pt; 
  color: #334D83; 
  border: 1px solid #aaa; 
  height: 19px;*/

	height: 16px;
	background-color: #FFFFFF;
	border: 1px solid #539AD7;

	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #334D83;
}
input[type=checkbox] { 
  border: none;
}
input[type=radio] { 
  border: none; 
}
select { 
  font-family: Tahoma; 
  font-size: 11px; 
  color: #334D83; 
  border: 1px solid #aaa; 
  height: 16px;
}
textarea { 
  xfont-family: tahoma, verdana, arial, helvetica, sans-serif; 
  xfont-size: 8pt; 
  color: #334D83; 
  padding-left: 1px; 
  border: 1px solid #aaa; 
  background-color: #fff;
}
input { 
/*  color: #334D83; 
  border: 1px solid #aaa; */
}
ul#navigation     /* define list to simply place 2 navigation buttons left and right */
{
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#navigation li a
{
  display: block;
  color: #FFFFFF;
  background-color: #539AD7;
  padding-left: 6px; 
  padding-right: 6px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  text-align: center;
  text-decoration: none;
  border: 0px #b3b3b3 solid; 
  margin: 0;
}

a.zoeken, a.zoeken:hover, a.zoeken:link, a.zoeken:visited {
	display: block;
	color: #FFFFFF;
	background-color: #539AD7;
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	border: 0px #b3b3b3 solid; 
	margin: 0px 0px 0px 5px;
	width: 50px;
	height: 16px;
	float: left;
}

ul#navigation li a:hover
{
/*  color: #539AD7; 
  background-color: #FFFFFF;*/
}
ul#navigation .left { 
  float: left;
}
ul#navigation .right { 
  float: right; 
}


/* === LISTING.HTML ================================================== */

.listDiv {
  width: 443px;
  text-align: left;
}
.listDiv input {
  heigth: 0;
}
.listTable {
  text-align: left;
}
.listTrEven {
}
.listTrOdd {
}
.listTd {
  vertical-align: top;
  text-align: left;
  color: #334D83;
  padding-bottom: 18px;
}

.listJobTitle {
}
.listJobIntro {
}
.listPager { 
  text-align: left; 
  padding-top: 24px;
}
.listPager a { 
  color: #333333; 
  background-color: #ECE9D8; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer;
}
.listPager a:hover { 
  color: #fff; 
  background-color: #888888; 
  border: 1px #888888 solid; 
}
.listPager a:link { 
  color: #333333; 
  background-color: #ECE9D8; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}
.listPager a:visited { 
  color: #333333; 
  background-color: #dddddd; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}


/* == JOBDETAILS.HTML ================================================== */

.detailDiv {
  width: 443px;
}
.detailTable {
}
.detailJobTitle {
  text-align: left;
}
.detailFieldLeft {
  text-align: right;
  color: #334D83;
  padding: 3px;
  vertical-align: top;
  font-weight: bold;
}
.detailFieldRight {
  text-align: left;
  color: #334D83;
  padding: 3px;
}


/* == APPLY.HTML ================================================== */

.applyDiv {
  width: 443px;
  text-align: center;
  margin-left: auto; /* margins auto added to have centered tables in divs even in ff */
  margin-right: auto;
}
.applyJobTitle {
  text-align: left;
}
.applyTable {
  width: 100%;
  margin-top: 18px;
}
.applyTableSection {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #A9CCEB;
}
.applyTdSectionHeader {
  height: 2px;
}
.applyTdSectionFooter {
  height: 6px;
}
.applyInsertHeader {
  background-color: #F5F9FC;
  color:#334D83;
  height: 20;
  font-weight: bold;
  text-align: left;
  font-size:11px;
  letter-spacing:0px;
  padding-left: 5px;
} 
.applyRow { }
.applyRight {
  vertical-align: baseline;
}
.applyLeft {
  width: 100px;
  text-align: right;
  vertical-align: baseline;
}
.applyMandatory { 
  color: red; 
}
.errorMessage {           /* class name as used in the smarty plugin code */
  color: red; 
  margin-right: 4px;
}
.applyLastName, 
.applyLastNamePrefix,
.applyFirstName, 
.applySuffix,
.applyTitle, 
.applyInitials, 
.applySalutation,
.applyBirthName,
.applyBirthDate,
.applyPhoneNumber,
.applyEmailAddress,
.applyEmailAddressBusiness,
.applyCountry,
.applyRegion,
.applyStreet,
.applyHouseNumber,
.applyHouseNumberSuffix,
.applyPostalCode,
.applyCity,
.applyAttachment,
.applyMotivation,
.dummy {
	height: 16px;
/*  height: 20px;*/
  color: #3333;
  margin-top: 4px;
  margin-right: 6px;
  padding-top: 3px;
}
.applyLastName { 
  width: 172px; 
}
.applyLastNamePrefix { 
  width: 64px; 
}
.applyFirstName { 
  width: 172px; 
}
.applySuffix { 
  width: 64px; 
}
.applyTitle { 
  width: 64px; 
}
.applyInitials { 
  width: 64px; 
}
.applySalutation { 
  width: 64px;
}
.applySalutation { 
  width: 132px;
  height: 16px;
}
.applyBirthDate { 
  width: 72px; 
}
.applyBirthName { 
  width: 96px; 
}
.applyPhoneNumber {  
  width: 172px; 
}
.applyEmailAddress {  
  width: 172px; 
}
.applyEmailAddressBusiness { 
  width: 172px; 
}
.applyCountry { 
  width: 172px; 
}
.applyRegion {  
  width: 172px; 
}
.applyStreet { 
  width: 172px; 
}
.applyHouseNumber { 
  width: 32px; 
}
.applyHouseNumberSuffix { 
  width: 48px;  
}
.applyPostalCode { 
  width: 64px;  
}
.applyCity {  
  width: 172px; 
}
.applyAttachment {  
  width: 253px; 
}
.applyMotivation { 
  width: 80%; 
}


/* == APPLYRESPONSE.HTML ================================================== */

.applyResponseText { 
  height: 200px;
  vertical-align: middle;
  font-weight: bold;
}