@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');


@media screen and (max-width: 1000px) {}


.topspacer {
margin-top:2em;
}


.catbox { /* groot foto nieuws */
width:80%;
min-width:15em;
height:10em;/* 192px */
max-width:22em;/* 352px */
max-height:12em;/* 192px */
text-align:center;
margin:auto;
position: relative;/*text op foto/div */
/*background-color:rgba(255,255,0,0.6);*/
border-width:2em;
border:solid;
border-color:grey;
border-radius:6px;
box-shadow: 5px 5px 5px #8d8d8d;
cursor:pointer;
margin-bottom:2em;
padding:1em;
}

.fontcat {
font-family: 'Roboto', sans-serif;
color: #14789e;
font-size:1.9em;
font-weight: 900;
text-align:center;
/*-webkit-text-stroke-width:0.5px;
-webkit-text-stroke-color: #ffffff;*/
display: inline;
}

.catfoto { /* uit foto  */
width:100%;
height:10.5em;
object-fit: contain;
}

.cattext {
width:99%;
text-align:center;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}


.tablenieuwsbut {/*groot*/
width:80%;
margin:auto;
}

.linkboxleft { /* groot foto nieuws */
margin:auto;
text-align:center;
position: relative;/*text op foto/div */
}

.textboxleft {
width:99%;
text-align:center;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}

.fontboxleft{
  font-family: 'Roboto', sans-serif;
color: #ffffff;
font-size:2.5em;
font-weight:700;
text-align:center;
-webkit-text-stroke-width:0.6px;
-webkit-text-stroke-color: #330000;
display: inline;
}

.fotoboxleft { /* uit foto  */
cursor:pointer;
width:60%;
box-shadow: 3px 3px 3px #8d8d8d;
border-radius:6px;
border:1em;
border:solid;
border-color:#ff0000;
object-fit: contain;
}

.linkboxright { /* groot foto nieuws */
margin:auto;
text-align:center;
position: relative;/*text op foto/div */
}

.textboxright {
width:99%;
text-align:center;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}

.fontboxright {
  font-family: 'Roboto', sans-serif;
color: #ffffff;
font-size:2.5em;
font-weight:700;
text-align:center;
-webkit-text-stroke-width:0.6px;
-webkit-text-stroke-color: #330000;
display: inline;
/*background-color:rgba(0,0,0,0.6);*/
}

.fotoboxright { /* uit foto  */
cursor:pointer;
width:60%;
box-shadow: 3px 3px 3px #8d8d8d;
border-radius:6px;
border:1em;
border:solid;
border-color:#ff0000;
object-fit: contain;
}

@media only screen and (max-width: 600px) {

.catbox { /* klein foto nieuws */
width:15em;
height:7em;/* 192px */
text-align:center;
margin:auto;
position: relative;/*text op foto/div */
background-color:#ffffff;
border-width:2em;
border:solid;
border-color:grey;
border-radius:6px;
box-shadow: 5px 5px 5px #8d8d8d;
cursor:pointer;
margin-bottom:1.5em;

}

.fontcat {
 /*font-family: Courier, monospace; allen met webkit*/
color: #14789e;
font-size:1.8em;
font-weight: bold;
text-align:center;
/*-webkit-text-stroke-width:0.3px;
-webkit-text-stroke-color: black;*/
display: inline;
}

.catfoto { /* uit foto  */
border-radius:6px;
width:15em;
height:7em;
object-fit: contain;
}

.cattext {
/*background-color:rgba(255,255,0,0.6);*/
width:15em;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}


.tablenieuwsbut {/*klein*/
width:90%;
margin:auto;

}

.linkboxleft { /* klein foto nieuws */
margin:auto;
text-align:center;
position: relative;/*text op foto/div */
}

.textboxleft {
width:30em;
text-align:center;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}

.fontboxleft{
font-family: arial;
color: #ffffff;
font-size:1em;
font-weight:700;
text-align:center;
-webkit-text-stroke-width:0px;
-webkit-text-stroke-color:;
display: inline;
}

.fotoboxleft { /* uit foto  */
cursor:pointer;
box-shadow: 3px 3px 3px #8d8d8d;
border-radius:6px;
border:1em;
border:solid;
border-color:#ff0000;
object-fit: contain;
}

.linkboxright { /* klein foto nieuws */
margin:auto;
text-align:center;
position: relative;/*text op foto/div */
}

.textboxright {
width:30em;
text-align:center;
position: absolute;/*text op foto */
top: 55%;/*text op foto */
left: 50%;/*text op foto */
transform: translate(-50%, -50%);/*text op foto */
}

.fontboxright {
font-family: arial;
color: #ffffff;
font-size:1em;
font-weight:700;
text-align:center;
-webkit-text-stroke-width:0px;
-webkit-text-stroke-color:;
display: inline;
/*background-color:rgba(0,0,0,0.6);*/
}

.fotoboxright { /* uit foto  */
cursor:pointer;
box-shadow: 3px 3px 3px #8d8d8d;
border-radius:6px;
border:1em;
border:solid;
border-color:#ff0000;
object-fit: contain;
}









}