@charset "UTF-8";
main ul li::before,
body[class*=cke_] ul li::before, .back::before, .more::after, .fa::before,
.fa::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iframe-container-16-9, .iframe-container-4-3, .iframe-container-4-2, .iframe-container {
  display: none;
}

html, body {
  font-family: "Muli", "Arial", sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
span.h1 {
  font-family: "Montserrat", "Arial", sans-serif;
  line-height: 1.4;
  font-weight: 700;
}

p,
address,
ol,
table {
  line-height: 1.8;
  margin-bottom: 24px;
}

h1, span.h1 {
  display: block;
  font-size: 1.9em;
  color: #000;
  margin-bottom: 20px;
  padding-top: 0;
}

h2 {
  font-size: 1.4em;
  color: #000;
  margin-bottom: 20px;
  padding-top: 10px;
}

h3 {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 15px;
  padding-top: 0;
}

a {
  transition: background 0.3s ease, color 0.3s ease;
  color: #000;
  text-decoration: underline;
}

.more {
  font-weight: 700;
  white-space: nowrap;
}
.more::after {
  content: "\F054";
  color: inherit;
  font-size: 0.65em;
  display: inline-block;
  margin-left: 7px;
}

.back {
  font-weight: 700;
  white-space: nowrap;
}
.back::before {
  content: "\F053";
  font-size: 0.65em;
  display: inline-block;
  margin-right: 8px;
}

main ul, main ol,
body[class*=cke_] ul,
body[class*=cke_] ol {
  margin: 0 0 24px 20px;
}
main ul ul, main ul ol, main ol ul, main ol ol,
body[class*=cke_] ul ul,
body[class*=cke_] ul ol,
body[class*=cke_] ol ul,
body[class*=cke_] ol ol {
  margin-bottom: 0;
}
main ol,
body[class*=cke_] ol {
  list-style: decimal;
}
main ol li,
body[class*=cke_] ol li {
  margin-left: 24px;
}
main ul li,
body[class*=cke_] ul li {
  list-style: none;
  padding-left: 18px;
  position: relative;
}
main ul li::before,
body[class*=cke_] ul li::before {
  content: "\F054";
  color: #000;
  font-size: 0.6em;
  position: absolute;
  top: 11px;
  left: 4px;
}

blockquote {
  margin: 30px;
  padding: 5px 0 5px 20px;
  border-left: 4px solid #d2d2d2;
  font-style: italic;
  color: #6e6e6e;
}
blockquote p {
  margin: 0;
  padding: 0;
}

input, select, textarea, optgroup, form {
  display: none !important;
}

.btn,
.knop {
  display: none;
}

/* Responsive afbeeldingen in de content
--------------------------------------------------------------------*/
img.responsive {
  max-width: 100%;
  height: auto;
}

img.responsive-left-10 {
  float: left;
  margin: 9px 40px 40px 0;
  max-width: 10%;
  height: auto;
}

img.responsive-left-20 {
  float: left;
  margin: 9px 40px 40px 0;
  max-width: 20%;
  height: auto;
}

img.responsive-left-30 {
  float: left;
  margin: 9px 40px 40px 0;
  max-width: 30%;
  height: auto;
}

img.responsive-left-40 {
  float: left;
  margin: 9px 40px 40px 0;
  max-width: 40%;
  height: auto;
}

img.responsive-left-50 {
  float: left;
  margin: 9px 40px 40px 0;
  max-width: 50%;
  height: auto;
}

img.responsive-right-10 {
  float: right;
  margin: 9px 0 40px 40px;
  max-width: 10%;
  height: auto;
}

img.responsive-right-20 {
  float: right;
  margin: 9px 0 40px 40px;
  max-width: 20%;
  height: auto;
}

img.responsive-right-30 {
  float: right;
  margin: 9px 0 40px 40px;
  max-width: 30%;
  height: auto;
}

img.responsive-right-40 {
  float: right;
  margin: 9px 0 40px 40px;
  max-width: 40%;
  height: auto;
}

img.responsive-right-50 {
  float: right;
  margin: 9px 0 40px 40px;
  max-width: 50%;
  height: auto;
}

body > * {
  display: none;
}

html body {
  display: block;
}
html body .PageWrapper {
  display: block;
}
html body .PageWrapper main {
  display: block;
}
html body .PageWrapper main .Content {
  display: block;
}
html body .PageWrapper main .Content .TextImage {
  display: block;
}

html.home body main {
  display: block;
}

.Navigation,
.Sidebar,
.Top,
.Header,
.Maps,
.Footer,
.Blocks,
.Startblocks,
.FooterBar,
.BlockItem,
.Grid,
.Crumbs {
  display: none;
}