


.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;
}
}






















