@font-face {
font-family : "'PT Serif'";
font-style : italic;
font-weight : 400;
src : local('PT Serif Italic'), local('PTSerif-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptserif/v4/03aPdn7fFF3H6ngCgAlQzC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}

@font-face {
font-family : "'PT Serif'";
font-style : normal;
font-weight : 400;
src : local('PT Serif'), local('PTSerif-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptserif/v4/EgBlzoNBIHxNPCMwXaAhYPesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

@font-face {
font-family : "'Cousine'";
font-style : normal;
font-weight : 400;
src : local('Cousine'), url(http://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(http://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 : 0.11904761904762em;
}

[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 : "PT Serif", Georgia, serif;*/
font-family : Arial, Helvetica, sans-serif;
font-size : 0.875em;
line-height : 1.5;
color : #000;
}

nav {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}

h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1,5em;
color: #B8129F;
line-height : 1.21428571428571;
letter-spacing : -1px;
margin : 1em 0 0 0;
}

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

/*h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.5em;
line-height : 1.33333333333333;
margin : 0.75em 0;
}*/

h2 {
font-size : 1.28571428571429em;
line-height : 1.44444444444444;
font-weight : normal;
font-style : italic;
margin : 0.76190476190476em 0;
color: #B8129F;
}

h3 {
font-size : 1.28571428571429em;
line-height : 1.44444444444444;
font-weight : normal;
font-style : italic;
margin : 0;
color: #B8129F;
}

h4 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.14285714285714em;
margin : 0;
color: #B8129F;
}

blockquote {
font-size : 1.14285714285714em;
font-style : italic;
margin : 0.875em 0 0.875em 0;
padding : 1px 0.875em;
border-radius : 0.35714285714286em;
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 : 0.35714285714286em;
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 : 0.21428571428571em;
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 : 0.23076923076923em;
background : #f7f7f7;
}

pre {
font-size : 0.92857142857143em;
overflow-x : auto;
border : #e3e3e3 solid 1px;
padding : 1em;
border-radius : 0.35714285714286em;
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;
}
#paginator {
margin-bottom : 2em;
}
#paginator .button {
padding : 0.25em 1em;
}
#paginator a.button {
text-decoration : none;
color: #B8129F;
}
#paginator-l {
float : left;
}
#paginator-r {
float : right;
}
.comments {
margin-bottom : 1em;
border-radius : 0.35714285714286em;
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 : 0.35714285714286em;
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 (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 : 0.35714285714286em; */
padding : 1em 1em 0;
width : 30.208333333333%;
/* background : #f7f7f7;*/
}

.twitterfeed{
width:400px;
}
h1 {
font-size : 2em;
}
h2 {
font-size : 1.5em;
}
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%;
}

@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;
font-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;
}

div.shr-bookmarks {
margin : 20px 0 8px;
clear : both !important ;
display : block !important ;
}
div.shr-bookmarks ul.shr-socials {
width : 100% !important ;
margin : 0 !important ;
padding : 0 !important ;
float : left !important ;
}
div.shr-bookmarks ul.shr-socials {
background : none transparent !important ;
border : none 0 !important ;
outline : 0 none !important ;
}
div.shr-bookmarks ul.shr-socials li {
display : inline !important ;
float : left !important ;
list-style-type : none !important ;
padding : 0 !important ;
height : 29px !important ;
width : 60px !important ;
cursor : pointer !important ;
margin : 3px 0 0 !important ;
background-color : transparent !important ;
border : none 0 !important ;
outline : 0 none !important ;
clear : none !important ;
}
div.shr-bookmarks ul.shr-socials li:before, div.shr-bookmarks ul.shr-socials li:after, div.shr-bookmarks ul.shr-socials li a:before, div.shr-bookmarks ul.shr-socials li a:after {
content : '' !important ;
}
div.shr-bookmarks ul.shr-socials a, div.shr-bookmarks ul.shr-socials a:hover {
display : block !important ;
width : 60px !important ;
height : 29px !important ;
text-indent : -9999px !important ;
background-color : transparent !important ;
text-decoration : none !important ;
border : none 0 !important ;
}
div.shr-bookmarks ul.shr-socials a:hover, div.shr-bookmarks ul.shr-socials li:hover {
background-color : transparent !important ;
border : none 0 !important ;
outline : 0 none !important ;
}
.shareaholic-show-on-load {
display : block !important ;
}
div.shr-bookmarks div.shr-getshr {
line-height : 20px !important ;
padding-left : 8px !important ;
float : left !important ;
}
div.shr-bookmarks div.shr-getshr a {
width : auto !important ;
font-size : 10px !important ;
text-indent : 0 !important ;
text-decoration : none !important ;
}
div.shr-count {
font : 12px bold, arial !important ;
position : relative !important ;
}
div.shr-count-outline {
position : absolute !important ;
color : white !important ;
}
div.shr-count-center {
position : absolute !important ;
color : blue !important ;
}
li.shr-5 {
background-position : bottom -300px !important ;
}
li.shr-5:hover {
background-position : top -300px !important ;
}
li.shr-7 {
background-position : bottom -420px !important ;
}
li.shr-7:hover {
background-position : top -420px !important ;
}
li.shr-74 {
background-position : bottom -4440px !important ;
}
li.shr-74:hover {
background-position : top -4440px !important ;
}
li.shr-88 {
background-position : bottom -5280px !important ;
}
li.shr-88:hover {
background-position : top -5280px !important ;
}
li.shr-105 {
background-position : bottom -6300px !important ;
}
li.shr-105:hover {
background-position : top -6300px !important ;
}
li.shr-201 {
background-position : bottom -12060px !important ;
}
li.shr-201:hover {
background-position : top -12060px !important ;
}
li.shr-309 {
background-position : bottom -18540px !important ;
}
li.shr-309:hover {
background-position : top -18540px !important ;
}
li.shr-313 {
background-position : bottom -18780px !important ;
}
li.shr-313:hover {
background-position : top -18780px !important ;
}