/*
   dark purple: #2c2565
   light blue: #0197dc
   light purple: #9592b2
*/
body {
  padding: 0; margin: 0;
  color: #000;
  text-align:center;
  background-color:#fff;
  font-family: arial, verdana, sans-serif;
  font-size:74%;
  background:url('../gfx/bg_body.png') repeat-y 50% 9px;
}

body#index {
  background-image:none;
  background-color:#fff;
}

.shoehorn {
   line-height:1px;
   font-size:1px;
   clear:both;
   height:1px;
}

a img { border: 0; }

/* webhare-cms copypasted html has anomalous point-styles attached to it. */
/* adding !important and the high-priority descendant selector is all that can be done to ensure override. */
* p.wh-normaalweb,
* .vestiging_content p {
   margin-top:0 !important;
}

#wrapper {
  width: 950px;
  padding: 0 0 40px 0;
  margin:0 auto;
  text-align: left;
  overflow: hidden;
  background:url('../gfx/footer_estro.png') no-repeat 50% 100%;
  padding-bottom:60px;
}

.header {
   height:112px;
   padding-top:15px;
   background:white url('../gfx/header.png') no-repeat 0 15px;
   position:relative;
}

a#catalpahome {
  position:absolute;
  top:39px;
  left:54px;
}
a#catalpahome img {
  border:none;
}

ul#topnav {
   position:absolute;
   bottom:24px;
   right:169px;
   margin:0;
   padding:0;
   list-style-type:none;
   font-size:13px;
}
ul#topnavsub{
}
ul#topnav li {
  float:right;
  vertical-align:middle;
  list-style-type: none;
}
ul#topnav a,
ul#topnav a:visited {
  float:left;
  text-decoration:none;
  margin-left:10px;
}
ul#topnav a:hover {
  text-decoration:underline;
}

.header_moreinfo {
   position:absolute;
   top:50px;
   right:15px;
   color:#2c2565;
   width:120px;
}
.header_moreinfo * {
   margin:0;
   font-size:13px;
   font-weight:bold;

}



#leftcol {
  float:left;
  width: 141px;
  padding:0 0 0 5px;
  margin-bottom:-40px;
  z-index:1;
  position:relative;
}

#centercol {
  float:left;
  width: 658px;
  margin: 0;
  padding: 0;
}

#contentpanel {
  clear:both;
  padding:0 20px;
}

#rightcol {
  width: 122px;
  margin:0;
  padding: 0 12px 0 12px;
  float:left;
  color: #fff;
  margin-right:-3px;
}

#rightcol h2 {
  margin: 25px 0 50px 0;
  color:#fff;
  text-align:center;
  font-family:"Trebuchet MS", "Lucida Grande";
  font-size:120%;
}

#rightcol #quote {
  color:#fff;
  text-align:center;
  font-style:italic;
  font-size:120%;
  font-family: "Trebuchet MS", "Lucida Grande";
}

#rightcol #belnu {
   color:#ffffff;
   font-size:12px;
}

#centercol h1 {
  margin:0 0 1.5em 0;
  padding:0;
  font-size:120%;
}

.newsitemimage {
  float:right; display:inline;
  border:1px solid #999;
  margin:0 0 0 20px;
}


/* ---------------------- general link styling ------------------------ */

a, a:visited {
  color:#0197dc;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}


/* ------------------------- various visuals ------------------------ */

html,
body {
  height:100%;
}


p#copyright {
  text-align: center;
  font-size:9px;
}

#contentpanel h1,
#contentpanel h2,
#contentpanel h3 {
   color:#0197dc;
}

/* ------------------------ sitenav ----------------------- */
.menu_sections {
   margin-left:25px;
}

ul#sitenav {
  margin: 0 1px 0 0;
  padding: 0;
  list-style-type:none;
  border-right:2px solid #2c2565;
  font-size:15px;
}

#sitenav li {
   margin:0;
   padding:0;
   position:relative;
   list-style-type:none;
}

#sitenav a,
#sitenav div {
  color:#2c2565;
  text-decoration: none;
  display:block;
  padding-right:7px;
  padding-bottom:8px;
  text-align:right;
}

#sitenav a:hover {
  color:#9592b2;
}

#sitenav li.onpath a,
#sitenav li.onpath a:visited,
#sitenav li.onpath div {
  color:#0198dd;
}
#sitenav li.onpath ul li a,
#sitenav li.onpath ul li a div {
   xcolor:#2c2565;
}

#sitenav ul.sitenavsub {
   display:none;
   font-size:14px;
   padding:0;
   margin:0;
   position:absolute;
   top:0;
   left:115px;
   background:#d0cfdd;
}
#sitenav ul.sitenavsub li {
   text-align:left;
   margin:0;
   padding:0;
}

#sitenav .sitenavsub a {
   color:#2c2565 !important;
   display:block;
   padding:5px 15px 5px 10px;
   white-space:nowrap;
   text-align:left;
}
#sitenav .sitenavsub a:hover {
   background:#9592b2 !important;
}

.location_info h2 {
   font-size:20px;
   color:#cc0000;
}
.location_info {
   font-size:12px;
   color:#000;

}
.location_info img {
   padding:4px;
}

#slinky {
   display:block;
   margin:2em 0 2em 8px;
}

#copyright {
   margin:0;
}
#copyright .copylink {
   color:black;
   text-decoration:none;
}

/*-------------------- location ------------------*/

ul#location {
  margin:20px 0 5px 0;
  padding:0;
  color: #999;
  font-weight: bold;
  font-size:90%;
  list-style-type:none;
}

#location li, #location ul, #location div {
  margin:0; padding:0;
  display:inline;
  color:#000;
  list-style-type:none;
}
ul#location li a,
ul#location li a visited {
  margin:0; padding:0;
  display:inline;
  color:#999;
  list-style-type:none;
  text-decoration:none;
}

#location a:hover {
  color: #000;
  text-decoration: underline;
}


/*-------------------- subfolders ------------------*/

ul#subfolders {
  margin:0 0 1em 0;
  padding:0;
  list-style-type: none;
  overflow:hidden;
  font-size:11px;
}
#subfolders li {
  float:left;
  margin:0;
  padding:0;
  list-style-type: none;
}
#subfolders li a,
#subfolders li a:visited {
  float:left;
  padding: 1px 5px 2px;
  margin-right:5px;
  color: #fff;
  background-color: #2c2565;
  white-space:nowrap;
  text-decoration: none;
}
#subfolders li a:hover,
#subfolders li.onpath a,
#subfolders li.onpath a:visited {
  color: #fff;
  background-color: #0197dc;
  text-decoration: none;
}


/* ----------------------- contentlisting ---------------------- */

#contentlisting dt {
  margin-top:1em;
  padding-top:1em;
  border-top:1px dashed #9592b2;
}

#contentlisting dt {
  margin-top:1em;
}

#contentlisting dd.eventdate,
p.newsitemdate {
  margin:.5em 0;
  padding:0;
}

#contentlisting dd.description {
  margin:0;
  padding:0;
}

#contentlisting img {
  float:right; display:inline;
  border:1px solid #9592b2;
  margin:0 0 0 20px;
}


/* ------------------ pagenav & pagetoc ------------------ */

.pagenav {
  float:right; display:inline;
  clear:both;

  margin:20px;
  padding:0;

  text-align:center;
  white-space:nowrap;

  color:#000;
}

.pagenav ul {
  float:left; display:inline;
  margin:0;
  padding:0;
  text-align:center;
}


.pagenav li {
  float:left; display:inline;
  padding:0;
  margin:0;
  list-style-type:none;
}

.pagenav li a, .pagenav li a:visited {
  float:left; display:inline;
  padding:8px;

  color:#000;
  font-weight:bold;

  text-decoration:none;
}

.pagenav li a:hover {
  color:#fff;
  background-color:#aa122b;
  text-decoration:underline;
}

.pagenav li.onpath {
  padding:6px;
  font-size:1.3em;
  font-weight:bold;
  color:#aa122b;

  border:1px solid #000;
  background-color:#eef;

}

#pagetoc {
  margin:2em 0;
  padding:0 2em;
}

#pagetoc li a, #pagetoc li a:visited {
  color:#000; font-weight:bold;
  text-decoration:none;
}

#pagetoc li a:hover {
  text-decoration:underline;
}


/* ----------------------- beschikbaarheid ---------------------- */

table#beschikbaarheid caption {
  padding:.5em;
  text-align:left;
}

#beschikbaarheid td,
#beschikbaarheid th {
  padding:0 .5em;
}


/*-------------------- rooster kosten ------------------*/

table#kosten_kov,
table#kosten_bso {
  border-collapse: collapse;
  border-spacing: 0;
  color: #333;
}

* html #contentpanel table#kosten_kov,
* html #contentpanel table#kosten_bso {
  font-size:100%; /* IE5 */
}

#kosten_kov thead th,
#kosten_bso thead th {
  padding: 0.2em 0.5em;
  text-align: center;
}

#kosten_kov tr,
#kosten_bso tr {
  vertical-align: bottom;
}

#kosten_kov td,
#kosten_bso td {
  border-top: 1px dotted #999;
  padding: 0.3ex 0.2em;
}

#kosten_kov tr.firstDayRow td,
#kosten_bso tr.firstDayRow td {
  border-top: 1px solid #333;
}

#kosten_kov td.day,
#kosten_bso td.day {
  padding-right: 1em;
  font-weight: bold;
}

#kosten_kov td.time,
#kosten_bso td.time {
  text-align: left;
  white-space: nowrap;
}

#kosten_kov td.price,
#kosten_bso td.price {
  text-align: center;
  white-space: nowrap;
}

#kosten_bso sup,
sup.bso_toelichting {
  color: #c70000;
}

#kosten_bellen {
  margin: 4em 0 0 0;
  color: #c70000;
  font-style: italic;
}

#kosten_toeslagen h2 {
  margin: 1.5em 0;
  font-size: 120%;
}

/*-------------------- sollicitatie formulier ------------------*/

form.catalpaform {
  padding:0;
  margin:0 0 1em 0;
}

form.catalpaform fieldset,
div.catalpaform .fieldset {
  padding:.5em;
  margin:0 0 2em 0;

  border:1px solid #999;
}

div.catalpaform .fieldset {
  clear:both;
  min-height:0;
  margin:2em 0;

  background-color:#fefefe;  /* fix border through fake caption */
}

* html div.catalpaform .fieldset { height:1px; }

div.catalpaform .fieldset:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.catalpaform legend,
div.catalpaform .legend h2 {
  padding:.2em;
  margin:0 0 .5em .5em;

  color:#000;
  font-size:1.1em;
  font-weight:bold;
}

div.catalpaform .legend h2 {
  float:left;
  display:inline;
  position:relative;
  margin:-1.5em 0 .5em 0;
}

div.catalpaform .legend {
  padding:0 0 1em 0;
  min-height:0;
}

div.catalpaform .legend:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.catalpaform .formfield,
div.catalpaform dl.formfield {
  clear:both;
  padding:.2em .5em; margin:0;
  min-height:0;
}

form.catalpaform .formfield label,
div.catalpaform .formfield dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em 0 0;
  margin:0;
  width:12.5em;
  color: #000;
  font-weight:normal;
  line-height:1.4em;
}

* html form.catalpaform .formfield label,
* html div.catalpaform .formfield dt {
  width:13em;
}

form.catalpaform .formfield .inputgroup {
  margin-left: 13em;
}

* html form.catalpaform .formfield .radiogroup {
  position: absolute;   /* if omitted, MSIE 6 turns this into a big mess */
}

form.catalpaform .formfield .radiogroup label {
  float: none;
  display: inline;
  padding: 0;
  margin: 0;
}

form.catalpaform .formfield p { clear:both; }

form.catalpaform .formfield p,
div.catalpaform dl.formfield dd {
  padding:0; margin:0 0 0 13em;

  line-height:1.4em;
}

div.catalpaform dl.formfield dd:after {
  content: "."; /* fix positioning for empty dd */
  visibility: hidden;
}

/* make the fields reasonably the same size */
form.catalpaform input.text,
form.catalpaform input.file,
form.catalpaform input.password,
form.catalpaform textarea {
  width: 17em;  /* 18em not possible for catalpa */
  padding: 0.2em;
}

/* same for selectbox but without padding */
form.catalpaform select {
  width:17.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
* html form.catalpaform textarea,
*+html form.catalpaform textarea { overflow:auto; }

/* form.catalpaform .required { background:url("../gfx/asterisk.png") 99% 1em no-repeat; } */

form.catalpaform input.error,
form.catalpaform select.error,
form.catalpaform textarea.error { border:2px solid #fa0; }

form.catalpaform p.error {
  display:block;
  margin:0 0 0 13em;

  color:#fa0;
}

form.catalpaform .fieldhint {
  font-weight:normal;
  color:#333;
}

form.catalpaform .fieldhint small {
  font-weight:normal;
  font-size:.85em;
}

form.catalpaform option { background:#efefef; }

form.catalpaform .footer {
  margin: 1em 0 0 11.5em;
}


  /* additional non-standard changes */

form.catalpaform .vacatureShortList {
  margin-top: 2em;
}

form.catalpaform .vacatureShortList {
  margin-bottom: 1.5em;
}

form.catalpaform .plaatsafstandField input#plaatsField {
  width: 16.6em;
  margin-right: 0;
  padding: 0 0.2em;  /* fix height difference between input and select field */
}

form.catalpaform .plaatsafstandField select#locationIdField {
  width: 17.4em;
  margin-right: 4px;
}


/* indien straal achter plaats/afstand getoond wordt */

form.catalpaform .plaatsafstandField label.straal {
  display: none;
}

form.catalpaform .plaatsafstandField select#straalField {
  width: 5em;
  margin-left: 0;
}

form.catalpaform .plaatsafstandField option.label {
  color: #666;
}

form.catalpaform #emailjob {
  padding:0 0 1em 0; margin:0;
}

form.catalpaform #emailjob .description {
  color:#666;
}


/* -------------------- showdetails -------------------- */

#page .hide {
  display: none;
}

.infolink {
  display:none;
}

.showdetails a {
  font-weight:bold;
  cursor:pointer;
}


/* ---------------------------------------------------- */
/* thumbnails and photos */
/* ---------------------------------------------------- */

#thumbnailpage, #photopage {
  margin:0;
  padding:0;
  text-align:center;
}

#photo, #thumbnails {
  margin:0;
  padding:0;

  clear:both;
  text-align:center;
}
#photopage:after,
#photo:after,
#thumbnailpage:after,
#thumbnails:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility: hidden;
}

#thumbnails li {
  float:left; display:inline;
  list-style-type:none;

  color:#000;
  height:175px;
  width:175px;
  text-align:center;

}

#thumbnails img, #photo img {
  padding:1px;
  background-color:#666;
}


/*=================== search page and results ===================*/
#searchpage {
  padding:0;
}

#searchpage form {
  margin:0;
  padding:.5em 10px;
  clear:both;
  min-height:0;
  line-height:1.4em;
  border:1px solid #e5e5e5;
  background-color:#eee;
}

#searchpage form:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

#wsc_extendedform div, #wsc_simpleform div {
  margin:.2em;
}

.searchoption {
  margin:0;padding:0;
  width:32%;
  float:left;
}

#searchpage label {
  margin:0; padding:0;
  display:block;

  font-size:92%;
  font-weight:bold;
}

#searchpage select, #searchpage input {
  font-size:92%;
}

.wsc_highlight {
  font-weight:bold;
}

.wsc_result {
  padding-top:1em;
}

.wsc_result dt {
  font-size:115%;
}

.wsc_result dd {
  margin:0;padding:0;
}

#contents .wsc_result dd p,
#contents .wsc_result dd p a,
#contents .wsc_result dd p a:visited  {
  margin:0;padding:0;
  color:#008000;
}

#wsc_summary {
  margin:1em 0;
}

#wsc_sortby dt,
#wsc_sortby dd {
  margin:0;padding:0;
  list-style-type:none;
  display:inline;
}

#wsc_pagenav {
  list-style-type:none;
  text-align:center;
}

#wsc_pagenav li {
  list-style-type:none;
  margin:0 .2em;
  display:inline;
}

.wsc_resultprops {
  margin: 0.4em 0 1em 0;
}

/* --------------------- webpack content ------------------------ */
/* webpack markup */

/* Webpack item title */
.whwp-title {
  font-weight: bold;
}


/* Characteristics shared between input and button style links */
.whwp-button, .whwp-button:hover {
  width: 100px;
  background-color: #A0A0A0;
  text-align: center;
  color: #FFFFFF;
  border: outset 2px;
  border-right-color: #808080;
  border-bottom-color: #808080;
  margin: 3px 3px 3px 0px;
}

/* Links with an input button appearance */
a.whwp-button, a.whwp-button:hover {
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button {
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  font-family: arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp-questiongroup {
  border: 1px #000000 solid;
  padding: 10px;
  margin: 20px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp-questiongroup .whwp-question {
  margin: 10px 0px;
}

/* Individual question labels */
.whwp-questiongroup .whwp-question label,
.whwp-questiongroup .whwp-question {
  font-style: italic;
  margin: 10px 0px 4px 0px;
}

.whwp-questiongroup .whwp-question input, .whwp-questiongroup .whwp-question textarea,
.whwp-questiongroup .whwp-question option, label input, label textarea,
.whwp-questiongroup .whwp-question .whwp-formgroup label {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.whwp-entry {
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp-entry .whwp-header {
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp-entry .whwp-message {
  padding: 4px;
}

.whwp-entry .whwp-message blockquote {
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp-entry .whwp-footer {
  padding: 5px;
}

table.whwp-table {
  border: solid 1px #000000;
  border-collapse: collapse;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

table.whwp-table th {
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

table.whwp-table td {
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp-odd {
  background-color: #EEEEEE;
}

.whwp-even {
  background-color: #FFFFFF;
}

table.whwp-attachments {
  font-size: 100%;
}

.whwp-errors {
  color:#000;
  background-color:#fdd;
  border:2px solid #f00;
  text-decoration:none;
  display:block;
  font-size:92%;
  padding:.3em 1em;
  margin:.8em 0 .5em 0;
}


/* -------------------- print_email -------------------- */

.nocss {
  display:none;
}

#print_mail {
  float:right; display:inline;

  min-height:0;
}

#print_mail ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#print_mail li {
  float:left; display:inline;
  padding:0; margin:0;
}

#print_mail li a {
  display:block;
  padding:.5em 0 .5em 0; margin:0 0 0 1em;
}

#print span {
  padding:.5em 0 .5em 1.5em;
  width:16px;
  height:16px;

  background:url("../gfx/printer.png") 0 50% no-repeat;
}

#email span {
  padding:.5em 0 .5em 1.5em;
  width:16px;
  height:16px;

  background:url("../gfx/email.png") 0 50% no-repeat;
}

#print_mail:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-height:0%;
}

.breadcrumbs{
   color:#e90000;
}

.breadcrumbs a{
   color:#719e42;
}