a {
  cursor: pointer;
}
.readMore {
  text-decoration: underline !important;
}

.progress-content-container {
  width: 410px;
  margin-left: 15px;
}

.progress-text {
  float: right;
  margin-top: -5px;
}

div.process-bar-container {
  background-color: #d5e1ec;
  width: 380px;
}

div.process-bar {
  border: 2px solid #4b75c2 !important;
  background-color: #4b75c2;
  height: 2px;
}

div.continueLater {
  position: absolute;
  bottom: 10px;
}

.max {
  width: 819px !important;
}

.title .normal {
  height: 50px;
}

.questionCircumstance textarea {
  width: 100%;
}

.questionCircumstance .circumstanceIntro {
  font-weight: bold;
}

.order-navigation {
  padding: 10px;
}

.noShow {
  display: none;
}

.questionCircumstanceTextFromQuestionList {
  font-weight: bold;
  padding-top: 10px;
}

body p.questionCircumstanceText {
  margin-top: 10px;
  margin-bottom: 10px;
}

.blokNeutraal {
  padding: 5px;
}

.blok {
  padding: 22px;
  background: #fff;
}

.blok.item {
  width: 360px;
  float: left;
}

.blok.item:first-child {
  margin-right: 21px;
}

.blok.bericht {
  padding-top: 20px;
}

.blok.verstuurd img {
  margin-right: 20px;
}

.editIcon:after {
  font-size: 14px;
  content: '\f040';
  font-family: FontAwesome;
  text-align: left;
  position: relative;
  height: 20px;
  font-weight: normal;
  top: -3px;
}

.indicationIcon {
  text-decoration: none;
  border: 2px solid orange;
  display: inline-block;
  border-radius: 100rem;
  width: 53px;
  text-align: center;
  width: 18px;
  float: right;
  margin: -2px 8px 4px 0;
  color: orange;
}

.indicationIcon b {
  position: relative;
  top: -1px;
  font-size: 16px;
}

body {
  background-color: #e3e3e3;
  -ms-background-size: cover;
  background-size: cover;
  font-family: 'Asap', sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  background-attachment: fixed;
  line-height: 18px;
}

body div.overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: none;
}

body div.bannerWrapper {
  position: fixed;
  z-index: 1002;
  max-width: 800px;
  min-height: 100px;
  margin: 2% auto;
  height: 100px;
  display: none;
  left: 0;
  right: 0;
  top: 10vh;
}

body div.bannerWrapper a.delete {
  top: -10px;
  right: -10px;
}

body div.bannerWrapper div.banner {
  background-color: #fff;
  padding: 30px;
}

body div.bannerWrapper div.tekstFlex {
  display: flex;
  justify-content: space-between;
  max-height: 80vh;
  overflow: auto;
}

body div.bannerWrapper div.tekstFlex img {
  max-width: 100%;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clearfix {
  clear: both;
  height: 0px;
}

.noBackground {
  background-color: transparent !important;
  padding: 0 !important;
}
main div.contentFull.tabFooter {
  margin-top: 22px;
}

a {
  color: #4e4c4d;
  text-decoration: none;
}

.required:after {
  content: ' *';
  color: red;
}

abbr {
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  border-bottom-style: dotted;
  padding-bottom: 1px;
  cursor: help;
}

mark {
  background-color: transparent;
  padding: 2px;
  font-style: italic;
}

.icon {
  font-family: FontAwesome;
  text-decoration: none;
  font-size: 95%;
  padding-left: 5px;
}

div,
h1,
p,
input,
body,
html,
textarea {
  border: 0;
  padding: 0;
  margin: 0;
}

h1,
h2 {
  margin: 0px 0 22px 0;
  font-size: 22px;
}

.invul {
  font-size: 20px;
}

.answerMarkLeft {
  float: left;
  padding: 7px;
}

.answerMarkRight {
  float: left;
  padding: 12px;
  width: 40px;
}

div.answer.right {
  width: 231px;
}

html p {
  margin: 0 0 22px 0;
}

html div p:last-child {
  margin: 0;
}

.form-field {
  padding: 10px 0 10px 0;
}

textarea {
  width: 100%;
  border: 1px solid #dadada;
  font-family: 'Asap', sans-serif;
  font-size: 14px;
  padding: 4px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

input {
  font-family: 'Asap', sans-serif;
}

input:disabled {
  background-color: #ddd !important;
  cursor: not-allowed !important;
}

body input[type='text'],
body input[type='email'],
body input[type='number'],
body input[type='password'],
body select,
body input[type='file'],
body .inputMachine {
  font-size: 16px;
  width: 100%;
  border: 1px solid #dedede;
  padding: 5px 40px 5px 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

input.small,
.small {
  width: 66%;
}

input[type='submit'],
button {
  color: #fff;
  display: inline-block;
  padding: 10px;
  border: 0;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
}

label.StandAloneLabel {
  font-weight: bold;
  padding: 20px 0 4px 0;
  display: block;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
  font-size: 14px;
}

input[type='radio'] + label span,
input[type='checkbox'] + label span {
  display: inline-block;
  padding: 7px;
  margin: -1px 15px 0 0;
  border: 1px solid #4e4c4d;
  vertical-align: middle;
  cursor: pointer;
  background-color: #dedede;
}

input[type='radio']:checked + label span,
input[type='checkbox']:checked + label span {
  padding: 0px;
}

input[type='radio'] + label span {
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type='radio']:checked + label span::before,
input[type='checkbox']:checked + label span::before {
  border: 1px;
  content: ' ';
  padding: 5px;
  vertical-align: middle;
  cursor: pointer;
  background-color: #4e4c4d;
  margin: 1px;
  line-height: 0;
  font-size: 2px;
  display: block;
}

input[type='checkbox']:checked + label span::before {
  margin: 2px;
}

input[type='radio']:checked + label span::before {
  -moz-border-radius: 50%;
  border-radius: 50%;
}

hr {
  color: #e3e3e3;
  background-color: #e3e3e3;
  height: 2px;
  border: 0;
  width: 100%;
  margin: 14px 0 14px 0;
}

div.linkhouder {
  height: 50px;
  padding: 0;
  position: relative;
  z-index: 10;
}

a.link {
  color: #494949;
  border: 0;
  display: inline-block;
  padding: 10px;
  padding-right: 0px;
}

a.link.questionBack:before {
  content: '«';
  padding-right: 2px;
}

a .link.rechts {
  padding-right: 10px;
}

a.link.secundair {
  color: #ddd;
  border: 0;
  display: inline-block;
  padding: 10px;
}
.linkCta {
  filter: brightness(100%);
  transform: 0.3s;
  user-select: none;
}

.linkCta:hover {
  filter: brightness(90%);
}

a.linkCta {
  color: #fff;
  border: 0;
  display: inline-block;
  padding: 10px;
  min-width: 70px;
  text-align: center;
  z-index: 2000;
}

.nextButtonQuestion {
  display: inline;
  float: right;
}

.rechts {
  float: right;
}

.spacer {
  margin-top: 30px;
}

nav {
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  height: 0;
}

nav a {
  text-decoration: none;
}

nav div.logo div.logoWrapper {
  width: 100%;
  background-color: white;
  text-align: center;
  padding: 15px 0 15px 0;
}

nav div.menu {
  background-color: #ddd;
  position: fixed;
  min-height: 100vh;
  height: 100vh;
  width: 247px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

body.defaultFooter nav div.menu {
  padding-bottom: 2em;
}

nav div.menu div.logo {
  height: 200px;
}

nav div.menu div.logo div.user {
  text-align: right;
  padding: 2px 10px 0 0;
  font-size: 12px;
  display: block;
}

nav div.menu div.logo div.logoContainer {
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center;
  height: 100%;
}

nav div.menu div.logo div.logoContainer.logedIn {
  height: 80%;
}

nav div.menu div.logo img {
  max-width: 100%;
}

nav div.menu div.item,
nav div.menu div.logo {
  border-bottom: 1px solid #fff;
}

nav div.menu div.item.current {
  font-weight: bold;
}

nav div.menu div.item a,
nav div.menu div.item span {
  padding: 20px;
  color: #494949;
  font-size: 15px;
  display: block;
  height: 100%;
}

nav div.menu div.item.ok a,
nav div.menu div.item.ok span {
  width: 175px;
}

nav div.menu div.item a,
nav div.menu div.openItem.ok a,
nav div.menu div.openItem.currentsubcategory span,
nav div.menu div.openItem.currentsubcategory a {
  font-weight: bold;
}

nav div.menu div.item.current a {
  text-decoration: underline;
}

nav div.menu div.item.ok:before {
  color: #ff7f26;
  font-size: 20px;
  content: '\f046';
  font-family: FontAwesome;
  text-align: right;
  width: 40px;
  top: 21px;
  position: relative;
  text-decoration: none !important;
  left: 180px;
  height: 0;
  display: block;
}

nav div.menu div.openItem {
  border-bottom: 1px solid #f8f8f8;
  word-break: break-word;
}

nav div.menu div.openItem.currentCursor a,
nav div.menu div.openItem.currentCursor span,
nav div.menu div.openItem.ok a:hover {
  text-decoration: underline;
}

nav div.menu div.openItem a,
nav div.menu div.openItem span {
  color: inherit;
  padding: 5px 0 5px 40px;
  background-color: #fff;
  font-size: 15px;
  display: block;
}

nav div.menu div.currentsubcategory:before {
  color: #ff7f26;
  font-size: 14px;
  content: '\f04b';
  font-family: FontAwesome;
  text-align: left;
  width: 40px;
  top: 5px;
  position: relative;
  left: 19px;
  height: 0;
  display: block;
}

nav div.menu div.openItem.ok:before {
  color: #ff7f26;
  font-size: 16px;
  content: '\f00c';
  font-family: FontAwesome;
  text-align: left;
  width: 40px;
  top: 6px;
  position: relative;
  left: 15px;
  height: 0;
  display: block;
}

nav div.menu div.openItem:hover.ok:before {
  content: '\f040';
}
nav .contentMenu {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

nav .contentMenu .item.down {
  border-top: 1px solid #fff;
  margin: auto 0 2rem 0;
}

body .contentFull.steunKleurBg a,
body .header.steunKleurBg a {
  background-color: #4e4c4d;
  color: #fff;
  padding: 3px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.tussentijdsOpslaanContainer:before {
  content: ' / ';
}

.validation-summary-errors {
  color: red;
}

div.buttons {
  padding: 5px 0 3px 0;
}

div.buttons input[type='radio'] {
  display: none;
}

div.buttons input[type='radio'] + label {
  margin-left: 10px;
  cursor: pointer;
  font-size: 14px;
}

div.buttons input[type='radio'] + label span {
  display: inline-block;
  margin: -1px 15px 0 0;
  border: 1px solid #4e4c4d;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #dedede;
  user-select: none;
}

div.buttons input[type='radio']:checked + label span::before {
  border: 1px;
  content: ' ';
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #4e4c4d;
  margin: 2px;
  line-height: 0;
  font-size: 2px;
  display: block;
}

main {
  margin: 2px auto;
  margin-top: 0;
  min-width: 200px;
  max-width: 1250px;
  padding: 200px 20px 0 20px;
  display: block;
  box-sizing: content-box;
  min-height: 85vh;
}

main div.contentFull,
div.dossiers {
  margin: 0 0 22px 347px;
  padding: 22px;
}

main div.contentFull {
  background-color: #fff;
}

main div.contentFull.index {
  text-align: justify;
}

main div.contentFull a {
  text-decoration: none;
  font-weight: bold;
}

main div.contentFull label {
  width: 150px;
  font-weight: bold;
}

main div.contentFull a:not(.steunKleur):not(.steunKleurBg) {
  text-decoration: underline;
  font-weight: normal;
  font-size: 15px;
}

main div.dossiers {
  padding: 0;
  margin-left: 349px;
}

main div.dossiers div.dossier {
  width: calc(50% - 2%);
  margin: 0 2% 2% 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

main div.dossiers div.dossier h1 {
  font-size: 18px;
  padding: 4px 0 0 0;
}

main div.dossiers div.dossier:nth-child(even) {
  margin-right: 0;
  float: right;
  clear: none;
}

main div.dossiers div.dossier div.kaartje {
  background-color: #fff;
  padding: 20px;
  clear: both;
  position: relative;
  z-index: 1;
}

main div.dossiers div.dossier div.dossierNaam {
  height: 45px;
}

main div.dossiers div.dossier div.dossierNaam input {
  width: calc(100% - 100px);
}

a.delete {
  display: block;
  float: right;
  background-color: #9f9f9f;
  color: #fff;
  border-radius: 50%;
  padding: 10px;
  right: -11px;
  top: 10px;
  position: relative;
  z-index: 2;
}

a.delete:before {
  position: absolute;
  font-family: FontAwesome;
  content: '\f00d';
  width: 100%;
  right: 0;
  height: 100%;
  top: 0;
  text-align: center;
  line-height: 1.42;
}

.displayName {
  color: #000;
  cursor: alias;
}

main div.content {
  max-width: 504px;
  margin: 0 22px 0 346px;
  float: left;
  width: 480px;
  z-index: 900;
}

main .wideQuestion div.content,
main .wideQuestion div.content.toelichtingAanwezig {
  max-width: initial;
  margin: 0 0px 0 350px;
  width: initial;
  width: -moz-available;
  width: -webkit-fill-available;
}

main div.content.toelichtingAanwezig {
  width: calc(100% - 332px - 30%);
}

main div.content div.header {
  background-color: white;
  padding: 22px;
  margin-bottom: 22px;
  clear: both;
}

main div.content div.header h1 {
  max-width: 370px;
}

main div.content div.header div.subtitle {
  width: 300px;
  font-size: 17px;
}

main div.content div.header div.procentnumber {
  width: 100px;
  font-size: 12px;
  text-align: right;
  float: right;
  padding: 4px;
}

main div.content a.save {
  float: right;
  width: 33px;
  height: 31px;
  background: #fff
    url(data:image/png;base64,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)
    no-repeat; /*/disk.png*/
}

main div.progress {
  margin-top: 10px;
  background-color: #ccc;
  height: 5px;
}

main div.progress .progress-bar {
  width: 10%;
  background-color: #4774c7;
  height: 5px;
}

main div.content div.vraag {
  background-color: white;
  margin-bottom: 22px;
  border: 2px solid white;
}

main div.content div.vraag div.devraag {
  background-color: #4e4c4d;
  color: #fff;
  font-size: 14px;
  padding: 20px;
  line-height: 1.6;
}

main div.content div.vraag div.devraag a {
  color: #fff;
}

main div.content div.vraag div.devraag ul {
  padding: 1px;
  margin: 1px;
  list-style-type: square;
}

main div.content div.vraag .inputForm {
  padding: 10px 0 0 19px;
  margin-right: 20px;
}

main div.content div.vraag div.notitieVeld h2 {
  margin-bottom: 10px;
}

main div.content div.vraag .inputForm a.bronnen {
  float: right;
  width: 59px;
  height: 59px;
}

main div.content div.vraag .inputForm .antwoordveld {
  margin-bottom: 22px;
}

main div.content div.vraag .inputForm div.bronnenInfo {
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 250px;
  top: 100px;
  left: 100px;
  position: absolute;
  background-color: #fff;
  border: 3px solid #4e4c4d;
  padding: 22px;
  display: none;
  z-index: 20;
}

div.bronnenInfo a.close {
  display: none;
}

main div.content div.vraag .inputForm div.bronnenInfo.active {
  display: block;
}

main div.content div.vraag .inputForm label {
  display: block;
}

main div.content div.vraag div.linkhouder {
  height: 30px;
  padding: 5px 21px 22px 15px;
  clear: both;
}

main div.content div.vraag input[type='submit'],
main div.content div.vraag button {
  float: right;
}

main div.toelichting {
  width: 24vw;
  background-color: #ddd;
  border: 2px solid #fff;
  float: left;
  margin-bottom: 25px;
  max-width: 373px;
}

main div.toelichting a.bannerAction {
  border: 1px solid #ff7f26;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  transition: 0.3s;
  cursor: pointer;
  display: inline-block;
}

main div.toelichting a.bannerAction:hover {
  border: 1px solid #999;
}

main div.toelichting h1 {
  margin: 0;
  padding: 20px;
  border-bottom: 2px solid #fff;
  text-align: center;
  color: #fff;
}

main div.toelichting > div {
  padding: 10px 30px 10px 30px;
  word-break: break-word;
  line-height: 1.3;
  overflow: auto;
  min-height: 200px;
  max-height: 50vh;
}

main div.toelichting > div > abbr {
  --fallback--accent-color: #ff7f26;
  display: inline-block;
  padding: 3px;
  border-radius: 3px;
  background: var(--accent-color, var(--fallback--accent-color));
  border: none;
  text-decoration: none;
}

main div.toelichting div ul {
  padding: 0;
  list-style-type: square;
}

main div.toelichting div ol {
  padding: 0;
}

.white {
  color: #fff;
}

.format-label {
  display: flex;
  padding-bottom: 20px;
  height: 30px;
}

html div.format-label label {
  width: 80px;
  padding: 5px;
}

.format-label > input,
.format-label > span {
  float: left;
  clear: both;
}

.format-label > span {
  float: left;
  clear: both;
  padding: 6px 0 10px 0;
}

/* latin-ext */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'),
    url(/static/95cbe9e32648e89f120c.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F,
    U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'),
    url(/static/293497d5a2ec3887d8ca.woff2) format('woff2'),
    url(/static/1baf77427f9b523fe15d.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'FontAwesome';
  src: url(/static/7f77840e46fa6103b494.eot?v=4.5.0);
  src: url(/static/7f77840e46fa6103b494.eot?#iefix&v=4.5.0)
      format('embedded-opentype'),
    url(/static/af6df524c7d052f637e3.woff2?v=4.5.0) format('woff2'),
    url(/static/b09f4960e5ffa8e0ef92.woff?v=4.5.0) format('woff'),
    url(/static/bfcf94e00816b7cfccc7.ttf?v=4.5.0) format('truetype'),
    url(/static/3fe9d36ed88cf3aeea1f.svg?v=4.5.0#fontawesomeregular)
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@media only print {
  html body nav,
  html body .linkhouder {
    display: none;
  }

  html body main {
    padding: 10px;
    width: 90%;
  }

  html body main div {
    margin-left: 10px !important;
  }

  html body main .progress {
    display: none;
  }
}

ul.special li {
  border-bottom: 1px solid #ddd;
  padding: 7px;
}

ul.special li:before {
  content: '\f00c';
  left: -10px;
  padding-right: 10px;
  font-family: FontAwesome;
  text-align: center;
  width: 40px;
  display: inline-block;
  font-size: 20px;
  color: #db672e;
}

ul.special li.tijd:before {
  color: black;
  content: '\f017';
}

ul.special li.voorwaarde:before {
  color: black;
  content: '\f0e3';
}

ul.special li.gratis:before {
  color: black;
  content: '\f118';
}

ul.special li.document:before {
  color: black;
  content: '\f15b';
}

ul.special li.email:before {
  color: black;
  content: '\f0e0';
}

ul.special {
  list-style-type: none;
  padding: 0;
  margin-bottom: 32px;
}

div.moreInfo {
  width: 200px;
  float: right;
}

div.moreInfo:first-child {
  margin-top: 29px;
}

div.moreInfo > div {
  margin-bottom: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #ddd;
  padding: 10px 0 10px 0;
  font-size: 13px;
}

div.moreInfo > div h2 {
  margin: 2px;
}

div.story {
  width: calc(100% - 220px);
  float: left;
}

div.story p {
  text-align: justify;
  margin: 0;
}

div.story h1 {
  width: calc(100% + 200px);
  margin-bottom: 13px;
}

@media screen and (max-width: 900px) {
  body {
    background-image: none;
  }

  nav {
    width: 100%;
  }

  .noMobile {
    display: none !important;
  }

  div.moreInfo {
    margin-top: 0;
    width: 100%;
    float: none;
  }

  div.story {
    width: 100%;
    float: none;
  }

  nav div.hamburger {
    display: block !important;
    height: 30px;
    width: 100%;
    padding: 3px 0 3px 0;
    font-size: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    overflow: hidden;
    color: white;
    display: flex;
    justify-content: space-between;
  }

  nav div.hamburger .icon,
  nav div.hamburger .icon a {
    font-family: FontAwesome;
    text-align: center;
    font-size: 20px;
    color: white;
    width: 45%;
  }

  nav div.hamburger .icon.menu {
    float: right;
    width: 25px;
    padding-right: calc((100% - 25px) / 2);
    cursor: pointer;
  }

  nav div.logo {
    display: none;
  }

  nav div.menu {
    position: relative;
    width: 100%;
    max-height: 30px;
    overflow-y: hidden;
    padding: 0;
    display: block;
    min-height: initial;
    height: initial;
    z-index: 50;
  }

  body.defaultFooter nav div.menu {
    padding-bottom: initial;
  }

  nav div.menu div.item.ok:before {
    left: 90%;
    width: 20px;
    text-align: left;
  }

  nav div.menu.open {
    max-height: 9900px;
    transition: max-height 1s ease-in;
    z-index: 2000;
  }

  nav div.menu div.item.current a,
  nav div.menu div.item.current span {
    width: initial;
  }

  nav div.menu div.item.ok a,
  nav div.menu div.item.ok span {
    width: initial;
  }

  main {
    margin-top: 40px;
    padding: 0;
    width: 100%;
  }

  main .hoofdCategorie {
    display: block;
    padding: 0 0 13px 0;
    margin: 0;
  }

  main div.content,
  main div.content.toelichtingAanwezig,
  main .wideQuestion div.content,
  main .wideQuestion div.content.toelichtingAanwezig {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: initial;
  }

  main div.contentFull {
    width: 98%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1%;
    margin-right: 1%;
  }

  main div.toelichting {
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }

  main div.toelichting > div {
    min-height: initial;
    max-height: initial;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blok.item:first-child {
    margin: auto;
  }

  .blok.item {
    width: initial;
    max-width: 360px;
    float: none;
    margin: auto;
    margin-bottom: 21px;
  }

  main div.content div.header {
    padding: 22px 10px 22px 10px;
  }

  main div.content div.header,
  main div.content div.vraag {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  html body nav div.menu div.item span {
    width: 70% !important;
  }

  #bronnen {
    display: none;
  }

  #bronnen:target {
    background-color: #4e4c4d;
    width: 100%;
    position: fixed;
    left: 0px !important;
    top: 0px !important;
    width: 100%;
    display: block;
    color: #fff;
    height: 100vh;
  }

  #bronnen:target a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 30px;
  }

  div.bronnenInfo a.close {
    color: white;
    display: block;
    width: 57px;
    float: right;
    font-size: 20px;
  }

  main div.dossiers {
    margin: 0px;
    padding: 0 1% 0 1%;
  }

  main div.dossiers div.dossier {
    width: 100%;
    margin: 0 0 33px 0;
  }

  a.delete {
    right: -2px;
  }

  div.story h1 {
    width: 100%;
  }
}

.hoofdCategorie {
  padding: 0;
  margin: 0.5em 0;
  display: none;
}

input.valid:not(.noOk),
input.valid {
  background: url(/static/8a6345f235f263e15577.png) no-repeat right 10px center #fff;
  padding-right: 40px;
}

input.input-validation-error {
  background: url(/static/2fdc67ee8474612d3f98.png) no-repeat right 10px center #fff;
  padding-right: 30px;
}

.text-danger.field-validation-error {
  color: red;
}

table {
  width: 100%;
  border-collapse: collapse;
}

tbody tr th {
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  white-space: nowrap;
  min-width: 100px;
}

tbody tr th,
tbody tr td {
  padding: 5px;
}

tbody tr td * {
  font-size: inherit;
}

tbody td.danger {
  border-left: 2px solid red !important;
  border-bottom: 2px solid red !important;
}

tbody tr th {
  text-align: left;
}

tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

table.noColor td {
  background-color: initial !important;
}

.field-validation-error {
  color: red;
}

ul.special li.tijd:before {
  color: black;
  content: '\f017';
}

ul.special li.voorwaarde:before {
  color: black;
  content: '\f0e3';
}

ul.special li.gratis:before {
  color: black;
  content: '\f118';
}

ul.special li.linkedin:before {
  color: black;
  content: '\f08c';
}

ul.special li.argument:before {
  color: black;
  content: '\f10e';
}

ul.special li.opslaan:before {
  color: black;
  content: '\f0c7';
}

ul.special li.kruis:before {
  color: black;
  content: '\f00d';
}

ul.special li.rapport:before {
  color: black;
  content: '\f0ae';
}

ul.special li.docwg:before {
  color: black;
  content: '\f15c';
}

ul.special li.pc:before {
  color: black;
  content: '\f109';
}

ul.special li.euro:before {
  color: black;
  content: '\f153';
}

ul.special li.download:before {
  color: black;
  content: '\f153';
}

ul.special li.download:before {
  color: black;
  content: '\f019';
}

ul.special li.contact:before {
  color: black;
  content: '\f1e4';
}

ul.special li.letop:before {
  color: black;
  content: '\f071';
}

ul.special li.link:before {
  content: '\f35d';
}

ul.special li.clipboard:before {
  content: '\f328';
}

.contentFull ul.menu {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.contentFull ul.menu li {
  padding: 0px;
  display: inline-block;
}

body main .contentFull ul.menu a {
  color: #000;
  display: block;
  text-align: center;
  padding: 4px 16px;
  text-decoration: none !important;
}

body main .contentFull ul.menu li.active {
  border-bottom: 1px solid #000;
  margin-bottom: -1px;
}

body main .contentFull ul.menu li.active a {
  font-weight: bold;
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

main *,
main *:before,
main:after,
nav *,
nav *:before,
nav:after {
  box-sizing: initial;
}

body.defaultFooter {
  position: relative;
  margin: 0;
  padding-bottom: 3rem;
  min-height: 100%;
}

footer.t {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.3rem;
  background-color: #efefef;
  text-align: center;
  background-color: #4e4c4d;
  text-align: center;
  opacity: 0.7;
  clear: both;
  font-size: 11px;
}

footer.t ul {
  list-style-type: none;
  margin: 2px auto;
  margin-top: 0;
  min-width: 200px;
  max-width: 1100px;
  padding: 2px 20px 0 20px;
  display: block;
}

footer.t ul li {
  color: #fff;
  float: right;
}

footer.t ul li:first-child::after {
  content: initial;
}

footer.t ul li:first-child {
  float: left;
}

footer.t ul li a {
  display: block;
  float: left;
  color: #fff;
}

.AlgemeneVoorwaardeText {
  font-size: inherit;
}

.toelichtingUnderQuestion {
  margin: 1rem;
  max-height: 10rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.toelichtingUnderQuestion:before {
  content: ' ';
  width: 100%;
  height: 10rem;
  background: linear-gradient(180deg, transparent, #fff);
  position: absolute;
  left: 0;
}
.toelichtingUnderQuestion.open::before {
  content: initial;
}

.toelichtingUnderQuestion.open {
  max-height: initial;

  cursor: initial;
}