body {
  font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
  font-size: 0.79em;
  line-height: 1.5em;
  text-align: center;
  background-color: #2a3133;
  color: #33333; 
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  background-color: white;
  font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
  font-size: 1em;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
  padding: 0;
}
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: #60afdd;
  width: 100%;
}
strong, b {
  font-weight: bold;
  background-color: inherit;
  color: #333333;
}
div.center {
  text-align: center;  
}

div.center table {     
  margin-left: auto;   
  margin-right: auto;
  text-align: left;
}
.left {
  text-align: left;
}
.invisible {
  display: none;
}

.error {
  color: red;
}

.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] { 
  background-color: #ECE9D8;
  cursor: pointer;
}

.button {
  cursor: pointer;
  height: 19px;
  color: #333;
  background-color: #CE9D8;
  text-align: center;
  text-decoration: none;
  padding: 0px 8px 2px 8px;
  margin: 0px;
  border: 1px #b3b3b3 solid; 
}
.button:hover {
  color: #333;
  background-color: #ECE9D8;
  text-decoration: none;
}
.button:visited {
  color: #333;
  background-color: #ECE9D8;
}
.button:active {
  color: #333;
  background-color: #ECE9D8;
}

ul#navigation {
  height: 40px;
  list-style-type: none;
  font-family: Trebuchet MS;
  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 8px;
  margin: 0px;
  border: 1px #b3b3b3 solid; 
}
ul#navigation li a:hover {
  color: #333;
  text-decoration: none;
}
ul#navigation li a:link {
  color: #333;
}
ul#navigation li a:active {
  color: #333;
}

.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;
  font-family: Trebuchet MS;
  text-align: left;
  color: #FFFFFF;
  background-color: #2A3133;
  padding: 4px 4px 8px 4px;
}
.listTd {
  vertical-align: top;
  text-align: left;
  background-color: inherit;
  color: #333333;
}
.listTdCount {
  font-weight: bold; 
  height: 50px;
  font-family: Trebuchet MS;
  text-align: right;
  color: 666666;
}
.listTdPublicationStart {
  padding: 4px 4px 4px 4px;
  font-family: Trebuchet MS;
}
.listTdJobTitle {
  padding: 4px 4px 4px 4px;
  font-family: Trebuchet MS;
}
.listTdCompanyName {
  padding: 4px 4px 4px 4px;
  font-family: Trebuchet MS;
}
.listTdWorkCity {
  padding: 4px 4px 4px 4px;
  font-family: Trebuchet MS;
}
.listTdType {
 padding: 4px 4px 4px 4px;
 width: 30px;
 align: center;
 text-align: left;
}
.listCount {
  font-weight: bold; 
  text-align: right; 
  padding: 8px 0px 0px 0px;
}
.listJobTitle {
}
.listWorkCity {
}
.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: 0px; 
  height: 18px; cursor: pointer;
}
.listPager a:hover { 
  color: #333333; 
  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; 
}

.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 0px;
}
.searchDiv .submit {
  margin-top: 4px;
}
.cxtablecellbutton {
  cursor: pointer;
  height: 19px;
  color: #333;
  background-color: #333333;
  text-align: center;
  text-decoration: none;
  padding: 0px 8px 2px 8px;
  margin: 20px 0px 0px 0px;
  border: 1px #b3b3b3 solid; 
}
.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 0px 0px 0px;
}
.searchTdIntro {
  padding: 0px 0px 20px 0px;
}
.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 #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;
}
.searchPager a:hover { 
  color: #333333; 
  border: 1px #888888 solid; 
}
.searchPager 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; 
}
.searchPager 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; 
}

.detailDiv {
  margin-left: auto;
  margin-right: auto;
  width: 540px;
  text-align: left;
}
.detailTable {
  width: 100%;
  text-align: justify;
}
.detailTdCount {        
  font-weight: bold; 
  height: 50px;
  text-align: right;
  color: 666666;
}
.detailImg {
  float: right;
  vertical-align: top;
}
.detailJobTitle {
  text-align: left;
  font-family: Trebuchet MS;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}
.detailPublicationStart {
  text-align: right;
  padding: 10px;
  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;
  font-family: Trebuchet MS;
  background-color: inherit;
  color: #333333;
  padding: 10px;
  vertical-align: top;
}
.detailBody {
  background-color: inherit;
  color: #333333;
  font-family: Trebuchet MS;
  padding: 10px;
  vertical-align: top;
}
.detailFoot {
}

.applySectionPersonal         { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionContact          { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionAddressHome      { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionAddressWork      { display: block;  width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionAddressAlternate { display: block;  width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionWishes           { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionAmbition         { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionTransport        { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionExperiences      { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionEducations       { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionSkills           { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionLanguages        { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionCV               { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }
.applySectionMatches          { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #696c6f; }

.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; }


/* Margin om het witte vlak uit te lijnen */

.applyLeft {
margin: 1px 0 0 10px;
}

.applyDiv {
  margin-left: 1px;
  margin-right: 50px;
  background-color: white;
  width: 700px;
  text-align: left;
  margin: 1px 0 0 -268px;
  align: left;
  display: inline;
}

/* Verder is er niets in gebruik in deze css */

.applyTable {
  width: 100%;
  
}
.applyTitle {
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 48px 0px 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: #009bc4;
  color:#FFF;
  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: black; 
  padding-top: 5px;
  text-align: left;
}
.applyRight img {           
  margin: 0px 0px 0px 4px;
}
.applyMandatoryError { 
  background-color: inherit;
  border-color: red;
}
.applyFormatError { 
  background-color: inherit;
  border-color: red;
}
.applyResponseText { 
  margin: 32px 0px 32px 0px;
}
.applyErrorText { 
  margin: 32px 0px 32px 0px;
  color: red;
}
.errorMessage {
  background-color: inherit;
  color: red; 
  margin-right: 4px;
}
.applyDisclaimer {
}
.applyDisclaimer input {
  margin: 12px 4px 2px 0px;
  border:0px solid red;
}
.rememberMe {
  margin:-4px 0px 12px 0px;
}
.rememberMe input {
  border:0px solid red;
}

.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 {
}

.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;
}

.resendDiv {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  text-align: left;
}