/* Start of CMSMS style sheet 'Portalcss' */
/*
/*  Basic stylesheet information in <client>.carerix.com/portal/style/cx.css
/*  In this stylesheet only the the changes to that stylesheet         
*/                                                                                               

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

body {
	background-color: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000033;
	line-height:16px;
  margin: 0px 0px 0px 0px;;
  padding: 0px 0px 0px 0px;
}
table {
  border-collapse: collapse;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	padding:0px;
	margin:0px;
	border:0px;
	width:100%;
	font-size: 10px;
}

td {
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
}

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: 150%;
	line-height: 150%;
	color: #CC0033;
	padding:0px;
	margin:0px;
}

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 {
  xtext-align: left;
}
.invisible {
  display: none;
}
/* error messages on a page */
.error {
  color: red;
}
/* introduction text on a page */
.intro {
}
a {
  text-decoration: none;
  background-color: inherit;
  color: #B91152;
  background: none;
}
a:visited {
  background-color: inherit;
  color: #B91152;
}
a:active {
  background-color: inherit;
  color: #B91152;
}
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; 
}
input[type=checkbox] { 
  border: 0px solid #aaaaaa; 
}
input[type=radio] { 
  border: 0px solid #aaaaaa; 
}
input[type=submit] { 
	xfloat:left;
	xwidth:150px;
	xheight:26px;
	xmargin:0px;
	xpadding-top: 3px;	
	xbackground-image:url(uploads/images/bg_header_tab.jpg);
	xbackground-repeat: repeat-x;
	xcolor:#333333;
	xfont-weight:bold;
	xfont-size:110%;
  xcursor: pointer;
}

div.form_nav_tab	{
	float:left;
	width:150px;
	height:26px;
	margin:0px;
             text-align: center;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab.jpg);
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110%
}

div.form_nav_tab_on 	{
	float:left;
	width:150px;
	height:26px;
	margin:0px;
             text-align: center;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab.jpg);
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110%
}

div.form_nav	{
	padding: 2px 10px 0px 10px;
	background-color:#FFFFFF;
}

div.form_nav_tab_on_right 	{
	float:right;
	width:150px;
	height:26px;
	margin:0px;
             text-align: center;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab.jpg);
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110%
}

div.form_nav_right	{
	float:right;
	width:150px;
	padding: 2px 10px 0px 10px;
	background-color:#FFFFFF;
}

div.form_nav_tab input	{
	xfloat:left;
	xwidth:150px;
	xheight:26px;
	xmargin:0px;
             text-align: center;
	padding-top: 3px;	
	background-image:url(uploads/images/input.gif);
	background-repeat: repeat;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	color:#333333;
	font-weight:bold;
	font-size:100%;
  border: 0px solid #aaaaaa; 
  cursor: pointer;
}


/* make a button by attaching the 'button' class to an <a> element */
.button {
	xfloat:left;
             xlist-style-type: none;
             text-align: center;
	xwidth:150px;
	xheight:26px;
	xmargin:0px 0px 0px 0px;
	xpadding-top: 3px;	
	xbackground-image:url(uploads/images/bg_header_tab.jpg);
	xbackground-repeat: repeat-x;
	color:#333333;
	xfont-weight:bold;
	xfont-size:110% 
}

.button:hover {
	color:#333333;
  text-decoration: underline;
}
.button:visited {
	color:#333333;
}
.button:active {
	color:#333333;
}
.button:submit {
	float:left;
             list-style-type: none;
             text-align: center;
	width:150px;
	height:26px;
	margin:0px 0px 0px 0px;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab.jpg);
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110% 
}
/* make a row with buttons by attaching the class 'navigation' to an unordered list <ul> with <li> items containing <a> elements */
ul#navigation {
}

ul#navigation li a {
	float:left;
             list-style-type: none;
             text-align: center;
	width:150px;
	height:26px;
	margin:0px 0px 0px 0px;
	padding-top: 3px;	
	background-image:url('uploads/images/bg_header_tab.jpg');
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110%
}
ul#navigation li a:hover {
  list-style-type: none;
  xbackground-color: #B91152;
  color: #333333;
  text-align: center;
  text-decoration: none;
}
ul#navigation li a:link {
  list-style-type: none;
  text-align: center;
  color: #333333;
}
ul#navigation li a:active {
  list-style-type: none;
  text-align: center;
  xbackground-color: #B91152;
  color: #333333;
}

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

.listDiv {
  margin-left: 0px;
  margin-right: auto;
  width: 550px;
  text-align: left;
}
.listDiv input {
}
.listTable {
  width: 540px;
  text-align: left;
}

.listTrEven {
  xPADDING-BOTTOM: 0.17em; 
  background-color: #FFFFFF;
  border-bottom:1px dotted #DDDDDD;
}

.listTrOdd {
  xPADDING-BOTTOM: 0.17em; 
  background-color: #FFFFFF;
  border-bottom:1px dotted #DDDDDD;
}

.listTh {
	padding:5px;
	color:#333333;
	font-size:110%;
	font-weight:bold;
	text-align:left;
	background-color: #CECECE;
	border-bottom: 1px solid #666666;
	background-image:url('uploads/images/bg_box_subnav.jpg');
	background-repeat: repeat-x	
  vertical-align: top;
}

.listTd {
  vertical-align: top;
  text-align: left;
  background-color: #FFFFFF;
  border-bottom:1px dotted #DDDDDD;
}

.listTdCount {
  padding-bottom: 16px;
}

.listTdPublicationStart {
  border-bottom:1px dotted #DDDDDD;
  padding: 4px 4px 4px 4px;
}
.listTdJobTitle {
  padding: 4px 4px 4px 4px;
}
.listTdCompanyName {
  padding: 4px 4px 4px 4px;
}
.listTdWorkCity {
  padding: 4px 4px 4px 4px;
}
.listCount {
  font-weight: bold; 
  text-align: right; 
  padding: 16px 0px 0px 0px;
                          PADDING-BOTTOM: 0.17em; 
                          BORDER-BOTTOM: #aaa 0px solid
}

.listTdJobTitle {
	font-size:110%;
	font-weight: bold;
  border-bottom:1px dotted #DDDDDD;
}
.listTdWorkCity {
	font-weight: bold;
  border-bottom:1px dotted #DDDDDD;
}
.listTdJobIntro {
}

.listPager { 
  text-align: left; 
  padding-top: 24px;
}
.listPager a { 
  color: #ffffff; 
  background-color: #13216D; 
  border: 1px #ffffff 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: #ffffff; 
  background-color: #B91152; 
  border: 1px #ffffff solid; 
}
.listPager a:link { 
  color: #ffffff; 
  background-color: #13216D; 
  border: 1px #ffffff 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: #ffffff; 
  background-color: #13216D; 
  border: 1px #ffffff 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; 
}

/* == 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 0px;
}
.cxtablecellbutton {
  cursor: pointer;
  height: 15px;
  color: #ffffff;
  background-color: #13216D;
  border: 1px #ffffff solid; 
  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; 
}

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

.detailDiv {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:10px;
  margin-left: auto;
  margin-right: auto;
  width: 550px;
  text-align: left;
}
.detailTable {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:10px;
  width: 550px;
  text-align: left;
}

.detailTh {
	xpadding:5px;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	background-color: #CECECE;
	border-bottom: 1px solid #666666;
	background-image:url('uploads/images/bg_box_subnav.jpg');
	background-repeat: repeat-x	
  vertical-align: top;
}

.detailTdCount {        /* copy of listTdCount to get the same distance from the top */
    font-size: 0.70em;  
xfont-weight: bold; 
  height: 0px;
  text-align: right;
  color: 666666;
}

.detailImg {
  float: right;
  vertical-align: top;
}
.detailJobTitle {
  font-size:110%;
  padding: 4px 4px 4px 4px;
}

.detailPublicationStart {
  xpadding: 4px 4px 4px 4px;
}
.detailFieldLeft {
  text-align: left;
  width:25%;
  padding:0px;
  padding-left:5px;
  vertical-align: top;
  font-weight: bold;
}
.detailFieldRight {
  text-align: left;
  background-color: inherit;
  padding: 3px;
  padding-right: 10px;
}
.detailHead {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  background-color: inherit;
  color: #B91152;
  padding: 12px 0px 2px 0px;
  vertical-align: top;
}

.detailBody {
  text-align: left;
  background-color: inherit;
  color: #13216D;
  padding: 0px;
  vertical-align: top;
}
.detailFoot {
}

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

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

.applyLastName                { width: 172px; }
.applyBirthName               { width: 172px; }
.applyLastNamePrefix          { width: 72px; }
.applyInitials                { width: 72px; }
.applyFirstName               { width: 172px; }
.applySuffix                  { width: 72px; }
.applySalutation              { width: 72px; }
.applyTitle                   { width: 72px; font-size:13px; color:#000033; line-height:16px; font-weight:normal;}
.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: 80%; }

.applyDiv {
  margin-left: auto;
  margin-right: auto;
  width: 540px;
  text-align: left;
}
.applyTable {
  width: 535px;
}

.applyJobTitle {
	padding:5px;
	color:#333333;
	font-size:110%;
	font-weight:bold;
	text-align:left;
	background-color: #CECECE;
	border-bottom: 1px solid #666666;
	background-image:url('uploads/images/bg_box_subnav.jpg');
	background-repeat: repeat-x	
  vertical-align: top;
  padding: 4px 4px 4px 4px;
}

.applySubTitle {
  text-align: left;
  padding: 4px 0px 4px 0px;
}
.applySectionHeader {
	padding:5px;
	color:#333333;
	font-size:110%;
	font-weight:bold;
	text-align:left;
	background-color: #CECECE;
	border-bottom: 1px solid #666666;
	background-image:url('uploads/images/bg_box_subnav.jpg');
	background-repeat: repeat-x	
  vertical-align: top;
  padding: 4px 4px 4px 4px;
     }

.applySectionFooter {
  height: 6px;
}
.applySection {
  border-bottom: 1px solid #dddddd; 
  padding-bottom: 6px;
}
.applyRow { 
  vertical-align: bottom;
}
.applyLeft {
  width: 140px;
  font-weight: bold;
  padding-right: 4px;
  padding-top: 6px;
  text-align: left;
  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: left;
  vertical-align: text-top;
}
.applyRightMandatory {
  width: 400px;
  border-color: black; 
  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;
  xborder-color: red;
  color: red;
}
.applyFormatError { 
  background-color: inherit;
  xborder-color: red;
  color: red;
}
.applyResponseText { 
  margin: 32px 0px 32px 0px;
}
.applyErrorText { 
  margin: 32px 0px 32px 0px;
  color: red;
}
.errorMessage {           /* class name as used in the smarty plugin code */
  background-color: inherit;
  color: red; 
  margin-right: 4px;
}
.applyDisclaimer {
}
.applyDisclaimer input {
  margin: 12px 4px 2px 0px;
}

/* == TELLAFRIEND.HTML ================================================== */

.tafDiv {
  margin-left: auto;
  margin-right: auto;
  width: 540px;
  text-align: left;
}
.tafTable {
  width: 340px;
}

.tafTable b {
color: #000033;
}
.tafTdLeft {
  height: 30px;
  text-align: left;
  font-weight: bold;
}
.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;
}



/* End of 'Portalcss' */

/* Start of CMSMS style sheet 'Tools' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.menu_horiz:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html>body .menu_horiz{
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
	* html .menu_horiz{
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
/* end accessibility */
/* End of 'Tools' */

/* Start of CMSMS style sheet 'Colours' */
/* Layout sections */
	body {
		background: #FFFFFF;
		color: #13216D;
		}
		
	div#page {
		background: #FFFFFF;
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #B91152;
                          text-decoration: none;
	}

             a:hover {
                          text-decoration: underline;
             }
        
 


/* Headings */	
	h2, h3, h4, h5, h6 {
		color: #13216D;
	}


h2{
		color: #ffffff;
	}
h3{
		color: #B91152;
	}
/* End of 'Colours' */

/* Start of CMSMS style sheet 'Layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

/* #myframe { height: 1000px; }  noodzakelijk voor de embed label die op de portal pagina's wordt gebruikt */

body {
	width:900px;
	margin:auto;
	padding:0px;
	background-color: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000033;
	line-height:16px;	
}

div#page {
	width:100%;
	margin-top:25px;
	padding:0px;
	}
    

    /* HEADERS */

       div#topheader {
        clear: both;
        color: #fff;
        background-color: #E76321;
        border-top: 0px solid #666666;
        border-bottom:  0px solid #E76321;
       }

       div#topheader p {
           font-size: 0.8em;
           margin: 0;
           padding: 8px;
           text-align: center;
       }

div#header	{
	left: 0px;
	width: 100%;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 0px;
	background-color:#000033;
	background-image:url(uploads/images/bg_header_corp.jpg);
 }

div#header_corp_left {
	float: left;
           clear: left;
           float: left;
	width: 300px;
	left: 0px;
	text-align:left;
	padding: 0px;
	margin: 0px;
}

div#header_corp_right {
           clear: right;
           float: right;
	left: 0px;
	width: 300px;
	text-align:right;
	padding: 0px;
	margin: 0px;
}


div.header_sub	{
	left: 0px;
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #660000;
	background-color:#CC0033;
	background-image:url(uploads/images/bg_header_sub.jpg);	
	text-align:right;
}




        div#header_dienstverlening  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 90px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_kandidaten  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 90px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_recruiter  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 90px;
            background-color: #ffffff;
            background-image: url(uploads/images/header_recruiter.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_vacatures {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 90px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_nieuws {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 90px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }
 
    /* END HEADERS */
    
    /* MENU */

       div#menu_vert h1 {
           color: #F3B000;
           text-align: right;
           margin-bottom: 0px;
       }

       div#menu_vert {
           xbackground-color: #CECECE;
           xborder: 0px solid #000000;
           float: left;
           width: 170px;
           margin-right: 40px;
           xmargin-top: 55px;
           xmargin-bottom: 10px;
           xpadding-top: 10px;  
           xpadding-left: 0px;
           xpadding-right: 20px;
           xbackground-image:url(uploads/images/bg_box_subnav.jpg);
           xbackground-repeat: repeat-x;
      }

       div#menu_vert1 {
           xbackground-color: #CECECE;
           xborder: 0px solid #000000;
           float: left;
           width: 170px;
           margin-right: 40px;
           xmargin-top: 55px;
           xmargin-bottom: 10px;
           xpadding-top: 10px;  
           xpadding-left: 0px;
           xpadding-right: 20px;
           xbackground-image:url(uploads/images/bg_box_subnav.jpg);
           xbackground-repeat: repeat-x;
      }

      div#menu_horiz {
           color: #FFFFFF;
           padding: 0px 0px 0px 0px;
      }


    /* END MENU */
    
    /* CONTENT */

    /* home main:         | <- 540+5=545 -> |    */
    /* home content2:   | <- 180+5=185 -> |    */

    /* other menu_vert: | <- 140+5+10=155 -> |  */
    /* other content1:   | <- 400+5=405 -> |     */
    /* other content2:   | <- 180+5=185 -> |     */

        div#content {
border: 0px solid #000000;
           width: 900px; 
           margin: 5px 0px 0px 10px;
           text-align: left;
           background-color: #ffffff;
       }

       div#content1 {                   /*content deel van vervolg pagina (met menu links) */
border: 0px solid #000000;
           float: left;
           width: 900px;
           margin: 0px auto auto autopx;
           padding: 0px 0px 0px 5px;
       }

       div#content2 {                     /* rechterkolom */
border: 0px solid #000000;
           clear: right;
           float: right;
           font-size: 0.91em;
           line-height: 150%;
           color: #404040;
           width: 180px;
           margin: 15px auto auto auto;
           padding: 0px 5px 0px 0px; /* 5 uit de rechterrand van de de content style */
       }

       div#content_organisatie {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 540px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 0px;
       }

       div#content_dienstverlening {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 540px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 0px;
       }


       div#content_kandidaten {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 540px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 0px;
       }


       div#content_vacatures {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 550px;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;
       }

       div#content_nieuwsoverzicht {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 605px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 0px;
       }

       div#content_nieuws {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 605px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 0px;
           background-color: #CCCCCC;
       }

       div#homebox_left_left {
           clear: left;
           float: left;
           margin-top: 83px;
           width: 150px;
       }

       div#main {                        /* content deel van de home page */
           float: right;
           width: 700px; 
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;  /* 5 uit de linkerrand van de de content style */
       }

    /* END CONTENT */

    /* HOMEPAGE */

       div#homebox {
           clear: left;
           float: left;
           width: 695px;
       }
       div#homebox_left {
           clear: left;
           float: left;
           margin: 0px 5px 0px 5px;
           width: 475px;
       }

         div#homebox_right {
           clear: right;
           float: right;
            margin: 0px 0px 0px 0px;
           width: 195px;
       }

       div#homebox h1 {
       }


       div#welcome {
           clear: left;
           float: left;
           width: 470px;

       }

       div#welcome h1{
       }

div#welcome p{
            padding: 3px px 10px 0px;
       }

div#welcome strong{
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
            font-weight: bold;
	font-size:10px;
	color:#000033;
       } 

       div#welcomefoot {
       }

       div#top5 {
           clear: right;
           float: right;
           width: 185px;
	font-size:10px;
           margin-top: 83px;
           border: 0px solid #196F9E;
	background-color: #000033;
           background-image:url('uploads/images/bg_box_purple.jpg');
	background-repeat: repeat-x;
       }

       div#top5_content {
      color: #000000;
      text-align: left;
      padding: 0px 0px 0px 0px;
      }


       div#top5 h1 {
	font-size: 150%;
	line-height: 130%;
	color: #FFFFFF;
	margin:0px 0px 0px 0px;
            font-weight: normal;
  	padding:10px 5px 5px 10px;
            text-align: left;
       }

       div#top5 h3 {
	font-size: 130%;
	font-weight: normal;
	line-height: 130%;
	color: #FFFFFF;
	padding:0px 5px 0px 7px;
	margin:0px 0px 0px 0px;
       }

       div#top5 p {
            color: #ffffff;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 10px 7px;
}

       div#top5 a {
            color: #ffffff;
            margin: 0;
       }

       div#top5foot {
       }

       div#top3news {
           clear: left;
           float: left;
           width: 520px;
           padding: 0px 0px 30px 10px; 
           xborder: 0px solid #d0d0d0;
           background-color: #CCCCCC;        
       }

       div#top3news h1 {
            font-size: 1.2em;
            color: #ffffff;
            margin: 0;
            padding: 5px 0px 0px 0px;            
            xbackground-color: #ffffff;
       }

       div#top3news p{
            padding: 3px 3px 5px 5px;
       }

       div#top3newsfoot {
       }

       div#homecontact h1 {
            font-size: 1.2em;
            font-weight: normal;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 10px;
            background-color: #B91152;
            text-align: center;
      }

       div#homecontact h2 {
            font-size: 1.2em;
            font-weight: normal;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 10px;
            text-align: center;
      }

       div#homecontact p {
            font-size: 1em;
            margin: 0;
            padding: auto auto auto 10px;
      }

       div#homecontact {
           clear: right;
           float: right;
           margin: 0px auto auto auto;
           width: 165px;
           border: 0px solid #4FC2D5;
           background-color: #13216D;
       }

       div#pink_left_box	{
	left: 0px;
	width: 135px;
	padding: 10px;
	margin-bottom: 10px;
	text-align:left;
	background-color: #cc0234;
	border-bottom: 1px solid #666666;
	background-image:url('uploads/images/bg_box_pink.jpg');
	background-repeat: repeat-x;
      }

div#pink_left_box a,
div#pink_left_box a:hover,
div#pink_left_box a:visited	{
	color: #FFFFFF;
	font-weight: normal;
	}

div#pink_left_box p	{
	color:#FFFFFF;
}

div#pink_left_box h3	{
	font-size: 130%;
	font-weight: normal;
	line-height: 130%;
	color: #FFFFFF;
	padding:0 0 5px 0;
	margin:0px;
}

div#pink_left_box strong{
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
            font-weight: bold;
	font-size:10px;
	color:#ffffff;
       } 

       div#homecontactfoot {
       }

    /* HOMEPAGE */

      a.sub,
      a.sub:hover,
      a.sub:visited	{
	color: #FFFFFF;
            font-weight: bold;
	padding-right: 10px;
	}
        
    /* END CONTENT */
 
    
    /* FOOTER */

       div#footer {
	float: left;
	left: 0px;
	width: 100%;
	height: 23px;
	padding-top: 5px;
	border: 0px none;
	background-image:url('uploads/images/bg_footer.jpg');
	text-align:center; margin-left:10px; margin-right:10px; margin-top:25px; margin-bottom:0;
	}

       div#footer p {
	color:#333333;
	font-size:85%;
       }

       div#aftertext p {
           font-size: 81%;
           line-height: 1.2em;
           color: #a0a0a0;
           padding: 10px 10px 0px 20px;
           text-align: left;
       }

    /* END FOOTER */


div.sub_header p 
{
	color: #FFFFFF;
            font-weight: bold;
	font-size: 11px;
}

/* END LAYOUT */





          

/* End of 'Layout' */

/* Start of CMSMS style sheet 'Menu' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* MENU_VERT */

#menu_vert {         /* zie layout stylesheet */
  font-size: 93%;
  float: left;
  width: 160px;
  margin: 70px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  border-bottom: 1px solid #666666;
  background-color: #CECECE;
  background-image:url(uploads/images/bg_box_subnav.jpg);
  background-repeat: repeat-x;
  }

#menu_vert ul {
  width: 150px /* Width of Menu Items */
  font-size: 93%;
  xmargin: 14px auto 140px auto;
  xpadding: 10px 0px 10px 30px;
  xlist-style-image:urlurl(uploads/images/arrow_subnav.gif);
list-style-type:square;
  xborder-bottom: 1px solid #666666;
  xbackground-color: #CECECE;
  xbackground-image:url(uploads/images/bg_box_subnav.jpg);
  xbackground-repeat: repeat;
  }

#menu_vert li a {
  display: block;
  xlist-style-image: url(uploads/images/arrow_subnav.gif);
  color: #333333;
  text-decoration: none;
  xtext-transform: uppercase;
  font-weight: 800;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  }

#menu_vert li a:hover {
             color: :#333333;
             text-decoration: underline;
	xbackground-color: #4FC2D6;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul  {
      border: none;
    }

    div#menu_vert ul ul li a, 
    div#menu_vert ul ul li a:link, 
    div#menu_vert ul ul li a:visited  {
    xpadding: 2px 0px 0px 10px;
    }

    div#menu_vert ul ul ul i a, 
    div#menu_vert ul ul ul li a:link, 
    div#menu_vert ul ul ul li a:visited  {
    }
    div#menu_vert ul ul ul  {
    }

#menu_vert li ul li a { 
  } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

div#menu_vert .menuactive a,
div#menu_vert .menuactive a:link,
div#menu_vert .menuactive a:active,
div#menu_vert .menuactive a:visited
{
  xlist-style-image: url(uploads/images/arrow_subnav.gif);
             color: :#333333;
}

/* END MENU_VERT */

#menu_vert1 {         /* zie layout stylesheet */
  font-size: 93%;
  float: left;
  width: 160px;
  margin: 70px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  xborder-bottom: 1px solid #666666;
  background-color: #ffffff;
  xbackground-image:url(uploads/images/bg_box_subnav.jpg);
  xbackground-repeat: repeat-x;
  }




















/* MENU_HORIZ */

    * html div#menu_horiz {
        /* hide ie/mac \*/
        xheight: 1%;
        /* end hide */
    }

    div#menu_horiz {
             left: 0px;
	width: 100%;
	height: 25px;
	margin: 0 0px 0 0px;
	padding: 0px;
	border: 0px;
	background-color:#FFFFFF;
	text-align:center;
    }

    div#menu_horiz ul {
             left: 0px;
	width: 100%;
	height: 25px;
	margin: 0 10px 0 10px;
	padding: 0px;
	border: 0px;
	background-color:#DDDDDD;
	text-align:center;
    }
    div#menu_horiz ul li {
        float: left;
        display: inline;
        list-style: square;
        margin: 170 ;
        xborder-bottom: 1px solid #808080;
    }
    div#menu_horiz ul li a {
        font-size: 90%;
        font-weight: 800;
        color: #666666;      
        xborder-lft: 1px solid #808080;
    }

    div#menu_horiz ul li a,
    div#menu_horiz ul li a:link,
    div#menu_horiz ul li a:active,
    div#menu_horiz ul li a:visited {
	float:left;
	width:150px;
	height:26px;
	margin:0px;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab.jpg);
	background-repeat: repeat-x;
	color:#333333;
	font-weight:bold;
	font-size:110%;
    }

    div#menu_horiz ul li a:hover,
    div#menu_horiz ul li a:active {
    }


    div#menu_horiz .menuactive a,
    div#menu_horiz .menuactive a:link,
    div#menu_horiz .menuactive a:active,
    div#menu_horiz .menuactive a:visited {
	float:left;
	width:150px;
	height:23px;
	margin:0px;
	padding-top: 3px;	
	background-image:url(uploads/images/bg_header_tab_on.jpg);	
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;	
    }

    div#menu_horiz .current a:hover,
    div#menu_horiz .active a:hover 
    {
	xbackground-color: #ffffff;
    }

/* END MENU_HORIZ */





/* End of 'Menu' */

/* Start of CMSMS style sheet 'Typography' */
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
  body {
	width:900px;
	margin:auto;
	padding:0px;
	background-color: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000033;
	line-height:16px;	
  }

  div {
  }

  img {
    display: inline;
    border: 0;
  }
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: none;
	}

	a:hover {
	text-decoration: underline;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
border: 0px solid #000000;
	             font-size: 220%;
		line-height: 1.25em;
		margin: 0 0 0.25em 0;
		padding: 20px 0px 15px 0px;
	}
	h2,
             strong	{
	font-size: 150%;
	line-height: 150%;
	color: #CC0033;
	padding:0px;
	margin:0px;
	}
	h3 {
		font-size: 120%;
	             FONT-WEIGHT: bold; 
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 10px;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0px 0px 10px 10px;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0px 0px 10px 10px;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0px 0px 10px 10px;
	}
/* END HEADINGS */

/* TEXT */
p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000033;
	line-height: 16px;
	margin: 0px;	
	padding-bottom: 15px; 	
}


td p {
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: 16px;
	margin: 0px;
             padding: 0px 5px 0px 5px;		
}

td p strong {
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	             FONT-WEIGHT: bold; 
}

td p em {
	font-family: Arial, Verdana, Arial, sans-serif;
	color: #666666;
}



p.sub_header	{
	color:#FFFFFF;
	margin: 0px;	
	padding-top: 3px; 	
		font-size: 12px;	
	             FONT-WEIGHT: bold; 
}	

blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 0 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 0.7em;
	}
/* END TABLE */	
	
	hr {
                          border-style: solid;
                          border-color: gray;
                          border-width: 1px;
		margin: 0px 0px 4px;
                          padding: 0px;
		xborder-top: 1px solid gray;
		   
	}
	div.hr {
		margin: 0px;
                          padding: 0px;
		xborder-top: 1px solid gray;
	}

	
/* END TYPOGRAPHY */	
/* End of 'Typography' */