@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,300&subset=latin,latin-ext");
@import url("https://use.fontawesome.com/ede1f9233a.css");

img {
    pointer-events: none;
}

meta.foundation-version {
    font-family: "/5.5.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    margin: 0
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    box-sizing: border-box
}

body,
code,
button,
input,
select,
textarea {
    font-family: "Open Sans", "Calibri", "Geneva", sans-serif;
    font-size: 100%;
    font-style: normal;
    line-height: 1.75
}

* {
    box-sizing: border-box
}

.row {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .row {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

img {
    height: auto
}

.documents.listing div#Documenten {
    padding: 0 10px
}

h1,
.h1 {
    color: #000;
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.2857;
    margin: 0.5em 0
}

h1 span.sub,
.h1 span.sub {
    display: block;
    font-weight: 400;
    color: #137BAA
}

h1 a,
.h1 a {
    border-color: #fff;
    color: #000;
    text-decoration: none
}

h2,
.h2,
.discussie .titel,
.main .intro>p>strong {
    font-weight: 700;
    font-size: 1.3125em;
    line-height: 1.5238;
    margin: 1.75em 0 0.25em
}

h3,
.h3 {
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1.5556;
    margin: 1.9444em 0 0.3889em
}

h4,
.h4,
h5,
.h5,
h6,
.h6,
.discussie .reacties_titel {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.75;
    margin: 1.5em 0 0.25em
}

p {
    color: #222;
    margin: 0
}

.intro p {
    color: #000;
    font-size: 1.3125em;
    font-weight: 300;
    line-height: 1.3333
}

a {
    border-bottom: 1px solid #F2E7EE;
    color: #8C3A73;
    text-decoration: none
}

a:hover {
    color: #A13775;
    border-color: #A13775
}

a:active {
    background-color: #FCF7ED
}

h2 a {
    border-width: 3px
}

h3 a,
h4 a {
    border-width: 2px
}

.more-link,
.download-link,
.groups .head,
.discussie .nav li,
.reactie .nav,
#Document_Informatie_content .nav li,
.actieknoppen {
    margin: .875em 0;
    font-size: 1em;
    line-height: 1.3125
}

.more-link a,
.download-link a,
.groups .head a,
.discussie .nav li a,
.reactie .nav a,
#Document_Informatie_content .nav li a,
.actieknoppen a {
    background-color: #F2E7EE;
    border: 0;
    display: inline-block;
    padding: 0.4em .625rem
}

.more-link a:hover,
.more-link a:active,
.download-link a:hover,
.download-link a:active,
.groups .head a:hover,
.groups .head a:active,
.discussie .nav li a:hover,
.discussie .nav li a:active,
.reactie .nav a:hover,
.reactie .nav a:active,
#Document_Informatie_content .nav li a:hover,
#Document_Informatie_content .nav li a:active,
.actieknoppen a:hover,
.actieknoppen a:active {
    background-color: #8C3A73;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.download-link a {
    display: block;
    padding-left: 42px
}

.download-link .icon {
    float: left;
    left: -32px;
    margin-right: -32px;
    top: -0.1em
}

ul,
ol {
    margin: 0;
    list-style: none;
    padding: 0
}

small {
    font-size: 0.875em;
    line-height: 1.5
}

time {
    color: #7F7766;
    display: block
}

hr {
    display: block;
    border: 0;
    border-top: 6px solid #E0DBCD;
    float: left;
    height: 0;
    margin: 1.75em 0;
    width: 100%
}

hr+h2 {
    margin-top: 0.875em
}

hr+.branch {
    padding-top: 0
}

.about ul,
.about ol {
    margin: 0.4375em 0 1.3125em
}

.about ul li,
.about ol li {
    margin: 0 0 0 2em
}

.about ul li p,
.about ol li p {
    margin-bottom: 0.4375em
}

.about ol {
    list-style: decimal
}

.about ul li:before {
    color: #222;
    content: "—";
    display: block;
    float: left;
    margin-left: -2em;
    position: relative
}

article {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    article {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

article ul,
article ol {
    margin: 0.4375em 0 1.3125em
}

article ul li,
article ol li {
    margin: 0 0 0 2em
}

article ul li p,
article ol li p {
    margin-bottom: 0.4375em
}

article ol {
    list-style: decimal
}

article ul li:before {
    color: #222;
    content: "—";
    display: block;
    float: left;
    margin-left: -2em;
    position: relative
}

article img {
    display: block;
    height: auto;
    margin: 1.75em 0;
    width: 100%
}

article p {
    margin-bottom: 1.5em
}

table {
    border-collapse: collapse;
    margin: 0.4375em -10px 3.5em
}

table td {
    padding-left: .625rem;
    padding-right: .625rem;
    border-bottom: 2px solid #F2EFEA;
    padding-bottom: .875em;
    padding-top: .875em;
    vertical-align: top
}

@media screen and (min-width: 80.1em) {
    table td {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

table th {
    padding-left: .625rem;
    padding-right: .625rem;
    border-bottom: 4px solid #8C3A73;
    padding: 0.875em .625rem 0.875em;
    text-align: left
}

@media screen and (min-width: 80.1em) {
    table th {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

fieldset {
    margin: 0 0 1.75em
}

input,
button {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #7F7766;
    display: inline-block;
    font-size: 1.3125em;
    line-height: 1.3333;
    margin-left: -.25rem
}

input[type=radio],
input[type=checkbox],
button[type=radio],
button[type=checkbox] {
    border-bottom: 0;
    font-size: 0.8571em;
    margin: 0 0.2em 0.4375em 0;
    position: relative;
    top: -0.1em
}

input[type=text],
input[type=password],
button[type=text],
button[type=password] {
    background-color: #F2EFEA;
    border-bottom: 2px solid #7F7766;
    height: auto;
    margin-bottom: 0.4375em;
    max-width: 30em;
    padding: 0.2em 5px;
    width: 100%
}

input[type=button],
input[type=submit],
button {
    background-color: #8C3A73;
    border-color: #6C284D;
    color: #fff;
    padding: 0.2em 20px;
    -webkit-font-smoothing: antialiased
}

label {
    color: #137BAA;
    display: block;
    font-size: 1.3125em;
    margin-bottom: .4375em;
    line-height: 1.3333
}

label.inline {
    color: #696353
}

.assistive {
    display: inline-block !important;
    width: 1px;
    height: 1px;
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0
}

nav {
    background-color: #F2EFEA;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    left: 0;
    padding: .6em 0;
    position: absolute;
    transition: top .4s ease-in;
    top: -20em;
    width: 100%;
    z-index: 100
}

nav.show {
    top: 0
}

nav a {
    padding-left: .625rem;
    padding-right: .625rem;
    border: 0;
    color: #8C3A73;
    display: block;
    font-size: 1.3125em;
    line-height: 1.333;
    padding-top: .7em;
    padding-bottom: .7em
}

@media screen and (min-width: 80.1em) {
    nav a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.cover {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 40px 0 0;
    max-height: 30em;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 0
}

@media screen and (min-width: 80.1em) {
    .cover {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.cover a {
    border: 0;
    display: block
}

.cover a:focus {
    outline: 0
}

.cover img {
    box-shadow: 4px 8px 40px 5px rgba(0, 0, 0, 0.1);
    height: auto;
    width: 100%
}

.related .cover {
    float: none;
    margin: 3.5em 0 0;
    padding: 0 .625rem;
    width: 100%
}

.related .cover img {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    transform: none;
    width: 100%
}

.edition time {
    letter-spacing: .03em;
    text-transform: uppercase
}

.contents {
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: .875em;
    background-color: #fff;
    border-top: 6px solid #D1CBB9;
    margin-top: -3.5em;
    position: relative;
    width: 100%;
    z-index: 10
}

@media screen and (min-width: 80.1em) {
    .contents {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.contents h3 {
    margin: .6667em 0
}

.contents .more-link {
    margin: .875em 0
}

.branch {
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: 1.5em;
    font-size: 1.75em;
    line-height: 1;
    margin: 0 0 1em 0
}

@media screen and (min-width: 80.1em) {
    .branch {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.main {
    padding-bottom: 1.75em
}

.news-magazine,
.themes-topics,
.apps {
    background-color: #fff;
    clear: both;
    position: relative;
    z-index: 10
}

.main.news-magazine {
    z-index: 5
}

.main.news-magazine li:nth-child(4) h3.h4 {
    font-size: 1em
}

.themes-topics {
    background-color: #F2EFEA
}

section.courselist {
    margin-top: 1.75em
}

footer,
#sitemap {
    background-color: #fff;
    clear: both;
    padding-bottom: 1.75em;
    position: relative;
    z-index: 10
}

#sitemap {
    background-color: #E0DBCD;
    border-top: 6px solid #8C3A73;
    padding: .875em 0 5.25em
}

.sitebranch {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .sitebranch {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.sitebranch h3 {
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.3125;
    margin: .875em 0 .4375em
}

.sitebranch h3 a {
    border-width: 0
}

.sitebranch ul {
    margin: .875em 0 1.75em
}

.sitebranch li {
    line-height: 1.5;
    margin-bottom: 0.875em
}

.sitebranch .more-link {
    font-size: 1em;
    line-height: 1.5
}

footer .row {
    position: relative
}

footer .social {
    padding-top: 75px
}

footer .social a p {
    color: #8C3A73
}

#logo {
    border: 0;
    display: block;
    left: 0;
    max-width: 332px;
    overflow: hidden;
    position: absolute;
    top: -45px;
    width: 100%;
    z-index: 20
}

#logo:active {
    background: transparent
}

#logo span {
    background: url("/img/nn2015/logo-knb.svg") no-repeat;
    background-size: 100%;
    display: block;
    height: 105px;
    margin-left: 2px;
    width: 330px
}

.social {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .social {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.social a {
    display: inline-block;
    font-size: 0.875em;
    line-height: 1.5;
    margin: 0 0 0.875em 43px;
    position: relative
}

.social a p {
    color: #8C3A73
}

.social .icon {
    background-repeat: no-repeat;
    background-size: 1.8em;
    display: block;
    height: 2em;
    left: -40px;
    padding-right: 0.9em;
    position: absolute;
    top: 0
}

.social .twitter {
    background-image: url("/img/nn2015/icon-twitter.svg")
}

.social .linkedin {
    background-image: url("/img/nn2015/icon-linkedin.svg")
}

.maintenance-msg {
    display: none
}

.ballot {
    margin-top: .875em
}

.opinion {
    max-width: 45em;
    position: relative;
    margin-bottom: 3.5em
}

.opinion .ornament {
    position: absolute;
    top: -2.4em;
    z-index: 5;
    font-family: 'georgia', serif;
    font-weight: normal;
    font-size: 3.5em;
    text-transform: lowercase;
    line-height: 1;
    color: #E7F1F7
}

.opinion .inner {
    padding-left: .625rem;
    padding-right: .625rem;
    background-color: #E7F1F7;
    padding-bottom: 1.75em;
    padding-top: .875em;
    position: relative;
    z-index: 10
}

@media screen and (min-width: 80.1em) {
    .opinion .inner {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.opinion .inner h2:first-child,
.opinion .inner h3:first-child {
    font-size: 1.3125em;
    margin-top: 0.3333em
}

.opinion .inner p {
    line-height: 1.75
}

.related {
    margin-bottom: 1.75em
}

.related h3 {
    margin-top: 0.25em
}

.related>div {
    margin-bottom: 3.5em
}

.related .contact {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .related .contact {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.related .contact p {
    margin-bottom: 1.5em
}

.related.single {
    float: right
}

.related.tuchtuitspraken {
    display: none
}

.related .news,
.related .topics {
    display: none
}

.topics h3 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: 0.6667em
}

@media screen and (min-width: 80.1em) {
    .topics h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.topics li {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0.25em
}

@media screen and (min-width: 80.1em) {
    .topics li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.topics a {
    color: #137BAA;
    border-color: #F2EFEA;
    font-size: 1.125em;
    line-height: 1.5556
}

.topics a:hover {
    color: #0095C9;
    border-color: #0095C9
}

.related .courses h3 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: 0.6667em
}

@media screen and (min-width: 80.1em) {
    .related .courses h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.related .courses li {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0.25em
}

@media screen and (min-width: 80.1em) {
    .related .courses li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.contact-groups h2,
.contact-groups .contact-group {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    .contact-groups h2,
    .contact-groups .contact-group {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.contact-groups .contact-options {
    margin-bottom: 1.75em
}

.contact h3 {
    margin-bottom: 0.6667em
}

.contact h4 {
    margin-top: 0;
    font-weight: normal
}

.contact div {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 0 0 1.75em
}

@media screen and (min-width: 80.1em) {
    .contact div {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.owner {
    margin: 0 .625rem;
    background-color: #F2EFEA
}

.owner .inner {
    padding: .625rem
}

.owner a {
    border-color: #D1CBB9
}

.owner a:hover {
    border-color: #A13775
}

.owner h4 {
    margin-top: 0
}

.owner p {
    margin: 0.4375em 0
}

.owner>a {
    display: block;
    border: 0
}

.owner img {
    display: block;
    width: 100%
}

.news {
    clear: both
}

.news h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.333em 0 1em
}

@media screen and (min-width: 80.1em) {
    .news h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.news h3,
.news h4 {
    margin-top: 0
}

.news li {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 1.75em 0
}

@media screen and (min-width: 80.1em) {
    .news li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.news li.headliner {
    margin-bottom: 2.625em
}

.news li a {
    border-bottom: 2px solid #F2EFEA
}

.news li a:hover {
    border-color: #A13775
}

.news li a:active {
    border-color: #A13775
}

.news time {
    margin-top: 0.25em
}

.news.other-news li {
    display: inline-block
}

.news.other-news li h4 {
    display: table-header-group
}

.news.other-news li time {
    display: table-footer-group
}

.news .more-link {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.75em 0
}

@media screen and (min-width: 80.1em) {
    .news .more-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.related .news h3 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 0.25em 0 0.6667em
}

@media screen and (min-width: 80.1em) {
    .related .news h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.related .news ul {
    float: left
}

.related .news li {
    display: table
}

.related .news li h4 {
    display: table-header-group
}

.related .news li time {
    display: table-footer-group
}

.related .news li:nth-child(n+4) {
    display: none
}

.datelist {
    clear: left
}

.datelist h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    border-top: 6px solid #E0DBCD;
    margin: 2em 0 .3333em;
    padding-top: .875em
}

@media screen and (min-width: 80.1em) {
    .datelist h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.datelist h4 {
    margin-top: 0
}

.datelist ul {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.75em 0
}

@media screen and (min-width: 80.1em) {
    .datelist ul {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.datelist li {
    width: auto;
    margin: 0 0 0.875em
}

.datelist li:before {
    content: none
}

.datelist li p {
    top: -2.1em
}

.datelist li h4:nth-child(n+1) {
    margin-bottom: .875em
}

.datelist time {
    display: block;
    margin-top: 1.75em
}

.datelist .more-link {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .datelist .more-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

article .datelist ul {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.pagination {
    clear: left;
    margin: 0.875em 0
}

.pagination li {
    display: inline-block;
    margin: 0 10px 5px 0
}

.pagination strong,
.pagination em,
.pagination a {
    padding-left: .625rem;
    padding-right: .625rem;
    border: 0;
    display: block;
    padding-bottom: .2em;
    padding-top: .2em;
    text-transform: uppercase
}

@media screen and (min-width: 80.1em) {

    .pagination strong,
    .pagination em,
    .pagination a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.pagination strong {
    background-color: #7F7766;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.pagination em {
    color: #D1CBB9;
    font-style: normal
}

.pagination a:hover {
    background-color: #F2EFEA
}

.pagination.alphabet li {
    margin-right: 5px
}

.editions li {
    display: inline-block;
    width: 49.5%;
    margin-bottom: 20px;
    vertical-align: top
}

.editions a {
    display: block;
    padding: .625rem;
    border: 0
}

.editions a:hover {
    background-color: #F2EFEA
}

.editions img {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1)
}

.editions h3 {
    margin: 0.66em 0 0;
    text-transform: uppercase
}

.themelist {
    padding-bottom: 3.5em
}

.themelist ul {
    margin: 1.75em 0 0
}

.themelist li {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    vertical-align: top;
    margin: .875em 0
}

@media screen and (min-width: 80.1em) {
    .themelist li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.themelist h4,
.themelist h3 {
    margin-top: 0
}

.themelist p {
    line-height: 1.5
}

.themelist a {
    border-color: #E0DBCD
}

.themelist a:hover {
    border-color: #A13775
}

.linklist h3 {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .linklist h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.linklist ul {
    margin: 0.875em 0
}

.linklist li {
    float: left;
    margin: 0 .625rem 0.875em 0;
    padding: 0
}

.linklist li:before {
    content: none
}

.linklist a {
    display: inline-block;
    padding: 0.4em .625rem;
    border: none;
    background-color: #F2E7EE
}

.linklist a:hover {
    background-color: #A13775;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.linklist strong {
    display: inline-block;
    padding: 0.4em .625rem;
    background-color: #7F7766;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.related .linklist ul {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .related .linklist ul {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.applist,
.grouplist {
    padding-bottom: 1.75em
}

.applist ul+ul,
.grouplist ul+ul {
    margin-top: 3.5em
}

.applist li,
.grouplist li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 0.875em
}

.applist .often,
.grouplist .often {
    padding-bottom: 0;
    margin: 0 0 0.875em
}

.applist li div,
.grouplist li div {
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative
}

@media screen and (min-width: 80.1em) {

    .applist li div,
    .grouplist li div {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.applist li h3,
.grouplist li h3 {
    margin: 0;
    padding: 0.25em 30px 0 0;
    font-size: 1.125em;
    line-height: 1.3333
}

.applist .double h3,
.grouplist .double h3 {
    padding-right: 42px
}

.applist li p,
.grouplist li p {
    padding-right: 30px;
    min-height: 1.5em;
    line-height: 1.5
}

.applist li p.status,
.grouplist li p.status {
    padding-right: .625rem
}

.applist .answer img,
.grouplist .answer img {
    max-width: 100%;
    width: auto
}

.applist .more-status,
.grouplist .more-status {
    border-bottom: 1px solid #E0DBCD;
    color: #8C3A73
}

.applist li a,
.grouplist li a {
    display: inline-block;
    width: 100%;
    padding: 0.4em .625rem 0.6em;
    border: 0;
    background-color: #F2EFEA;
    vertical-align: top
}

.applist li a:hover .more-status,
.grouplist li a:hover .more-status {
    border-color: #A13775
}

.applist .more-link,
.grouplist .more-link {
    padding: 0 .625rem
}

.grouplist h3 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-top: 0
}

@media screen and (min-width: 80.1em) {
    .grouplist h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.grouplist ul {
    margin: 0.875em 0
}

.related .applist {
    padding-bottom: 0
}

.status {
    margin: 0.25em 0 0
}

.status .mark {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: -0.05em;
    border-radius: 0.6em;
    margin-right: .2em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased
}

.online h3 {
    color: #2F8870
}

.online a:hover h3 {
    color: #4DA483
}

.disrupted h3 {
    color: #DE9400
}

.disrupted a:hover h3 {
    color: #E9B13B
}

.disrupted .mark {
    background-color: #DE9400
}

.disrupted a:hover strong {
    background-color: #E9B13B
}

.disrupted strong {
    background: #DE9400;
    border-radius: 50%;
    float: left;
    height: 1.5rem;
    margin-right: .5rem;
    width: 1.5rem
}

.disrupted:hover strong {
    background: #E9B13B
}

.offline h3 {
    color: #C60039
}

.offline a:hover h3 {
    color: #E50C5A
}

.offline .mark {
    background-color: #C60039
}

.offline a:hover strong {
    background-color: #E50C5A
}

.group h3 {
    color: #8C3A73
}

.group a:hover h3 {
    color: #A13775
}

.group strong {
    width: 1.5em;
    height: 1.5em;
    border-radius: 0.75em;
    font-size: 1.2em;
    line-height: 1.5;
    background-color: #8C3A73
}

.group a:hover strong {
    background-color: #A13775
}

.notice {
    padding-left: .625rem;
    padding-right: .625rem;
    border-top: 4px solid #2F8870;
    border-bottom: 4px solid #2F8870;
    margin: 0 0 1.75em;
    padding-bottom: 12px;
    padding-top: .8em
}

@media screen and (min-width: 80.1em) {
    .notice {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.notice.disrupted {
    border-color: #DE9400
}

.notice.offline {
    border-color: #C60039
}

.notice p {
    padding-left: 3em
}

.notice .mark {
    float: left;
    font-weight: 700;
    position: relative;
    left: -1.8em;
    top: 0.025em;
    margin-right: -1.8em
}

.manuals,
.support,
.costs {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width: 80.1em) {

    .manuals,
    .support,
    .costs {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.manuals ul li,
.support ul li,
.costs ul li {
    margin: 0 0 0 2em
}

.manuals ul li::before,
.support ul li::before,
.costs ul li::before {
    color: #222;
    content: "—";
    display: block;
    float: left;
    margin-left: -2em;
    position: relative
}

.requirements {
    padding-left: .625rem;
    padding-right: .625rem;
    display: inline-block;
    font-style: italic;
    width: 100%
}

@media screen and (min-width: 80.1em) {
    .requirements {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.requirements p {
    width: 100%
}

.help h3 {
    margin-bottom: 0.6667em
}

.help li {
    margin: 0 0 0.25em
}

.help a,
.help span {
    font-size: 1.125em;
    line-height: 1.5556
}

.login-link {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: .875em
}

@media screen and (min-width: 80.1em) {
    .login-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.login-link a {
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 3px solid #2F8870;
    padding: 0.5em .625rem 0.6em;
    background-color: #4DA483;
    color: #fff;
    font-size: 1.3125em;
    line-height: 1.3333;
    -webkit-font-smoothing: antialiased
}

.login-link .lock {
    display: block;
    height: 1.5em;
    width: 1em;
    float: right;
    position: relative;
    right: 0.5em;
    top: -2em;
    background: url("/img/nn2015/icon-lock.svg") no-repeat;
    background-size: 0.875em;
    font-size: 1.3125em
}

.login-link.disabled a {
    background-color: #E0DBCD;
    border-color: #D1CBB9
}

.office,
.people {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: 1.75em
}

@media screen and (min-width: 80.1em) {

    .office,
    .people {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.office h3,
.people h3 {
    margin-top: 0
}

.resultlist {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .resultlist {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.resultlist li {
    margin-bottom: 1.75em
}

.resultlist a {
    font-size: 1.3125em;
    line-height: 1.3333
}

.resultlist time {
    display: inline-block;
    margin-right: 0.2em
}

.resultlist .icon {
    top: 0.3em
}

.intro strong {
    color: #8C3A73
}

.question h3 {
    line-height: 1.3333em
}

.question em {
    display: block;
    margin-bottom: 0.2em;
    font-size: 3em;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: -0.05em;
    color: #8C3A73
}

.panes {
    position: relative;
    padding: 0
}

.pane a {
    display: block;
    border: 0
}

.pane a:hover {
    background-color: #F2EFEA;
    color: #6C284D
}

.pane.themes a {
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: 1.125em;
    line-height: 1.16667;
    padding-bottom: .6667em;
    padding-top: .6667em
}

@media screen and (min-width: 80.1em) {
    .pane.themes a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.pane.maintopics a,
.pane.subtopics a {
    padding-left: .625rem;
    padding-right: .625rem;
    font-weight: bold;
    font-size: 1.125em;
    line-height: 1.1667;
    padding-bottom: .75em;
    padding-top: .75em;
    position: relative
}

@media screen and (min-width: 80.1em) {

    .pane.maintopics a,
    .pane.subtopics a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.pane .sort-order {
    margin-bottom: 0.875em;
    padding: 0 .625rem
}

.pane h2 {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .pane h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.pane h4,
.pane .h4 {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.1667
}

.pane p {
    font-size: 0.875em;
    font-weight: normal
}

.updates {
    margin-bottom: 1.75em
}

.updates h2,
.updates h3 {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    .updates h2,
    .updates h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.updates h3 {
    margin-top: 0
}

.updates ul {
    margin: 0.875em 0
}

.updates li {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: 1.25em
}

@media screen and (min-width: 80.1em) {
    .updates li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.updates li div {
    background: #E7F1F7 url("/img/nn2015/corner.svg") no-repeat top right;
    padding: 0.4375em .625rem
}

.updates h4 {
    margin-top: 0;
    padding-right: 40px
}

.updates a {
    border-color: #fff;
    color: #137BAA
}

.updates a:hover {
    color: #0095C9;
    border-color: #0095C9
}

.organisation-courses .organisation {
    margin-bottom: 1.75em
}

.courses-heading h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 0 0 0.875em
}

@media screen and (min-width: 80.1em) {
    .courses-heading h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courses-spotlight .uitgelicht li:nth-child(n+4) {
    display: none
}

.courses-spotlight {
    margin-bottom: 1.75em
}

.courses-spotlight h2,
.courses-spotlight h3 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-top: 0
}

@media screen and (min-width: 80.1em) {

    .courses-spotlight h2,
    .courses-spotlight h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courses-spotlight h2.h4,
.courses-spotlight h3.h4 {
    padding: 0
}

.courses-spotlight li,
.courses-spotlight .more-link {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    .courses-spotlight li,
    .courses-spotlight .more-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courses-spotlight li {
    margin: .875em 0 1.75em
}

.courses-spotlight hr {
    margin: 0;
    border-color: #F2EFEA
}

.courses-spotlight.courses-short {
    margin-bottom: 0
}

.courses-spotlight+.more-link {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-bottom: 3.5em
}

@media screen and (min-width: 80.1em) {
    .courses-spotlight+.more-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courses-spotlight .more-link {
    margin-bottom: .875em
}

.courses h4 {
    margin-top: 0
}

.location {
    border-color: transparent;
    color: #696353;
    display: inline-block;
    line-height: 1.75;
    margin-left: 1.3125em;
    position: relative
}

.location:hover {
    border-color: #696353;
    color: #696353
}

.location .pin {
    background-image: url("/img/nn2015/icon-pin.svg");
    background-repeat: no-repeat;
    background-size: .875em;
    display: block;
    height: 1.5em;
    left: -1.2em;
    padding-right: .8em;
    position: absolute;
    top: .2em
}

.timeplace time {
    display: inline-block;
    margin: 0 0.4375em 0 0
}

.timeplace strong {
    position: relative;
    left: auto;
    margin-right: 0;
    font-size: 1.3125em;
    font-weight: normal;
    line-height: 1.3333
}

.timeplace span {
    color: #137BAA;
    display: inline-block;
    margin-right: 0.4375em
}

.more-link-inline {
    background-color: #F2E7EE;
    border: 0;
    display: inline-block;
    font-size: .875em;
    padding: .2em 5px
}

.listview .more-link-inline {
    float: right;
    margin-left: 10px
}

.more-link-inline:hover,
.more-link-inline:active {
    background-color: #8C3A73;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.onderwerp-detail .part h2,
.onderwerp-detail .datelist h2 {
    border: 0
}

.onderwerp-detail .part h2.border,
.onderwerp-detail .datelist h2.border {
    border-top: 6px solid #E0DBCD
}

.onderwerp-detail .datelist {
    display: none
}

.mortgagelist .documents.part ul li {
    padding-left: 2.5em;
    margin-bottom: 0.87em
}

.mortgagelist .documents.part ul li code {
    font-size: .875em;
    left: 0;
    letter-spacing: .1em;
    line-height: 2;
    margin-right: 0;
    position: relative
}

.part {
    clear: left;
    margin-bottom: 3.5em
}

.part h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 2em -.625rem 0.3333em;
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (min-width: 80.1em) {
    .part h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.part h2.border {
    padding-bottom: .4375em;
    padding-top: .875em;
    border-top: 6px solid #E0DBCD
}

.part h2.xl {
    position: relative;
    margin-top: 1em;
    margin-bottom: 0;
    padding-top: .125em;
    padding-bottom: 0
}

.part h2.xl span {
    font-size: 3em
}

.detailinfo {
    margin-bottom: 3em
}

.faq h3 {
    max-width: 36em;
    margin-top: 0.6667em;
    padding-left: 2.4em;
    font-size: 1.125em;
    line-height: 1.5556em
}

.faq em {
    float: left;
    position: relative;
    top: 0.1em;
    font-size: 2em;
    margin-left: -1.2em
}

.faq ul {
    margin: 0.875em 0 1.75em
}

.faq li {
    margin-left: 0
}

.faq li:before {
    content: none
}

.icon {
    display: inline-block;
    vertical-align: baseline;
    width: 1.8em;
    height: 1.8em;
    position: relative;
    top: 0.03125em;
    margin-right: 0.2em;
    background-size: 25px;
    background-repeat: no-repeat
}

.icon.word {
    background-image: url("https://notarisnet.notaris.nl//img/nn2015/icon-ms-word.svg")
}

.icon.excel {
    background-image: url("/img/nn2015/icon-ms-excel.svg")
}

.icon.powerpoint {
    background-image: url("/img/nn2015/icon-ms-powerpoint.svg")
}

.icon.pdf {
    background-image: url("https://notarisnet.notaris.nl/img/nn2015/icon-acrobat-pdf.svg")
}

#prikbord table .naam .icon.pdf,
#prikbord table .naam .icon.word {
    background: none;
    float: left
}

#prikbord table .naam .icon.pdf img,
#prikbord table .naam .icon.word img {
    height: auto;
    width: 100%
}

#CCIPlaceHolder_Bijeenkomst_Content .documents a:after {
    display: inline-block
}

.documents h3 {
    padding-bottom: 0.3333em
}

.documents li {
    padding-left: 2.7em;
    margin-left: 0;
    margin-bottom: 0.875em
}

.documents li:before {
    content: none
}

.documents a {
    position: relative
}

.documents a:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: left
}

.documents .icon {
    display: block;
    position: absolute;
    left: -2.7em
}

.documents em {
    float: left;
    margin-right: 0.5em;
    color: #7F7766;
    font-style: normal;
    text-transform: uppercase
}

.documents.models code {
    display: block;
    color: #222;
    font-size: 0.875em;
    line-height: 2;
    letter-spacing: 0.1em
}

.documents.models em,
.documents.models time {
    font-size: 0.875em;
    line-height: 2;
    letter-spacing: 0.1em
}

.mortgagelist {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .mortgagelist {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.spotlight {
    padding-top: 1.75em;
    position: relative
}

.spotlight .grid-image {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden
}

.spotlight .grid-image img {
    display: block;
    width: 150%;
    margin-left: -25%
}

.spotlight .row {
    position: relative
}

.clippings {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 0 0 3.5em 0
}

@media screen and (min-width: 80.1em) {
    .clippings {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.clippings img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 80%
}

.clippings a {
    padding-left: .625rem;
    padding-right: .625rem;
    background-color: rgba(140, 58, 115, 0.9);
    border-bottom: 0;
    color: #fff;
    display: block;
    margin: -7.5em 0 0;
    padding-bottom: .875em;
    padding-top: .875em;
    position: relative;
    text-align: center;
    z-index: 20
}

@media screen and (min-width: 80.1em) {
    .clippings a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.clippings a.imageControlLink,
.clippings a.imageControlLink:hover {
    background: none;
    margin: 0
}

.clippings a:hover {
    background-color: #8C3A73
}

.clippings h2 {
    margin: 0;
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.1667;
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.clippings p {
    color: #fff;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.announcement {
    padding-left: .625rem;
    padding-right: .625rem;
    background: transparent url("/img/nn2015/corner-spotlight.svg") no-repeat top right;
    margin: 0 0 20px;
    padding-bottom: 10px;
    padding-top: 0;
    position: relative;
    z-index: 20
}

@media screen and (min-width: 80.1em) {
    .announcement {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.announcement h3 {
    margin-top: 0;
    padding-top: 0.667em
}

.announcement h3,
.announcement p {
    color: #fff;
    text-shadow: 0 0 .625rem #6C284D;
    -webkit-font-smoothing: antialiased
}

.announcement p {
    font-size: 1.125em;
    line-height: 1.5556;
    /*fix for browser zoom, text not wider than size of bg image*/
    max-width:1000px;
}

.announcement a {
    color: #F2E7EE;
    border-color: #F2E7EE
}

.announcement a:hover {
    color: #fff;
    border-color: #fff;
    -webkit-font-smoothing: antialiased
}

.poll {
    padding-left: .625rem;
    padding-right: .625rem;
    background-color: #fff;
    /*margin-bottom: -2em;*/
    /*padding-bottom: 2em;*/
    padding-top: 0;
    position: relative;
    z-index: 20
}

@media screen and (min-width: 80.1em) {
    .poll {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.poll label,
.poll input {
    font-size: 1em;
    line-height: 1.75
}

.poll h3 {
    margin-top: 1em
}

.poll p {
    padding-left: 0
}

.poll label {
    float: none;
    left: auto;
    margin-right: 0;
    color: #222
}

.poll input[type=submit] {
    margin-top: 0.875em
}

.poll .ballot p {
    margin: 0.4375em 0 0
}

.poll .results .bar-container {
    width: 70%;
    float: left;
    margin-right: 0.4375em;
    background-color: #F2EFEA;
    line-height: 1
}

.poll .results .bar {
    height: 0.875em;
    background-color: #8C3A73;
    border-right: 2px solid #fff
}

.poll .results .percent {
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1;
    color: #8C3A73
}

.poll .results .totalvotes-container {
    margin: 0.875em 0 0;
    font-size: 0.875em
}

.poll .results .totalvotes-label,
.poll .results .totalvotes-number {
    display: inline
}

.poll .results .totalvotes-number {
    font-weight: bold
}

section.course,
.bigsearch {
    background-color: #E7F1F7;
    margin-bottom: 1.75em;
    padding-top: 1.75em;
    border-bottom: 1px solid #E7F1F7
}

section.course .timeplace span,
.bigsearch .timeplace span {
    display: block
}

.coursedetails div {
    padding-left: .625rem;
    padding-right: .625rem;
    clear: left;
    margin-bottom: 0.875em
}

@media screen and (min-width: 80.1em) {
    .coursedetails div {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.coursedetails div.confirmation {
    margin: 0;
    padding-left: 0;
    font-size: 1.3125em;
    line-height: 1.3333
}

.coursedetails div div {
    position: relative;
    margin: 0;
    padding-left: 8.75em
}

.coursedetails div div .keyinfo {
    margin-bottom: .875em
}

.coursedetails div p,
.coursedetails div div.keyinfo {
    color: #137BAA;
    line-height: 1.3125
}

.coursedetails button {
    margin: 0.125em 0 0.875em
}

.coursedetails input[type=text] {
    background-color: #fff
}

.coursedetails p {
    margin-bottom: 0.875em
}

.coursedetails strong {
    display: block;
    color: #696353;
    font-size: 1.75em;
    font-weight: normal
}

.coursedetails .keyinfo {
    position: relative;
    left: -8.75em;
    top: -0.1em;
    float: left;
    margin-right: -8.75em
}

.coursedetails .location {
    margin: 0.4375em 0 0.4375em 1.2em
}

.coursedetails .timeplace div {
    display: none
}

.courselist {
    margin-bottom: 3.5em
}

.courselist a.course {
    display: block;
    margin: 0;
    border-bottom: 0;
    padding-top: 0.875em;
    padding-bottom: 0.125em;
    background-color: transparent
}

.courselist a.course:nth-child(2n+1) {
    background-color: #E7F1F7
}

.courselist .coursedetails .h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    display: block;
    float: right;
    font-weight: normal;
    line-height: 1.3333;
    margin-top: 0;
    padding-bottom: 0.1429em;
    position: relative;
    width: 70%
}

@media screen and (min-width: 80.1em) {
    .courselist .coursedetails .h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courselist .timeplace {
    display: block;
    width: 30%
}

.courselist .timeplace p {
    margin-bottom: .4375em;
    padding-left: 0
}

.courselist .timeplace strong {
    font-size: 1.3125em;
    float: none;
    left: auto;
    line-height: 1.3333;
    margin-right: 0
}

.courselist .more-link {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.75em 0
}

@media screen and (min-width: 80.1em) {
    .courselist .more-link {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.courselist .h2 .coursepoints {
    color: #137BAA;
    display: block;
    font-size: 0.7619em;
    left: 75%;
    top: 0;
    width: 100%
}

.courselist .h2 .coursepoints strong {
    color: #222;
    display: inline-block;
    font-size: 1.5em;
    padding-right: .2em
}

.courselist .courseyear h2 {
    padding-left: .625rem;
    padding-right: .625rem;
    margin: 1.6667em 0 0.6667em
}

@media screen and (min-width: 80.1em) {
    .courselist .courseyear h2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.apply {
    padding-left: .625rem;
    padding-right: .625rem;
    width: 100%;
    margin-bottom: 1.3125em
}

@media screen and (min-width: 80.1em) {
    .apply {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.topbar {
    background-color: #DE9400;
    background-color: rgba(221, 141, 25, 0.9);
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 80
}

.topbar.hide {
    z-index: auto
}

.sitename {
    float: left
}

.sitename p {
    color: #fff;
    font-weight: 400;
    font-size: 1.75em;
    line-height: 1.5
}

.sitename a {
    padding-left: .625rem;
    padding-right: .625rem;
    border: 0;
    color: #fff;
    display: block;
    padding-top: .25em;
    padding-bottom: .25em
}

@media screen and (min-width: 80.1em) {
    .sitename a {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.sitename a:active {
    background-color: #E9B13B
}

.search {
    background-color: #F2EFEA;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    left: 0;
    padding: 0.75em 20px;
    position: absolute;
    transition: top .4s ease-in;
    top: -10em;
    width: 100%;
    z-index: 100
}

.search.show {
    top: 0
}

.search input[type=text] {
    background-color: #fff;
    display: inline;
    margin: 0;
    width: 100%
}

.search .veld {
    width: 60%
}

.search .submitveld input {
    margin-left: 0
}

.search .formulier_velden.mini_velden {
    float: right;
    width: 100%
}

.bigsearch {
    padding-top: 0.4375em;
    background-color: #F2EFEA;
    border-color: #F2EFEA
}

.bigsearch .search {
    position: relative;
    left: auto;
    top: auto;
    right: 0;
    z-index: 10;
    padding: 0.9em .625rem 0.3em;
    background-color: transparent;
    text-align: left;
    box-shadow: none
}

.bigsearch .search input[type=text] {
    width: 60%
}

.bigsearch fieldset {
    margin-bottom: 0.4375em
}

.main-heading {
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative
}

@media screen and (min-width: 80.1em) {
    .main-heading {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.article-heading {
    padding-bottom: 1.75em
}

.article-heading p {
    font-weight: 300;
    font-size: 1.3125em;
    line-height: 1.333;
    color: #7F7766
}

.article-heading .date {
    margin: -.875em 0 0
}

.geen-gegevens {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .geen-gegevens {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.homepage .magazine-extra-info {
    display: none
}

.intro {
    margin: 0 0 1.75em 0
}

.archiefoverzicht.sub {
    padding-left: .625rem;
    padding-right: .625rem;
    color: #137baa;
    display: block;
    font-size: 2.25em;
    font-weight: 400;
    position: relative;
    top: -2.4rem
}

@media screen and (min-width: 80.1em) {
    .archiefoverzicht.sub {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.js-notariaat-magazine {
    display: none
}

.news li:nth-child(n+3).headliner {
    width: 100%
}

.homepage li:nth-child(n+3) .news-intro {
    display: none
}

.groups {
    padding-bottom: 1.75em
}

.groups .veld {
    float: left;
    margin-bottom: 2em;
    width: 100%
}

.groups .veld .label {
    float: left;
    width: 12em
}

.groups .melding {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    width: 100%;
    margin-bottom: 2em
}

@media screen and (min-width: 80.1em) {
    .groups .melding {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups p {
    margin-bottom: 1.5em
}

.groups .meetings.upcoming.listview li {
    margin-bottom: .875em
}

.groups .meetings.upcoming.listview p {
    margin-bottom: 0
}

#Document_Informatie_content .nav li .replace,
#Document_Informatie_content .nav li .modify {
    display: none
}

#uw-mening #poll___btnShowResults_Poll_1,
#uw-mening .pollmax10textoptions_totalvotes_container {
    display: none
}

.detail_velden #Document_Informatie_id_label,
.detail_velden #Document_Informatie_id,
.detail_velden #Document_Informatie_gewijzigd_op_label,
.detail_velden #Document_Informatie_gewijzigd_op,
.detail_velden #Document_Informatie_tags_label,
.detail_velden #Document_Informatie_tags {
    display: none
}

.detail_velden .veld {
    margin-bottom: 0
}

.detail_velden [id$='_label'] {
    font-weight: bold
}

.tabcontents {
    display: none
}

a.filter-selected {
    background-color: #7F7766;
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

a.filter-selected:hover {
    background-color: #7F7766
}

.meetings.first .location {
    margin-top: .4375em
}

.listview .timeplace {
    float: left;
    margin-right: 1em
}

.listview .timeplace strong {
    font-size: 1em;
    line-height: 1.75
}

.meetings .timeplace a+span {
    margin: 0 0 0 .75em
}

.listview .location {
    font-size: .875em
}

.tabcontents .meetings {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left
}

@media screen and (min-width: 80.1em) {
    .tabcontents .meetings {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.meetings {
    display: block;
    float: left;
    width: 49.5%
}

.meetings.archive,
.meetings.listview.upcoming {
    clear: left
}

#Vergadering_Detail em {
    font-size: 0.875em
}

.listview li {
    margin-bottom: 0.4375em
}

.meetings.archive {
    margin: 1.75em 0
}

.members {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .members {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.models.datelist li,
.models li {
    padding-left: 10.5em
}

.part.documents.models #Modellen_Overzicht .overzicht.documenten ul {
    margin-bottom: 1.3125em
}

.part.documents.models #Modellen_Overzicht .overzicht.documenten li {
    padding-left: 10.5em;
    margin-bottom: .87em
}

.pagination.alphabet {
    color: #d1cbb9;
    text-transform: uppercase
}

.modellen-tekst p {
    margin-bottom: 1em
}

.part.documents.models h2+ul {
    margin-top: 2.33em
}

.auteur,
.bron {
    color: #7F7766
}

.ingelogd {
    display: none
}

.main .intro p strong {
    color: #000;
    font-size: 1em
}

.main .intro p:first-of-type {
    margin-bottom: 0
}

.main .intro p:first-of-type>strong {
    color: #000;
    font-size: 1em
}

.reacties_container {
    width: 70%
}

.reactie {
    border-bottom: 1px solid #f2efea;
    margin: 0 0 2em 0;
    padding: 0 0 2em 0
}

.reactie .nav a {
    margin-right: 1em
}

.reactie_foot {
    color: #7f7766
}

.reactie_foot a {
    color: #7f7766
}

#SNOSShowWorkgroupDocumentsRenderControl1_loader_items_bericht {
    display: none
}

#Document_Informatie_modify_link,
#Document_Informatie_replace_link {
    display: none
}

#SNOSShowWorkgroupMyWorkgroupNotificationsFormRenderControl1_onlinesamenwerken_container .veld:last-of-type {
    display: none
}

.formulier_velden.mini_velden .waarde {
    float: left;
    width: 100%
}

#instellingen.tabcontents .formulier_velden {
    display: flex;
    flex-direction: column;
    width: 100%
}

#instellingen.tabcontents .formulier_velden #SNOSShowWorkgroupMyWorkgroupNotificationsFormRenderControl1_werkgroep_vergaderingen_container {
    order: 1
}

#instellingen.tabcontents .formulier_velden #SNOSShowWorkgroupMyWorkgroupNotificationsFormRenderControl1_onlinesamenwerken_container {
    order: 2
}

#instellingen.tabcontents .formulier_velden .veld.submitveld {
    order: 3
}

.search #search-options {
    float: left
}

.search #search-options label {
    left: -10.6667em;
    margin-right: -10.6667em
}

.search #search-options label.inline {
    left: auto;
    margin-right: 0
}

.search #search-options p {
    padding-left: 14em
}

#uitgebreid_zoeken_control {
    float: left;
    margin-bottom: 0.4375em;
    width: 100%
}

.bigsearch .hidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    /*display: inline-block !important;*/
    display:none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.submit .toggle-link {
    margin-left: 1em
}

.submitveld.submit {
    margin-bottom: 1em
}

.groups .part.documents ul li {
    border-bottom: 0
}

.meetings.upcoming.first .timeplace>p {
    margin-bottom: 0
}

.overzicht.documenten ul li {
    padding: 0;
    margin: 0
}

.overzicht.documenten ul li {
    padding-left: 2.7em
}

.overzicht.documenten>ul {
    float: left;
    margin-bottom: 3em;
    width: 100%
}

.overzicht.documenten>ul .icon {
    background-size: 25px
}

.meetings+.documents {
    padding-top: 1px
}

.part h2,
article .datelist ul,
table {
    margin-left: -15px;
    margin-right: -15px
}

.overzicht.documenten li::after {
    clear: left;
    content: " ";
    display: block;
    height: 0
}

.groups .documents ul li {
    padding-bottom: 0
}

.members a {
    display: block;
    float: left
}

.members li {
    margin-bottom: 0.4375em
}

.members .afgevaardigde {
    margin-left: 20em
}

.members .afgevaardigde {
    color: #696353;
    display: block;
    font-size: 0.875em;
    line-height: 2
}

.members .h4 {
    padding-top: 2em
}

.members .h4:first-of-type {
    padding-top: 0
}

#CCIPlaceHolder_Tab_Prikbord ul {
    display: block;
    width: 100%;
    margin-left: -15px
}

#CCIPlaceHolder_Tab_Prikbord li {
    display: inline-block;
    margin-right: 1em
}

#CCIPlaceHolder_Tab_Prikbord tr.first {
    display: none
}

#CCIPlaceHolder_Tab_Prikbord table .check,
#CCIPlaceHolder_Tab_Prikbord table .bestandsgrootte,
#CCIPlaceHolder_Tab_Prikbord table .gewijzigd_door,
#CCIPlaceHolder_Tab_Prikbord table .gewijzigd_op,
#CCIPlaceHolder_Tab_Prikbord table .extension {
    display: none
}

#CCIPlaceHolder_Tab_Prikbord table tr {
    border-bottom: 1px solid #f2efea
}

#CCIPlaceHolder_Tab_Prikbord table td {
    display: inline-block;
    border: 0;
    position: relative
}

#CCIPlaceHolder_Tab_Prikbord table td.naam {
    left: 2.7em;
    width: 50%
}

#CCIPlaceHolder_Tab_Prikbord table td.auteur {
    width: 20%
}

#CCIPlaceHolder_Tab_Prikbord table .datum {
    color: #7f7766;
    display: inline-block;
    margin: 0 0.4375em 0 0;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    line-height: 2
}

.groups .documents #SNOSShowWorkgroupDocumentsRenderControl1_main ul li {
    border-bottom: 0;
    padding: 0
}

.overzicht.documenten .icon {
    display: block;
    left: -2.7em;
    position: absolute
}

.zoekresultaten .pagination.sorting {
    display: none
}

.zoekresultaten .searchtab {
    display: none
}

.zoekresultaten #zoek-alles.searchtab {
    display: block
}

.zoekresultaten .results .head.zoekresultaatHead,
.zoekresultaten .results h2.blauw {
    display: none
}

.zoekresultaten .datum_link {
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    padding: 0.2em 10px;
    padding-left: 15px;
    padding-right: 15px
}

.zoekresultaten .datum_link:hover {
    background-color: #f2efea
}

.pagination.tabs .active a {
    background-color: #7f7766;
    color: #fff
}

.resultlist em {
    color: #7f7766;
    font-size: 0.875em;
    font-style: normal;
    letter-spacing: 0.1em;
    line-height: 2;
    text-transform: uppercase
}

.resultlist em .icon {
    background-size: 25px
}

.zoeknav.hidden {
    display: none
}

.who-is li {
    display: inline-block;
    width: 49.5%;
    margin-bottom: 20px;
    vertical-align: top;
    overflow: hidden;
}

.who-is .phone-email,
.who-is .personalia,
.who-is .details {
    display: block;
    position: relative;
    padding: 10px;
    border: 0;
    background-color: #F2EFEA
}

.who-is .personalia {
    padding-top: 0
}

.who-is .personalia h3 {
    margin-top: 0;
    font-size:1em!important;
}

.who-is .hidden .phone-email,
.who-is .hidden .personalia {
    background-color: #fff
}

.who-is li:hover .phone-email,
.who-is li:hover .personalia,
.who-is .details {
    background-color: #F2EFEA;
    cursor: pointer
}

.who-is .details {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    border-bottom: 6px solid #fff;
    padding-top: 0
}

.who-is .details p {
    font-size: 0.875em;
    line-height: 1.5
}

.who-is .phone-email:before,
.who-is .phone-email:after {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    position: absolute;
    left: 10px;
    z-index: 50;
    background-repeat: no-repeat;
    background-size: 1.6em 1.6em;
    background-position: 0.2em 0.2em;
    background-color: #F2EFEA
}

.who-is .phone-email:before {
    bottom: 80px;
    background-image: url("/img/nn2015/icon-phone.svg")
}

.who-is .phone-email:after {
    bottom: 30px;
    background-image: url("/img/nn2015/icon-email.svg")
}

.who-is .phone,
.who-is .email {
    min-height: 2em;
    position: absolute;
    left: 10px;
    z-index: 40;
    padding: 0.2em 0.4em 0 2em;
    background-color: #F2EFEA;
    line-height: 1.5
}

.who-is .phone {
    bottom: 80px
}

.who-is .email {
    bottom: 30px
}

.who-is .hidden .details,
.who-is .hidden .phone,
.who-is .hidden .email {
    display: inline-block !important;
    width: 1px;
    height: 1px;
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0
}

.who-is h3 {
    margin: 0.33em 0
}

.who-is img {
    display: block;
    width: 100%
}

.who-is .role {
    color: #696353;
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.05em
}

.adres-protocol-linkjes {
    display: none
}

.mededelingen p {
    margin-bottom: 1em
}

.overzicht.artikelen {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    width: 100%
}

@media screen and (min-width: 80.1em) {
    .overzicht.artikelen {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.overzicht.artikelen li {
    display: block;
    float: left;
    margin-bottom: 20px;
    vertical-align: top;
    width: 100%
}

.overzicht.artikelen li .article a {
    border: 0
}

.overzicht.artikelen li .article .afbeelding {
    float: left;
    width: 10em
}

.overzicht.artikelen li .article .afbeelding img {
    width: 100%
}

.overzicht.artikelen li .article .omschrijving {
    float: left;
    padding-left: 2em
}

.overzicht.artikelen li .article .afbeelding {
    margin-right: 1.5em
}

.overzicht.artikelen li .article .afbeelding img {
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1)
}

.overzicht.artikelen li .article .omschrijving {
    float: none;
    padding-left: 0
}

.overzicht.artikelen li .article .omschrijving h3 {
    margin-top: 1em
}

.overzicht.artikelen li .article .omschrijving .artikel-nummer {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7F7766
}

[class^='shop_orderarticle_'] {
    float: left;
    margin-right: 1rem;
    font-size: .7em
}

.shoporder_footerrow_container {
    font-size: 1rem;
    font-weight: bold;
    float: left;
    padding-top: 1em
}

.shop_orderarticle_articledescription {
    font-size: .7rem
}

.shop_orderarticle_articlename {
    font-weight: bold
}

.shoporder_headerrow_container,
.shoporder_articlerow_odd_container,
.shoporder_articlerow_even_container {
    float: left;
    width: 100%
}

.shoporder_headerrow_container {
    border-bottom: 1px solid #E0DBCD;
    margin-bottom: 1em
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard_shop_orderarticle_ordertotalpriceexbtw:before {
    content: "Order totaal";
    left: -25.35rem;
    position: absolute
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard_lbl_shop_orderarticle_ordertotalpriceinclbtw,
#CmsShowShopOrderFormRenderControl1_OrderFormWizard_lbl_shop_orderarticle_ordertotalpriceexbtw {
    display: none
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard_lbl_shop_orderarticle_ordertotalpriceexbtw {
    width: 25.35rem
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard_shop_orderarticle_ordertotalpriceexbtw {
    margin-left: 25.35rem;
    position: relative;
    width: 4rem
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard_shoporder_articles_headerrow_container {
    min-width: 43rem
}

.shop_orderarticle_articlename,
.shop_orderarticle_articlename_header,
.shop_orderarticle_articledescription_header,
.shop_orderarticle_articledescription {
    width: 8rem
}

.shop_orderarticle_articlenumber_header,
.shop_orderarticle_articlenumber,
.shop_orderarticle_articleamount_header,
.shop_orderarticle_articleamount {
    width: 3rem
}

.shop_orderarticle_currencycode_header,
.shop_orderarticle_currencycode,
.shop_orderarticle_articleprice_header,
.shop_orderarticle_articleprice {
    width: 2rem
}

.shop_orderarticle_articletotalpriceexbtw_header,
.shop_orderarticle_articletotalpriceexbtw,
.shop_orderarticle_articletotalpriceinclbtw_header,
.shop_orderarticle_articletotalpriceinclbtw {
    width: 4rem
}

.shop_orderarticle_articleamount input {
    font-size: 1rem
}

.factuuradres_debiteur,
.factuuradres_anders,
.afleveradressen,
.emailadressen {
    position: relative;
    left: 10.5em
}

.adressen label {
    width: 20em
}

.radiobuttonveld {
    margin-bottom: 2em
}

.radiobuttonveld a {
    position: relative;
    margin: 0 .15em
}

.radiobuttonveld label {
    position: relative
}

.actieknoppen {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    padding-top: 1em;
    width: 60%
}

@media screen and (min-width: 80.1em) {
    .actieknoppen {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.actieknoppen a {
    margin-right: 1em
}

.artikel-omschrijving {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    width: 60%
}

@media screen and (min-width: 80.1em) {
    .artikel-omschrijving {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.artikel-omschrijving h2 {
    margin-bottom: 2em
}

.artikel-omschrijving .prijs {
    font-weight: bold
}

.artikel-omschrijving .afbeelding {
    float: left;
    margin-right: 1em;
    margin-bottom: 3em;
    width: 10em;
    overflow: hidden
}

.artikel-omschrijving .afbeelding img {
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto
}

.artikel-omschrijving .toelichting {
    margin-bottom: 1em
}

.artikel-omschrijving .artikel-nummer {
    margin-bottom: 1em;
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7F7766
}

#basketButton {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 3em
}

.shoporder_container {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    width: 100%
}

@media screen and (min-width: 80.1em) {
    .shoporder_container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.blok .tekst {
    float: left;
    width: 60%
}

.blok .tekst p {
    margin-bottom: 1em
}

.shoporder_articles_container {
    margin-left: 1em;
    width: 100%
}

label[for='CmsShowShopOrderFormRenderControl1_OrderFormWizard_afleveradres_anders'] {
    display: none
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard {
    width: 100%
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard a {
    float: left
}

table table td {
    border: 0
}

#CCIPlaceHolder_Inhoud .tekst ul {
    position: relative
}

#CCIPlaceHolder_Inhoud .tekst ul li {
    margin-left: 2rem
}

#CCIPlaceHolder_Inhoud .tekst ul li:before {
    color: #222;
    content: "—";
    display: block;
    left: 0;
    position: absolute;
    margin: 0 0 0 0;
    padding-right: 1em
}

.applist .often.double .online a h3::before,
.applist .often.double .online a h3::after {
    height: 0.1875em
}

.clusterlaag {
    display: none
}

.related .linklist ul ul {
    margin: 0;
    padding: 0
}

.linklist p {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .linklist p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.linklist li li {
    display: inline-block;
    float: none;
    margin: 0 0 0 10px;
    padding: .21875em 0 0
}

.linklist li li a {
    display: inline;
    background-color: transparent;
    color: #696353;
    padding: .4em 0 0;
    border-bottom: 1px solid #7F7766
}

.linklist li li a:hover {
    background-color: transparent;
    color: #a13775;
    border-color: #a13775
}

.related.single .courses {
    display: none
}

#FormbuilderV2RenderControl table {
    width: 60%;
    margin-left: 9.5em
}

#FormbuilderV2RenderControl table:nth-child(3) {
    margin-left: 0
}

#FormbuilderV2RenderControl table:first-child {
    display: none
}

.coursedetails.apply {
    padding: 0
}

.coursedetails.apply div:nth-child(2) {
    padding: 0
}

.coursedetails.apply div {
    width: 45em
}

.course .formbuilder_label {
    position: relative;
    left: -8em;
    font-size: 1.31em;
    line-height: 1.3333;
    color: #137baa
}

.course .formbuilder_element {
    width: 100%
}

.course .formbuilder_element table {
    display: block
}

#FormbuilderV2RenderControl .formbuilder_element table {
    display: block;
    margin: 0
}

.main .intro.faq p:first-of-type>strong {
    margin: 0
}

#FormbuilderV2RenderControl table:nth-child(7) {
    margin: 0;
    width: 100%
}

.js-faq h3 {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .js-faq h3 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.part.faq a h2 {
    color: #222
}

.onderwerp-detail #Modellen_Overzicht .mortgagelist ul li {
    padding-left: 10em
}

#CCIPlaceHolder_Contactpersoon>div:not(.owner) {
    display: none
}

.pagination .selected,
.pagination .selected:hover {
    background-color: #7F7766;
    color: #fff;
    font-weight: bold
}

#Header_Zoekformulier_content .veld {
    display: inline-block;
    width: 60%
}

#Header_Zoekformulier_content .waarde {
    display: block
}

#Header_Zoekformulier_content .submitveld {
    display: inline-block;
    left: 0;
    position: relative;
    top: -.8em
}

.map.archief-lijst ul {
    display: none;
    left: 2em;
    position: relative;
    margin-bottom: 1em
}

.map.archief-lijst ul ul {
    margin-bottom: 1em
}

.map.archief-lijst .map-name {
    font-weight: bold
}

.meetings.past.listview li {
    float: left;
    display: block;
    width: 100%
}

#CmsShowShopArticlesViaArticleGroupRenderControl_74 .results {
    width: 60%;
    float: left
}

.bijeenkomst-type {
    display: none
}

.bijeenkomst-type:before {
    content: "("
}

.bijeenkomst-type:after {
    content: ")"
}

.overzicht.documenten em {
    /*font-size: .87em;*/
    margin-bottom: .5em
}

.main .intro.faq p:first-of-type {
    margin-bottom: 1.5em
}

.row:after,
nav ul:after,
section:after,
.applist ul:after,
.grouplist ul:after,
.main:after,
.news-magazine:after,
.spotlight:after,
.clippings:after,
.owner:after,
.linklist ul:after,
.contact-options:after,
.resultlist a:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.spotlight [id^="poll_detail_form_container_"] {
    border: 0
}

.about p+.niks-ingevuld {
    display: none
}

.homepage .news li:nth-child(n+3).headliner {
    word-wrap: break-word
}

.agenda-link {
    margin: -2em .625rem 1em;
    padding: 0 5px
}

.agenda-link a {
    padding: 0 .625rem;
    width: 100%
}

#Modellen_Overzicht .overzicht.documenten li code {
    left: -12em;
    position: absolute
}

.documents.listing .mortgagelist .part.documents ul li {
    padding-left: 2.7em
}

#Vergadering_Detail time {
    margin: 0
}

.groups #Vergadering_Detail .documents {
    padding-left: 0;
    padding-right: 0
}

.documents.archive.workgroupmeetings li {
    margin-bottom: 1rem;
}

.documents.archive.workgroupmeetings .documentname {
    display: table-row;
    float: left;
    margin-bottom: 0.875em;
    min-width: 80%
}

.workgroupmeetings.datelist time {
    margin: 0 -6.2em 0 0
}

.workgroupmeetings.datelist li {
    padding-left: 2.7em
}

.related.single .clippings {
    width: 100%
}

.overzicht-tekst {
    padding-left: .625rem;
    padding-right: .625rem;
    float: left;
    width: 100%
}

@media screen and (min-width: 80.1em) {
    .overzicht-tekst {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.throbber {
    color: #8C3A73;
    padding: 1em
}

.mortgagelist .part.documents.models h3 span {
    font-weight: 400
}

.title-tab {
    display: none
}

.navigatie-tabs {
    display: none
}

a[disabled='disabled'] {
    color: #D1CBB9
}

.shoporder_form_betaalwijze_container,
.veld.factuur_anders_land {
    display: none
}

.button.button-previous {
    margin-right: 1.5em
}

[id^=CmsShowShopOrderFormRenderControl1_OrderFormWizard_lbl_shop_orderarticle_articleamount_total_] {
    display: none
}

.main.veelgestelde-vragen .intro p strong {
    color: #8c3a73
}

.bigsearch .formulier_velden.mini_velden {
    float: left
}

.modellen-overzicht .part h2.border {
    border-top: none
}

.modellen-overzicht .main-heading #Modellen_Navigatie_CCIPlaceHolder_Tekstblok {
    border-bottom: 6px solid #E0DBCD
}

.faq-filtered {
    margin-left: 1rem
}

.faq-filtered ul li {
    display: none
}

.overzicht.documenten>ul {
    float: left;
    margin-bottom: 3em;
    width: 100%
}

.overzicht.documenten li {
    margin: 0;
    padding-left: 2.7em
}

.overzicht.documenten li a {
    position: relative
}

.overzicht.documenten li a:after {
    clear: left;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.overzicht.documenten em {
    color: #7F7766;
    float: left;
    /*font-size: .87em;*/
    font-style: normal;
    margin-right: .5em;
    margin-bottom: .5em;
    text-transform: uppercase
}

.overzicht.documenten .icon {
    background-size: 25px;
    display: block;
    left: -2.7em;
    position: absolute
}


.documents-text ul {
    margin-left: 2rem;
    position: relative;
    float: left;
    width: 100%;
}

.documents-text ul li {
    padding-left: 0;
    display: inline;
    float: left;
    width: 100%;
    margin-left:0;
    margin-bottom: 0.875em;
}

.documents-text ul li:before {
    color: #222;
    content: "—";
    display: block;
    left: -2rem;
    position: absolute;
    margin: 0 0 0 0;
    padding-right: 1em;
}

.documents-text ul + h3 {
    display: block;
    float: left;
    margin-top: 0;
    width: 100%;
}

/*.documents-text ul em {*/
    /*font-size: .87em*/
/*}*/

/*.documents-text ul {*/
    /*margin-left: 2rem;*/
    /*position: relative*/
/*}*/

/*.documents-text ul li {*/
    /*padding-left: 0*/
/*}*/

/*.documents-text ul li:before {*/
    /*color: #222;*/
    /*content: "—";*/
    /*display: block;*/
    /*left: -2rem;*/
    /*position: absolute;*/
    /*margin: 0 0 0 0;*/
    /*padding-right: 1em*/
/*}*/

.videoAfbeelding {
    float: left
}

.videoAfbeelding a {
    border-bottom: none;
    position: relative;
    display: block;
    float: left;
    height: 100%
}

.videoAfbeelding a:before {
    content: "\f04b";
    font-family: 'FontAwesome';
    font-size: 56px;
    color: #fff;
    background: rgba(167, 0, 108, 0.7);
    padding: 5px 48px 5px 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    transform: translate(-50%, -50%)
}

.videoAfbeelding a:hover {
    border-bottom: none;
    text-decoration: none
}

.videoAfbeelding a:hover:before {
    background: rgba(167, 0, 108, 0.8);
    -webkit-transition: .2s;
    transition: .2s
}

.videoAfbeelding img {
    margin: 0
}

.videoAfbeelding .ondertitel {
    float: left
}

.answer {
    width: 100%
}

.answer.collapsible .icon-toggle {
    display: block;
    height: 2em;
    width: 2em;
    cursor: pointer;
}

.answer .answer-inner {
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%
}

.answer.collapsed .answer-inner {
    height: 7em;
    overflow: hidden;
    cursor: pointer
}

.answer.collapsed .answer-overlay {
    width: 100%;
    height: 5.25em;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%)
}

.collapsible .icon-toggle {
    position: relative;
    margin-left: 4.5em
}

.collapsible .icon-toggle:before, .collapsible .icon-toggle:after {
    content: '';
    display: inline-block;
    width: 1.2em;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0.9em;
    transform-origin: center center;
    transition: .2s;
    background-color: #8C3A73
}

.collapsible .icon-toggle:before {
    -webkit-transform: translate(-0.15em, 0) rotate(135deg) rotateZ(0);
    transform: translate(-0.15em, 0) rotate(135deg) rotateZ(0)
}

.collapsible .icon-toggle:after {
    -webkit-transform: translate(0.6em, 0) rotate(45deg) rotateZ(0);
    transform: translate(0.6em, 0) rotate(45deg) rotateZ(0)
}

.collapsible.collapsed .icon-toggle:before {
    -webkit-transform: translate(0.6em, 0) rotate(315deg) rotateZ(0);
    transform: translate(0.6em, 0) rotate(315deg) rotateZ(0)
}

.collapsible.collapsed .icon-toggle:after {
    -webkit-transform: translate(-0.15em, 0) rotate(225deg) rotateZ(0);
    transform: translate(-0.15em, 0) rotate(225deg) rotateZ(0)
}

@media screen and (min-width: 40.1em) {
    .collapsible .icon-toggle {
        margin-left: 4.5em
    }
}

.ArticlePriceExclVAT,
.ArticlePriceInclVAT {
    display: inline-block;
    padding-right: 1rem
}

.other-news.news li:nth-child(n+6) {
    display: none
}

.hourglass {
    height: 2rem;
    position: relative
}

.hourglass:after {
    animation: hourglass-after 1s infinite linear;
    color: #8c3a73;
    content: "\f251";
    font-family: "fontAwesome";
    font-size: 1.525rem;
    position: absolute
}

@keyframes hourglass-after {
    0% {
        content: "\f251"
    }

    20% {
        content: "\f252"
    }

    50% {
        content: "\f253"
    }

    65% {
        transform: rotate(0)
    }

    100% {
        content: "\f253";
        transform: rotate(180deg)
    }
}

.throbber {
    float: left;
    font-size: 2rem;
    margin-left: 1rem
}

body[data-page-id='21279'] .throbber {
    display: none
}

.documents .documents-text ol {
    padding-left: 1rem
}

.documents .documents-text ol li {
    padding-left: 0
}

.applist .group a h3,
.applist .online a h3,
.grouplist .group a h3,
.grouplist .online a h3 {
    position: relative
}

.applist .group a h3:before,
.applist .group a h3:after,
.applist .online a h3:before,
.applist .online a h3:after,
.grouplist .group a h3:before,
.grouplist .group a h3:after,
.grouplist .online a h3:before,
.grouplist .online a h3:after {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: .1875em;
    position: absolute;
    right: 10px;
    top: 1.5em;
    background-color: #2F8870
}

.applist .group a h3:before,
.applist .online a h3:before,
.grouplist .group a h3:before,
.grouplist .online a h3:before {
    -ms-transform: rotate(-45deg) translate(0, .66667em);
    -webkit-transform: rotate(-45deg) translate(0, .66667em) rotateZ(0);
    transform: rotate(-45deg) translate(0, .66667em) rotateZ(0)
}

.applist .group a h3:after,
.applist .online a h3:after,
.grouplist .group a h3:after,
.grouplist .online a h3:after {
    -ms-transform: rotate(45deg) translate(0, -.66667em);
    -webkit-transform: rotate(45deg) translate(0, -.66667em) rotateZ(0);
    transform: rotate(45deg) translate(0, -.66667em) rotateZ(0)
}

.applist .group a:hover h3:before,
.applist .group a:hover h3:after,
.applist .online a:hover h3:before,
.applist .online a:hover h3:after,
.grouplist .group a:hover h3:before,
.grouplist .group a:hover h3:after,
.grouplist .online a:hover h3:before,
.grouplist .online a:hover h3:after {
    background-color: #4DA483
}

.applist .group a h3:before,
.applist .group a h3:after,
.grouplist .group a h3:before,
.grouplist .group a h3:after {
    background-color: #8C3A73
}

.applist .group a:hover h3:before,
.applist .group a:hover h3:after,
.grouplist .group a:hover h3:before,
.grouplist .group a:hover h3:after {
    background-color: #A13775
}

.no-show {
    display: none
}

.pollmax10textoptions_title_label_container,
#poll___btnShowResults_Poll_Homepage {
    display: none
}

.pollmax10textoptions_totalvotes_container {
    display: none
}

.poll input[type="button"] {
    margin: .45em 0 0 0
}

.poll .ballot input[type="radio"] {
    float: left;
    margin: .7em .5em 0 0
}

.poll .ballot input[type="radio"]+label {
    margin-bottom: .4375em
}

.poll .ballot table {
    border: 0;
    margin: .7em 0 .6em 0;
    width: 100%
}

.poll .ballot table td {
    border: 0;
    font-size: 1rem;
    padding: 0
}

.poll .ballot table tr:nth-child(2n+1) td {
    background: none
}

.poll .ballot table tr:nth-of-type(2n) {
    background: none
}

.poll .pollmax10textoptions_result_button_container {
    float: right
}

.poll .pollmax10textoptions_result_button_container input {
    margin: 0;
    padding: 0
}

.poll .pollmax10textoptions_totalvotes_container {
    font-size: .875em;
    margin: .875em 0 0 0
}

.poll .pollmax10textoptions_totalvotes_container .pollmax10textoptions_totalvotes_label,
.poll .pollmax10textoptions_totalvotes_container .pollmax10textoptions_totalvotes {
    display: inline
}

.poll .pollmax10textoptions_totalvotes_container .pollmax10textoptions_totalvotes {
    font-weight: 700
}

[id$="_percentage"] {
    color: #8C3A73;
    font-size: .875em;
    font-weight: bold;
    line-height: 1
}

.pollmax10textoptions_result_bar {
    background: transparent linear-gradient(to right, #F2EFEA 50%, #8C3A73 50%) repeat scroll left bottom/200% 100%;
    float: left;
    height: .875em;
    line-height: 1;
    margin-right: .4375em;
    width: 70%;
    animation: linear slideRight 1.5s;
    -moz-animation: linear slideRight 1.5s;
    -webkit-animation: linear slideRight 1.5s;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.register-status {
    display: none
}

#CCIPlaceHolder_Meldingen .status {
    display: none
}

.launchpad .requirements p {
    width: 100%
}

section.course .coursedetails .bijeenkomst-type {
    display: none
}

section.course .coursedetails div.enroll {
    width: 25%
}

section.course .coursedetails div.enroll em {
    float: left;
    padding-top: 1em
}

section.course .coursedetails span.aantal-dagen {
    display: none
}

section.course .coursedetails .points .keyinfo .points-big {
    color: #696353;
    font-size: 2.25em;
    margin-right: 100%
}

section.course .timeplace .js-show-inline {
    display: inline-block
}

.timeplace span.location-detail {
    color: #696353
}

.enroll a {
    background-color: #8C3A73;
    border-color: #6C284D;
    border-width: 0 0 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 1.3125em;
    line-height: 1.333;
    padding: .2em 20px
}

.groups #CCIPlaceHolder_Tab_Uw_Mening {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups #CCIPlaceHolder_Tab_Uw_Mening {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups #instellingen .formulier_velden {
    padding: 0
}

.groups #instellingen h3,
.groups #instellingen #Notificaties_Instellen_control {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    .groups #instellingen h3,
    .groups #instellingen #Notificaties_Instellen_control {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups .control.asynchronous.loaded,
.groups .about {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    .groups .control.asynchronous.loaded,
    .groups .about {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups .control.asynchronous.loaded .loader,
.groups .report {
    display: none
}

.groups .reactie_form .formulier_velden {
    padding: 0;
    margin-top: 2em
}

.groups #discussies .discussions {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups #discussies .discussions {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups #discussies .loaded,
.groups #discussies .loader,
.groups #discussies .loader_items {
    display: none
}

.groups #discussies .content {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups #discussies .content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups #discussies .content.loadable_content table {
    width: 70%
}

.groups #discussies .content.loadable_content table thead,
.groups #discussies .content.loadable_content table .aantal_reacties,
.groups #discussies .content.loadable_content table .datum_laatste_reactie {
    display: none
}

.groups #discussies .head ul {
    display: block;
    width: 100%
}

.groups #discussies .head ul li {
    display: inline-block;
    margin-right: 1em
}

.groups.evenementen.detail .documents ul {
    width: 100%
}

.groups.evenementen.detail .documents ul li {
    max-width: none
}

.groups .documents {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups .documents {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups .documents ul {
    width: 70%
}

.groups .documents ul li {
    border-bottom: 2px solid #F2EFEA;
    padding: .875em 2.7em 0
}

.groups [id^='poll_detail_form_container_Poll_']+.opinions {
    display: none
}

.groups .opinions {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups .opinions {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups .fouten {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups .fouten {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups .formulier_velden {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {
    .groups .formulier_velden {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.groups label {
    left: 0;
    margin-right: 0
}

.groups input[type=radio] {
    float: left;
    top: .8em;
    margin-right: 1em
}

.groups .mceLayout {
    width: 50%
}

.groups.discussie .info .aangemaakt_op,
.groups.discussie .info .auteur {
    color: #7F7766
}

.groups.discussie .info .aangemaakt_op a,
.groups.discussie .info .auteur a {
    color: #7F7766
}

.groups.discussie .info .titel {
    display: block;
    width: 100%
}

.groups.discussie .info .titel .sep {
    display: none
}

.groups.discussie .nav ul {
    display: block;
    width: 100%
}

.groups.discussie .nav ul li {
    display: inline-block;
    margin-right: 1em
}

.groups.discussie .bericht {
    border-bottom: 1px solid #F2EFEA;
    margin: 1em 0;
    padding: 1em 0;
    width: 70%
}

#instellingen h2,
#instellingen p {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 80.1em) {

    #instellingen h2,
    #instellingen p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#instellingen .label {
    color: #137BAA;
    display: block;
    float: left;
    font-size: 1.3125em;
    left: -8em;
    line-height: 1.3333;
    margin-bottom: .4375em;
    margin-right: -8em;
    position: relative;
    top: .2em
}

#instellingen .formulier_velden input[type=checkbox] {
    top: .25em
}

#instellingen .formulier_velden .waarde.veldonderdelen {
    float: left
}

#instellingen .formulier_velden .veld {
    padding-left: 10.5em
}

#instellingen .formulier_velden .veld.submitveld {
    padding-left: 0
}

#instellingen .formulier_velden div .veld:nth-child(2),
#instellingen .formulier_velden div .veld:nth-child(6),
#instellingen .formulier_velden div .veld:nth-child(7) {
    display: none
}

#instellingen .formulier_velden .waarde>span {
    display: block;
    width: 100%
}

#instellingen .formulier_velden .waarde label {
    color: #696353;
    display: inline-block;
    float: none;
    font-size: 1.125em;
    left: auto;
    line-height: 1.5556;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: .4375em
}

.formulier_velden.mini_velden .veld label {
    display: none
}

.formulier_velden.mini_velden .veld.content_type,
.formulier_velden.mini_velden .veld.publicatie_periode,
.formulier_velden.mini_velden .veld.meta_tags,
.formulier_velden.mini_velden .veld .waarde,
.formulier_velden.mini_velden .veld #uitgebreid_zoeken_searchbox_words_join {
    display: none
}

.formulier_velden.mini_velden .veld.zoektermen .waarde {
    display: inline-block;
    max-width: 30em;
    width: 60%
}

.formulier_velden.mini_velden .veld.zoektermen .waarde input {
    width: 100%
}

#Header_Zoekformulier_content .veld .waarde {
    display: block
}

.loaded .throbber {
    display: none
}

.SN-Block-PersonalInformation-Item-Prive-Adres,
.SN-Block-PersonalInformation-Item-Prive-Postcode,
.SN-Block-PersonalInformation-Item-Prive-Plaats,
.SN-Block-PersonalInformation-Item-Prive-Land,
.SN-Block-PersonalInformation-Item-Prive-Email,
.SN-Block-PersonalInformation-Medewerker,
.SN-Block-PersonalInformation-Prive,
.SN-Block-PersonalInformation-Item-Prive-Medewerker-Functie,
.SN-Block-PersonalInformation-Item-Prive-Medewerker-Startdatum {
    display: none
}

.SN-Block-PersonalInformation-Item {
    float: left;
    width: 100%
}

.SN-Block-PersonalInformation-Item strong {
    float: left;
    width: 10em
}

.SN-Block-PersonalInformation-Item span {
    float: left
}

[class^='CrmSiteProfileMutationsEditPerson_'] {
    display: none
}

.CrmSiteProfileMutationsEditPerson_emailadres,
.CrmSiteProfileMutationsEditPerson_submit {
    display: block
}

.CrmSiteProfileMutationsEditPerson_emailadres span,
.CrmSiteProfileMutationsEditPerson_submit span {
    display: none
}

.coursedetails div#FormbuilderV2RenderControl p {
    color: inherit
}

#CmsShowShopOrderFormRenderControl1_OrderFormWizard__shopOrderArticleBestelAantallen1__ {
    display: none
}

.shop_orderarticle_articleamount .multiplier,
.shop_orderarticle_articleamount .shop_orderarticle_articlebestelaantallen_input,
.shop_orderarticle_articleamount .result,
.shop_orderarticle_articleamount #CmsShowShopOrderFormRenderControl1_OrderFormWizard_lbl_shop_orderarticle_articleamount_total_1 {
    display: none
}

.shop_orderarticle_articledescription_header,
.shop_orderarticle_articledescription {
    display: none
}

.factuuradressen .factuuradres_debiteur {
    display: none
}

.factuuradressen .factuuradres_anders strong {
    left: -10.5em;
    position: relative
}

.factuuradressen .factuuradres_anders .radiobuttonveld {
    display: none
}

.afleveradressen .afleveradres_debiteur {
    display: none
}

.afleveradressen .ander_afleveradres {
    padding-top: 2rem
}

.afleveradressen .ander_afleveradres strong,
.afleveradressen .ander_afleveradres .radiobuttonveld {
    display: block;
    float: left;
    left: -10.5em;
    margin-top: 1rem;
    position: relative;
    width: 100%
}

.afleveradressen .ander_afleveradres strong input,
.afleveradressen .ander_afleveradres .radiobuttonveld input {
    display: none
}

.emailadressen .emailadres_debiteur {
    display: none
}

.emailadressen .emailadres_anders {
    padding-top: 2rem
}

.emailadressen .emailadres_anders strong {
    left: -10.5em;
    position: relative
}

.emailadressen .emailadres_anders .radiobuttonveld {
    display: none
}

#CmsShowShopOrderFormRenderControl1_StatusMessage.status.error {
    display: none
}

.question a {
    display: none
}

.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Debiteurnummer,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Geboortedatum,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Prive,
.SN-Block-PersonalInformation-Item-Prive-Medewerker-Email.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Startdatum+.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Email {
    display: none
}

.teruglink {
    float: left;
    margin-top: 2em
}

.spotlight .poll {
    display: none
}

.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Email {
    display: block
}

.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Adres,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Postcode,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Land,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Vrijveld1,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Vrijveld2,
.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Email {
    display: none
}

.SN-Block-PersonalInformation-Item.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item-Prive-Medewerker-Startdatum+.SN-Block-PersonalInformation-Item-Prive-Medewerker-Email.SN-Block-PersonalInformation-Item-Prive-Medewerker.SN-Block-PersonalInformation-Item {
    display: block
}

#SNOSShowWorkgroupDocumentsRenderControl1_content table {
    width: 100%
}

.opinions p+.niks-ingevuld {
    display: none
}

[id^=poll_detail_form_container_] {
    border-bottom: 3px solid #ccc;
    margin-bottom: 1em;
    padding: 0 0 2em 0
}

#uw-mening #poll___btnShowResults_Poll_2,
#uw-mening #poll___btnShowResults_Poll_3,
#uw-mening #poll___btnShowResults_Poll_4,
#uw-mening #poll___btnShowResults_Poll_5 {
    display: none
}

.meetings.upcoming.listview li {
    float: left;
    width: 100%;
    display: block
}

#SNOSShowWorkgroupDocumentsRenderControl1_main li .del {
    display: none
}

#uw-mening .pollmax10textoptions_vote_button_container+.pollmax10textoptions_totalvotes_container {
    display: none
}

#uw-mening #poll___btnShowResults_Poll_1,
#uw-mening .pollmax10textoptions_totalvotes_container {
    display: block
}

div.pollmax10textoptions_results_container+.pollmax10textoptions_totalvotes_container {
    display: block
}

.pollmax10textoptions_result_button_container {
    display: none
}

@media screen {

    .magnifier,
    .hamburger {
        display: inline-block;
        position: absolute;
        z-index: 95;
        padding: 0 .375em .75em;
        background: none;
        border: none;
        cursor: pointer;
        transition: .2s;
        transition: z-index .1s .1s ease;
        font-size: 1em
    }

    .magnifier {
        right: 80px;
        top: 1em;
        transition: right .2s ease
    }

    .glass {
        display: inline-block;
        width: 0;
        height: 0;
        position: relative;
        padding: .375em;
        border-radius: .75em;
        border: 3px solid #fff;
        transition: border .2s .1s ease
    }

    .glass:before,
    .glass:after {
        display: inline-block;
        width: .75em;
        height: 3px;
        position: absolute;
        left: 0;
        content: '';
        transform-origin: center center;
        transition: .2s
    }

    .glass:before {
        width: 1.5em;
        background: transparent;
        -webkit-transform: translate(0, -.08333em) rotate(45deg) rotateZ(0);
        transform: translate(0, -.08333em) rotate(45deg) rotateZ(0)
    }

    .glass:after {
        background: #fff;
        -webkit-transform: translate(0, -.08333em) rotate(45deg) translate(.75em, 0) rotateZ(0);
        transform: translate(0, -.08333em) rotate(45deg) translate(.75em, 0) rotateZ(0)
    }

    .glass span {
        font-size: 1.5em;
        line-height: 1
    }

    .hamburger {
        right: 20px;
        top: 0.7em
    }

    .lines {
        display: inline-block;
        width: 1.5em;
        height: 3px;
        background-color: #fff;
        transition: .2s;
        position: relative;
        transition: background .2s .3s ease
    }

    .lines:before,
    .lines:after {
        display: inline-block;
        width: 1.5em;
        height: 3px;
        background-color: #fff;
        transition: .2s;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        content: '';
        transform-origin: 50% 50%;
        transition: background .2s .3s ease, top .2s .3s ease, transform .2s ease
    }

    .lines:before {
        -webkit-transform: translate(0, .375em) rotateZ(0);
        transform: translate(0, .375em) rotateZ(0)
    }

    .lines:after {
        -webkit-transform: translate(0, -.375em) rotateZ(0);
        transform: translate(0, -.375em) rotateZ(0)
    }

    .magnifier.close,
    .hamburger.close {
        z-index: 105
    }

    .magnifier.close {
        transition: right .2s .4s ease;
        right: 30px
    }

    .magnifier.close .glass {
        transition: border .2s 0s ease;
        border-color: rgba(255, 255, 255, 0)
    }

    .magnifier.close .glass:before,
    .magnifier.close .glass:after {
        transition: background .2s 0s ease;
        background: #8C3A73;
        width: 1.5em
    }

    .magnifier.close .glass:before {
        transition: transform .2s .3s ease;
        -webkit-transform: translate(0, -.08333em) rotate(-45deg) rotateZ(0);
        transform: translate(0, -.08333em) rotate(-45deg) rotateZ(0)
    }

    .magnifier.close .glass:after {
        transition: transform .2s 0s ease;
        -webkit-transform: translate(0, -.08333em) rotate(45deg) rotateZ(0);
        transform: translate(0, -.08333em) rotate(45deg) rotateZ(0)
    }

    .hamburger.close .lines {
        transition: background .2s 0s ease;
        background: transparent
    }

    .hamburger.close .lines:before,
    .hamburger.close .lines:after {
        -webkit-transition: background .2s 0s ease, top .2s ease, transform .2s .3s ease;
        transition: background .2s 0s ease, top .2s ease, transform .2s .3s ease;
        background: #8C3A73;
        width: 1.5em
    }

    .hamburger.close .lines:before {
        -webkit-transform: translate(0, 0) rotate(45deg) rotateZ(0);
        transform: translate(0, 0) rotate(45deg) rotateZ(0)
    }

    .hamburger.close .lines:after {
        -webkit-transform: translate(0, 0) rotate(-45deg) rotateZ(0);
        transform: translate(0, 0) rotate(-45deg) rotateZ(0)
    }

    .applist .group a h3,
    .applist .online a h3,
    .grouplist .group a h3,
    .grouplist .online a h3 {
        position: relative
    }

    .applist .group a h3:before,
    .applist .group a h3:after,
    .applist .online a h3:before,
    .applist .online a h3:after,
    .grouplist .group a h3:before,
    .grouplist .group a h3:after,
    .grouplist .online a h3:before,
    .grouplist .online a h3:after {
        display: inline-block;
        width: 1.5em;
        height: 3px;
        background-color: #fff;
        transition: .2s;
        background-color: #2F8870
    }

    .applist .group a h3:before,
    .applist .online a h3:before,
    .grouplist .group a h3:before,
    .grouplist .online a h3:before {
        -ms-transform: rotate(-45deg) translate(0, .66667em);
        -webkit-transform: rotate(-45deg) translate(0, .66667em) rotateZ(0);
        transform: rotate(-45deg) translate(0, .66667em) rotateZ(0)
    }

    .applist .group a h3:after,
    .applist .online a h3:after,
    .grouplist .group a h3:after,
    .grouplist .online a h3:after {
        -ms-transform: rotate(45deg) translate(0, -.66667em);
        -webkit-transform: rotate(45deg) translate(0, -.66667em) rotateZ(0);
        transform: rotate(45deg) translate(0, -.66667em) rotateZ(0)
    }

    .applist .group a:hover h3:before,
    .applist .group a:hover h3:after,
    .applist .online a:hover h3:before,
    .applist .online a:hover h3:after,
    .grouplist .group a:hover h3:before,
    .grouplist .group a:hover h3:after,
    .grouplist .online a:hover h3:before,
    .grouplist .online a:hover h3:after {
        background-color: #4DA483
    }

    .applist .group a h3:before,
    .applist .group a h3:after,
    .grouplist .group a h3:before,
    .grouplist .group a h3:after {
        background-color: #8C3A73
    }

    .applist .group a:hover h3:before,
    .applist .group a:hover h3:after,
    .grouplist .group a:hover h3:before,
    .grouplist .group a:hover h3:after {
        background-color: #A13775
    }
}

@media screen and (max-width: 54em) {
    .sitebranch h3 {
        position: relative
    }

    .sitebranch h3:before,
    .sitebranch h3:after {
        content: '';
        display: inline-block;
        width: .8em;
        height: 2px;
        position: absolute;
        right: 20px;
        top: .6em;
        transform-origin: center center;
        transition: .2s;
        background-color: #000
    }

    .sitebranch h3:before {
        -webkit-transform: translate(-.1em, 0) rotate(135deg) rotateZ(0);
        transform: translate(-.1em, 0) rotate(135deg) rotateZ(0)
    }

    .sitebranch h3:after {
        -webkit-transform: translate(.4em, 0) rotate(45deg) rotateZ(0);
        transform: translate(.4em, 0) rotate(45deg) rotateZ(0)
    }

    .sitebranch.collapsed h3:before {
        -webkit-transform: translate(.4em, 0) rotate(315deg) rotateZ(0);
        transform: translate(.4em, 0) rotate(315deg) rotateZ(0)
    }

    .sitebranch.collapsed h3:after {
        -webkit-transform: translate(-.1em, 0) rotate(225deg) rotateZ(0);
        transform: translate(-.1em, 0) rotate(225deg) rotateZ(0)
    }

    .sitebranch.collapsed ul,
    .subtopics+.maintopics {
        display: inline-block !important;
        width: 1px;
        height: 1px;
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        overflow: hidden;
        margin: -1px;
        padding: 0;
        border: 0
    }

    .sitebranch h3 {
        cursor: pointer
    }
}

@media screen and (min-width: 28.1em) {
    .cover {
        display: inline-block;
        width: 33%
    }

    .cover img {
        box-shadow: 4px 8px 40px 5px rgba(0, 0, 0, 0.1);
        width: 150%;
        -ms-transform: translate(-5%, 0) rotate(-5deg);
        -webkit-transform: translate(-5%, 0) rotate(-5deg) rotateZ(0);
        transform: translate(-5%, 0) rotate(-5deg) rotateZ(0)
    }

    .contents {
        border: 0;
        display: inline-block;
        margin-top: 0;
        min-height: 18.75em;
        width: 66%
    }

    .related .cover,
    .related .contents {
        display: block;
        width: 49.5%
    }

    .social a {
        margin-right: 43px
    }

    .owner .inner {
        float: right;
        width: 100%
    }

    .owner>a {
        display: block;
        position: relative;
        width: 50%
    }

    .datelist li {
        margin-left: 0;
        padding-left: 7em
    }

    .datelist time {
        float: left;
        left: -7em;
        margin: 0 -6em 0 0;
        position: relative;
        top: 0
    }

    .datelist time+h4 {
        margin-top: 1.5556em
    }

    .datelist.archive time {
        left: -12em
    }

    .workgroupmeetings.archive.datelist time {
        left: 0;
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width: 40.1em) {

    h1,
    .h1 {
        font-size: 2.25em;
        line-height: 1.16667;
        margin: 1.5556em 0 .7778em
    }

    h2,
    h2 {
        font-size: 1.3125em;
        font-weight: 700;
        line-height: 1.1667;
        margin: 1.75em 0 .25em
    }

    h3,
    .h3 {
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.5556;
        margin: 2.33em 0 .33em
    }

    h4,
    .h4 {
        font-size: 1em;
        line-height: 1.75;
        margin: 2em 0 .3333em
    }

    .intro p {
        font-weight: 300;
        font-size: 1.3125em;
        line-height: 1.5238
    }

    form label {
        float: left;
        left: -8em;
        margin-right: -8em;
        position: relative;
        top: .2em
    }

    form label.inline {
        float: none;
        left: auto;
        margin-right: 0;
        top: auto
    }

    .sitename a {
        padding-top: .5em;
        padding-bottom: .5em
    }

    .hamburger {
        top: 1.2em
    }

    .magnifier {
        top: 1.5em
    }

    .search {
        padding: 1em 20px
    }

    .spotlight .grid-image {
        bottom: 0;
        top: auto
    }

    .spotlight .grid-image img {
        margin-left: 0;
        width: 100%
    }

    .announcement,
    .poll,
    .clippings-link h2,
    .clippings-link p {
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .news li,
    .themelist li {
        width: 49.5%
    }

    :nth-child(3) h3.h4,
    li:nth-child(4) h3.h4 {
        font-size: 1.125em
    }

    .main.news-magazine {
        z-index: 5
    }

    .main.news-magazine .news li.headliner:nth-child(3),
    .main.news-magazine .news li.headliner:nth-child(4) {
        width: 49.5%
    }

    .main.news-magazine .news li.headliner:nth-child(3) h3.h4,
    .main.news-magazine .news li.headliner:nth-child(4) h3.h4 {
        font-size: 1.125em
    }

    .cover,
    .contents {
        width: 49.5%;
        margin-top: 0
    }

    .cover img {
        width: 100%
    }

    .contents {
        background-color: transparent;
        vertical-align: bottom
    }

    .editions li {
        width: 33%
    }

    .applist li {
        margin-bottom: .5em;
        width: 33%
    }

    .applist li.often {
        float: left;
        margin-bottom: 1.25em;
        width: 49.5%
    }

    .applist .double h3 {
        font-size: 1.75em;
        line-height: 1.1429
    }

    .applist li.often a {
        height: 5.25em
    }

    .applist li.double a {
        height: 11.75em
    }

    .requirements {
        width: 49.5%
    }

    #sitemap {
        padding-bottom: 1.75em
    }

    .sitebranch {
        width: 49.5%;
        float: left
    }

    .sitebranch:last-child {
        float: right;
        margin-right: 1%
    }

    .sitebranch .separate {
        margin-top: 1.75em
    }

    .grouplist li {
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .contact-group {
        display: block;
        float: left;
        width: 49.5%
    }

    .contact-group h3 {
        margin-top: .6667em
    }

    .clippings img {
        width: 50%
    }

    .office,
    .people {
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .courselist .course .h2,
    .timeplace strong {
        font-size: 1.5em;
        line-height: 1.3333
    }

    .launchpad {
        padding: 0
    }

    .launchpad p {
        padding-left: .625rem;
        padding-right: .625rem;
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }
}

@media screen and (min-width: 40.1em) and (min-width: 80.1em) {
    .launchpad p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width: 40.1em) {

    .manuals,
    .support,
    .costs {
        width: 31.333%
    }

    .question h3 {
        margin-top: -2.33em;
        max-width: 40em;
        min-height: 2.6em;
        padding-left: 4em;
        padding-top: 4.6667em
    }

    .question em {
        float: left;
        margin-left: -1.33em;
        margin-bottom: 0;
        position: relative
    }

    .faq .question h3 {
        margin-top: .6667em;
        max-width: 36em;
        padding-left: 2.4em;
        padding-top: 0
    }

    .faq .question em {
        margin-left: -1.2em;
        top: .2em
    }

    .updates li {
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .courses-spotlight {
        margin-bottom: 3.5em
    }

    .courses-spotlight li {
        display: inline-block;
        vertical-align: top;
        width: 33%
    }

    .organisation-summary .courses-spotlight li {
        width: 49.5%
    }

    .opinion .ornament {
        font-size: 6em;
        right: 0;
        top: -2.4em
    }

    .models li {
        display: block;
        float: left;
        padding-left: 10.5em;
        width: 100%
    }

    .models code {
        color: #222;
        float: left;
        font-size: .875em;
        left: -12em;
        letter-spacing: .1em;
        line-height: 2;
        margin-right: -12em;
        position: relative
    }

    .models em,
    .models time {
        font-size: .875em;
        letter-spacing: .1em;
        line-height: 2
    }

    .organisation {
        margin-bottom: 1.75em
    }

    .organisation article {
        display: block;
        float: left;
        width: 49.5%
    }

    .who-is li {
        width: 33%
    }

    #CCIPlaceHolder_Jaargangen+.mortgagelist ul,
    #CCIPlaceHolder_Jaargangen+.overzicht-tekst+.mortgagelist ul {
        float: left;
        width: 60%
    }

    .overzicht-tekst {
        width: 60%
    }

    .workgroupmeetings.datelist li {
        padding-left: 10.5em
    }

    .workgroupmeetings.archive.datelist time {
        left: -12em;
        margin: 0 -6.2em 0 0;
        width: auto
    }

    .mortgagelist .documents.part ul li {
        padding-left: 10.5em
    }

    .mortgagelist .documents.part ul li code {
        float: left;
        left: -12em;
        line-height: 2
    }

    .documents.models em,
    .documents.models time {
        padding-left: 0
    }

    .models.documents.datelist.archive.workgroupmeetings em,
    .models.documents.datelist.archive.workgroupmeetings time,
    #CCIPlaceHolder_Modellen .documents.models em,
    #CCIPlaceHolder_Modellen .documents.models time {
        padding-left: 0
    }
}

@media screen and (min-width: 54.1em) {
    .main {
        padding-bottom: 3.5em
    }

    .article-heading {
        padding-bottom: 3.5em
    }

    article {
        width: 66%;
        float: left
    }

    article p {
        max-width: 45em
    }

    article li {
        max-width: 43em
    }

    article .intro p {
        max-width: 30em
    }

    .courses-spotlight.courses-short {
        width: 100%
    }

    .courses-spotlight.courses-short+.more-link {
        float: left;
        width: 100%
    }

    .courses-spotlight li {
        padding-left: 0;
        padding-right: 0;
        width: 33.33333%;
        float: left;
        float: none;
        padding: 0 .625rem
    }

    h1 {
        max-width: 30em
    }

    .announcement {
        width: 60%
    }

    .poll {
        width: 33%;
        float: right;
        margin-right: 1%
    }

    .pagination {
        margin-bottom: .875em
    }

    .pagination+.datelist,
    .pagination+.editions {
        margin-top: 2.625em
    }

    .pagination+.resultlist {
        margin-top: .875em
    }

    .magazine {
        width: 66%;
        float: left
    }

    .cover img {
        width: 100%
    }

    .related .cover {
        width: 100%
    }

    .related .contents {
        width: 100%;
        margin-top: -8px
    }

    .editions li {
        width: 24.75%
    }

    .opinion .ornament {
        font-size: 7em;
        right: -.333em
    }

    .datelist {
        width: 66%
    }

    article .datelist {
        width: 100%
    }

    .related {
        width: 25%;
        float: right;
        clear: none
    }

    .related li {
        width: 100%
    }

    .clippings {
        width: 33%;
        float: right;
        margin: 0 1% 5.25em 0
    }

    .clippings img {
        width: 80%
    }

    .clippings a {
        margin-top: -6em
    }

    .contact-options {
        width: 66%;
        float: left
    }

    .owner .inner {
        width: 100%;
        float: none
    }

    .owner>a {
        width: 100%
    }

    .coursedetails div {
        display: inline-block;
        vertical-align: top;
        width: 24%
    }

    .coursedetails div.confirmation {
        width: 100%
    }

    .coursedetails div div {
        width: 100%;
        padding-left: 0
    }

    .coursedetails div p {
        padding-left: 0
    }

    .coursedetails .keyinfo {
        left: auto;
        top: auto;
        float: none;
        margin-right: 0
    }

    .coursedetails strong,
    .coursedetails .timeplace strong {
        font-size: 1.50em
    }

    .courselist .timeplace strong {
        font-size: 1.5em
    }

    .courselist .coursedetails .h2 {
        padding-right: 25%
    }

    .courselist .coursedetails .h2 .coursepoints {
        font-size: 0.6667em;
        position: absolute;
        width: 25%
    }

    .part h2.xl span {
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 8em;
        color: #D1CBB9
    }

    .panes {
        position: relative;
        padding: 0
    }

    .panes.maintopics #themes {
        width: 25%;
        float: right
    }

    .panes.maintopics #maintopics {
        width: 35%;
        min-height: 20px;
        z-index: 2;
        float: right;
        margin-right: 40%;
        background-color: #fff
    }

    .panes.maintopics #maintopics .inner {
        padding-left: 5em
    }

    .panes.subtopics #themes {
        width: 25%;
        float: right
    }

    .panes.subtopics #maintopics {
        width: 25%;
        min-height: 20px;
        z-index: 2;
        float: right;
        margin-left: -10%;
        margin-right: -2px;
        background-color: #fff
    }

    .panes.subtopics #maintopics .inner {
        border-right: 2px solid #DE9400;
        padding-left: 0
    }

    .panes.subtopics #maintopics .sort-order {
        display: none
    }

    .panes.subtopics #subtopics {
        width: 50%;
        min-height: 20px;
        z-index: 4;
        float: right;
        margin-right: 10%;
        background-color: #fff
    }

    .panes.subtopics #subtopics .inner {
        padding-left: 5em
    }

    .pane {
        float: right;
        clear: none;
        position: relative
    }

    .pane .inner {
        border-left: 2px solid #DE9400
    }

    .pane.themes h2 {
        display: inline-block !important;
        width: 1px;
        height: 1px;
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        overflow: hidden;
        margin: -1px;
        padding: 0;
        border: 0
    }

    .pane.themes a:after {
        content: "›";
        position: absolute;
        right: 15px
    }

    .pane.themes .selected a:after {
        content: ""
    }

    .pane.maintopics .sort-order,
    .pane.subtopics .sort-order {
        display: block;
        float: left;
        margin-left: -2.25em;
        padding: 0;
        font-weight: 700;
        font-size: 1.75em
    }

    .pane.maintopics .has-children,
    .pane.subtopics .has-children {
        position: relative
    }

    .pane.maintopics .has-children a:after,
    .pane.subtopics .has-children a:after {
        content: "›";
        position: absolute;
        right: 15px;
        top: .6em
    }

    .pane.maintopics .selected a:after,
    .pane.subtopics .selected a:after {
        content: ""
    }

    .pane li {
        width: 100%
    }

    .pane a {
        padding-right: 30px
    }

    .pane .selected a {
        background-color: #DE9400;
        color: #fff
    }

    .pane .selected a h4,
    .pane .selected a p {
        color: #fff
    }

    .pane h2 {
        margin: 0 0 .75em
    }

    .pane h4,
    .pane .h4 {
        margin-bottom: .1667em
    }

    .pane p {
        font-size: .7778em;
        line-height: 1.5
    }

    .office,
    .people {
        width: 33%
    }

    .grouplist {
        display: inline-block;
        vertical-align: top;
        width: 33%
    }

    .grouplist li {
        width: 100%
    }

    .organisation {
        margin-bottom: 3.5em
    }

    .organisation article {
        width: 33%
    }

    .organisation-courses .courses {
        display: block;
        float: left;
        width: 66%
    }

    .courselist .coursedetails .h2 {
        width: 75%
    }

    .courselist .timeplace {
        width: 25%
    }

    .courselist .timeplace p {
        margin-bottom: .4375em;
        padding-left: 0
    }

    .updates {
        width: 33%;
        float: left
    }

    .updates li {
        width: 100%
    }

    .organisation .updates {
        width: 100%
    }

    .organisation .updates li {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }

    .topbar {
        border: 0
    }

    nav {
        position: relative;
        left: auto;
        top: auto;
        z-index: 100;
        padding: 0;
        border-bottom: 6px solid #fff;
        box-shadow: none
    }

    nav ul {
        width: 100%
    }

    nav li {
        width: 20%;
        float: left;
        border: 0;
        height: 4.11em
    }

    nav a {
        border-top: 6px solid #F2EFEA;
        font-size: 1.125em;
        line-height: 1.1667;
        padding-top: .4em;
        padding-right: 12.5%;
        padding-bottom: .6em;
        position: relative;
        height: 100%
    }

    nav .selected a {
        border-color: #8C3A73;
        background-color: #fff
    }

    nav a:hover {
        border-color: #8C3A73;
        background: rgba(255, 255, 255, 0.6)
    }

    nav a:before,
    nav a:after {
        content: '';
        display: inline-block;
        width: 0.8em;
        height: 2px;
        position: absolute;
        right: 20px;
        top: 0.6em;
        transform-origin: center center;
        transition: .2s;
        background-color: #8C3A73
    }

    nav a:before {
        -webkit-transform: translate(-0.2em, 0.8em) translate(0, -0.1em) rotate(45deg) rotateZ(0);
        transform: translate(-0.2em, 0.8em) translate(0, -0.1em) rotate(45deg) rotateZ(0)
    }

    nav a:after {
        -webkit-transform: translate(-0.2em, 0.8em) translate(0, 0.4em) rotate(135deg) rotateZ(0);
        transform: translate(-0.2em, 0.8em) translate(0, 0.4em) rotate(135deg) rotateZ(0)
    }

    nav .selected a:before,
    nav .selected a:after {
        background-color: transparent
    }

    .prepmenu nav {
        position: fixed;
        left: 0;
        top: -6em;
        transition: top .4s ease-in
    }

    .prepmenu nav.fixedmenu {
        top: 0
    }

    .prepmenu nav a {
        font-size: 1.125em;
        line-height: 1.1667
    }

    .prepmenu nav+section {
        padding-top: 5.0625em
    }

    .prepmenu nav a,
    .sitebranch h3 {
        padding-right: 20%
    }

    #sitemap {
        padding-bottom: 1.75em
    }

    .sitebranch:last-child {
        float: left;
        margin-right: 0
    }

    .sitebranch li {
        margin-bottom: .4375em
    }

    .social {
        width: 33%;
        float: left
    }

    footer .social {
        width: auto;
        float: none;
        padding-top: 20px;
        text-align: right
    }

    footer .social a {
        margin: 0 0 0 86px
    }

    .search {
        width: 50%;
        float: right;
        background-color: transparent;
        position: relative;
        left: auto;
        top: auto;
        right: 0;
        z-index: 100;
        padding: .9em 10px .3em;
        text-align: right;
        box-shadow: none
    }

    .search input[type=text] {
        width: 100%
    }

    #Header_Zoekformulier_content .submitveld {
        position: relative;
        top: -0.8em;
        left: 0
    }

    .bigsearch .search {
        width: 100%;
        float: none;
        text-align: left
    }

    .hamburger,
    .magnifier {
        top: -40em
    }

    .news li,
    .news li:nth-child(n+3),
    .news li.headliner:nth-child(n+3) {
        width: 33%
    }
    
    .related .news li:nth-child(n+3){
        width:100%;
    }

    .other-news.news li,
    .other-news.news li:nth-child(n+3),
    .other-news.news li.headliner:nth-child(n+3) {
        width: 20%
    }

    .main.news-magazine .news li.headliner:nth-child(3),
    .main.news-magazine .news li.headliner:nth-child(4) {
        width: 33%
    }

    .related li {
        width: 100%
    }

    .themelist li {
        width: 33%
    }

    .notice,
    .launchpad,
    .help {
        display: inline-block;
        width: 66%
    }

    .help {
        width: 100%
    }

    .sitebranch {
        display: block;
        width: 20%;
        float: left
    }

    .sitebranch ul {
        display: block
    }

    .who-is li {
        width: 25%
    }

    .overzicht.artikelen {
        width: 66%
    }

    .modellen-overzicht #Documenten {
        float: left;
        width: 80%
    }

    /*.related.single.cc {*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0*/
    /*}*/

    .c {
        float: left;
        width: 60%
    }

    #CCIPlaceHolder_Overzicht .main>.row {
        padding: 0 1.86rem;
        position: relative
    }

    #CCIPlaceHolder_Overzicht #Documenten {
        float: left;
        width: 60%
    }

    .mortgagelist .part.documents ul li code {
        margin-right: -12em;
        min-width: 7em
    }

    .answer img {
        max-width: 50%;
        width: auto
    }

    .requirements {
        max-width: none
    }

    .launchpad {
        width: 100%
    }

    .launchpad .login-link {
        max-width: 340px;
        width: 100%
    }

    .models.documents.datelist.archive.workgroupmeetings {
        width: 100%
    }
}

@media screen and (min-width: 64.1em) {
    .row {
        margin: 0 auto;
        width: 84%
    }
}

@media screen and (min-width: 72.1em) {
    .applist li.often {
        width: 33%
    }

    .cover img {
        width: 90%
    }

    .editions li {
        width: 16.5%
    }
}

@media screen and (min-width: 80.1em) {
    .search {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .editions a,
    .owner .inner {
        padding: 15px
    }

    .agenda-link a {
        padding: 5px 15px
    }

    .pagination.alphabet li {
        margin-right: 2px
    }

    .owner {
        margin-left: 15px;
        margin-right: 15px
    }

    .part h2,
    article .datelist ul,
    table {
        margin-left: -15px;
        margin-right: -15px
    }

    .applist li.normal {
        margin-bottom: 1em
    }

    nav a {
        padding-right: 22.5%
    }

    .prepmenu nav a,
    .sitebranch>h3 {
        padding-right: 27.5%
    }

    .pane a {
        padding-right: 30px
    }

    .news li {
        width: 20%
    }

    .related .news li {
        width: 100%
    }

    .news-magazine .news {
        display: inline-block;
        vertical-align: top;
        width: 60%;
        float: left
    }

    .news-magazine .news li {
        width: 33%
    }

    .news-magazine.homepage .news li:nth-child(n+3),
    .news-magazine.homepage .news li:nth-child(n+3).headliner {
        width: 33%
    }

    .news-magazine.homepage .news li:nth-child(3) h3.h4,
    .news-magazine.homepage .news li:nth-child(4) h3.h4 {
        font-size: 1em
    }

    .news-magazine .news li.headliner {
        width: 50%
    }

    .main.news-magazine .news li.headliner:nth-child(3),
    .main.news-magazine .news li.headliner:nth-child(4) {
        width: 49.5%
    }

    .magazine {
        display: inline-block;
        float: right;
        vertical-align: top;
        width: 33%;
        margin: -2em 1% 0 0
    }

    .cover,
    .contents {
        width: 100%
    }

    .cover {
        margin: 0
    }

    .cover img {
        width: 50%;
        margin: 0
    }

    .contents {
        margin-top: -4em;
        border-top: 4px solid #E0DBCD;
        background-color: #fff
    }

    .contents h3 {
        margin-top: .6667em
    }

    #sitemap {
        padding-bottom: 5.25em
    }

    #logo {
        max-width: 446px;
        top: -60px
    }

    #logo span {
        width: 440px;
        height: 175px;
        margin-left: 6px
    }

    footer {
        padding-bottom: 3.5em
    }

    .social a {
        font-size: 1em;
        line-height: 1.75
    }

    .courselist .coursedetails .h2 {
        width: 80%
    }

    .courselist .timeplace {
        width: 20%
    }

    .other-news.news li {
        display: table-cell
    }
}

@media screen and (min-width: 90.1em) {
    nav a {
        padding-right: 30%
    }

    .prepmenu nav a,
    .sitebranch>h3 {
        padding-right: 35%
    }
}

@media screen and (min-width: 100.1em) {
    nav a {
        padding-right: 50%
    }

    .prepmenu nav a,
    .sitebranch>h3 {
        padding-right: 45%
    }

    article {
        width: 60%
    }

    .related {
        float: left;
        width: 20%
    }

    .related.single {
        float: right
    }

    .related li {
        width: 100%
    }

    .main-heading+article+.related+.related {
        margin-top: 3.5em
    }

    .notice,
    .help,
    .datelist {
        width: 60%
    }

    .launchpad,
    .help {
        width: 100%
    }

    .requirements {
        max-width: none;
        width: auto
    }

    .launchpad .login-link {
        max-width: 440px;
        width: 100%
    }

    .models.documents.datelist.archive.workgroupmeetings {
        width: 100%
    }
}

@media screen and (min-width: 125em) {
    .announcement {
        background: transparent url("/img/nn2015/corner-spotlight.svg") no-repeat top left;
        max-width: 1000px
    }
}

.documents .documents-text ol li {
    padding-left: 0
}

@media all and (max-width: 25em) {
    .who-is li {
        min-width: 17em;
    }

    .who-is .phone,
    .who-is .email {
        font-size: .725em;
    }
}

.list.videos article {
    width: 294px;
}

.videoAfbeelding {
    width: 100%;
}

.videoAfbeelding a::before {
    font-size: 2rem;
    padding: 5px 38px 5px 45px;
}

.courses-spotlight.courses-short li:nth-child(3) h3.h4,
.courses-spotlight.courses-short li:nth-child(4) h3.h4 {
    font-size: 1em;
}

.block.image {
    max-width: 32.5rem;
    width: 100%;
    float: right;
    margin: 1rem 1% 5.25em 0;
}

.block.image .contents {
    border: none;
    margin-top: 0;
}

.block.image figure img {
    height: auto;
    width: 100%;
}

.block.image figure a {
    border: none;
    display: block;
    position: relative;
}

.main.news-magazine #CCIPlaceHolder_Blokken {
    float: left;
    width: 100%;
}

@media screen and (min-width: 80.1em) {
    .main.news-magazine #CCIPlaceHolder_Blokken {
        float: right;
        width: 33%;
    }
}

.main.news-magazine #CCIPlaceHolder_Blokken .clippings,
.main.news-magazine #CCIPlaceHolder_Blokken .magazine {
    max-width: 32.5rem;
    width: 100%;
}

.main.news-magazine #CCIPlaceHolder_Blokken .magazine {
    margin-bottom: 2rem;
}

.list.videos {
    display: flex;
    flex-flow:row wrap;
    margin-top: 2rem;
}

.list.videos h3 {
    margin-top: 0;
}

.videoAfbeelding {
    height: 10.625rem;
    overflow: hidden;
}

.videoAfbeelding a {
    width: 100%;
}

.videoAfbeelding img {
    height: 100%;
    width: auto;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
}

.videoAfbeelding a::before {
    z-index: 2;
}



.block.image figure a::before {
    content: "\f04b";
    font-family: 'FontAwesome';
    font-size: 2rem;
    padding: 5px 38px 5px 45px;
    color: #fff;
    background: rgba(167, 0, 108, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.videoAfbeelding.message {
    height: auto;
}

.videoAfbeelding.message img {
    height: auto;
    left: 0;
    transform: translate(0, 0);
    top: 0;
    width: 100%;
}
.apps .app.disrupted strong {
  color:#fff;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}

.main .c ul {
    margin:0.4375em 0 1.3125em;
}
.main .c ul li {
  margin:0 0 0 2em;
}
.main .c ul li:before {
  color:#222222;
  content:"—";
  display:block;
  float:left;
  margin-left:-2em;
  position:relative;
}

aside#banners, .banners {
    display: none;
}