@font-face {
font-family : "Cousine";
font-style : normal;
font-weight : 400;
src : local('Cousine'), url(https://themes.googleusercontent.com/static/fonts/cousine/v4/DwTQUBZUm7p0EqFjmSeK4w.ttf) format('truetype');
}

.wrapper{
        box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);
        background: #ffffff;
	width:100%;
        max-width: 1300px;
        margin: 0px auto;
	overflow:hidden;
} 

.container {
/*        box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);*/
/*        background: #ffffff;*/
        margin-top: 0px;
} 


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display : block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
overflow-y : scroll;
}
p, pre {
margin : 1em 0;
}
b, strong {
font-weight : bold;
}
q {
quotes : none;
}
q:before, q:after {
content : "";
content : none;
}
sub, sup {
font-size : 0.85714285714286em;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
table {
margin-bottom : 1em;
border-collapse : collapse;
border-spacing : 0;
width : 100%;
}
th, td {
vertical-align : top;
text-align : left;
}
dl, menu, ol, ul {
margin : 1em 0;
}
dd {
margin : 0 0 0 2em;
}
dl dl, ul ul, ol ol {
margin : 0;
}
menu, ol, ul {
padding : 0 0 0 2em;
}
.clearfix:before, .clearfix:after, header:before, header:after, nav ul:before, nav ul:after, .container:before, .container:after, footer:before, footer:after, #paginator:before, #paginator:after, #monthly-list:before, #monthly-list:after {
content : "";
display : table;
}
.clearfix:after, header:after, nav ul:after, .container:after, footer:after, #paginator:after, #monthly-list:after {
clear : both;
}

@media screen {
body {
/*background : #f7f7f7;*/
background:url(https://www.zziep.nl/images/147.jpg) 0 0 repeat;
        background-attachment: fixed;
	margin:0;
	padding:0;
 }
}

#bovenwater {
/*        box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);*/
        background: #ffffff;
	width:100%;
        max-width: 1300px;
        margin: 0px auto;
	overflow:hidden;
}

header, .container, footer {
margin : 0 auto;
width : 93.75%;
max-width : 86em;
}

header {
padding : 1em 0;
}

header h1 {
margin : 0;
}

header h3 {
margin : 0.66666666666667em 0 0;
}

nav {
border-top : 1px solid #B8129F;
border-bottom : 10px solid #FFCC00;
background-color: #B8129F;
}

nav h1 {
display : none;
}

nav ul {
margin : 0 auto;
padding : 0;
max-width : 86em;
list-style : none;
list-style-image : none;
}

nav li {
margin : 0;
border-bottom : 1px solid #015FAB;
}

nav li:last-child {
border-bottom : 0;
}

nav li:hover, nav li.active {
background-color: #81D00D;
}

nav li:active {
background-color: #81D00D;
}

nav a {
/*text-shadow : 1px 1px 0 rgba(160, 0, 224, 0.5);*/
display : block;
padding : 0.5em 3.125%;
color: #fff;
}

nav li a:hover, nav li a:active{
/*color: #B8129F;*/
}

.blokken p {
margin : -8px 0 15px 0;
}

.blokken p a:hover, .blokken p a:active {
text-decoration : none;
}

[role="article"] {
margin-bottom : 2em;
}

[role="complementary"] {
max-width: 340px;
margin-left : auto;
margin-right: auto;
margin-bottom : 2em;
padding-top : 2em;
/* border-top : 2px dashed #ccc;*/
}

[role="complementary"] hr {
 display: block;
/*    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;*/
    border: none;
    border-top: 1px dashed #B8129F;
    margin-bottom:20px;
}

[role="search"] p {
margin-top : 0;
}

footer {
padding : 0.5em 0;
}

a {
position : relative;
text-decoration : none;
color : #B8129F;
}

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

a:active {
top : 1px;
}

a:focus {
outline : #06f thin dotted;
}

[role="main"] a:hover, [role="main"] a:active, [role="complementary"] a:hover, [role="complementary"] a:active, footer a:hover, footer a:active {
text-decoration : underline;
color : #B8129F;
}

[role="main"] a:visited, [role="complementary"] a:visited, footer a:visited {
color : #B8129F;
}

[role="main"] h1 a {
color: #B8129F;
border-radius : 6px;
}

[role="main"] h1 a:visited {
color: #B8129F;
}

[role="main"] h1 a:hover, [role="main"] h1 a:active {
text-decoration : none;
color: #B8129F;
/*background : #efefef;*/
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.6;
color: #222;
}

/* =========================================
ARTIKELOVERZICHT
========================================= */

#article-list,
article[role="article"] {
font-size: 1.08em;
line-height: 1.75;
}

#article-list p {
font-size: 1em;
line-height: 1.55;
color: #333;
}

#article-list h2 {
font-size: 1.35em;
line-height: 1.3;
margin-bottom: 0.35em;
font-weight: bold;
font-style: normal;
}

/* Artikeloverzicht met afbeelding */
#article-list li {
overflow: hidden;
clear: both;
}

#article-list img.align-left {
float: left;
width: 200px;
height: auto;
margin: 0 1.2em 1em 0;
}

#article-list h2,
#article-list div[itemprop="description"]{
display: block;
overflow: hidden;
}

#article-list .footnote {
display: block;
overflow: hidden;
margin-top: 05.em;
}

/* =========================================
ARTIKELPAGINA
========================================= */

article[role="article"] {
font-size: 1.08em;
line-height: 1.75;
max-width: 760px;
}

article[role="article"] p {
margin-bottom: 1.2em;
}

[role="main"] {
font-size : 1.05em;
}

p {
margin : 0 0 1.15em 0;
}

nav, h1, h2, h3, h4, button, input, select, textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

nav {
font-weight : bold;
}

h1 {
font-size : 2.1em;
line-height : 1.2;
letter-spacing : -0.03em;
margin : 0 0 0.7em 0;
color: #B8129F;
}

h1:first-child {
margin-top : 0;
}

h2 {
font-size : 1.45em;
line-height : 1.35;
font-weight : bold;
font-style : normal;
margin : 1.6em 0 0.5em 0;
color: #B8129F;
}

h3 {
font-size : 1.2em;
line-height : 1.35;
font-weight : bold;
font-style : normal;
margin : 1.3em 0 0.4em 0;
color: #B8129F;
}

h4 {
font-size : 1.05em;
line-height : 1.4;
font-weight : bold;
margin : 1em 0 0.4em 0;
color: #B8129F;
}

[role="article"] p,
[role="main"] p {
font-size : 1em;
line-height : 1.65;
}

[role="main"] ul,
[role="main"] ol {
line-height : 1.65;
margin : 0 0 1.15em 0;
}

#article-list h1 {
font-size : 1.45em;
line-height : 1.25;
letter-spacing : -0.02em;
margin : 0 0 0.25em 0;
}

#article-list p {
font-size : 0.98em;
line-height : 1.55;
margin-bottom : 0.9em;
}

blockquote {
font-size : 1.14285714285714em;
font-style : italic;
margin : 0.875em 0 0.875em 0;
padding : 1px 0.875em;
border-radius : 6px;
background : #fff6d3;
color: #B8129F;
}

ul.zemError li {
color: red;
}

.zemThanks {
font-size : 1.14285714285714em;
font-style : italic;
margin : 0.875em 0 0.875em 0;
padding : 1px 0.875em;
border-radius : 6px;
background : #fff6d3;
color: #B8129F;
}


address {
margin : 1em 0;
}

abbr[title], dfn[title] {
border-bottom : 1px dotted;
cursor : help;
}

dfn, mark, q, var {
padding : 0 0.21428571428571em;
border-radius : 6px;
color: #B8129F;
background : #fff6d3;
}

dfn, q {
font-style : italic;
}

q q {
padding : 0;
}

var {
font-weight : bold;
}

pre, code, kbd, samp {
font-family : Cousine, Consolas, "Lucida Console", Monaco, monospace;
}

code, kbd, samp {
font-size : 0.92857142857143em;
border : #e3e3e3 solid 1px;
padding : 0 0.23076923076923em;
border-radius : 6px;
background : #f7f7f7;
}

pre {
font-size : 0.92857142857143em;
overflow-x : auto;
border : #e3e3e3 solid 1px;
padding : 1em;
border-radius : 6px;
background : #f7f7f7;
}

pre code {
font-size : 1em;
border : 0;
background : none;
}

small, figcaption, tfoot, .footnote {
font-size : 0.85714285714286em;
}

figcaption, tfoot, .footnote {
color : #888;
}

figcaption {
margin-top : 0.33333333333333em;
font-style : italic;
}

img, video {
max-width : 100%;
height : auto;
}

figure {
margin : 0;
}

img.align-left {
float : left;
margin : 0em 1em 1em 0;
}

img.align-left-list {
float : left;
margin : 0em 1em 1em 0;
}

img.align-right {
float : right;
margin : 1em 0 1em 1em;
}

img.align-center {
display : block;
margin : 1em auto;
}

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

caption {
font-style : italic;
text-align : left;
margin-bottom : 0.5em;
}

th, td {
border-bottom : 1px solid #ccc;
padding : 0.28571428571429em 0.5em 0.28571428571429em 0;
}

th:last-child, td:last-child {
padding-right : 0;
}

thead th, thead td {
border-bottom : 2px solid #ccc;
}

tfoot th, tfoot td {
border-bottom : 0;
padding : 0.33333333333333em 0.58333333333333em 0.33333333333333em 0;
}

tfoot:last-child {
padding-right : 0;
}

dt {
font-style : italic;
}

[role="main"] #article-list {
list-style : none;
margin : 0 0 2em 0;
padding : 0;
border-top : 1px solid #ccc;
}

#article-list li, #activiteit-rechterkolom-list li {
border-bottom : 1px solid #ccc;
padding-top : 1em;
margin-bottom : 0;
}

#activiteit-rechterkolom-list{
list-style : none;
margin : 0 0 2em 0;
padding : 0;
border-top : 1px solid #ccc;
list-style-type: none;
}

form {
margin : 0;
}

fieldset {
margin : 0;
border : 0;
padding : 0;
}
button:focus, a.button:focus, input:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus, textarea:focus {
box-shadow : 0 0 7px #0066ff;
z-index : 1;
}
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
box-shadow : none;
}
textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.85714285714286em;
text-align : left;
border : #ccc solid 1px;
padding : 0.5em;
margin : 0 0.5em 0.5em 0;
background : #fff;
outline : 0;
box-sizing : border-box;
border-radius : 0;
}

input[type="color"] {
padding : 0;
height : 2.33333333333333em;
width : 500px;
}

label {
float : left;
width : 200px;
text-align : left;
}

textarea {
min-height : 3em;
overflow : auto;
vertical-align : top;
resizer : vertical;
width : 100%;
}
select {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.85714285714286em;
text-align : left;
border : #ccc solid 1px;
padding : 0.5em;
background : #fff;
box-sizing : border-box;
}
textarea, select[size], select[multiple] {
height : auto;
}
optgroup {
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
color: #B8129F;
}
button[disabled], input[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], span.disabled {
opacity : 1;
border : #d2d2d2 solid 1px !important ;
text-shadow : none !important ;
color : #888888 !important ;
background : #eee !important ;
cursor : default !important ;
top : 0 !important ;
}
.large input {
width : 50%;
min-width : 302px;
}
.large textarea {
height : 156px;
}
.small input {
width : 25%;
min-width : 151px;
}
.small textarea {
height : 5.5em;
}
button:hover, [role] a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
/* background-color : #fe76c0;*/
}
button:active, [role] a.button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
position : relative;
top : 1px;
color : #ffffff;
background-color : #D79905;
}

.button,
a.button {
display: inline-block;
padding: 0.65em 1.2em;
background: #B8129F;
color: #fff !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-decoration: none !important;
border-radius: 6px;
border: none;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.button:hover,
a.button:hover {
background: #81D00D;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transform: translateY(-1px);
}

.button:active,
a.button:active {
transform: translateY(1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

#paginator {
margin-bottom : 2em;
}
#paginator a.button {
background: #f7f7f7;
color: #B8129F !important;
border: 1px solid #ddd;
}

#paginator a.button:hover {
background: #B8129F;
color: #fff !important;
border-color: #B8129F;
}

#paginator-l {
float : left;
}
#paginator-r {
float : right;
}
.comments {
margin-bottom : 1em;
border-radius : 6px;
padding : 1em 1em 1px;
background : #f7f7f7;
overflow-wrap : break-word;
}
.comments h4 .is-author {
font-weight : normal;
}
.comments h4 .comment-anchor {
float : right;
font-weight : normal;
}
.comments-author {
background : #efefef;
}
#cpreview {
margin-bottom : 2px;
border-radius : 6px;
padding : 1em;
background : #fff3d6;
}
.comments_error {
background : #fff4f4 !important ;
}
.required, .error_message li {
color : #c00;
}
.required {
cursor : help;
}
#popup-page .wrapper {
padding-top : 0;
}
#popup-page .container {
max-width : 52em;
}

.list-simple--teaser-container {}
.teaser-full-image--info-container{background-color:#000000;bottom:0;height:1.7em;margin:auto 0;position:relative;top:0;width:100%}
.teaser-full-image--title{color:#ffffff;font-weight:normal;font:400 1.0em "Open Sans";height:1.5em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2.5%;text-transform:uppercase}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media only screen and (max-width: 480px) {
#article-list img.align-left {
float: none;
display: block;
width: 100%;
max-width: 200px;
margin: 0 0 1em 0;
}

#article-list h4,
#article-list div[itemprop="description"],
#article-list .footnote {
overflow: visible;
}
}

@media only screen and (min-width:35em) {
nav ul {
width : 93.75%;
}
nav li {
float : left;
border-right : 0px solid #D79905;
border-bottom : 0;
}
nav li:first-child {
border-left : 0px solid #D79905;
}
nav a {
padding : 0.5em 1em;
}
}

@media only screen and (min-width:48em) {
[role="main"] {
float : left;
width : 61.666666666667%;
}
[role="complementary"] {
float : right;
/* border : #e3e3e3 solid 1px; */
/* border-radius : 6px; */
padding : 1em 1em 0;
width : 30.208333333333%;
/* background : #f7f7f7;*/
}

.twitterfeed{
width:400px;
}
h1 {
font-size : 2.1em;
}
h2 {
font-size : 1.45em;
}
h3 {
font-size : 1.2em;
}
blockquote {
float : right;
margin : 0 0 0.875em 0.875em;
width : 42.905405405405%;
}
}

@media only screen and (min-width:80em) {
body {
font-size : 100%;
}
header, nav ul, .container, footer {
width : 90%;
}
}
@media only screen and (min-width:112.5em) {
body {
font-size : 112.5%;
}
}

#article-list li[role="article"]:has(img.align-left) {
display: grid;
grid-template-columns: 200px 1fr;
column-gap: 1.2em;
align-items: start;
clear: both;
}

#article-list li[role="article"] img.align-left {
float: none !important;
grid-column: 1 !important;
grid-row: 1 / span 3 !important;
width: 200px !important;
height: auto !important;
margin: 0 !important;
}

#article-list li[role="article"] h2,
#article-list li[role="article"] div[itemprop="description"],
#article-list li[role="article"] a.footnote {
grid-column: 2 !important;
overflow: visible !important;
}

#article-list li[role="article"] a.footnote {
display: block !important;
margin-top: 0.4em !important;
}

#article-list li[role="article"] h2 {
margin: 0 0 0.35em 0;
line-height: 1.2;
}

/*  LEES VERDER  */
#article-list a.footnote {
display: inline-block;
margin-top: 0.6em;
font:14px 'Helvetica Neue', Helvetica, arial;
color: #000 !important;
margin: 24px 0 24px 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 12px;
color: #222;
text-decoration: none;
transition: opacity 0.2s ease;
}

#article-list a.footnote:hover,
#article-list a.footnote:active {
opacity: 0.65;
text-decoration: none !important;
}

.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 verhouding */
height: 0;
overflow: hidden;
max-width: 100%;
margin: 1.5em 0;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

@media print {
* {
color : black !important ;
text-shadow : none !important ;
background : transparent !important ;
box-shadow : none !important ;
}
body {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 8pt;
line-height : 1.5;
margin : 0.5cm;
padding : 2em 5em;
}
header {
border-bottom : 1pt solid black;
}
footer {
margin-top : 12pt;
border-top : 1pt solid black;
}
nav, audio, video, form, [role="complementary"], #paginator, #comments-form, .comments h4 a:last-child {
display : none;
}
a {
text-decoration : none;
}
a[href]:after {
content : " (" attr(href) ")";
}
h1 a[href]:after, h2 a[href]:after, h3 a[href]:after, sup a[href]:after, a[itemprop="discussionUrl"]:after, a[rel="tag"]:after {
content : "";
}
abbr[title]:after {
content : " (" attr(title) ")";
}
h1 {
font-size : 32pt;
line-height : 36pt;
font-weight : normal;
margin : 0.5em 0;
}
h2 {
font-size : 18pt;
line-height : 23pt;
page-break-after : avoid;
orphans : 3;
widows : 3;
margin : 0.66666666666667em 0;
}
h3 {
font-size : 12pt;
line-height : 17pt;
page-break-after : avoid;
orphans : 3;
widows : 3;
margin : 0.66666666666667em 0;
color: #D79905;
}
p {
orphans : 3;
widows : 3;
}
footer, figcaption, tfoot, small, .footnote {
font-size : 6pt;
}
blockquote {
border : black solid 1pt;
padding : 0 8pt;
page-break-inside : avoid;
}
pre {
margin-bottom : 8pt;
border : black solid 1pt;
padding : 8pt;
}
.comments {
page-break-inside : avoid;
}
pre, code, kbd, samp, var {
font-family : "Courier New", Courier, monospace;
}
dfn, q, dt {
font-style : italic;
}
img {
max-width : 100% !important ;
page-break-inside : avoid;
}

audio {
display : none;
}
figure {
margin-bottom : 8pt;
}
figcaption {
margin-top : 4pt;
}
ul {
list-style : square;
margin : 0 0 8pt 1.8em;
}
ol {
list-style : decimal;
margin : 0 0 8pt 1.8em;
}
dl {
margin : 0 0 8pt 1.8em;
}
table {
margin-bottom : 8pt;
width : 100%;
}
caption {
font-weight : bold;
text-align : left;
margin-bottom : 4pt;
}
thead {
display : table-header-group;
}
thead th {
border-top : 1pt solid black;
}
tr {
page-break-inside : avoid;
}
th, td {
border-bottom : 1pt solid black;
padding : 4pt 8pt;
}