.knopwebsite {
    color: #000;
    margin: 0px;
display: block;
margin-left: 30px;
text-decoration: none;
color: #FFF;
}

.extraimg {
display: inline-block;
    margin: 5px 20px;
    background-color: #FFF;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    overflow: hidden;
    width: 165px;
}

input.knopleesmeer:hover {
color: white !important;
background-color: #E54E53!important;
}

/* New */
html, body {
height: 100%;
}

/* Homepage */

.geheel {
background-color: rgba(25, 35, 45, 0.5);
height: 100%;
}

.homepage {
position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /* background-color: rgba(25, 35, 45, 0.5); */
padding: 10px;
}

.homepageh1 {
font-size: 45px;
margin-bottom: 20px;
text-transform: uppercase;
}

.homepageh2 {
font-size: 20px;
font-style: italic;
}

.button2 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonhomepage {
    background: none;
    color: black;
    border: 2px solid #FFF;
    color: #FFF;
}

.buttonhomepage:hover {
  background-color: #f44336;
  color: white;
border: 2px solid #FFF;
}

/* End new */










.knopleesmeer {
background-color: #FFF;
border: solid black 1px;
color: #000;
margin: 0px;
}

.knopleesmeer:hover {
background-color: #E54E53;
color: #FFF;
}

.aboutauthorbalk2 {
margin-top: 30px;
/* border-top: 1px solid black;
border-bottom: 1px solid black; */
background-color: #F9F9F9;
border: 1px solid #D9D9D9;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.5em;
margin-bottom: 30px;
}

.gegevens2 {
/* padding-top: 12px;
padding-bottom: 12px; 
padding-top: 10px;
padding-bottom: 10px;*/
display: flex;
align-items: center;
/* justify-content: space-between;
clear: both;
 border: 1px solid #DADADA; */
border-bottom: 1px solid #DADADA;
border-top: 1px solid #DADADA;
padding: 10px;
}

.auteur2 {
/* font-size: 15px; */
/* padding-right: 15px; */
/* padding-top: 3px; */
}

/* .auteur2 a {
text-decoration: none;
} 

.auteur2 a:hover {
text-decoration: underline;
}*/

.auteur2 img {
width: 316px;
/* border-radius: 50%;
height: 150px;
border: 5px solid #D9D9D9; */
    vertical-align: middle;
}

.auteur2 img:hover {
/* opacity: 0.7; */
}

.categoriebalk2 {
/* font-size: 12px;
 margin-bottom: 30px; */
padding-top: 12px;
padding-bottom: 12px;
/* border-top: 1px solid #DADADA; */
/* border-bottom: 1px solid #DADADA; 
display: flex;
align-items: center;
justify-content: space-between;*/
/* background-color: #F9F9F9; */
/* clear: both; */
/* margin-bottom: 30px; */
/* border: 1px solid #DADADA; */
/* border-bottom: 1px solid #DADADA; */
/* background-color: #F9F9F9; */
padding-left: 25px;
padding-right: 25px;
/* flex-wrap: wrap;
width: 100%; */
}

.naamcolofon2 {
font-weight: bold;
font-size: 18px;
margin-bottom: 15px;
/* flex-wrap: wrap;
width: 100%; */
}

.naamcolofon2 a {
text-decoration: none;
}

.naamcolofon2 a:hover {
text-decoration: underline;
}

.beschrijvingcolofon2 {
/* color: #353E47;
font-weight: normal; */
font-size: 13px;
margin-bottom: 15px;
/* flex-wrap: wrap;
width: 100%; */
-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

@media only screen and (min-width: 450px) and (max-width: 550px) {
.auteur2 img {
/* width: 100px;
height: 100px; */
}
}

@media only screen and (min-width: 0px) and (max-width: 449px) {
.auteur2 img {
/* width: 75px;
height: 75px; */
}
.categoriebalk2 {
/* padding-left: 0px;
padding-right: 0px; */
}
}

































































































.image img {
width: 60%;
}

/* Formulier activiteiten */

.antwoord {
margin: 30px;
}

input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
box-sizing: border-box;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    font-weight: bold;
}

input[type=submit] {
    /* float: right; */
    background-color: #E54E53;
    color: #FFF;
    font-size: 15px;
    border: none;
     padding: 12px 20px;
    cursor: pointer;
}

input[type=submit]:hover {
    opacity: 0.7;
}

input[type=button] {
    /* float: right; */
    background-color: #E54E53;
    color: #FFF;
    font-size: 15px;
    border: none;
     padding: 12px 20px;
    cursor: pointer;
}

input[type=button]:hover {
    opacity: 0.7;
}

input[type="password" i] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
box-sizing: border-box;
}


.container {
padding: 20px;
background-color: #F7F7F7;
border: 1px solid #D9D9D9;
margin-bottom: 15px;
overflow: auto;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 670px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }

    .col-25, .col-75, input[type=button] {
        width: 100%;
        margin-top: 0;
    }


}

/* Menu responsive */

@media only screen and (min-width:1001px) {
.menusmartphoneverberg {
display: none;
}
}

.smartphone {
background-color: #1E2935;
font-size: 13px;
color: #FFF;
/* padding: 0 14px; */
line-height: 43px;
border-bottom: 2px solid #1F2C38;
padding-left: 14px;
padding-right: 0px;
opacity: 0.95;
}

/* .smartphone:hover {
background-color: #1E2935;
} */

/* .smartphone a {
text-decoration: none;
color: #FFF;
} */

#menusmartphone {
display: none;
}

#menusmartphone a {
text-decoration: none;
}

#smartphonecategorie {
display: none;
}

#smartphonecategorie a {
text-decoration: none;
}

#smartphonecategorie2 {
display: none;
}

#smartphonecategorie2 a {
text-decoration: none;
}

#smartphonecategorie3 {
display: none;
}

#smartphonecategorie3 a {
text-decoration: none;
}

#smartphonecategorie4 {
display: none;
}

#smartphonecategorie4s a {
text-decoration: none;
}

.show {
display: block !important;
}

.show2 {
display: none;
}

.smartphone2 {
background-color: #F9F9F9;
/* background-color: #19232D; */
font-size: 13px;
/* text-transform: uppercase; */
/* color: #FFF; */
padding: 0 25px;
line-height: 30px;
border-bottom: 1px solid #1F2C38;
}

.smartphone2:hover {
background-color: #D9D9D9;
}


/* Balk bovenaan */


/* Bar bovenaan */

.bar {
background: #f2f2f2;
border-top: 4px solid #c00003;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 25px;
padding-top: 5px;
padding-bottom: 5px;
width: 1028px;
display: block;
margin: auto;
}

.barrr {/* align-items: center; *//* display: flex; *//* justify-content: space-evenly; */}

.barrrtekst {
display: inline-block;
padding-top: 12px;
}

.barrrimages {
/* display: inline-block; */
float: right;
}

.barrrimages img {
width: 40px;
height: 40px;
/* display: inline-block; */
vertical-align: middle;
}

.barrrimages img:hover {
opacity: 0.7;
}

.barrrimages a {
text-decoration: none;
}





/* Bar bovenaan responsive */

@media only screen and (min-width: 1060px){
.barresponsive {
display: none;
}
}

@media only screen and (max-width: 1059px){
.barresponsive {
background: #f2f2f2;
border-top: 4px solid #C00003;
border-bottom: 1px solid #e7e7e7;
padding-top: 5px;
padding-bottom: 5px;
/* width: 100%; */
}

.barresponsivetekst {
/* display: flex;
align-items: center;
justify-content: center; */
padding-bottom: 25px;
text-align: center;
}

.barresponsiveimages {
/* text-align: center; */
display: flex;
/* align-items: center; */
justify-content: center;
/* height: 40px; */
}

.barresponsiveimages a {
/* text-decoration: none; */ 
}

.barresponsiveimages img {
width: 40px;
/* height: 40px; */
}

.barresponsiveimages img:hover {
opacity: 0.7;
}

.bar {
display: none;
}
}





/* Menubalk logo */

@media only screen and (max-width: 1060px){
.newheader {
width: 100% !important;
}
}

@media only screen and (max-width: 1000px){
.navbar{
display: none;
}
}




/* Social media buttons */

.social img {
width: 50px;
}

/* Lustrumklok */

#demo {
font-size: 25px;
text-align: center;
margin-bottom: 20px;
}

#demo2 {
text-align: center;
font-size: 25px;
}




/* Sponsors */

.titelsponsors {
font-size: 22px;
color: #353E47;
border-left: 5px solid #c00003;
padding-left: 14px;
line-height: 2;
margin-bottom: 28px;
margin-left: 10px;
font-weight: bold;
}

.footer3 {
    background-color: #F2F2F2;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 15px;
/* opacity: 0.9; */
width: 1028px;
display: block;
margin: auto;
}

.footer3links {
    float: left;
    font-size: 13px;
    padding-left: 25px;
}

.footer3rechts {
    float: right;
    padding-right: 25px;
    font-size: 13px;
}

.footer3rechts a {
font-size: 13px;
text-decoration: none;
}

.footer3rechts a:hover {
text-decoration: underline;
}


/* Balk bovenaan */

.newheader {
height: 100px;
background-color: #000;
width: 1028px;
display: block;
margin: auto;
background-color: #19232D;
overflow: hidden;
background-color: rgba(25, 35, 45, 0.8);
}

.newheader img {
height: 90px;
padding: 5px 0;
margin-left: 10px;
}








/* Examenvragen */

a.examenvragen {
color: #7C0F0F;
text-decoration: none;
}

a.examenvragen:hover {
    /* background-color: #7C0F0F; */
    color: #7C0F0F;
    text-decoration: underline;
}

/* text -> table */

div.articles div.table {
	display: table;
	width: 100%;
}
div.articles div.table div, div.articles div.table form {
	display: table-row;
}
div.articles div.table div div, div.articles div.table form div {
	display: table-cell;
	padding: 3px 5px 3px 5px;
	margin: 0;
	background-color: white;
	color: #333;
}
div.articles div.table div.tableTitle div {
	font-size: 14px;
	background-color: #333;
	color: white;
	height: 20px;
	border-bottom: 0px;
}
div.articles div.table div.rowHeader div {
	font-weight: bold;
	border-bottom: 1px solid #333;
}
div.articles div.table div.tableForm input {
	width: 100%;
}
div.articles div.table .selectableRow input {
	width: 120px;
}
div.articles div.table div.row div, div.articles div.table div.selectableRow div, div.articles div.table div.inactiveRow div {
	border-bottom: 1px dotted #CCC;
}
div.articles div.table div.inactiveRow div {
	font-style: italic;
	color: #999;
}
div.articles div.table div.selectableRow div {
	cursor: pointer;
	cursor: hand;
}
div.articles div.table div.selectableRow:hover div {
	background-color: #F6F6F6;
	color: #7C0F0F;
}





/* Kalender */

/* cijfers in kalender zijbalk */
div.month {
	/*display:							table;*/
	/*width:								100%;*/
	text-align: right;
	/*border-left:						1px solid #777;*/
	margin-bottom: 10px;
	/* margin-left: 3px; */
}

/* hierdoor blijft kalender gestructureerd */
div.month div.week, div.month div.weekHeader {
	display: table-row;
}

/* hiermee kan je de dagen opmaken die niet tot de maand behoren, maar toch weergeven worden" */
div.month div.week {
	/*height:								25px;*/
}

/* lijn met weekdagen */
div.month div.weekHeader {
	background: #333;
	color: white;
text-align: center;
}

/* de dagen */
div.month div.week div.day, div.month div.weekHeader div.day {
	display: table-cell;
	/*display:							block;*/
	vertical-align: middle;
	padding-right: 3px;
	/*border-right:						1px solid #777;*/
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
	cursor: hand;
	width: 40px;
	height: 18px;
}

/* no idea */
div.month div.week div.thisMonth {
	background: #DDD;
}

/* dag met evenement */
div.month div.week div.eventDay {
	font-weight: bold;
	color: #7C0F0F;
	cursor: pointer;
	cursor: hand;
}

/* huidige dag */
div.month div.week div.today {
	font-weight: bold;
	background: #AAA;
}

/* pop-up wanneer je over dag met evenement gaat */
div.eventPopup {
	position: absolute;
	z-index: 100;
	display: none;
	border: 1px solid white;
	color: white;
	font-weight: normal;
	padding: 3px 5px 3px 20px;
	text-align: left;
	width: auto;
	background:#400000;
}

/* om opsommingtekens te krijgen */
div.eventPopup div {
	display: list-item;
}


/* div.widgets a {
	text-decoration: none;
	color: #7C0F0F;
	line-height:20px;
}
div.widgets a:hover {
	text-decoration: underline;
}
div.widgets img {
	text-decoration: none;
	border: 0px;
	width: 100%;
} */


div.browser {
	display: table;
	font-weight: bold;
	width: 100%;
	height: 20px;
margin-bottom: 20px;
}
div.browser div {
	display: table-cell;
	vertical-align: middle;
}
div.browser div.previous {
	text-align: left;
	width: 20px;
}
div.browser div.browserName {
	text-align: center;
}
div.browser div.next {
	text-align: right;
	width: 20px;
}
div.browser a {
	font-size: 15px;
}
div.browser a:hover {
	text-decoration: none;
	color: #333;
}





/* Tweedehandsboeken */

.afbeeldingbovenaan img {
width: 100%;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}











div.month {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	/* text-align:							right; */
	/* border-left:						1px solid #777; */
}
div.month div.week, div.month div.weekHeader {
	display: table-row;
}
div.month div.week {
	height: 60px;
}
div.month div.weekHeader {
	background: #333;
	color: white;
}
div.month div.week div.day, div.month div.weekHeader div.day {
	display: table-cell;
	/*vertical-align:						middle;*/
	/*border-right:						1px solid #777;*/
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	width: 14%;
	cursor: pointer;
	cursor: hand;
	/* border: 2px solid rgba(189, 0, 0, 0.1); */
	/* border-radius: 8px; */
	padding:10px;
	border: none;
text-align: center;
}
div.month div.week div.thisMonth {
	background: #DDD;
}
div.month div.week div.eventDay {
	font-weight: bold;
	color: #7C0F0F;
	cursor: pointer;
	cursor: hand;
}
div.month div.week div.today {
	font-weight: bold;
	background: #AAA;
}

#post {
border: 1px solid #000;
    margin-top: 15px;
    /* margin-bottom: 15px; */
    border: 1px solid #D9D9D9;
    padding: 10px;
    background-color: #F9F9F9;
    margin-left: 20px;
    margin-right: 20px;
}

	/* calendar */
















































































































































/* CSS reset */

h1 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/* font: inherit; */
vertical-align: baseline;
padding-bottom: 10px;
}

/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

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

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

*/





/* Algemeen */

/* body {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(https://scontent.fbru2-1.fna.fbcdn.net/v/t31.0-8/27629475_1834035803294049_3707511219245599366_o.jpg?_nc_cat=0&oh=265a95dd2f196d97e906e0960335212e&oe=5BE88498);
font-family: 'Buenard', sans-serif;
font-family: 'Amiri', sans-serif; 
color: #353E47;
opacity: 0.95;
}*/

a {
color: #353E47;
}

strong, b {
font-weight: bold;
}


body {
margin: 0;
padding: 0;
font-size: 13px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/* background-image: url(https://scontent.fbru2-1.fna.fbcdn.net/v/t1.0-9/36628920_483061058793892_7522049634512928768_o.jpg?_nc_cat=101&_nc_ht=scontent.fbru2-1.fna&oh=0a16f385baa442eff03208cda9ada68c&oe=5CFEC897); */
color: #353E47;
/* opacity: 0.95; */
}

@media only screen and (min-width:0px) and (max-width:450px)  { 
body {
font-family: 'Minion Pro', sans-serif;
font-size: 15px; 
/* margin-left: 10px;
margin-right: 10px; */
padding: 0;
}
}


@media only screen and (min-width:0px) and (max-width:1060px)  { 
body {
/* font-family: 'Minion Pro', sans-serif;
font-size: 15px; 
margin-left: 10px;
margin-right: 10px;
padding: 0;*/
}

.footer3 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
box-sizing: border-box;
}
}

@media only screen and (min-width:0px) and (max-width:745px) {
.articles {
box-shadow: none !important;
}

}

.b {
    font-weight: bold;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
font-size: 13px;
}

h3 {
    color: #333;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
text-decoration: underline;
}

button {
background-color: #E54E53;
color: white;
font-size: 13px;
border: none;
margin-left: 30px;
padding: 5px;
background-color: #C00003;
}

button:hover {
opacity: 0.8;
cursor: pointer;
}

/* info boven */

.infoboven {
background-color: #F2F2F2;
text-align: center;
border-top: 5px solid #C00003;
font-size: 13px;
padding: 10px 0;
width: 1028px;
margin: auto;
}

/* thenewheader (header-afbeelding) */

div.thenewheader {
width: 1028px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
/* position: relative; */
text-align: center;
color: white;
background-color: #FFF;
}

div.thenewheader img {
clear: both;
height: auto;
display: block;
margin: auto;
width: 100%;
/* padding-top: 10px;
padding-left: 10px;
padding-right: 10px; */
box-sizing: border-box;
}

div.thenewheader img:hover {
opacity: 0.9;
}

@media only screen and (min-width:0px) and (max-width:888px)  {
div.thenewheader img {
clear: both;
width: 100%;
height: auto;
display: block;
margin: auto;
}

}


/* menutje */

.menutje /* geheel onder de header */ {
clear: both;
width: 1028px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
/* opacity: 0.95; */
background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width:0px) and (max-width:1060px)  { 
.menutje {
clear: both;
width: 100% !important;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}
}

/* navbar menu */

.navbar {
overflow: hidden;
/* background-color: #19232D; */
font-family: Arial;
/* border-radius: 5px; */
float: right;
padding: 26.5px 0;
}

.navbar a {
float: left;
font-size: 14px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
border: 1px solid white;
margin-right: 10px;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 14px;    
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
margin-left: 0px;
margin-bottom: 0px;
/* background-color: #19232D; */
/* border: 1px solid white; */
margin-right: 10px;
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #C00003;
opacity: 1;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
font-size: 12px;
margin-right: 0px;
}

.dropdown-content a:hover {
background-color: #ddd;
}

.dropdown:hover .dropdown-content {
display: block;
}





/* smartphone scroll menu */

div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
font-size: 14px;
}

div.scrollmenu a:hover {
    background-color: #777;
}

@media only screen and (min-width:1061px) {
.scrollmenu {
display: none;
}
}

/* breadcrumbs */

.breadcrumbs {
background: #f2f2f2;
padding: 14px 25px;
font-size: 12px;
margin-bottom: 10px;
}

@media only screen and (max-width: 1060px) {
.breadcrumbs {
display: none !important;
}
}

/* page */

.page {
width: 100%;
height: auto;
box-sizing: border-box;
/* padding-top: 10px; */
overflow: auto;
padding-bottom: 20px;
}

/* articles */

.articles {
/* padding-top: 50px;  witruimte tussen breadcrumbs en titel */
padding-bottom: 30px;
width: 66.66%;
background-color: #FFF;
height: auto;
/* min-height: 1000px; */
box-sizing: border-box;
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
opacity: 1;
/* border-radius: 5px; */
padding-left: auto;
padding-right: auto;
z-index: 2;
/* margin-bottom: 20px; */
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    /* padding: 10px; */
    margin-left: 10px;
padding-top: 30px;
float: right;
margin-right: 10px;
background-color: rgba(255, 255, 255, 0.8);
}

.articles img {

}

@media only screen and (min-width:0px) and (max-width:1060px)  {
.articles {
width: 685.25px;
margin-left: auto;
margin-right: auto;
display: block !important;
float: none;
}
.accordions {
width: 685.25px;
margin-left: auto;
margin-right: auto;
display: block !important;
}
.footer3links {
padding-left: 0px;
}
.page {
overflow: hidden;
}
}

@media only screen and (min-width:0px) and (max-width:670px)  {
.categoriebalk2 {

}
.auteur2 img {
width: 250px;
}
}

@media only screen and (min-width:0px) and (max-width:670px)  {
.categoriebalk2 {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.auteur2 img {

}
}


@media only screen and (min-width:0px) and (max-width:730px)  {
.articles {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block !important;
}
.accordions {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block !important;
}
}

@media only screen and (max-width:1060px) {
.articles {

}
}

@media only screen and (max-width:670px) {
.gegevens2 {
display: block;
}
}

@media only screen and (max-width: 450px) {
.beschrijvingcolofon2 {
font-size: 13px;
}
}

@media only screen and (max-width: 305px) {
.auteur2 img{
width: 100%;
}
}


/* titel */

.titel {
    margin-left: 30px;
    border-left: 5px solid #E54E53;
    padding-left: 10px;
    /* margin-bottom: 20px; */
    margin-bottom: 30px;
    color: #333;
    font-weight: 500;
    line-height: 1.1;
    font-size: 32px;
}

/* sidebar */

.sidebar {
vertical-align: top;
/* float: right; */
float: left;
width: 25%;
padding-bottom: 30px;
    background-color: #FFF;
    height: auto;
    /* min-height: 1000px; */
    box-sizing: border-box;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    opacity: 1;
    /* border-radius: 5px; */
    padding-left: auto;
    padding-right: auto;
    z-index: 2;
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    /* padding: 10px; */
    margin-left: 10px;
    padding-top: 30px;
margin-right: 10px;
}

.filosidebarmenu {
background-color: #FFF;
padding-left: 10px;
padding-right: 10px;
}

@media only screen and (min-width:0px) and (max-width:1060px) {
.sidebar {
display: none !important;
height: 0px; width: 0px;

}
}

.sidebar img {
/* width: 200px; */
width: 100%;
}

.filowelkom {
font-size: 13px;
    background-color: #C00003;
    color: #FFF;
    padding: 0 14px;
    line-height: 43px;
    margin-bottom: 20px;
    /* text-align: center; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /* opacity: 0.9; */
    /* border-radius: 5px; */
font-weight: bold;
}

.filocontact {
font-size: 14px;
}
/* sidebar responsive */

.accordions {
margin-bottom: 10px;
}

/* footer */

.footernieuwesite {
clear: both;
width: 1028px;
margin: auto;
/* background-color: rgba(255, 255, 255, 0.95); */
background-color: #FFF;
padding-top: 20px;
padding: 20px;
    box-sizing: border-box;
}

@media only screen and (max-width:730px) {
.footernieuwesite {
display: none;
}
}

@media only screen and (min-width:730px) and (max-width:1060px)  {
.footernieuwesite {
width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
}

h1 {
    font-size: 18px;
    color: #353E47;
    /* text-transform: uppercase; */
    border-bottom: 5px solid #C00003;
    /* padding-left: 14px; */
    line-height: 2;
    margin-bottom: 28px;
    color: #333;
    /* font-weight: 500; */
    line-height: 1.1;
    font-size: 32px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
display: inline-block;
}

/* sponsors */

.sponsor img {
width: auto;
    height: 70px !important;
    padding: 1%;
display: inline-block !important;
}

.scrollmenu2 {
overflow: auto;
white-space: nowrap;
background-color: #FFF;
}

.scrollmenu2 a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

@media only screen and (min-width:730px) {
.scrollmenu2 {
display: none;
}
}































.filonieuw {
    background-color: red;
    text-align: center;
    padding-top: 5px;
    background-color: #121A21;
height: 51px;
}

.filosocialmedia {
    display: inline-block;
    margin-right: 10px;
}




/* .pres {
background-color: #FFF;
overflow:auto;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
text-align:center;
padding-top: 20px;
padding-bottom: 20px;
} */

/*
.woordcentered {
    background-color: gray;
    font-size: 1400%;
    opacity: 0.6;
    width: 1028px;
}
*/

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
margin-left: 0px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.accordion2 {
background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
    margin-left: 0px;
box-sizing: border-box;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}





@media only screen and (min-width:1061px) {

.accordions {
display: none;
}

}

input:read-only {
background-color: #A9A9A9;
}

/* formulier */

form {
    margin-top: 15px;
    margin-bottom: 30px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #F9F9F9;
    color: #19232D;
    border: 1px solid #D9D9D9;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 13px;
}

textarea {
box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #E54E53;
    font-size: 15px;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}

input[type=submit]:hover {
    /* background-color: #45a049; */
opacity: 0.8;
cursor: pointer;
}

img#preview {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.h2formulier {
color: #333;
font-size: 20px;
font-weight: bold;
}

























/* Dilemma archief */

.dilemma {
	width: 65%;
	border:1px solid #000;
	float:left;
}

.jaar {
	font-size: 25px;
}

.dilemmanr {
	font-size: 15px;
	
}


/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-left: 30px;
    margin-right: 30px;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
margin-left: 30px;
    margin-right: 30px;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* activiteiten */

.activiteiten {
    margin-top: 15px;
    margin-bottom: 30px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #F9F9F9;
    color: #19232D;
    border: 1px solid #D9D9D9;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 14px;
}

.naamactiviteit a {
font-weight: bold;
color: #000;
text-decoration: none;
}

.naamactiviteit a:hover {
text-decoration: underline;
}

.afbeeldingbanner {
display: inline-block;
}







.wrapper {
width: 100%;
height: auto;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
margin-bottom: 30px;
}

.afbeelding {
width: 45%;
display: inline-block;
}

.afbeelding img {
width: 100%;
border-radius: 5px;
}

.beschrijving {
width: 50%;
    display: inline-block;
    vertical-align: top;
    background-color: #F9F9F9;
    color: #19232D;
    border: 1px solid #D9D9D9;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;


}

.witruimte {
width: 5%;
display: inline-block;
}

.naamactiviteit {
font-size: 18px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
}

.datum {
font-style: italic;
}

.locatie {
padding-left: 20px;
padding-right: 20px;
}

.eventbutton {
margin-left: 20px;
}

.balklogo {
width: 1028px;
margin: auto;
}

.balklogo img {
position: absolute;
width: 100px;
z-index: 1;
margin-top: 5px;
}

.wrap {
margin-left: 30px;
margin-right: 30px;
}

.tekstwrapper {
/* background-color: #F7F7F7; */
/* overflow: auto; */
/* border: 1px solid #D9D9D9; */
margin-left: 30px;
margin-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
}

.link {
margin-left: 30px;
margin-right: 30px;
font-weight: bold;
}

.rodebalk {
background-color: #E54E53;
color: #FFF;
font-size: 25px;
padding: 30px;
font-weight: bold;
margin-right: 30px;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
padding-right: 30px;
}

.groenebalk {
    background-color: #08AB08;
    color: #FFF;
    font-size: 25px;
    padding: 30px;
    font-weight: bold;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    box-sizing: border-box;
    margin-left: 30px;
}

























































.afbeeldingbovenaanartikel {
margin-bottom: 30px;
    overflow: hidden;
    /* background-color: red; */
    position: relative;
    /* width: 100%; */
    padding-top: 52.75%
}

.afbeeldingbovenaanartikel img
{
    position: absolute;
    top: 0;

 width: 100%;
    height: 100%;
    object-fit: cover;

    /* width: 100%;
    transition: transform 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover; */
}

.posta {
    /* width: 326px; */
    width: 309px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.thumbnail {
    width: 309px;
    height: 163px;
    overflow: hidden;
box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),              0 5px 15px 0 rgba(0,0,0,0.08);
}


.thumbnail img {
width: 100%;
transition: transform 0.6s;
width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail img:hover {
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
transition: transform 0.6s;
opacity: 0.7;
}

.titelartikel {
/* font-size: 14px; */
line-height: 20px;
margin-top: 14px;
margin-bottom: 14px;
font-weight: bold;
/* border-left: 4px solid #E54E53;
padding-left: 10px; */
line-height: 1.3;
text-align: left;
}

.titelartikel a {
text-decoration: none;
font-size: 17px;
}

.titelartikel a:hover {
text-decoration: underline;
}

.datumartikel {
    /* background-color: #F2F2F2; */
    color: #A6A6A6;
    font-size: 11px;
    /* padding-left: 15px; */
    margin-bottom: 14px;
    text-align: left;
}













/* paginanummering nieuwsberichten bovenaan */

.center {
overflow: auto;
margin-bottom: 30px;
}

.pagination {
    	display: inline-block;
	/* margin: 0px !important; */
width: 100%;
float: left;
padding-left: 30px;
box-sizing: border-box;
}

.pagination a {
    	color: black;
    	float: left;
    	padding: 8px 16px;
    	text-decoration: none;
font-size: 14px;
}

.pagination a.active {
    	background-color: #4CAF50;
    	color: white;
-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
}

.pagination a:hover:not(.active) {background-color: #ddd; -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;}

div.imgwrapper {
/* border: 1px solid red; */
clear: both;
}

@media only screen and (max-width:358px) {
.imgwrapper {
display: none;
}
}

div.imgb {
/* border: 1px solid black; */
width: 309px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 30px;
vertical-align: top;
}


.onderschrift {
background-color: #F2F2F2;
width: 294px; /* vroeger */
color: #A6A6A6;
font-size: 12px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
width: 309px;
box-sizing: border-box;
text-align: left;
}

.titelhomepage {
color: #000;
background-color: #FFF;
/* padding-left: 10px; */
font-size: 14px;
text-align: left;
/* height: auto; */
line-height: 20px;
margin-top: 5px;
/* border-left: 4px dotted #E54E53; */
margin-bottom: 10px;
text-transform: none;
font-weight: bold;
}

.titelhomepage a {
text-decoration: none;
color: #000;
}

.titelhomepage a:hover {
text-decoration: underline;
}

.preview {
color: #000;
font-size: 15px;
margin-top: 8px;
line-height: 1.3;
text-align: left;
}

/* smartphone 

@media only screen and (min-width:359px) {
.smartphone {
display: none;
}
}

*/

div.imga {
/* border: 1px solid black; */
width: 214px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
vertical-align: top;
}

.thumbnail2 {
position: relative;
width: 214px;
height: 113px;
overflow: hidden;
z-index: 1; /* fix voor firefox */
border-radius: 5px;
}
.thumbnail2 img {
/* position: absolute; */
/* margin-left: 154px; */
/* margin-top: 82px; */
/* left: 50%; */
/* top: 50%; */
/* height: 100%; */
/* width: auto; */
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.thumbnail2 img.portrait {
width: 100%;
height: auto;
}

.thumbnail2 img.portrait:hover {
opacity: 0.7;
}

.onderschrifthomepage {
color: #A7A7A7;
background-color: #F2F2F2;
padding-left: 10px;
font-size: 10px;
text-align: left;
height: 20px;
line-height: 20px;
text-transform: uppercase;
}

/* paginanummering nieuwsberichten onderaan */

.center2 {
overflow: auto;
}

.pagination2 {
    	display: inline-block;
	/* margin: 0px !important; */
width: 100%;
float: left;
padding-left: 30px;
box-sizing: border-box;
}

.pagination2 a {
float: left;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
color: #000;
}

.pagination2 a.active {
    	background-color: #4CAF50;
    	color: white;
}

.pagination2 a:hover:not(.active) {background-color: #ddd;}

.actievewebpagina {
	color: #FFF !important;
	background-color: #E86065;
}

/* inhoud nieuwsbericht */

h2 {
color: #333;
font-size: 20px;
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
}

.tekst {
/*margin-left: 30px;
margin-right: 30px;
margin-top: 15px;
margin-bottom: 15px;
word-spacing: 3px;
line-height: 1.5;
color: #000;
font-size: 13px;
word-wrap: break-word; */
    color: #353E47;
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
}

.aboutauthorbalk2 {
margin-top: 15px;
margin-bottom: 30px;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #F9F9F9;
color: #19232D;
border: 1px solid #D9D9D9;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 30px;
margin-right: 30px;
/* font-size: 1.5em; */
}

.deauteur2 {
width: 100%;
clear: both;
overflow: hidden;
/* margin-left: 30px; */
padding-left: 30px;
padding-right: 30px;
margin-right: 15px;
margin-top: 15px;
/* margin-bottom: 15px; */
box-sizing: border-box;
}

.afbeeldingauteur2 {
overflow: auto;
display: inline-block;
float: left;
}

.afbeeldingauteur2 img {
width: 150px;
height: 150px;
float: left;
margin-bottom: 15px;
border-radius: 50%;
}

.afbeeldingauteur2 img:hover {
opacity: 0.7;
}

.author2 {
    float: left;
    /* margin-left: 15px; */
    width: 443px;
    margin-bottom: 15px;
    /* border: 1px solid #D9D9D9; */
    /* padding: 15px; */
    padding-top: 15px;
    padding-left: 15px;
    overflow: hidden;
    line-height: 1.2;
}

.author2 a {
text-decoration: none;
color: #19232D;
}

.author2 a:hover {
text-decoration: underline;
}

.author2 span {
line-height: 1.5;
text-align: justify;
}

@media only screen and (min-width:0px) and (max-width:1060px) {
.afbeeldingauteur2 img {
width: 150px !important;
height: 150px !important;
}

}

@media only screen and (min-width:0px) and (max-width:719px) {
.afbeeldingauteur2 {
width: 100%;
display: flex;
justify-content: center;
}

.author2 {
width: 100%;
box-sizing: border-box;
padding-left: 0px;
}

}

.tekst li {
    margin-bottom: 10px;
}

.tekst li a {
    color: #000;
    text-decoration: none;
}

.tekst li a:hover {
text-decoration: underline;
}

.gegevens {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    /* padding-left: 4px; */
    box-sizing: border-box;
    /* outline: 4px dotted #DADADA; */
    /* border: 1px solid #D8D8D8; */
    border-top: 4px solid #DADADA;
    border-bottom: 4px solid #DADADA;
    /* display: flex; */
    /* justify-content: center; */
    /* flex-direction: column; */
    /* height: 50px; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
    justify-content: space-between;
}

.auteur {
font-weight: bold;
font-size: 14px;
}

.imagewrapper {
margin-left: 30px;
margin-right: 30px;
}




















































































































.preses {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.centercontent {
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}









































































.img {
    /* border: 1px solid #ccc; */
    /* width: 180px; */
    display: inline-block;
    margin: 5px 20px;
    /* padding: 5px; */
    /* padding-top: 5px; */
    background-color: #FFF;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08); 
overflow: hidden;
}

.img a {
background-color:#FFF;
}

.img img:hover {
opacity: 0.9;
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
 transition: transform .5s;	
}

.img img {
    width: 165px;
    height: 165px;
/* border-radius: 5px; */
/* opacity: 0.9; */
 transition: transform .5s;	
}

.desc {
    /* padding-top: 15px; */
padding-bottom: 15px;
padding-left: 1px;
padding-right: 1px;
    text-align: center;
}

.presidiumnaam a {
text-decoration: none;
}

.presidiumnaam a:hover {
text-decoration: underline;
}

.mail {
font-size: 12px;
}