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/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: 95em; height: 100%; margin: 0 auto; padding: 0; text-align: left; }
/*
div.bgmenu { background: silver; position: absolute; height: 5em; width: 100%; left: 0; top: 0; background: #bec6d1 url(../../images/default/bg_menu.gif) repeat-x center; }
div.menu { position: absolute; top: 0; width: 95em; }
div.menu ul li { float: left; height: 2em; padding: 0.6em 0 0 0; }
div.menu ul li a { float: left; font-size: 1.2em; font-weight: bold; display: block; text-decoration: none; color: #ffffff; line-height: 1em; border-left: 1px solid #ffffff; padding: 0 1em; }
div.menu ul li.first a { border: none; padding-left: 0; }
div.menu ul li a:hover { color: #000000; }
div.menu ul li.selected a { color: #304269; }
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.bgmenu { background: silver; position: absolute; height: 54px; width: 100%; left: 0; top: 0; background: url(../../images/default/bg_menu.gif) repeat-x center 6px; }
div.htspmenu { display:none; }
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: 6px; 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: 22px; 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: 3em; left: 0px; }
div.menu ul li.selected ul li { background: none; }
div.menu ul li.selected ul li a { color: #ffffff; font-size: 1.1em; border: none; border-left: 1px solid #ffffff; line-height: 1em; height: auto; }
div.menu ul li.selected ul li a.selected { border: none; }
div.menu ul li.selected ul li.selected a { color: #304269; }
div.menu ul li.selected ul li a:hover { color :#000000; }
div.menu ul li.selected ul li.first { border: none; }
div.menu ul li.selected ul li.first a { border: none; }
div.servicemenu { position: absolute;left: 820px; top: 30px; 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: 60px; }
img.hts { height:3.5em; width:35em; position: absolute; top: 70px; }
div.newsbox { top: 6em; font-size: 1.1em; position: absolute; }
div.newsbox p { clear: both; padding: 0.3em 0; }
div.newsbox h3 { color: #E37F3F; font-size: 1.3em; }
div.newsbox span.date { display: block; float: left; width: 9em; font-weight: bold; color: #8f98ab; clear: left; }
div.newsbox a { display: block; float: left; width: 48em; text-decoration: none; color: #000000; }
div.newsbox a:hover { text-decoration: underline; }
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.homepane { margin-top: 3em; }
div.pane { zoom: 1; clear: both; }
div.pane div.topleft { background: url(../../images/default/bg_pane.gif) no-repeat top left; }
div.pane div.topright { background: url(../../images/default/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/bg_pane.gif) no-repeat bottom left; clear: both; }
div.pane div.bottomright { background: url(../../images/default/bg_pane.gif) no-repeat bottom right; clear: both; }
div.hpane { width: 100%; }
div.leftpane, div.centerpane, div.rightpane { float: left; width: 30.5em; border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default/bg_shadow.gif) repeat-x bottom; }
div.leftpane { float: left; margin-right: 0.6em; }
div.centerpane { float: left; }
div.rightpane { float: right; }
img.peneimg { width: 30.5em; height: 27.5em; }
div.hpane span.title { z-index: 1;display: block; font-weight: bold; font-size: 2.4em; line-height: 1.4em; margin-top: -1.4em; height: 1.4em; text-align: center; background: #E37F3F; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.hpane span.intro { padding: 1em 0 0 0; margin: 0 1em 1em 1em; font-size: 1.2em; color: #444342; line-height: 1.3em; text-decoration: none; display: block; height: 6em; background: url(../../images/default/gogo_xl.gif) no-repeat bottom right; }
div.hpane a { text-decoration: none; }
div.hpane a:hover span.title { color: #304269; background: #ffffff; cursor:pointer; }
div.hpane a:hover span.intro { color: #E37F3F; cursor:pointer; }
img.starflash { position: absolute; margin-top: -4.5em; left: 50em; width: 10.5em; height:10.5em; }
a:hover img.starflash { width: 11em; height: 11em; }
/* content */
div.bgcontent { border-right: 1px solid #ebebeb; background: #ffffff url(../../images/default/bg_shadow.gif) repeat-x bottom; width: 92.7em; }
div.bgcontent div.sidebar { float: left; width: 30.5em; margin-right: -1em; border-right: 0.6em solid #F4F4F4; padding-bottom: 5px; }
div.bgcontent div.maincontent { float: right; width: 61.6em; border-left: 0.6em solid #F4F4F4; padding-bottom: 5px; }
* html div.bgcontent div.maincontent { width: 61.4em; clear: both; }
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 span.title { display: block; font-weight: bold; font-size: 2em; line-height: 1.8em; margin-top: -1.8em; height: 1.8em; padding-left: 0.5em; font-style:italic; background: #E37F3F; color: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div.sidebar span.intro { padding: 1em 0 0 0; margin: 0 1em 1em 1em; font-size: 1.2em; font-weight: bold; font-style: italic; color: #444342; line-height: 1.3em; text-decoration: none; display: block; height: 6em; }
div.padbox { padding: 0em 3em 2em 3em; }
/* assets */
.mceContentBody a.gogo { display: inline-block; font-weight: bold; text-decoration: none; background: url(../../images/default/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/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/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/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/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/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; paddin: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; }