/*[fmt]AA90-1A0A-3*/
/*############################
global reset all styles.
filename: RESET.CSS
Last edit: 13:53 21-7-2008
##############################*/
html
{
	height: 100%;
	margin-bottom: 1px;
	margin: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus
{
	outline: 0;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
* a:hover, * a:active
{
	outline: none;
}
.clear
{
	clear: both;
	height: 0;
}
li li, li p, td p, blockquote p
{
	font-size: 1em;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
img
{
	border: 0;
	vertical-align: bottom;
}
img.floatright
{
	margin: 0 0 0 10px;
}
p
{
	margin: 0 0 9px;
}
ol, ul
{
	list-style: none;
}
input, select
{
}
legend
{
	display: none;
}
strong
{
	font-weight: bold;
}
.hide
{
	display: none;
}
/*=== GENERAL ==================================================*/
body
{
	font-family: Arial, Helvetica, Sans;
	font-size: 0.79em;
	line-height: 1.5em;
	text-align: center;
	background-color: #FFFFFF;
	color: #271515;
	margin: 0;
	padding: 0;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
}
table
{
	border-collapse: collapse;
	font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	padding: 0 25px;
	background: #FFFFFF;
}
td
{
	font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 0;
}
h1, h2, h3
{
	font-weight: bold;
	background-color: inherit;
	color: #333333;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 6px;
	letter-spacing: 1px;
	text-align: left;
}
h1
{
	font-size: 16px;
}
h2
{
	font-size: 14px;
}
h3
{
	font-size: 12px;
}
hr
{
	height: 1px;
	background-color: inherit;
	color: #DDDDDD;
	width: 95%;
}
strong, b
{
	font-weight: bold;
	background-color: inherit;
	color: #333333;
}
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;
}
/*error messages on a page*/
.error
{
	color: #FF0000;
}
/*introduction text on a page*/
.intro
{
}
a
{
	text-decoration: none;
	background-color: inherit;
	color: #002BB8;
	background: none;
}
a:visited
{
	background-color: inherit;
	color: #002BB8;
}
a:active
{
	background-color: inherit;
	color: #002BB8;
}
a:hover
{
	text-decoration: underline;
}
select
{
	background-color: inherit;
	color: #333;
	border: 1px solid #AAA;
}
textarea
{
	background-color: inherit;
	color: #333333;
	padding-left: 1px;
	border: 1px solid #AAAAAA;
}
input
{
	background-color: inherit;
	color: #333333;
	border: 1px solid #AAAAAA;
}
input[type=checkbox]
{
	border: none;
}
input[type=radio]
{
	border: none;
}
input[type=submit], input[type=button]
{
	background-color: #ECE9D8;
	cursor: pointer;
}
/*make a button by attaching the 'button' class to an <a> element*/
.button
{
	cursor: pointer;
	height: 21px;
	color: #333;
	background-color: #ECE9D8;
	text-align: center;
	text-decoration: none;
	padding: 0px 8px 2px;
	margin: 0px;
	border: 1px solid #B3B3B3;
}
.button:hover
{
	color: #333;
	background-color: #ECE9D8;
	text-decoration: none;
}
.button:visited
{
	color: #333;
	background-color: #ECE9D8;
}
.button:active
{
	color: #333;
	background-color: #ECE9D8;
}
/*make a row with buttons by attaching the class 'navigation' to an unordered list <ul> with <li> items containing <a> elements*/
ul.navigation
{
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.navigation .left
{
	float: left;
	padding-right: 8px;
}
ul.navigation .right
{
	float: right;
	padding-left: 8px;
}
ul.navigation li a
{
	list-style-type: none;
	cursor: pointer;
	height: 19px;
	color: #333;
	background-color: #ECE9D8;
	text-align: center;
	text-decoration: none;
	padding: 0px 8px 2px;
	margin: 0px;
	border: 1px solid #B3B3B3;
}
ul.navigation li a:hover
{
	color: #333;
	text-decoration: none;
}
ul.navigation li a:link
{
	color: #333;
}
ul.navigation li a:active
{
	color: #333;
}
/*=== LISTING.HTML ==================================================*/
.listDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	text-align: left;
}
.listDiv input
{
}
.listTable
{
	width: 100%;
	text-align: left;
}
.listTrEven
{
}
.listTrOdd
{
	background-color: #F0F0F0;
}
.listTh
{
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	color: #333333;
	background-color: #F0F0F0;
	padding: 4px 4px 8px;
}
.listTd
{
	vertical-align: top;
	text-align: left;
	background-color: inherit;
	color: #333333;
}
.listTdCount
{
	font-weight: bold;
	height: 50px;
	text-align: right;
	color: 666666;
}
.listTdPublicationStart
{
	padding: 4px;
}
.listTdJobTitle
{
	padding: 4px;
}
.listTdCompanyName
{
	padding: 4px;
}
.listTdWorkCity
{
	padding: 4px;
}
.listCount
{
	font-weight: bold;
	text-align: right;
	padding: 8px 0px 0px;
}
.listJobTitle
{
}
.listWorkCity
{
}
.listJobIntro
{
}
.listPager
{
	text-align: left;
	padding-top: 24px;
}
.listPager a
{
	color: #333333;
	background-color: #ECE9D8;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 0px;
	height: 18px;
	cursor: pointer;
}
.listPager a:hover
{
	color: #333333;
	border: 1px solid #888888;
}
.listPager a:link
{
	color: #333333;
	background-color: #ECE9D8;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 1px;
	height: 18px;
	cursor: pointer;
}
.listPager a:visited
{
	color: #333333;
	background-color: #DDDDDD;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 1px;
	height: 18px;
	cursor: pointer;
}
/*== SEARCH.HTML ==================================================*/
.searchDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	text-align: left;
}
.searchTable
{
	width: 100%;
	text-align: left;
}
.searchParameterLabel
{
}
.searchParameter
{
}
.searchLookup
{
	margin: 4px 0px 0px;
}
.searchDiv .submit
{
	margin-top: 4px;
}
.cxtablecellbutton
{
	cursor: pointer;
	height: 19px;
	color: #333;
	background-color: #ECE9D8;
	text-align: center;
	text-decoration: none;
	padding: 0px 8px 2px;
	margin: 20px 0px 0px;
	border: 1px solid #B3B3B3;
}
.cxtablecellbutton:hover
{
	color: #333;
	text-decoration: none;
}
.cxtablecellbutton:visited
{
	color: #333;
}
.cxtablecellbutton:active
{
	color: #333;
}
.searchTdCount
{
	font-weight: bold;
	height: 50px;
	text-align: right;
	color: 666666;
}
.searchTdPublicationStart
{
	text-align: right;
	vertical-align: top;
}
.searchTdJobTitle
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
}
.searchTdIntro
{
	padding: 0px 0px 20px;
}
.searchTdJobTitle a
{
	text-decoration: none;
	color: 333333;
}
.searchTdJobTitle a:visited
{
	color: 333333;
}
.searchTdJobTitle a:active
{
	color: 333333;
}
.searchTdJobTitle a:hover
{
	color: 333333;
	text-decoration: underline;
}
.searchPager
{
	text-align: left;
	padding-top: 24px;
}
.searchPager a
{
	color: #333333;
	background-color: #ECE9D8;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 1px;
	height: 18px;
	cursor: pointer;
}
.searchPager a:hover
{
	color: #333333;
	border: 1px solid #888888;
}
.searchPager a:link
{
	color: #333333;
	background-color: #ECE9D8;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 1px;
	height: 18px;
	cursor: pointer;
}
.searchPager a:visited
{
	color: #333333;
	background-color: #DDDDDD;
	border: 1px solid #B3B3B3;
	text-align: left;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 1px;
	height: 18px;
	cursor: pointer;
}
/*== JOBDETAILS.HTML ==================================================*/
.detailDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	text-align: left;
}
.detailTable
{
	width: 100%;
}
.detailTdCount
{
/*copy of listTdCount to get the same distance from the top*/
	font-weight: bold;
	height: 50px;
	text-align: right;
	color: 666666;
}
.detailImg
{
	float: right;
	vertical-align: top;
}
.detailJobTitle
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 8px;
}
.detailPublicationStart
{
	text-align: right;
	vertical-align: top;
}
.detailFieldLeft
{
	text-align: right;
	background-color: inherit;
	color: #333333;
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
}
.detailFieldRight
{
	text-align: left;
	background-color: inherit;
	color: #333333;
	padding: 3px;
}
.detailHead
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	background-color: inherit;
	color: #333333;
	padding: 12px 0px 2px;
	vertical-align: top;
}
.detailBody
{
	text-align: left;
	background-color: inherit;
	color: #333333;
	padding: 0px;
	vertical-align: top;
}
.detailFoot
{
}
/*== APPLY.HTML ==================================================*/
.applySectionPersonal
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionContact
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionAddressHome
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionAddressWork
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionAddressAlternate
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionWishes
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionAmbition
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionTransport
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionExperiences
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionEducations
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionSkills
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionLanguages
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionCV
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applySectionMatches
{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}
.applyLastName
{
	width: 172px;
}
.applyBirthName
{
	width: 172px;
}
.applyLastNamePrefix
{
	width: 72px;
}
.applyInitials
{
	width: 72px;
}
.applyFirstName
{
	width: 172px;
}
.applySuffix
{
	width: 72px;
}
.applySalutation
{
	width: 72px;
}
.applyTitle
{
	width: 72px;
}
.applySuffix
{
	width: 72px;
}
.applyBirthDate
{
	width: 72px;
}
.applyBirthCity
{
	width: 172px;
}
.applyBirthCountry
{
	width: 172px;
}
.applyNationality
{
	width: 172px;
}
.applyProfessionalLevel
{
	width: 172px;
}
.applyExperience
{
	width: 172px;
}
.applyMaritalStatus
{
	width: 172px;
}
.applyAttachment1
{
	width: 256px;
}
.applyAttachment
{
	width: 299px;
}
.applyEmailAddress
{
	width: 272px;
}
.applyEmailAddressBusiness
{
	width: 272px;
}
.applyPhoneNumber
{
	width: 172px;
}
.applyContactInfo
{
	width: 348px;
}
.applyStreet
{
	width: 172px;
}
.applyHouseNumber
{
	width: 72px;
}
.applyHouseNumberSuffix
{
	width: 72px;
}
.applyPostalCode
{
	width: 72px;
}
.applyCity
{
	width: 172px;
}
.applyCountry
{
	width: 172px;
}
.applyRegion
{
	width: 172px;
}
.applyEmployment
{
	width: 172px;
}
.applyFTE
{
	width: 72px;
}
.applyPrefBranche0
{
	width: 256px;
}
.applyPrefBranche1
{
	width: 256px;
}
.applyPrefCountry
{
	width: 172px;
}
.applyPrefRegion
{
	width: 172px;
}
.applyAmbition
{
	width: 348px;
	height: 72px;
}
.applyMeansOfTransport
{
	width: 172px;
}
.applyDriversLicenseCity
{
	width: 172px;
}
.applyDriversLicenseCode
{
	width: 172px;
}
.driversLicenseValidUntilDate
{
	width: 64px;
}
.work_employer
{
	width: 156px;
}
.work_startDate
{
	width: 72px;
}
.work_endDate
{
	width: 72px;
}
.work_title
{
	width: 156px;
}
.work_workLocation
{
}
.work_info
{
	width: 348px;
	height: 72px;
}
.applyExperienceInformation
{
	width: 348px;
	height: 72px;
}
.educationStart
{
	width: 48px;
}
.educationEnd
{
	width: 48px;
}
.applyEducationInformation
{
	width: 348px;
	height: 72px;
}
.applySkillsNotes
{
	width: 348px;
	height: 72px;
}
.applyLanguageNotes
{
	width: 348px;
	height: 72px;
}
.applyAttachment
{
	width: 253px;
}
.applyMotivation
{
	width: 348px;
	height: 72px;
}
.applyDiv
{
	width: 840px;
	text-align: left;
	padding: 82px 0 62px;
	position: relative;
	top: 0;
	margin: 0 auto;
}
.applyTable
{
	width: 100%;
	margin: 0;
}
.applyTitle
{
	white-space: nowrap;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 48px 0px 0px;
}
.appliedBefore
{
	display: -moz-inline-box;
	display: inline-block;
	text-align: left;
	margin-bottom: 2px;
}
.applySubTitle
{
	display: -moz-inline-box;
	display: inline-block;
	text-align: right;
	margin-bottom: 2px;
}
.applySectionHeader
{
	background-color: #F6F4EA;
	color: #888;
	height: 20px;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 3px;
}
.applySectionFooter
{
	height: 6px;
}
.applySection
{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 6px;
}
.applyRow
{
	vertical-align: bottom;
}
.applyLeft
{
	width: 140px;
	padding-right: 4px;
	padding-top: 6px;
	text-align: right;
	vertical-align: text-top;
}
.applyRight
{
	width: 400px;
	padding-top: 5px;
	text-align: left;
}
.applyLeftMandatory
{
	width: 140px;
	font-weight: bold;
	padding-right: 4px;
	padding-top: 6px;
	text-align: right;
	vertical-align: text-top;
}
.applyRightMandatory
{
	width: 400px;
	border-color: #000000;
	padding-top: 5px;
	text-align: left;
}
.applyRight img
{
/*to move the date picker to the right*/
	margin: 0px 0px 0px 4px;
}
.applyMandatoryError
{
	background-color: inherit;
	border-color: #FF0000;
}
.applyFormatError
{
	background-color: inherit;
	border-color: #FF0000;
}
.applyResponseText
{
	margin: 32px 0px;
}
.applyErrorText
{
	margin: 32px 0px;
	color: #FF0000;
}
.errorMessage
{
/*class name as used in the smarty plugin code*/
	background-color: inherit;
	color: #FF0000;
	margin-right: 4px;
}
.applyDisclaimer
{
}
.applyDisclaimer input
{
	margin: 12px 4px 2px 0px;
	border: 0px solid #FF0000;
}
.rememberMe
{
	margin: -4px 0px 12px;
}
.rememberMe input
{
	border: 0px solid #FF0000;
}
/*== TELLAFRIEND.HTML ==================================================*/
.tafDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	text-align: left;
}
.tafTable
{
	width: 100%;
}
.tafTdLeft
{
	height: 30px;
	text-align: left;
}
.tafTdRight
{
	height: 30px;
	text-align: right;
}
.tafSenderName
{
}
.tafSenderEmail
{
}
.tafReceiverName
{
}
.tafReceiverEmail
{
}
.tafResponseText
{
}
/*== DISCLAIMER.HTML ==================================================*/
.discDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	text-align: left;
}
/*== LOGIN.HTML ==================================================*/
.loginDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	text-align: left;
}
/*== RESEND.HTML ==================================================*/
.resendDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	text-align: left;
}
/*== MENU ==================================================*/
#header ul
{
	display: block;
	height: 30px;
	font-size: 13px;
	font-family: helvetica, "trebuchet ms", "arial narrow", arial;
}
#header ul#nav li, #header ul#nav-two li
{
	float: left;
	line-height: 30px;
	text-transform: uppercase;
	margin-right: 20px;
	font-weight: bolder;
}
#header ul#nav-two
{
	display: block;
	float: left;
	position: absolute;
	left: 675px;
	top: 80px;
}
#header ul#nav-two li
{
	margin-right: 0px;
}
#header ul#nav-two li#inloggen
{
	margin-right: 40px;
	text-align: right;
	width: 60px;
}
#header ul#nav-two li#language-switch
{
	width: 33px;
	height: 16px;
	line-height: 18px;
	display: block;
	float: left;
	position: relative;
	margin: 7px 0 0 50px;
	cursor: pointer;
}
#language-switch.english
{
	background: url(/styles/images/flag-english.jpg) no-repeat top;
}
#language-switch.dutch
{
	background: url(/styles/images/flag-dutch.jpg) no-repeat top;
}
#header ul#nav-two li#language-switch:hover
{
	background-position: bottom;
}
#header ul#nav-two li#language-switch a
{
	width: 33px;
	height: 16px;
	display: block;
}
#header ul li a
{
	color: #FFF;
}
#header ul#nav-two li a
{
	color: #635F5F;
}
#header ul li a:hover
{
	color: #FFF;
	border-bottom: 4px solid #CECD00;
}
ul#nav li .menuitem img
{
	margin: 0 0 0px;
	padding: 0 0 4px;
}
#header ul#nav-two li a:hover
{
	color: #2B2525;
	border-bottom: none;
}
#header ul li a.active
{
	color: #FFF;
	border-bottom: 4px solid #CECD00;
}
.active
{
	color: #FFF;
	border-bottom: 4px solid #CECD00;
}
#header
{
	margin: 0 auto;
	padding: 62px 0 0;
	width: 840px;
	background: url(../images/header-bg.jpg) no-repeat left top;
	display: inline;
	position: absolute;
	height: 110px;
	top: 0px;
}
#wrapper
{
	margin: 0 auto;
	width: 840px;
	top: -19px;
	display: block;
	position: relative;
}