body { font: 12px/17px Arial, Verdana, sans-serif; color: #004A7B; position: relative; }

* { margin: 0; padding: 0; }
img { border: 0; }

td,th, input, select, textarea { font: 12px/17px Arial, Verdana, sans-serif; }
p { margin: 0 0 15px 0; }
strong { color: #EE6701; font-size: 16px; padding: 0 2px; }


a { color: #004A7B; text-decoration: none; }
a:hover { color: #EE6701; }

h1 { font-size: 24px; margin: 0 0 10px 0; }
h2 { font-size: 14px; }
h3 { font-size: 14px; color: #EE6701; }
h4 { font-size: 12px; border-bottom: 1px solid; }


.clear { clear: both; height: 0; line-height: 0px; overflow: hidden; }

#wrapper { width: 98%; min-height: 425px; border-right: 1px solid #E1E2E7; }


/* ---------------------- HOME --------------------- */

#theme { width: 60%; height: 307px; margin-left: 240px; position: relative; overflow:hidden; }
#theme div { position: absolute; top: 0; left: 0; z-index: 1; width: 650px; height: 307px; background: url(/images/mask_home.png) no-repeat; overflow: hidden; }


#call2action { clear: both; padding: 45px 0 10px 0; }
#call2action div { float: left; width: 264px; height: 84px; overflow: hidden; margin: 0 30px 20px 10px; position: relative; }
#call2action div div { float: left; position: absolute; top: 0; left: 0; width: 71px; height: 84px; margin: 0; background: url(/images/mask_call2action.png) no-repeat; overflow: hidden; }
#call2action img { float: left; margin: 0 15px 0 0; width: 71px; }
#call2action h2 { float: left; line-height: 14px; width: 170px; padding: 5px 0 3px 0; }
#call2action p { line-height: 14px; float: left; width: 170px; }
#call2action a:hover { text-decoration: underline; }
#call2action .testimonials { color: #EE6701; background: url(/images/bg_testimonials.gif) top right no-repeat; }
#call2action .testimonials a { color: #EE6701; }
#call2action .internships { color: #1A3468; background: url(/images/bg_internships.gif) top right no-repeat; }
#call2action .internships a { color: #1A3468; }
#call2action div.blog { width: 270px; color: #B6B7C0; background: url(/images/bg_blog.gif) 83px 0 no-repeat; }
#call2action .blog img { height: 84px; width: auto; }
#call2action .blog a { color: #B6B7C0; }
#call2action div.blog div { width: 77px; background: url(/images/mask_call2action2.png) no-repeat; overflow: hidden; z-index: 10; }
#call2action div.blog span { display: block; float: left; width: 77px; overflow: hidden; }
#call2action .blog h2, #call2action .blog p { float: right; margin: 0 7px 0 0; }


#post-it, #post-itNL { z-index: 5; background: url(/images/post-it.png) no-repeat; width: 199px; height: 195px; position: absolute; top: 240px; left: 195px; }
a#post-it:hover, a#post-itNL:hover { cursor: hand; }
#post-itNL { background: url(/images/post-itNL.png) no-repeat; width: 200px; height: 192px; }

/* ---------------------- HEADER --------------------- */

#header { height: 63px; padding: 13px 10px 0 5px; }
#header .logo { float: left; }
#header #languages { position: absolute; top: 24px; right: 400px; list-style-type: none; }
#header #languages li { float: left; text-transform: uppercase; color: #EE6701; padding: 2px 5px; }
#header #languages a { color: #A9AAB2; }
#header #languages li.active { background: url(/images/bg_fieldset.gif); font-weight: bold; }

#topNavigation { margin: 15px 0 0 0; z-index: 10; position: absolute; top: 10px; right: 35px; }
#topNavigation li { display: inline; padding: 2px 5px 2px 15px; position: relative; }
#topNavigation a { color: #EE6701; font-size: 13px; letter-spacing: 1px; }
#topNavigation a:hover { color: #004A7B; }

#topNavigation li ul { list-style-type: none; position: absolute; height: auto; left: -9000px; top: 17px; background-color: #FFF; z-index: 10; border-top: 1px solid #CEC6B9; border-right: 1px solid #CEC6B9; border-left: 1px solid #CEC6B9; }
#topNavigation li:hover ul, 
#topNavigation li.sfhover ul { left: 10px; }
#topNavigation li li { float: none; border-bottom: 1px solid #CEC6B9; display: list-item; padding: 0 10px; }
#topNavigation li li a { font-weight: normal; white-space: nowrap; }



/* ---------------------- LEFT NAVIGATION --------------------- */

#leftColumn { width: 220px; position: absolute; left: 0; top: 112px; }

#leftNavigation { border-top: 1px dotted #BAC2D1; }
#leftNavigation a { font-size: 17px; display: block; width: 200px; border-bottom: 1px dotted #BAC2D1; padding: 10px; }
#leftNavigation li.active a { color: #EE6701; }

#leftColumn #references { position: relative; padding: 10px 5px 5px 10px; background: #E6EDF2; font: 11px/13px Arial, sans-serif; width: 195px; margin: 25px 0 0 10px; color: #6F6F6F; }
#leftColumn #references strong { font-size: 10px; text-transform: uppercase; color: #000; display: block; margin: 0 0 5px 0; }
#leftColumn #references img { border: 1px solid #CCC; padding: 3px; margin: 0 3px 3px 0; background: #FFF; }
#leftColumn #references a { color: #6F6F6F; text-decoration: underline; }
#leftColumn #references a:hover { color: #000; }


/* ---------------------- CONTENT --------------------- */

#content { padding: 0 235px 10px 245px; }
#content ul, #content ol { margin: 0 0 15px 18px; }
#content ol { margin-left: 40px; }
#content ul ul { list-style-type: circle; margin: 0 0 0 35px; }
#content ul ol { margin: 0 0 0 40px; }
#content li li { background: none; padding: 0; margin: 0; }
#content a { text-decoration: underline; }
#howToReachUs #content img.picture { float: right; margin: 0 0 10px 10px; }

#history #content h2 { margin: -3px 0 0 0; }
#history #content img { margin: 0 10px 10px 0; }
#history ul { margin-bottom: 15px; }

#sitemap #content ul { float: left; width: 29%; padding: 0 0 0 18px; margin: 0 }
#sitemap #content ul ul { float: none; width: 90%; padding: 0 0 0 20px; }
#sitemap #content li { margin: 0; }

#content #call2action { padding: 20px 0 10px 0; }
#content a.button { display: block; float: left; margin: 0 15px 0 0; font-weight: bold; font-size: 12px; text-decoration: none; padding: 3px 0 0 22px; } 
#content a.apply { background: url(/images/icon_apply.gif) no-repeat; font-size: 13px; color: #EE6701; padding: 2px 0 0 24px; }
#content a.print { background: url(/images/icon_print.gif) no-repeat; }
#content a.tell { background: url(/images/icon_tell.gif) no-repeat; }
#content a.download { background: url(/images/icon_download.gif) no-repeat; }
#content a.add { background: url(/images/icon_add.gif) no-repeat 0 2px; float: none; display: inline; padding-left: 18px; }
#content a.route { background: url(/images/icon_route.gif) no-repeat; }

#content a:hover.button { text-decoration: underline; }

.picto img { margin: 0 3px 0 0; }
.size { font-size: 10px; }

form { margin: 15px 0 0 0; }
fieldset { border: 1px dotted #EA9C61; position: relative; padding: 10px 10px 10px 25px; margin: 0 0 25px 0; background: url(/images/bg_fieldset.gif) repeat-y; }
legend { position: absolute; margin-top:-2px; top: -10px; color: #EE6701; font-weight: bold; margin: 0 0 5px 0; padding: 0 5px; background: #FFF; letter-spacing: 1px; }
label { clear: both; float: left; display: block; width: 33%; padding: 2px 5px 0 0; }
.value { padding: 2px 5px 0 0; }
input, textarea, select { width: 40%; margin: 2px 3px 2px 0; }
select { /*width: 99%;*/ font-size: 11px; }
form table { width: 100%; }
form th { text-align: left; font-weight: bold; vertical-align: top; line-height: normal; padding-right: 5px; }
fieldset p { margin: 0; }

input.checkbox, input.radio, input.submitButton,
fieldset#experience input.checkbox { width: auto; }

input#zipcode, input#number { width: 10%; }

#gender label.choice { display: inline; clear: none; float: none; }
label.other { padding-left: 34%; width: 10%; }
input.other { width: 30%; }

fieldset#fs-ambition label, fieldset#fs-function label, fieldset#fs-experience #fs-competence label,
fieldset#fs-qualities label, fieldset#fs-fun label, fieldset#fs-picture label, 
fieldset#fs-demands label, fieldset#fs-why label, fieldset#fs-questions label,
fieldset#fs-cv label, fieldset#fs-how label { float: none; width: 100%; }

fieldset#fs-ambition textarea, fieldset#fs-function textarea, fieldset#fs-experience #fs-competence textarea, 
fieldset#fs-qualities textarea, fieldset#fs-fun textarea, fieldset#fs-picture textarea,
fieldset#fs-demands textarea, fieldset#fs-why textarea, fieldset#fs-questions textarea,
fieldset#fs-cv textarea, fieldset#fs-message textarea, fieldset#fs-how textarea { width: 90%; }

fieldset#fs-education select.period, fieldset#fs-experience select.period { width: 10%; }
fieldset#fs-period select.period { width: 13%; }
fieldset#fs-period label { width: 13%; }
fieldset#fs-experience table#languages select, fieldset#fs-experience table#languages input { width: 90%; }
fieldset#fs-experience table#languages { width: 70%; }
fieldset#fs-experience table#languages th { width: 35%; }
fieldset#fs-experience #fs-competence { clear: both; padding: 15px 0; }

fieldset#fs-education th { width: 27%; }
fieldset#fs-experience th { width: 15%; }

#applicationNumber { margin: 10px 0 20px 0; font-weight: bold; border: 1px solid; text-align: center;  }
#sollicitatieformulier h3, #fs-education h3 { font-style: normal; letter-spacing: 1px; color: #B6B7C0; border-bottom: 1px solid; margin-top: 10px;  }

blockquote { background: url(/images/quote_top.gif) left top no-repeat; border-right: 3px solid #EE6701; padding: 15px 15px 0 15px; overflow: hidden; }
blockquote img { float: left; margin: 0 15px 0 0; }
blockquote p { min-height: 65px; }
.person { color: #EE6701; font-style: italic; clear: both; height: 30px; background: url(/images/quote_bottom.gif) left top no-repeat #FFF; margin: -10px 0 25px 0; padding: 50px 0 0 20px; position: relative; }
.person span { font-weight: bold; }
.person a { color: #004A7B; padding-right: 15px; }
.person a:hover { color: #EE6701; }
.rightCorner { background: url(/images/quote_right.gif) no-repeat; width: 23px; height: 23px; position: absolute; top: 0; right: 0; }

.pair { float:left; margin-right:10px; text-align: center; }
.pair a img { text-decoration: none; }
.pair img { width: 30px; height: 30px; border: 3px solid #004A7B; margin: 0 2px; }


.column { width: 45%; float: left; margin: 0 3% 2% 0; }


#vacature #content h1, #vacature #content h2,
#vacatures #content h1, #vacatures #content h2 { width: 300px; }
#vacature #wrapper, #blog #wrapper { min-height: 670px; }

#blog #bloggerPic { width: 120px; height: 118px; overflow: hidden; position: relative; margin: 0 5px 0 0; float: left; }
#blog #bloggerPic div { position: absolute; top: 0; left: 0; width: 120px; height: 118px; background: url(/images/mask_picblogger.png) no-repeat; overflow: hidden; }
#blog #bloggerID  { width: 360px; height: 104px; padding: 6px 6px 6px 15px; background: url(/images/bg_bloggerID.gif) no-repeat; float: left; }
#blog #bloggerID .links, #blog #bloggerID .links a  { color: #EE6701; font-size: 10px; }
#blog #bloggerID .links { padding: 2px 0 2px 5px; margin: 0 0 15px -9px; background: #FFF url(/images/bloggerID_roundcorner.gif) no-repeat top right; }

#blog .date { width: 40px; height: 45px; padding: 6px 0 0 0; background: url(/images/bg_date.gif) no-repeat; text-align: center; float: left; margin: 0 10px 10px 0; }
#blog .date span { display: block; margin: 0 auto; font-weight: bold; font-size: 10px; line-height: 12px; }
#blog .date span.day { font-size: 24px; line-height: 20px; }
#blog .date span.month { font-weight: normal; text-transform: uppercase; }
#blog .date span.year { color: #FFF;  }

#blog #content h3 { font-size: 21px; font-weight: normal; margin: 5px 0; line-height: 22px; }
#blog #content a { color: #EE6701; }
#blog .posted { color: #A9AAB2; margin: 0 0 12px 0; }
#blog .post { clear: both; padding: 10px 0 25px 0; }

#blog #otherBlogs { border-top: 1px solid #E1E2E7; padding: 12px 0 0 0; margin: 15px 0 0 0; overflow: hidden; }
#blog #otherBlogs ul { list-style-type: none; margin: 0 0 20px 0; }
#blog #otherBlogs #sameProfile, #blog #otherBlogs #otherProfile  { float: left; margin: 0 15px 0 0; width: 45%; }
#blog #otherBlogs #otherProfile a { color: #EE6701; font-weight: bold; }
#blog #otherBlogs .pair a, #blog #otherBlogs #otherProfile a:hover, #blog #bloggerID a, #blog #bloggerID .links a:hover, #blog #content a:hover { color: #004A7B; }

#readAbout { width: 173px; height: 132px; margin: 0 0 10px 10px; float: right; background: url(/images/bg_bloggingabout.gif) no-repeat; color: #FFF; padding: 10px 5px 10px 10px; }
#content #readAbout h2 { width: 173px; font-size: 21px; }
#content #readAbout a { color: #FFF; font-weight: bold; text-decoration: none; }
#content #readAbout a:hover { text-decoration: underline; }
#readAbout #mask { width: 66px; height: 65px; overflow: hidden; position: relative; margin: 0 0 6px 0; }
#readAbout #mask div { position: absolute; top: 0; left: 0; width: 66px; height: 65px; background: url(/images/mask_readabout.png) no-repeat; overflow: hidden; }


#whosWho #content a { text-decoration: none; margin: 0 10px 0 0; }
#whosWho #content h3 { font-size: 12px; font-style: normal; white-space: nowrap; position: absolute; top: -20px; left: 20px; background: #FFF; border: 1px dotted #EA9C61; border-bottom: 1px solid #FFF; padding: 1px 5px; }
#whosWho #content a:hover { text-decoration: underline; }
#whosWho #content div { padding: 10px 9px 9px 20px; position: relative; border: 1px dotted #EA9C61;background: url(/images/bg_fieldset.gif) repeat-y; }
#whosWho #content .column { width: 41%; margin: 10px 2% 4% 0; }

#cv #content { border: 1px solid #CCC; margin: 10px auto; padding: 10px; width: 600px; }
#cv #content img { float: left; margin: 0 10px 10px 0; }
#cv #content dl { float: left; margin: 0 0 3px 0; }
#cv #content dt { float: left; margin: 0; width: 100px; }
#cv #content dd { width: 300px; margin: 0 0 0 100px; }


ul#businessUnits { margin: 15px 0 0 0; list-style-type: none; }
ul#businessUnits strong { width: 80%; display: block; color: #EE6701; height: 50px; line-height: 18px; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; } 
ul#businessUnits img { display: block; margin: 0 0 10px 0; }
#content ul#businessUnits li { width: 29%; margin: 0 4% 1% 0; float: left; background: none; padding: 0; }
#logos img { border: 1px solid #CCC; padding: 3px; margin: 0 5px 5px 0; }

#content ul#stepPlan { list-style-type: none; margin: 10px 0 0 0; }
ul#stepPlan li { float: left; width: 44%; margin: 0 2% 3% 0; }
ul#stepPlan ul { margin: 0 0 0 15px; }
ul#stepPlan ul li { float: none; width: 100%; margin: 0; color: #EE6701; line-height: normal; }
ul#stepPlan p { margin: 0; }

.step1, .step2, .step3, .step4, .step5, .step6, .step7 { min-height: 35px; padding: 4px 0 5px 35px; border-bottom: 1px dotted #EE6701; }  
.step1 { background: url(/images/stepplan_01.gif) no-repeat 0 2px; }
.step2 { background: url(/images/stepplan_02.gif) no-repeat 0 2px; }
.step3 { background: url(/images/stepplan_03.gif) no-repeat 0 2px; }
.step4 { background: url(/images/stepplan_04.gif) no-repeat 0 2px; }
.step5 { background: url(/images/stepplan_05.gif) no-repeat 0 2px; }
.step6 { background: url(/images/stepplan_06.gif) no-repeat 0 2px; }
.step7 { background: url(/images/stepplan_07.gif) no-repeat 0 2px; }

.cheer { text-align: center; font-weight: bold; }


#why li, #history li { margin: 0; }
#why #content li ul { padding: 0 0 15px 0; }
#why #content ul { list-style-type: none; margin: 0; }
#why #content .detail ul { list-style-type: disc; margin: 0 0 0 18px; }
#why #content .offers ul li a { display: block; width:90%; background: url(/images/whyArrow_right.gif) no-repeat; padding: 1px 0 1px 25px; }
#why #content .offers ul li a:hover { background: url(/images/whyArrow_right_hover.gif) no-repeat; }

#why #content .returns { margin-right: 0; }
#why #content .returns ul li a { display: block; width:90%; background: url(/images/whyArrow_left.gif) no-repeat; padding: 1px 0 1px 25px; }
#why #content .returns ul li a:hover { background: url(/images/whyArrow_left_hover.gif) no-repeat;}
#why #content .offers a.test,
#why #content .returns a.test { background: url(/images/whyTest.gif) no-repeat; color: #EE6701; text-decoration: none; font-weight: bold; }
#why #content .offers a:hover.test,
#why #content .returns a:hover.test  { background: url(/images/whyTest.gif) no-repeat; text-decoration: underline; }


form#vragenformulier { margin: 0; }
#why #content .detail #vragenformulier ul ul { list-style-type: none; margin: 0; }
#vragenformulier label { display: inline; clear: none; float: none; }
#vragenformulier .antwoord { font-style: italic; color: #EE6701; }
#vragenformulier .subQuestion { float: left; width: 20%; margin-right: 2%; }


#othersSay { width: 98%; }


/* ---------------------- VACANCIES RIGHT BLOCK --------------------- */

#vacancies { width: 225px; height: 309px; padding: 20px 10px 0 0; position: absolute; right: 0; top: 72px; }
#vacancies div.bgTop { z-index: 2; background: url(/images/bg_vacancies_top.png) no-repeat; width: 235px; height: 50px; position: absolute; top: 0; left: 0; }
#vacancies div.holder { z-index: 1; background: url(/images/bg_vacancies.png) repeat-y; height: 247px; width: 225px; position: absolute; top: 50px; left: 0; }
#vacancies div.bgBottom { z-index: 1; background: url(/images/bg_vacancies_bottom.png) no-repeat; width: 235px; height: 32px; position: absolute; bottom: 0; left: 0; }
#vacancies div.title {  z-index: 5; position: absolute; top: 18px; left: 18px; width: 168px; height: 27px; text-indent: -9999px; }
.en {  background: url(/images/title_jobvacancies.gif) no-repeat; }
.nl {  background: url(/images/title_jobvacancies_nl.gif) no-repeat; }
#vacancies ul { position: absolute; top: 7px; left: 17px; list-style-type: none; margin: 0 0 15px 0; }
#vacancies li { background: url(/images/bg_listitem.gif) no-repeat; padding: 0 0 0 20px; }
#vacancies li.active, #vacancies li:hover { background: url(/images/bg_listitem_active.gif) no-repeat; }
#vacancies li.active a { color: #EE6701; font-weight: bold; }

#vacancies div.noJob { z-index: 5; width: 210px; position: absolute; bottom: 0; left: 18px; color: #B6B7C0; line-height: normal; }
#vacancies a.spontaneous { font-size: 13px; letter-spacing: 1px; color: #EE6701; font-weight: bold; display: block; background: url(/images/icon_arrow.gif) no-repeat; padding: 3px 0 2px 25px; margin: 5px 0 0 0; }
#vacancies a:hover.all,
#vacancies a:hover.spontaneous { color: #1A3468; text-decoration: underline; }
#vacancies a.all { position: absolute; bottom: 85px; left: 17px; letter-spacing: 1px; color: #EE6701; font-weight: bold; }

#campagnebeeld { height: 200px; position: absolute; right: 0; top: 430px; }



/* ---------------------- FOOTER --------------------- */

#footer { clear: both; width: 98%; height: 30px; border-top: 1px solid #E1E2E7; font-size: 10px; color: #EE6701; }
#footer a { text-decoration: underline; color: #EE6701; }
#footer a:hover { color: #004A7B; }
#footer .legal { float: left; width: 28%; padding: 5px 0 0 5px; }
#footer .address { float: right; text-align: right; width: 63%; padding: 5px 0 0 0; }













/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 45px;
	margin-top: -5px;
}

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	height: 30px;
	margin: 0 0 10px 0;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	height: 24px;
}

.sIFR-hasFlash #readAbout h2 {
	visibility: hidden;
	height: 36px;
	margin: -7px 0 -4px -1px;
}
.sIFR-hasFlash #bloggerID h2 {
	visibility: hidden;
	height: 36px;
	margin: -7px 0 -4px -1px;
}

#CMSpreviewBar {
background-color: red;
color: white;
padding: 3px;
margin-bottom: 10px;
}
#CMSpreviewBar a {
color: white;
}