body 
{
	background:#fff;
}

*
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

img 
{
	image-orientation: from-image;
	max-width:100%;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	max-width:2000px;
}

main
{
	min-height:1000px !important;
	margin-left:0px;
	padding:0 10px !important;
}

main.titels,
main.tijdlijn
{
	background-image:none;
}
.content
{
/*	background: #eee;*/
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
	float: left;
	min-height:1200px !important;
}
.portret
{
	float:left;
	padding:5px;
}
.portret img
{
	max-width:150px;
	max-height:200px;
	width:auto;
	height:auto;
	display:block;
}

main.home .content
{
	background:#eee;
}

main.tijdlijn .content
{
	min-height:0px !important;
}

.rood
{
	color: var(--rood);
}
/*
main.nieuws
{
	background-color: var(--lichtgrijs);
	padding:20px !important;
}
*/
.rightcolumn-bg
{
	background-color: var(--rightcolumn);
}

.mosaic
{
}

div.nieuwsitem
{
	border:1px black solid;
	padding:10px;
	
/*
	margin-left:10px;
	margin-bottom:10px;
	overflow:hidden;
	position: relative;
	padding: 10px;
*/
}

div.nieuwsitem img
{
	margin-right:10px;
	float:left;
}
div.nieuwsitem.wit
{
	background-color: #fff;
}
div.nieuwsitem.grijs
{
	background-color: var(--grijs);
	color:#fff;
}
div.nieuwsitem.rood
{
	background-color: var(--rood);
	color:#fff;
}
div.nieuwsitem.standaard
{
	border: 1px var(--grijs) solid;
}
.wit.rond
{
  border: 1px solid var(--grijs);
}

div.nieuwsitem.rond
{
	border-radius: 10px;
}
.wit.dubbel {
  border: 4px double var(--grijs);
}
.rood.dubbel {
  border: 4px double #fff;
}

.rood a.button,
.rood a.button:hover,
.grijs a.button,
.grijs a.button:hover
{
	color:#fff !important;
}
.read-more 
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	padding: 5px 30px;
}
.grijs .read-more
{
  background:var(--grijs);
}
.wit .read-more
{
  background:#fff;
}
.rood .read-more
{
  background:var(--rood);
}
.rood h2,
.grijs h2
{
	color:#fff;
}
.zand
{
	background: #fffcc4;
}
main.titels .content
{
	background: #e3e3e3;
}
main.tijdlijn .content
{
	background: #fff;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

ul.selectie
{
	padding-left:10px;
}
select.archief
{
	border: 1px solid #000;
	height: 2em;
	min-width: 70px;
	background: #fff;
	margin: 7px 0 0 0;
}
ul.selectie,
ul.titelgegevens,
ul.werken
{
	list-style-type: none;
}
ul.titelgegevens,
ul.werken
{
	padding:0;
}
ul.titelgegevens
{
	border: 0 solid var(--grijs);
	border-width: 0 0 1px 0px;
}
ul.titelgegevens li
{
	border: 0 solid var(--grijs);
	border-width: 1px 0px 0 0;
}

ul.selectie > li
{
	text-indent: -10px;
}
ul.selectie > li:before 
{
	content: "- ";
	text-indent: -10px;
}
ul.noline > li:before 
{
	content: "";
}
ul.gekozen > li a
{
	color:var(--grijs);
}
div.prev_next div.button a,
div.alfabet a,
ul.selectie a
{
	font-style:normal;
	font-family: "PT sans";
	color:var(--zwart);
	text-decoration:none;
}
div.alfabet a.chosen,
ul.selectie > li a.chosen
{
	color:var(--rood);
}
div.alfabet a.chosen
{
	text-decoration:underline;
}
ul.selectie > li a.chosen
{
	font-family: "PT sans cursief";
}
ul.selectie > li a.chosen:after,
ul.titelgegevens a.chosen:after
{
	content: " >";
}

div.prev_next div.button a:hover,
ul.selectie > li a:hover
{
	text-decoration:underline;
}
ul#keuze,
ul#subnav,
.tijdlijnkeuze ul
{
	padding:0;
	margin:0 0 3em 0;
}
ul#keuze li,
ul#subnav li
{
	list-style-type: none;
}
div.fixwrapper
{
	display:block;
	position: fixed;
	background-color: rgb(277, 227, 227);
	background-color: rgba(227, 227, 227, 0.9);
	width: 263px;
}
ul#subnav
{
}
div.afterfixwrapper
{
	height:175px;
}
ul#keuze li.chosen
{
	font-weight:bold;
}
ul#keuze li
{
	width:33%;
}
ul#keuze li
{
	float:left;
}
ul#keuze li.chosen,
{
	font-weight:bold;
}
/*
.item
{
	background: rgba(227, 227, 227, 0.7) none repeat scroll 0 0;
	margin:0 -20px;
	padding: 1em 20px;
}
*/
/*
.item
{
	font-size:12pt;
	line-height:23pt;
	border-bottom:1px solid #000;
}
.item img
{
	vertical-align:middle;
}
.item:hover,
.item-chosen
{
	background:#eee;
}
*/
.center
{
	margin:auto;
	text-align:center;
}
.meer
{
	background:#fff;
	min-height:1000px !important;
}
p
{
	margin:0;
}

td
{
	vertical-align:top;
}
.beeldmateriaal img
{
	width:100%;
}

form.zoek
{
        border: 1px #000 solid;
        background:#fff;
        padding:5px;
	z-index:200;
}
form.zoek input
{
        border:0;
        width:calc(100% - 30px);
}
form.zoek input[type='submit']
{
        font-family: "icomoon";
        background: #fff;
        width:25px;
	float:right;
	padding-top:5px;
}

.fixed
{
	position:fixed;
}

.max-lines {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 18em;
}

.shadow {
    box-shadow: 5px 5px 10px #888888;
}
.tijdlijnkeuze
{
	display:flex;
}
.tijdlijnkeuze div
{
	padding:0;
	margin-right:5px;
	background:#eee;
}
.tijdlijnkeuze a.arrow
{
	padding-top:0.4em;
	padding-bottom:0.4em;
	width:100%;
	display:block;
}
.tijdlijnkeuze a.arrow img
{
	margin-left: auto;
	margin-right: auto;
	display:block;
	height:1.2em;
}
.tijdlijnkeuze a.arrow:hover
{
	background:#ccc;
}
.scrolljaren ul
{
	padding-top:0 !important;
}
.tijdlijnkeuze ul
{
	padding-top:2em;
	width:100%;
	border: 0 solid #cd1619;
	border-width: 0 0 1px 0px;
}
.tijdlijnkeuze li
{
	border: 0 solid #cd1619;
	border-width: 1px 0px 0 0;
	list-style-type: none;
	text-align:center;
}
.tijdlijnkeuze li.chosen
{
	background:#cd1619;
}
.tijdlijnkeuze li.chosen a
{
	color: #fff;
}
.tijdlijnkeuze li a
{
	padding:0 5px;
}
table.levenwerk,
table.levenwerk td,
table.levenwerk tr,
table.lezingen,
table.lezingen td,
table.lezingen tr
{
	display: block;
}
table.levenwerk th,
table.lezingen th
{
	display:none;
}
table.lezingen tr
{
	border-top:1px solid var(--lichtgrijs);
	min-width:200px;
}

table.tijdlijn th
{
	color:#cd1619;
	text-transform: uppercase;
	text-align:left;
}
table.tijdlijn th,
div.aantal
{
	border: 0 solid #cd1619;
	border-width: 1px 0px 1px 0;
}
table.tijdlijn td
{
	border: 0 solid #eee;
	border-width: 0px 0px 1px 0;
}
div.aantal
{
	margin-bottom:1em;
}

.expand
{
	position:relative;
	cursor: pointer; 
	cursor: hand; 
}
.small
{
	max-height:10em;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-transition: max-height 0.15s ease-out; /* For Safari 3.1 to 6.0 */
	transition: max-height 0.15s ease-out;
	border-bottom:thick dotted #eee;
}

.big
{
	max-height:5000px;
	-webkit-transition: max-height 0.15s ease-in; /* For Safari 3.1 to 6.0 */
	transition: max-height 0.15s ease-in;
}

.small .fadeout 
{
    position: absolute; 
    bottom: 0em;
    width:100%;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 

.home div video,
.home div img
{
	margin:-20px;
	width:100% !important;
	width:-moz-available !important;
}
.home div.oneheight video,
.home div.oneheight img
{
	height:190px !important;
	width:auto !important;
//	overflow:hidden;
}
.home div.oneheight video
{
	float:left;
	margin:-20px 20px -20px -20px !important;
}
.home div.oneheight 
{
	overflow:hidden;
}
.home div.oneheight h3
{
	margin:0;
}
div.scroll
{
	overflow-y:auto !important;
}
div.oneheight button
{
}
.home div.img-left img
{
	float:left;
	padding-right:20px;
	margin-right:0;
}
.home div.img-right img
{
	float:right;
	padding-left:20px;
	margin-left:0;
}
.embedimg
{
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	border:0;
	height:250px;
}

.bg
{
	position:absolute;
	top:211px;
	z-index:-100;
	max-width:1212px;
}

div.prev_next:after {
  content: "";
  display: table;
  clear: both;
}
div.prev_next div.button
{
	width:100px;
	text-align:center;
	padding:0 5px;
	background:var(--wit);
}
div.prev_next div:last-child,
tr.levenwerk td:last-child
{
	text-align:right;
}
div.searchfields div.label
{
        width:100%;
        float:left;
}
div.searchfields textarea,
div.searchfields input[type="text"],
div.searchfields input[type="email"]
{
        width:100%;
	border:1px solid var(--grijs);
}
div.searchfields textarea
{
        height:100px
}
div.searchfields input[type="submit"]
{
        width:100px;
	height:2em;
	float:right;
	background:#cd1619 ;
	color:#fff;
}
div.ency,
div.ency img
{
        width:100%;
}

tr.expand
{
	display:none;
}
.splash
{
	width:100%;
	height:auto;
}
.show
{
	display:inherit;
}
.hide
{
	display:none;
}
p.cf
{
	font-style:italic;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}

table.levenwerk
{
        border-collapse:collapse;
}
table.levenwerk tr
{
        padding:0 0 1em 0;
#	border-top:1px solid #000;
}
table.levenwerk td
{
	border: 1px solid #000;
}
table.levenwerk td.noscan
{
	border-top:0px;
}
p.levendatum
{
        background:var(--lichtgrijs);
        color:var(--donkergrijs);
        padding: 0 5px;
}
.educatie
{
	position: relative;
	text-align: center;
}
.educatie img
{

	width:100%;
}
.leestekst
{
	max-width:520px;
}
.educatie h2
{
	color:var(--wit);
	font-size:30px;
	line-height:30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

input.uba
{
	display: none;
}

input[type=checkbox].uba:checked ~ div.uba
{
    display: block;
}
label.uba
{
	font-family: "PT sans cursief";
	cursor:pointer;
}
div.uba
{
	display:none;
}
.uba
{
	font-size:0.9em;
}
#map
{
	height:940px;
	-webkit-box-shadow: 5px 5px 5px -5px rgba(5,5,5,0.5);
	-moz-box-shadow: 5px 5px 5px -5px rgba(5,5,5,0.5);
	box-shadow: 5px 5px 5px -5px rgba(5,5,5,0.5);
}
#mapinfo
{
        min-height:1000px;
}
#zoomlevel
{
	display:none;
}
#plaatscontent
{
	opacity: 0.8;
	background:#fff;
	border:1px solid #000;
	padding:5px;
	position:absolute;
	top:250px;
	width:400px;
	z-index:15;
	display:none;
}

.closebutton
{
	border:1px solid #000;
	background-color: var(--rood);
	color:#fff;
	font-weight:bold;
	float:right;
	width:20px;
	display:block;
	font-style: normal !important;
	font-family: "PT sans";
	padding: 0px 3px;
}
.closebutton:hover
{
	color:#000;
	text-decoration:none;
}
@media screen and (min-width:768px)
{
	.mosaic
	{
		padding:10px;
		display:inline-grid;
		grid-template-columns:  repeat(3, 1fr);
		column-gap: 20px;
		row-gap: 20px;
	}
	table.lezingen tr,
	table.levenwerk tr
	{
		display:table-row;
	}
	table.lezingen tr
	{
		border:0;
	}
	table.levenwerk th,
	table.levenwerk td,
	table.lezingen th,
	table.lezingen td
	{
		display: table-cell;
	}
	table.levenwerk td
	{
		width:20%;
		padding:0 0 1em 0;
		border:0;
		border-top:1px solid #000;
	}
	table.lezingen
	{
		border-collapse: collapse;
	}
	table.lezingen th
	{
		text-align:left;
		font-weight:normal;
		color:var(--paars);
	}
	table.lezingen td
	{
		border-top:1px solid #000;
		min-width:200px;
	}
	table.lezingen td.gap
	{
		width:20px;
		min-width:20px;
	}
	table.lezingen td.images a img
	{
		width:90px;
		padding-right:5px;
	}
	table.lezingen td.gap,
	table.lezingen td.noborder
	{
		border-top:0px solid var(--grijs);
	}
	table.tijdlijn 
	{
		padding-top:0em;
		width:100%;
	}
	.levendatum
	{
		margin-right:10px;
	}
	.leventekst
	{
        	border-collapse:collapse;
	        border:1px #000 solid;
		padding:0 5px;
		margin-right:10px;
        	border-top:0px;
	}
	main
	{
		margin-left:10px;
		padding:0 !important;
	}
	.content,
	.rightcolumn-bg
	{
		min-height:1200px;
	}
}
@media screen and (min-width:1540px)
{
	.mosaic
	{
		grid-template-columns:  repeat(4, 1fr);
	}
}

.test
{
	font-size:2vw;
}