body {
  color: #000;
  font: 12pt/16pt Verdana, Tahoma, Arial, sans-serif;
}

a {
  color: #002c52;
}

a:hover {
  color: #f39910;
}

a img {
  border: 0;
}

/*a[rel=external]:after {
   content: '\2197';
}*/

body,
html {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0 0 0.9em 0;
}

h1 {
  font-size: 20pt
}

h2 {
  font-size: 16pt
}

h3 {
  font-size: 14pt;
}

ol,
ul {
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
label[for] {
  cursor: pointer;
}

button {
  border: 0;
  height: 22px;
  line-height: 22px;
  padding: 0;
}

button:hover {
  background-color: #f77d1a;
}

button span {
  display: none;
}

legend {
  display: none;
}

input[type=password],
input[type=text],
select,
textarea {
  background: #fff url(/img/base/hreffect.gif) repeat-x top;
  border: 1px solid #036;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  width: 330px;
}

select {
  height: auto;
}

textarea {
  height: 80px;
  overflow: auto;
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
}

input[type=radio] {
  margin-left: 0;
  margin-top: 0;
}

select {
  background-image: none;
  padding: 0;
}

/*#LAYOUT BLOKKEN DIE KOLOMMEN REPRESENTEREN*/
.layout-1 #b-1 {
  float: left;
  margin-right: 45px;
  width: 495px;
}

.layout-1 #b-1 img {
  margin-left: 5px;
}

.layout-1 #b-2 {
  float: left;
  width: 450px;
}

.layout-2 #b-1 {
  display: none;
}

.layout-2 #b-2 {
}

.layout-2 #b-3 {
  display: none;
}

/*#BASIC#*/
#base {
  margin: auto;
  overflow: hidden;
  width: 990px;
}

#base #header {
  background: url(/img/base/hreffect.gif) repeat-x bottom;
  height: 140px;
  position: relative;
}

#base #header #logo {
  left: 0;
  position: absolute;
  top: 23px;
  z-index: 2;
}

#base #header .itrislinks {
  display: none;
}

#base #header .zoeken {
  display: none;
}

#base #aaa {
  display: none;
}

#base #nav {
  display: none;
}


#base #content .intro {
  background: #efeff0;
  font-weight: bold;
  padding: 10px 20px;
}

#base #footer {
  background: url(/img/base/hreffect.gif) repeat-x top;
  color: #002c52;
  font-size: 9px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

#base #footer span {
  color: #f39910;
  padding: 0 0.3em;
}

#klantenservice {
  background: #f39910;
  color: #fff;
  margin: -5px -15px 0 -15px;
  min-height: 175px;
  padding: 5px 15px;
}

#klantenservice .custom-list.v2 li {
  margin-bottom: 0;
}

#bastonblokken {
  display: none;
}

#subnav {
  display: none;
}

#poll {
  display: none;
}

#nieuws-shortlist {
  list-style: none;
}

#nieuws-shortlist li {
  border-top: 1px solid #d9d9d9;
  margin-bottom: 10px;
  overflow: hidden;
  padding-top: 10px;
}

#nieuws-shortlist li:first-child {
  border: none;
  padding-top: 0;
}

#nieuws-shortlist h2 {
  float: left;
  max-width: 350px;
}

#nieuws-shortlist .datum {
  color: #002c52;
  float: right;
}

#nieuws-fulllist h2 {
  float: left;
  max-width: 440px;
}

#nieuws-fulllist .datum {
  color: #002c52;
  float: right;
}

#faq-categorieen {
  list-style: none;
  margin: 0;
  overflow: hidden;
}

#faq-categorieen li {
  background: url(/img/sprite-faq-categorieen.png);
  float: left;
  font-size: 18px;
  height: 37px;
  letter-spacing: -1px;
  margin: 0 6px 6px 0 !important;
  overflow: hidden;
  width: 267px;
}

#faq-categorieen li a {
  color: #fff;
  display: block;
  height: 37px;
  line-height: 32px;
  padding-left: 48px;
  text-decoration: none;
}

#faq-categorieen li.cat-1 {
  background-position: 0 0;
}

#faq-categorieen li.cat-2 {
  background-position: -267px 0;
}

#faq-categorieen li.cat-3 {
  background-position: 0 -37px;
}

#faq-categorieen li.cat-4 {
  background-position: -267px -37px;
}

#faq-categorieen li.cat-5 {
  background-position: 0 -74px;
}

#faq-categorieen li.cat-6 {
  background-position: -267px -74px;
}

#faqlist li {
  background: #ededed url(/img/sprite-faq.png) left top;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  margin: 0 0 5px 0 !important;
  overflow: hidden;
  padding: 8px 10px 0 34px;
}

#faqlist li .q {
  font-size: 11px;
  font-weight: bold;
  padding-right: 20px;
}

#faqlist li.open {
  background-position: -538px top;
  background-repeat: no-repeat;
}

#faqlist li.closed .a {
}

#faq-categorieen-select {
  float: right;
}

#faq-categorieen-select select {
  display: none;
}

#faq-form .f1,
#faq-form .f2 {
  float: left;
  width: 260px;
}

#faq-form .form-label {
  font-weight: bold;
  width: 95px;
}

#faq-form .form-input {
  width: 148px;
}

#faq-form input[type=text] {
  width: 140px;
}

#faq-form select {
  width: 148px;
}

#faq-form textarea {
  height: 89px;
  margin: 0;
  width: 252px;
}

#ib { /* 'in-between' wrapper om klikpad en page actions te tonen */
  height: 16px;
  position: relative;
}

#ib #klikpad p {
  margin: 0;
}

#ib #klikpad span {
  background: url(/img/klikpad-pijl.gif) no-repeat 0 center;
  margin-left: 5px;
  padding-left: 8px;
}

#ib #page-actions {
  display: none;
}

#enquete-voortgang ol {
  list-style: none;
  padding: 0 6px;
}

#enquete-voortgang ol li {
  background: url(/img/sprite-enquete-voortgang.gif) repeat-x top;
  color: #d8d8d8;
  float: left;
  height: 32px;
  margin: 0 !important;
  text-align: center;
  width: 40px; /* Deze is alleen voor de templating, daarna moet dit worden berekend en inline worden geplaatst. */
}

#enquete-voortgang ol li.hilight {
  background-position: 0 -32px;
  color: #96bd0b;
  font-weight: bold;
}

#enquete-voortgang .pre,
#enquete-voortgang .post {
  background: url(/img/sprite-enquete-voortgang-rand.gif) bottom;
  float: left;
  height: 32px;
  width: 6px;
}

#enquete-voortgang .pre {
  background-position: top
}

.enquete-vraag {
  background: url(/img/sprite-enquete.png) -540px bottom;
}

.enquete-vraag > .inner {
  background: url(/img/sprite-enquete.png) 0 top;
  min-height: 167px;
  padding: 5px 10px;
}

.enquete-vraag .faux-header {
  color: #000;
}

.enquete-vraag .opties {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 5px 0;
}

.enquete-vraag .buttons {
  height: 22px;
  position: relative;
}

.enquete-vraag .buttons .vorig {
  left: 0;
  position: absolute;
}

.enquete-vraag .buttons .volgend {
  position: absolute;
  right: 0;
}

.enquete-vraag .form-row.inline {
  overflow: hidden;
}

.enquete-vraag .form-row.inline div {
  float: left;
  margin-left: 20px;
}

.enquete-vraag .form-row.inline div:first-child {
  float: left;
  margin-left: 0;
}

.enquete-vraag .form-row .anders {
  float: left;
  margin-right: 10px;
}

#feedback-contact + .deco, #feedback-start + .deco {
  background: url(/img/feedback-contact.jpg) no-repeat bottom;
  height: 106px;
}

#homepage-container {
  position: relative;
}

#homepage-container .numericNavigation {
  background: url(/img/base/baston_logo.gif) no-repeat -98px 0;
  bottom: 10px;
  height: 54px;
  position: absolute;
  right: 10px;
  width: 54px;
}

#homepage-container .numericNavigation a {
  color: #fff !important;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  text-align: center;
  text-decoration: none;
  width: 27px;
}

#homepage-container.active-4 .numericNavigation a.element-0,
#homepage-container.active-0 .numericNavigation a.element-0,
#homepage-container.active-1 .numericNavigation a.element-1,
#homepage-container.active-2 .numericNavigation a.element-2,
#homepage-container.active-3 .numericNavigation a.element-3 {
  background-color: #f39910 !important;
}

/* Globals */
.custom-list li {
  background: url(/img/base/arrow-1.gif) no-repeat 0 4px;
  list-style: none;
  margin: 0 0 5px 0;
  padding-left: 15px;
}

.custom-list li a {
 text-decoration: none;
}

.custom-list li a:hover {
 text-decoration: underline;
}

.custom-list.v2 li {
  background-image: url(/img/base/arrow-2.gif)
}

.custom-form {
  background: #70a200 url(/img/custom-form.gif) repeat-x;
  color: #fff;
  padding: 3px 10px;
}

.custom-form .form-button {
  text-align: right;
}

.custom-form .faux-header {
  color: #fff;
}

.custom-img {
  background: #fff;
  border: 1px solid #a7a7a7;
  float: left;
  margin-right: 10px;
  padding: 2px;
}

.custom-blok {
  background: #f39910;
  color: #002c52;
  padding: 5px 15px;
}

.custom-blok a {
  color: #002c52;
}

.custom-blok p {
  color: #fff;
}

.custom-fulllist {
  list-style: none;
}

.custom-fulllist li {
  background: #d3eaf7;
  margin: 0 0 5px 0 !important;
  overflow: hidden;
  padding: 5px 15px;
}

.custom-fulllist li img + .text {
}

#feedback-contact .form-error input,
#feedback-contact .form-error textarea {
  border: 1px #f00 solid;
}

#feedback-contact .form-error span {
  color: #f00;
  font-weight: bold;
}

.feedback-zoeken button {
  background: url(/img/base/btn-zoek-oranje.gif);
  float: left;
  width: 57px;
}

.feedback-zoeken button span,
.feedback-zoeken-2 button span {
  display: none;
}

.feedback-zoeken input,
.feedback-zoeken-2 input,
.feedback-zoeken-2 textarea {
  width: 142px;
}

.feedback-zoeken-2 button {
  background: url(/img/btn-verstuur-oranje.gif);
  float: left;
  width: 90px;
}



.zoek-opnieuw {
  height: 22px;
  position: relative;
}

.zoek-opnieuw form {
  height: 22px;
  position: absolute;
  right: 0;
}

.zoek-opnieuw form button {
  background: url(/img/base/btn-zoekopnieuw.gif);
  float: left;
  width: 117px;
}

.zoek-opnieuw form input {
  float: left;
  margin-right: 3px;
  width: 125px;
}

/* Verder styling die voor de editor van belang is */
#content li {
  margin-left: 2em;
}

/* Wordt gebruikt in de .custom-list, maar ook in content blokken */
.error {
  border: 2px solid #f77d1a;
  padding: 10px;
}

.required {
  color: #f28713;
}

.custom-list li.more a {
  text-decoration: underline;
}

.custom-image {
  float: left;
  margin-right: 20px;
  position: relative;
  width: 160px;
}

.faux-header {
  color: #f7a11a;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
}

/* Global 'spacers' */
.grouping {
  overflow: hidden;
}

.spacing {
  margin-bottom: 15px !important;
}

.spacing-small {
  margin-bottom: 5px !important;
}

.no-spacing {
  margin: 0 !important;
}

.kleine-lettertjes {
  color: #75797d;
  font-size: 9px;
  font-style: italic;
}

.more {
  background: url(/img/base/arrow-3.gif) no-repeat right;
  font-weight: bold;
  padding-right: 12px;
  text-decoration: none;
}

/* Styling voor de velden uit de formulieren */
.form-row {
  margin-bottom: 5px;
  overflow: hidden;
}

.form-row .form-label {
  float: left;
  padding-right: 10px;
  width: 218px
}

.form-row .form-label > label {
}

.form-row .form-input {
  float: left;
  overflow: hidden;
  width: 342px;
}

.form-row .split-50 {
  float: left;
  width: 50%;
}

.form-row.checkitem input[type=checkbox],
.form-row.checkitem input[type=radio] {
  float: left;
  width: 20px;
}

.form-row.checkitem .extra {
  padding-left: 20px;
}

.form-row.checkitem label {
  float: left;
  width: 500px;
}

.size-52 {
  width: 47px !important /* Minus padding en 1px border-left */
}

.size-111 {
  width: 106px !important/* Minus padding en 1px border-left */
}

.divide {
  margin-right: 7px;
}

.button-container {
  text-align: center;
}

/* De pager */
.results-navigation .count {
  float: left;
}

.results-navigation .pager {
  float: right;
}

.results-navigation .pager a {
  padding: 0 0.4em;
}

.results-navigation .pager a.active {
  background: #f39910;
  color: #fff;
  text-decoration: none;
}

.results-navigation .pager span {
  color: #99b5b3;
  padding: 0 0.3em;
}

.results-navigation .pager .previous {
  background: url(/img/base/arrow-4.gif) no-repeat left;
  font-weight: bold;
  padding-left: 12px;
}

.results-navigation .pager .next {
  background: url(/img/base/arrow-3.gif) no-repeat right;
  font-weight: bold;
  padding-right: 12px;
}

/* lightbox styling */
#lbContent {
  padding: 14px;
}

#lbContent .form-label {
  font-weight: bold;
  width: 110px;
}

#lbContent .form-input {
  width: 230px;
}

#lbContent input[type=text], #lbContent textarea {
  border: 1px #003366 solid;
  width: 216px;
}

#lbContent .form-error input[type=text], #lbContent .form-error textarea {
  border: 1px #f00 solid;
}

#lbContent .form-error .form-label {
  color: #f00;
}
#lbContent input[type=text] {
  height: 16px;
}

#lbContent textarea {
 overflow: auto;
}

.lb-close {
  position: absolute;
  right: 14px;
  top: 14px;
}

.lb-header {
  color: #920f7c;
  font-size: 12px;
  font-weight: bold;
  margin-top: 28px;
  text-align: right;
}

.lb-hr {
  background: url(/img/lb-hr.gif) repeat-x;
  display: block;
  height: 5px;
  margin-bottom: 10px;
  width: 100%;
}

.lb-logo {
  left: 14px;
  position: absolute;
  top: 14px;
}

#tellafriendform .stuurdoor {
  position: absolute;
  right: 14px;
}

.tellafriend-url {
  color: #920f7c;
}

/* poll */
.poll-result-score .bar {
  display: block;
  float: left;
  height: 10px;
  margin: 3px 5px 0 0;
}

.poll-result-score .count {
  font-size: 10px;
}

#poll-results-container {
  display: none;
  margin-top: 17px;
}

.prs-1 .bar {
  background: #A2BD30;
}

.prs-1 .count {
  color: #A2BD30;
}

.prs-2 .bar {
  background: #003052;
}

.prs-2 .count {
  color: #003052;
}

.prs-3 .bar {
  background: #F4D200;
}

.prs-3 .count {
  color: #F4D200;
}

.prs-4 .bar {
  background: #C10076;
}

.prs-4 .count {
  color: #C10076;
}

.prs-5 .bar {
  background: #3378B8;
}

.prs-5 .count {
  color: #3378B8;
}

.prs-6 .bar {
  background: #7E187A;
}

.prs-6 .count {
  color: #7E187A;
}