html 			{ height: 100%; }
body 			{ height: 100.2%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ background: #bcc4d0 url(../../images/default_jobs/bg_body.gif) fixed repeat-x top;  behavior: url('htc/csshover.htc'); /*needed for hovermenu*/ }

img { behavior: url('htc/pngbehavior.htc'); }
/* standard elements */
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}

/* to center the website */
div.wrapper { position: relative; width: 950px; height: 100%; margin: 0 auto; padding: 0; text-align: left; }

div.bgmenu { background: silver; position: absolute; height: 80px; width: 100%; left: 0; top: 0; background: #bec6d1 url(../../images/default_jobs/bg_menu.gif) repeat-x center; }

div.htspmenu { position: absolute; top: 10px; left: 0px; }
div.htspmenu ul li a { color: #ffffff; font-weight: bold; font-size: 1.2em; display: block; text-decoration: none; line-height: 1.2em; }
div.htspmenu ul li a:hover { color: #395175; }


div.menu { position: absolute; top: 36px; width: 950px; }
div.menu ul li { float: left; height: 28px; padding: 0; }
div.menu ul li a { float: left; font-size: 1.2em; font-weight: bold; display: block; text-decoration: none; color: #ffffff; line-height: 22px; height: 25px; border-left: 2px solid #C3CBD6; padding: 0 10px; }
div.menu ul li.first { }
div.menu ul li.first a { border: none;  }
div.menu ul li:hover { background: url(../../images/default_jobs/bg_menu_active.gif); }
div.menu ul li:hover a {  color: #E37F3F; }
div.menu ul li.selected { background: url(../../images/default_jobs/bg_menu_active.gif);}
div.menu ul li.selected a { color: #304269; padding: 0 10px;   }


div.menu ul li ul { position: absolute; top: 2.7em; left: 0; }
div.menu ul li.selected ul li  {  }
div.menu ul li.selected ul li a { color: #ffffff; font-size: 1.1em; }
div.menu ul li.selected ul li.selected a { color: #304269; }
div.menu ul li.selected ul li a:hover { color :#000000; }

div.servicemenu { position: absolute; left: 820px; top: 38px; margin-right: -100px; }
div.servicemenu ul {}
div.servicemenu ul li { float: left; line-height: 20px; height:20px; font-size: 1.1em; color: #ffffff; font-style:italic; }
div.servicemenu ul li a { display: block; float: left; text-decoration: underline; color: #ffffff; padding: 0 5px; }
div.servicemenu ul li a:hover { text-decoration: none;}
div.servicemenu ul li.selected a { color: #ffffff; text-decoration: none; cursor: default; }

div.top { min-height: 145px; width: 950px;  }
* html div.top { height: 145px; }

img.htspvacaturesite { position: absolute; left: 10px; top: 100px;   }
img.logo { position: absolute; right: 0; top: 90px; }

a.gogo { color: #E37F3F; font-weight: bold; display: block; text-decoration: none; }
a.gogo:link { color: #e37f3f; }
a.gogo:hover { color: #e37f3f; }
a.gogo:visited { color: #e37f3f; }

/* foot */

div.foot { width: 94.5em; border-top: 1px solid #abb4c4; text-align: center; color: #e37f3f; margin-top: 2em; padding: 0.4em 0 4em 0; }
div.foot a { color: #e37f3f; text-decoration: none; padding: 0 0.4em; font-size: 1.1em; }
div.foot a:hover { text-decoration: underline; }

/* pane */
div.pane { zoom: 1; clear: both; }
div.pane h1 { font-size: 1.4em; color: #395175; margin: 0; padding: 0 0 0.5em 0; }
div.pane div.topleft { background: url(../../images/default_jobs/bg_pane.gif) no-repeat top left; }
div.pane div.topright { background: url(../../images/default_jobs/bg_pane.gif) no-repeat top right; }
div.pane div.content  { border-left: 2px solid #8f98ab; border-right: 2px solid #8f98ab; padding: 0 0.8em; background: #f4f4f4; }
div.pane div.bottomleft { background: url(../../images/default_jobs/bg_pane.gif) no-repeat bottom left; clear: both; }
div.pane div.bottomright { background: url(../../images/default_jobs/bg_pane.gif) no-repeat bottom right; clear: both; }

div.leftpane, div.centerpane, div.rightpane {float: left; width: 305px; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; }

div.leftpaneM, div.centerpaneM, div.rightpaneM {background-color: #FFFFFF; opacity: 0.0; filter: alpha(opacity=0); z-index: 100; position: absolute; height: 241px; width: 305px;}

div.centerpaneM {z-index: 100; position: absolute; height: 241px; width: 305px;}

div.leftpaneH, div.rightpaneH { position: absolute; z-index: 101; width: 617px; height: 241px; background: #ffffff;  }
div.leftpaneH {margin-left: 312px;}
div.leftpane { float: left;  margin-right: 6px; }
div.centerpane { float: left; }

div.centerpanelH, div.centerpanerH {position: absolute; z-index: 10; width: 305px; height: 241px; background: #ffffff;}
div.centerpanelH {margin-left: -312px; }
div.centerpanerH {margin-left: 312px; background: #ffffff; }
div.rightpane { float: right; }
div.rightpaneH {margin-left: -624px;}

div.scale { width: 100%; }

div.panebox { background: url(../../images/default_jobs/gogo_xl.gif) no-repeat bottom right; padding: 0 0 5px 0; }
span.title { display: block; font-weight: bold; font-size: 1.7em; line-height: 33px; margin-top: -33px; height: 33px; text-align: center; background: #395175; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.panebox a span.title  { text-decoration: none; cursor: pointer; }


div.mceHack { font-size: 12px; }
div.mceHack button	{ padding: 2px; background: #395175; margin-top: 10px; }

div.panebox { width: 305px; }
div.panebox div.image { width: 305px; height: 150px; }
div.panebox div.title { display: block; font-weight: bold; font-size: 1.7em; line-height: 33px; margin-top: -33px; height: 33px; text-align: center; background: #395175; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.panebox div.intro { padding: 6px 0 0 0; margin: 0 10px 10px 10px; font-size: 1.2em; color: #444342; line-height: 1.4em; text-decoration: none; display: block; height: 75px; background: url(../../images/default_jobs/gogo_east.gif) no-repeat bottom right;  }


div.leftpane:hover div.intro { background-image: none;}
div.centerpane:hover div.intro { background-image: none;}
div.rightpane:hover div.intro { background-image: none;}

div.rightpaneopen { width: 617px; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; height: 245px; }
div.rightpaneopen div.padbox { padding: 15px; line-height: 1.2em; overflow-y:none; height:200px; }

div.leftpaneopen { float: left; width: 615px; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; height: 245px; }
div.leftpaneopen div.padbox { padding: 15px; line-height: 1.2em;  overflow-y:none; height:200px;  }

div.centerpaneopenleft { float: left; width: 305px; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; height: 245px; margin-right: 6px; }
div.centerpaneopenleft div.padbox { padding: 15px; line-height: 1.2em; overflow-y:none; height:200px;  }

div.centerpaneopenright { float: right; width: 305px; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; height: 245px; }
div.centerpaneopenright div.padbox { padding: 15px; line-height: 1.2em; overflow-y:none; height:200px;  }

div.intropane a { text-decoration: none; }
div.intropane a:hover span.title { color: #304269; background: #ffffff; cursor:pointer; }
div.intropane a:hover span.intro { color: #E37F3F; cursor:pointer; }


div.caroussel { height: 235px;  background: url(../../images/default_jobs/gogo_xl.gif) no-repeat bottom right; }
div.caroussel div.scroller { height: 200px;  }
div.caroussel img.gradient { position: absolute;  margin-top: -205px; z-index: 100;  }

div.carousselnav { position: absolute; font-weight: bold; height: 33px; width: 305px; margin-top: -33px; background: #395175; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.carousselnav div.title {  position:absolute; margin: 0px 35px 0 35px; text-align: center; position: absolute; width: 235px; }
div.carousselnav a.goup { position:absolute; margin: 2px 0 0 3px;}
div.carousselnav a.godown { position:absolute; padding: 2px 0 0 275px; }

div.bumper { height: 10px; }


div.sideimage { height: 265px; }

div.select { float: left; width: 200px; }
div.select div.logospace { height: 40px; }
div.select form label { font-size: 1.1em; color: #E37F3F; display: block; padding: 0 0 4px 0; }
div.select form select { width: 190px; margin: 0 0 8px 0; border: 1px solid #395175; font-weight: bold; color: #395175; font-size: 1.1em; }
div.select form select option { width: 100%; }

div.logobox { position: absolute; margin-left: -230px; }
div.headerbox { position: absolute; margin-left: -238px; margin-top: -34px; }
div.headerbox h2 { font-size: 1.4em; color: #395175; margin: 0; padding:0;}
div.headerboxspace { height: 25px; }


div.results { float: right; width: 700px; display: block; }

table.resulttable { width: 100%; }
table.resulttable th { font-size: 1.4em; color: #e37f3f; padding: 9px 6px; }
table.resulttable th.vacancy 	{ text-align: left;  }
table.resulttable th.region 	{ width: 175px; text-align: left; }
table.resulttable tr td			{ padding: 2px 6px; background-color: #ffffff; border-bottom: 4px solid #F4F4F4; vertical-align: top;  zoom: 1;}

vacfade

table.resulttable tr td.resultlogo { text-align: center; }
table.resulttable tr td.resultlogo a { text-decoration: none; font-style:italic; color: #395175; }

img.resultlogo { float: right; }
table.resulttable td a				{ text-decoration: none; } 
table.resulttable td span.function 	{ font-weight: bold; color: #395175; display: block; }
table.resulttable td span.group 	{ color: #e37f3f; font-size: 0.9em; display: block; }
table.resulttable td span.description { line-height: 1.2em; font-style: italic; display: block; padding-bottom: 8px; }

table.resulttable td a span.description  { color: #000000; }
table.resulttable td a span { text-decoration: none; }
table.resulttable td a:hover span { color: #395175; }

/* content */
div.bgcontent { border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default_jobs/bg_shadow.gif) repeat-x bottom; width: 927px; }
div.bgcontent div.sidebar { float: left; width: 305px; margin-right: -10px; border-right: 0.6em solid #F4F4F4; padding-bottom: 5px; background: #ffffff; }
div.bgcontent div.maincontent { float: right; width: 615px; border-left: 6px solid #F4F4F4; padding-bottom: 5px; min-height: 300px; }
* html div.bgcontent div.maincontent { width: 615px; height: 300px;  }


div.contentfoot { clear: both; text-align: right; color: #304269; }
div.contentfoot a { font-weight: bold; font-size: 1.2em; color: #304269; text-decoration: none; }
div.contentfoot a:hover { color: #E37F3F; }

div.sidebar div.image {  }
div.sidebar span.title {  display: block; font-weight: bold; font-size: 1.7em; line-height: 33px; margin-top: -33px; height: 33px; text-align: center; background: #395175; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.sidebar span.intro { padding: 6px 0 0 0; margin: 0 10px 10px 10px; font-size: 1.2em; color: #444342; font-weight: bold; font-style: italic; line-height: 1.4em; text-decoration: none; display: block; height: 75px; }

div.padbox { padding: 20px 30px;  }

div.video { position: absolute; height: 241px; width: 305px; }
div.videoOver { position: absolute; cursor: pointer; z-index: 110; background-color: #cccccc;  height: 241px; width: 305px; }
div.videopopover {  }

span.company { float: right; margin-top: -16px; text-decoration: none; }
span.company a {  text-decoration: none; font-style:italic; color: #395175; }

div.centerpanelM {position: absolute; text-align: center; margin-left: -190px; margin-top: -60px; z-index: 10000; width: 640px; border: 1px solid #8F98AB; background: #C3CBD6; }
div.centerpanelM div.close { font-size: 1.1em; font-weight: bold; text-align: right; padding: 4px;  }
div.centerpanelM div.close a { text-decoration: none; color: #000000; }


#Contactformulier {  }
#Contactformulier td { width: 200px; padding: 4px 0; border-bottom: 1px solid #BEC6D2; vertical-align: top; color: #395175; }
#Contactformulier input { border: 1px solid #395175; }
#Contactformulier textarea { border: 1px solid #395175; }


/* assets */

.mceContentBody a.gogo  { display: inline-block; font-weight: bold; text-decoration: none; background: url(../../images/default_jobs/gogo.gif) no-repeat right; padding-right: 20px;  }
.mceContentBody a.downloadlink { }

.specs 	{ font-weight: bold; color: #8f98ab; }
.date	{ font-weight: bold; color: #8f98ab; }
.time 	{ font-weight: bold; color: #8f98ab; }
.source { font-weight: bold; color: #8f98ab; }
.author	{ font-weight: bold; color: #8f98ab; }
.error	{ color: red; }

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

/* toc */
ul.toc {}
ul.toc li { font-weight: bold;list-style: none; margin: 0; }
ul.toc li a { color: #304269; font-weight: bold; display: inline-block;  text-decoration: none; line-height: 1.8em;  background: url(../../images/default_jobs/gogo.gif) no-repeat right; padding-right: 20px; text-decoration: underline; }
a.toptoc { display: block; margin: 0.5em 0 1.5em 0; font-weight: bold; border-top: 1px solid #304269; text-decoration: none; background: url(../../images/default_jobs/arrow_north.gif) no-repeat right 0.5em; text-decoration: none; text-align: right; color: #304269; }

/* listvieuw */
.mceContentBody ul.listview 						{}
.mceContentBody ul.listview li 					{ font-weight: bold; color: #304269; }
.mceContentBody ul.listview li a 				{ font-weight: bold; color: #304269; }

/* categorylistview */
ul.categorylistview 				{}
ul.categorylistview li 				{ list-style: none; margin: 0 0 0.5em 0; color: #e37f3f;  }
ul.categorylistview li a 			{ color: #e37f3f; font-weight: bold; text-decoration: none;}

ul.categorylistview ul 				{}
ul.categorylistview ul li 			{ font-weight: bold; color: #CA4F00; list-style: disc; margin: 0 0 0 1.6em; }
ul.categorylistview ul li a			{ font-weight: bold; color: #304269; text-decoration: underline;}

/* extendelistview */
dl.extendelistview 					{}
dl.extendelistview dt				{ font-weight: bold; margin-top: 1em; }
dl.extendelistview dd				{ margin: 0; padding: 0; clear: both;  }
dl.extendelistview dd ul 			{ padding: 0; list-style: none;}
dl.extendelistview dd ul li         { list-style: none; margin-left: 0; }
dl.extendelistview dd img 			{ float: right; }

/* search */
dl.searchresults 				{}
dl.searchresults dt				{ font-weight: bold; margin-top: 1em; }
dl.searchresults dd				{ margin: 0; padding: 0; clear: both; }
dl.searchresults dd ul 			{ padding: 0; list-style: none; }

/* paginering */


ul.pagination 						{ margin: 0; padding: 0; list-style: none;  }
ul.pagination li 					{ float: left; margin: 0; padding: 0; list-style: none; }
ul.pagination li a 					{ display: block; padding: 0 0.2em; margin: 0.2em; }
ul.pagination li.first a 			{ border: none; }
ul.pagination li.previous a 		{ border: none; }
ul.pagination li.page 				{ background: #008AB9; margin: 0.2em; font-weight: bold; }
ul.pagination li.page a				{ text-decoration: none; color: #ffffff; }
ul.pagination li.next a				{ border: none;  }
ul.pagination li.last a				{ border: none; }

/* tablestyle */
table.tablestyle 					{ vertical-align: top; }
table.tablestyle tr td				{ padding: 0.2em; border-bottom: 1px solid #008AB9; }
table.tablestyle tr th				{ font-weight: bold; border-bottom: 1px solid #008AB9; text-align: left; color: #374b86; }
table.tablestyle thead tr td		{  }
table.tablestyle thead tr th		{ background: #008AB9; border-bottom: 1px solid #008AB9; padding: 0.2em; text-align: left; font-weight: bold; color: #ffffff }
table.tablestyle caption 			{ text-align: right; font-style:italic; font-weight: bold; color: #8ba629; }
table.tablestyle tfoot tr td 		{ border-bottom: none; font-style: italic; color: #008AB9; line-height: 2em;}

/* formulier */
form.formstyle 						{}
form.formstyle input 				{}
form.formstyle input.text 			{}
form.formstyle input.checkbox 		{}
form.formstyle input.radio 			{}
form.formstyle select 				{}
form.formstyle textarea 			{}
form.formstyle input.button 		{}


/* sitemap */
ul.sitemap 							{}
ul.sitemap li 						{}
/* level 1 */
ul.sitemap li a						{ color: green; }
/* level 2 */
ul.sitemap li ul li a				{ color: red;}
/* level 3 */
ul.sitemap li ul li ul li a			{ color: yellow;}
/* level 4 */
ul.sitemap li ul li ul li ul li a	{ color: purple; }




/* form styles */
div.content form                        { margin: 0; }
div.content form span.formerror         { color: #ff0000; }
div.content form span.formrequired      { color: #ff0000; font-weight: bold; }
div.content form input.radio            { }
div.content form input.checkbox         { }
div.content form input.checkbox 		{ }
button   								{ }

/* searchengine */
div.searchengine div.resultshead 		    	{ }
div.searchengine div.resultpagination			{ }
div.searchengine div.resultpagination span		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid silver; }
div.searchengine div.resultpagination a 		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; background: silver; border: 1px solid gray; text-decoration: none; }
div.searchengine div.searchstars 				{ font-size: 2em; margin: 0.5em 0 -0.5em 0; font-weight: bold; color: gray;  }
div.searchengine div.searchresultitle 			{ }
div.searchengine div.searchresultitle a 		{ }
div.searchengine div.searchresultlocation		{ font-style:italic; }
div.searchengine div.searchresultdescription a 	{ text-decoration: none; }


/* light box */
div.lightbox                                { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img                          { border: none; }
div.outerimagecontainer                     { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer                          { padding: 10px; }
div.loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav                                { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav             { left: 0em; }
div.hovernav a                              { outline: none; }
a.prevlink, a.nextlink                      { width: 49%; height: 100%; background: transparent url('../../images/default_jobs/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink                                  { left: 0em; float: left; }
a.nextlink                                  { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover  { background: url('../../images/default_jobs/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover  { background: url('../../images/default_jobs/lightbox/nextlabel.gif') right 15% no-repeat; }

div.imagedatacontainer              { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata                       { padding:0 10px; color: #666; }
div.imagedata div.imagedetails      { width: 70%; float: left; text-align: left; }
div.imagedata span.caption          { font-weight: bold;   }
div.imagedata span.numberdisplay    { display: block; clear: left; padding-bottom: 1.0em;   }
div.imagedata a.bottomnavclose      { width: 66px; float: right;  padding-bottom: 0.7em;   }
div.overlay                         { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }


div.contentcontainer form span.formerror         { color: #DC002E; }
div.contentcontainer form span.formrequired      { color: #DC002E; font-weight: bold; }
button, input.button   { background: #F18E00; border: 1px solid #6A6250; color: #ffffff; font-weight: bold; font-size: 0.9em; padding: 0.2em; margin-top:1em; }

form.questionform { margin: 0; padding: 0; }
form.questionform span.formerror { width: 200px; display: block; }

div.captcha					{ }
div.captcha img 			{ float: left; margin-top: 1em; clear: both; }
div.captcha button 			{ float: left; margin-top: 1em; clear: both; }
div.captcha input 			{ float: left; margin-top: 1em; clear: both; }