@import url("css/normalize.css");
@import url("fonts/fonts.css");

:root {
 --serif: lora, Georgia, serif;
 --sans: lato, Helvetica, sans-serif;

 --red: #be0709;
 --orange: #fe9900;
 --bluegreen: #0c8599;
 --grey: #505458;
 --black: #1d2021;
 --white: #ffffff;

 --textcolor: var(--black);
 --lightgrey: #ddd;
 --darkgrey: #666;

 --bordercolor: #aaa;

 --headingscolor: var(--textcolor);
 --linkcolor: #0c8599;
 --linkhovercolor: #805B15;
 --headercolor: transparent;
 --pagecontainerbackgroundcolor: #fff;
 --menubackground: var(--primarycolor);
 --menulinkback: var(--orange);
 --formheaderback: #226765;
 --menulinkhoverback: #eee;
 --menulinkactiveback: #ccc;
 --sidebarbackgroundcolor: #ddddff;
}

body {
 font-family: var(--serif);
 font-size: 16px;
 color: var(--textcolor);
 line-height: 1.5;
 background: var(--white);
 max-width: 750px;
 margin-left: auto;
 margin-right: auto;
}

#body-wrapper{
	padding: 0 15px;
	background: var(--white);
}

body.is_logged_in{
	background: lightyellow;
}

#header,
#navContainer,
.pageContainer,
.footerContainer{
	background: var(--pagecontainerbackgroundcolor);
}

#header{
	width: 100%;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
 font-family: var(--serif);
 color: var(--headingscolor);
 line-height: 1.3;
}

.pageContainer {
 background: var(--pagecontainerbackgroundcolor);
 clear: both;
}

#page {
 padding: 0;
 width: 100%;
 box-sizing: border-box;
}

#breadcrumb {
 font-size: 80%;
}

.breadcrumb-divider:before {
 content: ">";
 padding-left: 0;
 padding-right: 0;
}

#main {
 min-height: 100px;
 clear: both;
 padding-bottom: 1em;
}

#pagename{
 margin: 0;
 line-height: 1.3;
}

.author{
 font-family: var(--sans);
}

.published_at {
 font-family: var(--sans);
}

.published_at span.time {
 display: none;
}

label {
 white-space: nowrap;
}

.article{
	margin-bottom: 30px;
	min-height: 200px;
}

a {
 color: var(--linkcolor);
 text-decoration: none;
}

a:-webkit-any-link{
	text-decoration: none;
}

a:hover {
 text-decoration: underline;
 color: var(--linkhovercolor);
}

a:hover:not(.button) {
 opacity: 1;
}

a.otherlanguagelink {
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted var(--grey);
}

a.nopagelink {
 text-decoration: none;
 border-bottom: 1px dotted var(--grey);
}

.navContainer {
 padding: 0;
}

.navContainer nav.main,
.navContainer #menu2{
 padding: 0;
 padding-left: 0px;
 background-color: var(--menubackground);
 text-align: center;
 font-family: var(--sans);
	text-transform: uppercase;
}

.navContainer nav.main a,
.navContainer #menu2 a {
 color: var(--textcolor);
 margin-right: 10px;
 margin-bottom: 15px;
 text-decoration: none;
 padding: 8px;
 display: inline-block;
 background: var(--menulinkback);
}

.navContainer nav.main a:last-child,
.navContainer #menu2 a:last-child{
	margin-right:0;
}

.navContainer nav.main a:hover,
.navContainer #menu2 a:hover {
 background: var(--menulinkhoverback);
}

.navContainer nav.main a.active,
.navContainer #menu2 a.active {
 background: var(--menulinkactiveback);
}

.navContainer nav.main .menu-item {
 padding: 10px;
}

#menu2 ul{
	padding: 0;
}

#menu2 li{
	display: inline-block;
	list-style: none;
}

.hyphaCommands {
 text-align: right;
 width: 100%;
}

.hyphaCommands a {
 background:#ddd;
 padding: 5px 10px;
 display: inline-block;
 text-decoration: none;
}

.hyphaCommands a:hover {
 background: #aaa;
 color: #fff;
}

.hyphaCommands .menu-item {
 padding-right: 10px;
}

#navContainer .hyphaCommands {
 display: none;
}

body.is_logged_in #navContainer .hyphaCommands {
 display: block;
}

#menu p{
	margin: 0;
}

#header{
 margin-top: 10px;
 text-align: center;
 padding-top: 10px;
}

#header .logo img{
	max-width: 100%;
	height: auto;
	background: white;
}

#header .logo{
background: transparent;
padding: 0;
position: relative;
}

#header .logo img{
z-index: 1000;
}

#header .line{
	width: 100%;
	max-width: 720px;
	position: absolute;
	background: black;
	height: 1px;
	top: 56px;
	z-index: 0;
}

.headerContainer.flex {
 justify-content: flex-start;
}

.headerContainer.flex div {
 align-self: center;
 padding-bottom: 0;
 flex: 0 1 auto;
}

.headerContainer p {
	margin: 0;
	font-family: var(--sans);
	line-height: 1.2rem;
	margin-bottom: 25px;
	margin-top: -10px;
}

.headerContainer a {
  color: black;
}

.headerContainer a:hover {
	text-decoration: none;
}

#login {
 float: right;
 text-align: right;
 margin: 0;
 padding: 0 0 0 10px;
 display: none;
}

.login-wrapper{
	padding:15px;
	background-color: lightyellow;
	border: 1px solid grey;
	margin-bottom: 15px;
 }

 .login-wrapper label{
	font-weight: bold;
 }

 .login-wrapper label.username,
 .login-wrapper label.password{
	width: 150px;
	display: inline-block;
 }


 .login-wrapper button,
 .login-wrapper [type="submit"],
 .login-wrapper [type="button"],
 .login-wrapper [type="reset"],
 .login-wrapper [type="cancel"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: white;
 }

 .login-wrapper .button{
	display: inline-block;
	padding-top: 7px;
	box-sizing: border-box;
 }

 .login-wrapper .button input{
	margin-bottom: 0;
 }

 .login-wrapper .forgot-password{
	font-size: 80%;
	margin-top: 10px;
 }

 .login-wrapper div.submit,
 .login-wrapper div.cancel{
	 display: inline-block;
 }

.pageTopContainer {
 justify-content: space-between;
}

#loggedIn {
 color: #555;
 margin-left: 10px;
 padding: 5px;
 display: inline-block;
}

#langList {
 text-align: right;
 float: right;
}

#langList .disabled {
 color: #8f8f8f;
}

#langList .selected {
 font-weight: bold;
}

.language:last-child{
 margin-right: 0px;
}

.language a{
 padding: 5px;
 text-decoration: none;
 margin: 0 5px;
 display: inline-block;
}

.language a:hover{
 background: #aaa;
 color: #FFFFFF;
}

.card header {
 color: #FFFFFF;
 background: var(--formheaderback);
}

#footerContainer {
 padding-bottom: 2em;
 background: #eee;
}

#versionList {
 clear: both;
 float: right;
 margin: 30px 0 10px;
 padding-top: 5px;
 border-top: 1px dotted #222;
 font-size: 8pt;
}

#footer {
 width: 100%;
 clear: both;
 margin-bottom: 45px;

 background-image: url("images/footer.png");
 background-repeat: no-repeat;
 background-position: center top;
 font-family: var(--sans);
 padding: 40px 15px 10px;
 box-sizing: border-box;
}

#footer p{
	margin:0;
}

#menu2{
	width: 100%;
	margin-bottom:120px;
}

.license{
	font-size: 80%;
}

#popup {
 background: #FFFFE0;
 z-index: 1;
}

#popup table {
 margin: 5px;
}

.click {
 cursor: pointer;
}

.option {
 color: #888;
}

.divider {
 clear: left;
 height: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 background-color: #d2691e;
}

#trail {
 clear: left;
 float: left;
 text-align: left;
}

#log {
 margin: 0;
 float: left;
}

#log div {
 clear: left;
 padding: 5px 9px;
}

.edit-button {
 margin: 0 0 0 10px;
}

.editor {
 height: 600px;
 padding-top: 5px;
 clear: left;
}

.clear {
 clear: both;
}

#trail {
 font-size: 8pt;
}

#login {
 font-size: 8pt;
}

#loginForgotPassword {
 font-size: 8pt;
}

#log {
 font-size: 10pt;
 letter-spacing: 0.1em;
}

#log .error {
 color: #b00;
}

#log .success {
 color: #0b0;
}

iframe {
 border: none;
}

.article iframe{
	max-width: 100%;
}

iframe.registratie, iframe.gastenboek {
 border: none;
}

code {
 color: #825500;
}

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

img.left {
 float: left;
 margin: 0 13px 10px 0;
}

img.right {
 float: right;
 margin: 0 0 10px 13px;
}

img.center {
 float: none;
 margin: 0 0 10px 0;
}

.group {
 margin: 10px 0 10px 0;
 clear: both;
}

.writely-comment {
 border: 1px dashed #C0C0C0;
 font-size: 9pt;
 line-height: 1.4;
 padding: 1px;
 background-color: #D7FFD7;
}

input {
 margin-bottom: 15px;
}

@media (max-width: 959px) {
 #commandForm {
 width: 100%; }

 #navContainer {
 width: 100%; }

 #pagename {
 width: auto; }

 #main {
 width: 100%; }

 #header {
 width: 100%;
 padding: 5px 0;
 }

 #bottomContainer {
 width: 100%; }

 .editor {
 width: 100%; }

 img {
 max-width: 100%; }


 .prefix {
 display: none; }

 .language {
 display: inline-block;
 margin-right: 5px; }
}

.wym_box .wym_area_main .wym_iframe iframe {
 resize: vertical;
 height: 250px;
}

.buttongroup {
 margin-top: 10px;
 margin-bottom: 10px;
}

.right {
 text-align: right;
}

.flex-container-row {
 display: flex;
 flex-flow: row wrap;
}

.space-around {
 justify-content: space-around;
}

.flex-container-column {
 display: flex;
 flex-flow: column wrap;
}

#settingsIntervalDays,
#settingsIntervalHours,
#settingsIntervalMinutes {
 display: inline;
}

.memberlist button.edit:before,
.memberlist button.delete:before {
 font-family: "fontello";
}

.memberlist button.edit {
 background: #800080;
}

.memberlist button.edit:before {
 content: "\e805";
}

.memberlist button.edit span {
 display: none;
}

.memberlist button.delete {
 background: #FF0000;
}

.memberlist button.delete:before {
 content: "\f2d3";
}

.memberlist button.delete span {
 display: none;
}

.new-comment label {
 display: block;
}

.review-comment-wrapper {
 background: #FFFFE0;
 border-bottom: 3px solid var(--bordercolor);
 padding-left: 15px;
 padding-right: 15px;
 margin-bottom: 30px;
}

.review-comment-wrapper ul {
 padding: 0;
}

.review-comment-wrapper li {
 list-style: none;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 30px;
 border-bottom: 1px solid var(--bordercolor);
}

.review-comment-wrapper li.first-comment {
 padding-left: 0;
}

.review-comment-wrapper li p {
 margin: 0;
}

.public-comment-wrapper {
 background: #FFFFE0;
 padding-left: 15px;
 padding-right: 15px;
 margin-bottom: 30px;
}

.public-comment-wrapper ul {
 padding: 0;
}

.public-comment-wrapper li {
 list-style: none;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 30px;
 border-bottom: 1px solid var(--bordercolor);
 
 overflow: hidden;
}

.public-comment-wrapper li.first-comment {
 padding-left: 0;
}

.public-comment-wrapper li p {
 margin: 0;
 
 overflow: auto;
}

.public-comment-wrapper summary.moderated-placeholder {
 
 list-style: none;
 cursor: pointer;
}

.public-comment-wrapper .moderated-placeholder {
 font-style: italic;
}

.public-comment-wrapper .show-moderated {
 float: right;
}

.public-comment-wrapper details[open] .show-moderated {
 display: none;
}

.public-comment-wrapper details .show-moderated::after {
 content: "\21E9";
 font-size: 120%;
 vertical-align: middle;
}

.public-comment-wrapper .hidden .moderated-placeholder .moderate-link {
 display: none;
}

.public-comment-wrapper details[open] .moderated-placeholder .moderate-link {
 display: inline;
 float: right;
}

.public-comment-wrapper .moderate-link {
 float: right;
}

.public-comment-wrapper .comment-read-more {
 display: block;
}

.moderation-comment {
 background: #FFFFE0;
 padding-left: 15px;
 padding-right: 15px;
 border: 1px solid black;
}

.moderation-comment .prefix {
 display: block;
 text-align: center;
 font-weight: bold;
}

nav.main{
 z-index: 1;
}

nav.tabs{
 z-index: 1;
}

button, .button{
 min-height: 42px;
 margin-right: 10px;
 padding: 10px 20px;
 font-size: 16px;
 text-transform: uppercase;
 background: var(--bluegreen);
 color: #FFFFFF;
 font-family: var(--sans);
 border: none;
}

button:hover, .button:hover{
 background: #ddd;
 color: #000000;
 text-decoration: none;
}

.button.currentPageLink {
 border: solid 2px var(--black);
}

button:last-of-type{
 margin-right: 0;
}

nav{
 position: relative;
}

img.centered{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.logo{
 padding-bottom: 10px;
}

#hyphaNotify{
 z-index:999;
 top: 0px;
 right: 0px;
}

#hyphaNotify .error{
	background: #FFC0CB;
	padding: 10px;
}

#hyphaNotify .success {
 background: #00FFCB;
 padding: 10px;
}

#hyphaNotify:empty{
	visibility: hidden;
}

table{
 width: 100%;
}

th, td{
	border-top: 1px solid #ccc;
}

th{
 text-align: left;
}

#sidebar{
 box-sizing: border-box;
 width: 20%;
 min-width: 150px;
 background-color: var(--sidebarbackgroundcolor);
 padding: 15px;
 display: none;
}

.is_home #sidebar{
 display: block;
}

.flex{
 display: flex;
 flex-wrap: wrap;
}

.flex.between{
 justify-content: space-between;
}

.reverse{
 flex-direction: row-reverse;
}


.festivalTimetable, .festivalTimetable a {
	color: white;
}
.festivalTimetable .timeGridOdd {
	text-align:left;
	vertical-align:top;
}
.festivalTimetable .timeGridOdd {
	text-align:left;
	vertical-align:top;
	background-color:#ddd;
}
.festivalTimetable .tableRowOdd {
	background-color:#fff;
}
.festivalTimetable .tableRowEven {
	background-color:#ddd;
}
.festivalTimetable .tableAct {
	text-align:center;
}
.festivalTimetable .tableRowOddAct {
	background-color:#c63;
	color:#fff;
	font-weight:bold;
}
.festivalTimetable .tableRowEvenAct {
	background-color:#36c;
	color:#fff;
	font-weight:bold;
}
.festivalTimetable .tableRowHeading {
	text-align:left;
	font-weight:bold;
	padding:5px;
}
.festivalTimetable .tableRowHeadingOdd {
	background-color:#ddd;
}
.festivalTimetable .tableRowHeadingEven {
	background-color:#bbb;
}
body.type_peer_reviewed_article .input-wrapper.field_type_editor:not(.field_name_text) .wym_iframe iframe {
	height: 150px;
}

.closebutton {
  position: absolute;
  top: -10px;
  background-color: #ff0000;
  z-index: 15;
}
.closebutton:hover {
  background-color: #ffffff;
}
.closebutton:focus {
  background-color: #ffffff;
  top: -5px;
}
.hyphaInfoButton {
  background-color: #00f;
  border: 2px solid #00f;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  top: -15px;
  right: -15px;
  font-size: 15px;
  line-height: 15px;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 50%;
  text-align: center;
}
.hyphaInfoButton:hover {
  background-color: #fff;
  color: #00f;
}
.hyphaInfoButton.clicked {
  background-color: yellow;
}
.hyphaInfoButton:before {
  content: 'i';
}

.hyphaRemoveButton {
    background-color: #f00;
    border: 2px solid #f00;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    top: -15px;
    right: -15px;
    font-size: 15px;
    line-height: 14px;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    text-align: center;
}
.hyphaRemoveButton:hover {
    background-color: #fff;
    color: #f00;
}

textarea{
	font-family: monospace;
	font-size: 14px;
}

.is_home h1#pagename{
	display: none;
}

.newsitem, .tagindex-item, .pagelist > .pagelist-item {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 25px;
	border-bottom: 1px solid grey;
}

.newsitem a, .tagindex-item a, .pagelist > .pagelist-item a {
	color: var(--textcolor);
}

.home .pagelist > .pagelist-item:first-of-type {
	border-top: 1px solid grey;
}



.pagelist .excerpt {
	display: flex;
	flex-direction: column-reverse;
}

.pagelist .excerpt > img {
	
	margin: auto;
}

.tag_prefix{
	display: none;
}

.tag_prefix+.selected_tag:before{
	content: "Rubriek: ";
}

.newsitem:hover, .tagindex-item:hover, .pagelist > .pagelist-item:hover {
	background-color: #eee;
}

.pubdate+.newsitem:hover{
	background-image:url("images/newsitemhoverbg.png");
	background-repeat: no-repeat;
	background-position: center top;
}

.tagindex, .pagelist {
	list-style-type: none;
	padding-left: 0;
}

.newsitem h2, .tagindex-item h2, .pagelist > .pagelist-item h2 {
	margin: 0;
	line-height: 1.2;
	margin-bottom: 2px;
}

.newsitem h2+p{
	margin-top: 0;
	font-family: var(--sans);
	margin-bottom: 10px;
}

.news-item h2+p+p{
	margin-top:0;
}

.newsitem p + p a{
	margin-top: 0;
}

.newsitem p:last-of-type{
	margin-bottom: 0;
}

.newsitem a, .tagindex-item a, .pagelist > .pagelist-item a {
	text-decoration: none;
}

.newsitem a:hover, .tagindex-item a, .pagelist > .pagelist-item a {
	color: inherit;
}

.oldsite{
	display:none;
}

.Tijdlijn #main{
	position: relative;
}

.Tijdlijn .pubdate{
	text-align: center;
	font-family: var(--sans);
	background-image: url("images/pubdatebg.png");
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	padding-top:1px;
	box-sizing: border-box;
	color: white;
	text-transform: uppercase;
	z-index:100;
}

.Tijdlijn .newsitem+.pubdate{
	margin-top: -15px;
}

.Tijdlijn .pubdate+.newsitem{
	margin-top: -14px;
	padding-top: 20px;
}

.naartijdlijn{
	background-image: url("images/naartijdlijnbg.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	font-family: var(--sans);
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.naartijdlijn:hover{
	background-image: url("images/naartijdlijnbghover.png");
}

.naartijdlijn a{
	color: white;
	text-decoration: none;
}

.bestgelezen{
	padding: 10px;
}

.bestgelezen p{
	margin: 0;
}

.bestgelezen .title{
	font-family: var(--sans);
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 12px;
}

.bestgelezen span.type{
	font-family: var(--sans);
	display: inline-block;
	width: 120px;
	text-transform: uppercase;
	font-size: 12px;
}

.bestgelezen a{
	text-decoration: none;
}

.bestgelezen a:hover{
	color: var(--grey);
	text-decoration: underline;
}

.media-items-wrapper > .title{
	font-family: var(--sans);
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 12px;
}
@media screen and (max-width: 762px){
	.media-items-wrapper > .title{
		text-align: center;
	}
}


.media-items{
	flex-wrap: wrap;
	justify-content: space-between;
}

.media-items{
	flex-wrap: wrap;
}

.media-item{
	position: relative;
	margin-bottom: 10px;
}

.media-item .media-thumbnail{
	width: 230px;
	height: 130px;
	background: black;
	position: relative;
	overflow: hidden;
	padding: 0;
}

#main .media-thumbnail img{
	margin:0;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
  transition: transform 0.5s;

	transition-timing-function: ease-out;
}
#main .media-thumbnail img:hover{
	transform: scale(1.05);
	-moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.media-item .media-date{
	position: absolute;
	max-width: 60px;
	text-align: left;
	padding: 0 5px;
	top: 5px;
	left: 5px;
	background: var(--grey);
	color: white;
	font-family: var(--sans);
	text-transform: uppercase;
	font-size: 80%;
}

.media-item .media-title{
	position: absolute;
	max-width: 205px;
	text-align: left;
	padding: 0 5px;
	bottom: 5px;
	left: 5px;
	background: var(--grey);
	color: white;
	font-family: var(--sans);
	text-transform: uppercase;
	font-size: 80%;
}



.macro.media-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.macro.media-items .excerpt_body,
.macro.media-items .author {
	display: none;
}

.macro.media-items li {
	list-style-type: none;
}
ul.macro.media-items {
	padding-left: 0;
}

.macro.media-items .pagelist-item {
	width: 230px;
	height: 130px;
	background: black;
	position: relative;
	overflow: hidden;
	padding: 0;
}

#main .macro.media-items img.featured_image {
	margin:0;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;

	transition-timing-function: ease-out;
}
#main .macro.media-items img.featured_image:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.macro.media-items .published_at {
	position: absolute;
	max-width: 130px;
	text-align: left;
	padding: 0 5px;
	top: 5px;
	left: 5px;
	background: var(--grey);
	color: white;
	font-family: var(--sans);
	text-transform: uppercase;
	font-size: 80%;
	
	z-index: 1;
}
.macro.media-items .published_at:before {
	
	content: "";
}

.macro.media-items .title {
	position: absolute;
	max-width: 205px;
	text-align: left;
	padding: 0 5px;
	bottom: 5px;
	left: 5px;
	background: var(--grey);
	color: white;
	font-family: var(--sans);
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;

	
	z-index: 1;
}


.blokken-wrapper{
	padding: 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 762px){
	.blokken-wrapper{
		justify-content: space-evenly;
	}
}

.blok{
	padding: 8px 10px;
	background-color: var(--orange);
	width: 230px;
	color: black;
	box-sizing: border-box;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
	transition-timing-function: ease-out;
	margin-bottom: 15px;
}

.blok a,
.blok a:hover{
	text-decoration: none;
	color: black;
}

.blok:hover{
	background-color: var(--red);
	color: white;
}

.blok:hover a,
.blok:hover a:hover{
	color: white;
}

.blok.orange{
	background-color: var(--orange);
	color: black;
}

.blok.orange:hover{
	background-color: var(--red);
	color: white;
}

.blok.orange:hover a,
.blok.orange:hover a:hover{
	color: white;
}

.blok .type{
	font-family: var(--sans);
	margin:0;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.0;
	letter-spacing: 0.5px;
}

.blok .auteur{
	font-family: var(--sans);
	margin:0;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blok .body{
	line-height: 1.2;
}

.method,
.sources{
	font-family: var(--sans);
	font-size: 14px;
	margin-top: 15px;
}

.method h2,
.sources h2{
	font-family: var(--sans);
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
}

.method p:first-of-type,
.sources p:first-of-type{
	margin-top: 0;
}

.review-comments-wrapper h2,
.approves h2,
.public-comments-wrapper h2{
	font-family: var(--sans);
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal;
	color: #0c8599;
}

.review-comment-wrapper{
	border: 1px solid black;
	margin-bottom: 15px;
}

.review-comment-wrapper li p:last-of-type{
	font-family: var(--sans);
	margin-top: 15px;
}

.public-comment-wrapper{
	border: 1px solid black;
	margin-bottom: 15px;
}

.public-comment-wrapper li p:last-of-type{
	font-family: var(--sans);
	margin-top: 15px;
}

.etalage-wrapper{
	font-family: var(--sans);
  transition: all 0.5s;
	transition-timing-function: ease-out;
}

.etalage-item{
	background-color: var(--red);
	width: 100%;
	margin-bottom: 15px;
	padding: 10px;
	margin-right: 15px;
	color: white;
}

.etalage-item h2{
	color: white;
}

.etalage-item.respond{
	transition: all 0.5s;
	transition-timing-function: ease-out;
}

.etalage-item.w4{
	width: 210px;
}
.etalage-item.w6{
	width: 332px;
	margin-right: 16px;
}

.etalage-item.respond:hover{
	background-color: var(--red);
	color: white;
}

.etalage-item a.button{
	background: var(--orange);
	color: black;
	margin-bottom: 10px;
	text-align: center;
}

.etalage-item a.button:hover{
	background: lightgrey;
}

.etalage-item a,
.etalage-item a h2{
  color: var(--textcolor);
  text-decoration: none;
}

.etalage-item:last-of-type{
	margin-right: 0;
}

.etalage-wrapper h2{
	font-family: var(--sans);
	margin:0;
}

.payment-invite{
	display: none;
	background: lightgrey;
	padding: 15px;
}

.payment-invite p:first-of-type{
	margin-top: 0;
}

.type_peer_reviewed_article .payment-invite{
	display: block;
}

.is_logged_in.type_peer_reviewed_article .payment-invite{
	display: none;
}

.etalage-wrapper p:first-of-type{
	margin-top: 0;
}

.highlight a:hover{
	text-decoration: none;
}

.highlight-wrapper{
	background-color: var(--orange);
	padding: 5px 10px;
	margin-bottom: 15px;
}

.highlight-wrapper,
.highlight-wrapper h2{
	transition: all 0.5s;
	transition-timing-function: ease-out;
}

.highlight-wrapper.flex{
	justify-content: space-between;
}

.highlight-wrapper:hover{
	background-color: var(--red);
}

a .highlight-wrapper
{
	color: var(--textcolor);
	text-decoration: none;
}

a .highlight-wrapper:hover,
a .highlight-wrapper:hover h2 {
	color: white;
	text-decoration: none;
}

.highlight-wrapper .highlight-text{
	width: 47%;
}

.highlight-wrapper .highlight-image{
	width: 47%;
}

.highlight-wrapper .highlight-image img{
	margin-top: 5px;
}

.highlight-wrapper h2{
	margin-top:0;
	font-weight: bold;
	margin-bottom: 8px;
}

.highlight-text h2{
	line-height: 1.2;
	margin-top: 5px;
}

.highlight-text p:first-of-type{
	margin-top: 0;
}

.public-comments-wrapper,
.review-comments-wrapper{
	margin-top: 30px;
}

.public-comments-wrapper > h2,
.review-comments-wrapper > h2{
	margin-bottom: 10px;
}

.review-comment-wrapper ul{
	margin-top: 0;
}
.public-comment-wrapper ul{
	margin-top: 0;
}

.type_mailinglist input#email{
	margin-right: 15px;
	padding: 10px;
}

.type_mailinglist label{
	display: block;
	font-weight: bold;
}

.index .letter-wrapper{
	margin-bottom: 15px;
}

.index .letter{
	display: block;
	padding: 5px 10px;
	background: var(--lightgrey);
	font-weight: bold;
}

.index-item.type_textpage,
.index-item.type_mailinglist{
	font-style: italic;
}

.approves ul{
	list-style: none;
	padding-left: 0;
}

.approves ul li:before {
	content: '\2713';
	font-weight: bold;
	color: var(--bluegreen);
	font-size: 20px;
	display: inline-block;
	margin-right: 10px;
	margin-left: 5px;
}

.approves li p{
	margin: 0;
	display: inline-block;
}

.new-comment textarea{
	  width: 99%;
	  height: 100px;
	}

.public-comments-wrapper{
	border-top: 1px solid grey;
	padding-top: 15px;
}

.social-media{
	width: 100%;
	height: 32px;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	border-top: 1px solid grey;
	padding-top: 45px;
	margin-top: 15px;
	padding-bottom: 30px;
}

.social-media div{
	margin-left: 10px;
}

.social-media img{
	filter: brightness(100%);
}

.social-media img:hover{
	filter: brightness(75%);
}

.payment-form .main{
  background: white;
  padding: 0 15px 15px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	margin-top: 15px;
}

[name="payForm"] h1{
  margin: 0;
	background-image: url("/uploads/stadsbrongrootmetstreep.svg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 99%;
	text-indent: -9999px;
	height: 75px;
}

[name="payForm"] h2, [name="payForm"] h3{
  margin-bottom: 0;
	margin-top: 0;
}

.details .label{
  font-weight: bold;
  margin-top: 15px;
}

.amount{
  display: inline;
  margin-left: 5px;
}

.amount-wrapper{
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 10px;
}

.amount-wrapper input[type="text"]{
  margin-left: 5px;
  border: 1px solid grey;
  height: 25px;
  border-radius: 5px;
  width: 150px;
}

.details .value input[type="text"]{
  width: 100%;
	margin-bottom: 0;
}

.rowMessage textarea{
  width: 100%;
}

#rowPostcode{
  width: 25%;
  display: none;
  margin-right: 10px;
}

#rowPlace{
  width: 70%;
  display: none;
}

#rowEmail,
#rowName,
#rowAddress{
	display: none;
}

.direct-payment{
	padding: 15px;
	background-color: var(--orange);
}

.direct-payment h2{
	font-family: var(--sans);
	margin-top: 0;
	line-height: 1.2;
}

.direct-payment .label,
.direct-payment .value{
	display: inline-block;
}

.action input[type="button"]{
	padding: 5px 15px;
	background-color: green;
	border-radius: 5px;
	font-family: var(--sans);
	color: white;
	border: none;
	margin-top: 10px;
	font-size: 20px;
}

.action input[type="button"]:hover{
	background: lightgreen;
	color: black;
}

.number_of_comments{
	background: var(--bluegreen);
	color: white;
	padding: 3px 10px;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 80%;
}

.notelo{
	background: lightyellow;
	border: 2px solid yellow;
}

.introduction{
	background: lightyellow;
	padding: 15px 15px;
	font-family: var(--sans);
}

.introduction p:first-child{
	margin-top: 0;
}

.introduction p:last-child{
	margin-bottom: 0;
}

.uitgelicht{
	background: lightyellow;
	border: 1px solid black;
	padding: 0 10px;
}

.personen{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}

.persoon{
	width: 350px;
	border: 1px solid var(--lightgrey);
	padding: 10px;
	margin-bottom: 15px;
	box-sizing: inherit;
}

.persoon p:nth-child(2){
	font-family: var(--sans);
	margin-top: 0;
	font-size: 18px;
	margin-bottom: 0;
}

.persoon p:nth-child(3){
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;

}
.persoon p:nth-child(4){
	margin-top: 5px;
}

.author, .published_at{
  display: inline-block;
}

.published_at:before{
  content: "-";
}

@media screen and (max-width: 767px){
	.etalage-item.w4{
		 width: 100%;
		 margin-right: 0;
	}

	.highlight-wrapper .highlight-image{
	order: 1;
	width: 100%;
	padding: 0;
	}

	.highlight-wrapper .highlight-text{
	order: 2;
	width: 100%;
	}

	.blok{
		width: 100%;
	}
}

.share-links{
    width: 116px;
    display: flex;
	justify-content: space-between;
	float: right;
}

.share-links div{
    width: 32px;
    height: 32px;
    display: block;
}

.share-links .email-link{
	background-image: url(images/shareEmail.png);
}

.share-links .twitter-link{
    background-image: url(images/shareTwitter.png);
}

.share-links .facebook-link{
    background-image: url(images/shareFacebook.png);
}

.share-links .email-link,
.share-links .twitter-link,
.share-links .facebook-link{
	-webkit-filter: saturate(0%);
    filter: saturate(0%);
	cursor: pointer;
}

.share-links .email-link:hover,
.share-links .twitter-link:hover,
.share-links .facebook-link:hover{
	-webkit-filter: saturate(100%);
    filter: saturate(100%);
}

ul.samenvatting{
  background: lightyellow;
  padding: 15px 15px 15px 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.index .is-private{
	font-weight: bold;
}

.index .is-private a{
	color: var(--orange);
}

.nieuwsbrief-2018 #main>div:nth-of-type(1), .nieuwsbrief-2018 #main>div:nth-of-type(2) {
 display: none;
}
.nieuwsbrief-2018 #main>table tr:nth-of-type(1) th:nth-last-of-type(1) {
 display: none;
}

#tagList{
	margin-bottom: 10px;
}

#tagList .prefix{
	display: none;
}

#tagList div[class^="tagSel"]{
	
	
	display: inline-block;
}

#tagList select.remainingTags{
	float:right;
	margin-bottom: 5px;
}

.selectedTags{
	margin-bottom: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}


#tagList div[class^="tagSel"]::after{
	content:" || "
}

#tagList div[class^="tagSel"]:last-child::after{
	content:""
}

.is_logged_in #tagList div[class^="tagSel"]{
	display: block;
	cursor: pointer;
}

.is_logged_in #tagList div[class^="tagSel"]::after{
	content:""
}

.public-comments-wrapper{
	border-bottom: 1px solid grey;
}

body.type_peer_reviewed_article .excerpt-preview,
body.type_peer_reviewed_article .review-start-checklist {
	background: lightyellow;
	padding: 10px;
	border: 1px solid var(--orange);
	margin-top: 15px;
}

.type_peer_reviewed_article .excerpt-preview .prefix{
	display: none;
}

body.type_peer_reviewed_article .excerpt-preview::before{
	content: "Uittreksel voor de voorpagina: ";
	color: red;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
}

body.type_peer_reviewed_article .excerpt-preview::after,
body.type_peer_reviewed_article .review-start-checklist::after{
	content: "Alleen zichtbaar als je ingelogd bent";
	color: red;
	display:block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
}

body.type_peer_reviewed_article .review-start-checklist > ul{
	padding-left: 0;
	margin-top: 0;
}

body.type_peer_reviewed_article .review-start-checklist > h2{
	margin-bottom: 0;
	margin-top: 0;
}

body.type_peer_reviewed_article .review-start-checklist > .prefix{
	font-style: italic;
}

body.type_peer_reviewed_article .review-start-checklist li{
	list-style-type: none;
}

body.type_peer_reviewed_article .review-start-checklist ul .failed:before{
	content: '\2717';
	font-weight: bold;
	color: var(--red);
	font-size: 20px;
	display: inline-block;
	width: 25px;
	text-align: center;
}

body.type_peer_reviewed_article .review-start-checklist ul .passed:before{
	content: '\2713';
	font-weight: bold;
	color: var(--bluegreen);
	font-size: 20px;
	display: inline-block;
	width: 25px;
	text-align: center;
}

body.type_peer_reviewed_article .review-start-checklist ul .recommended:before{
	content: '\25CB';
	font-weight: bold;
	color: var(--orange);
	font-size: 20px;
	display: inline-block;
	width: 25px;
	text-align: center;
}

body[class*="Stadsrand"]{
	
}

img.featured{
	border: 1px solid #ddd;
	padding: 15px;
	box-sizing: border-box;
	-webkit-box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
	-moz-box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
	box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
}

p + p.bijschrift{
	margin-top: -15px;
}

p.bijschrift{
	margin-top:0;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
}

@media (max-width: 700px){
	img.featured{
		border: 1px solid #ddd;
		padding: 10px;
		box-sizing: border-box;
		-webkit-box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
		-moz-box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
		box-shadow: 6px 6px 5px -3px rgba(173,168,173,1);
	}
}

.is_home #tagList{
	display: none;
}

[data-preview-for] {
 max-width: 150px;
 max-height: 150px;
}

.Partijvergelijker2022 {
	max-width:none !important;
}
.Provinciale_Staten_2023 {
	max-width:none !important;
}
.Waterschapsverkiezingen_2023 {
	max-width:none !important;
}