img {
    max-width: 300px;
    max-height: 250px;
}

img.groot {
	max-width: 100%;
	max-height: 100%;
}

figure {
	float: left;
}

figcaption {
	font-style: italic;
}

td.tekst {
	vertical-align: top;
	width: 50%;
}

table {
	table-layout: auto;
	width: 1000px;
}

.modal {
	display: none; /* Initieel verborgen */ 
	position: fixed; /* Blijf op de zelfde plaats staan */
	z-index: 1; /* Lig bovenop al het andere */
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	overflow: clip; /* Als scroll nodig is zet dit op auto */
	background-color: rgb(0, 0, 0); /* Kleur om op terug te vallen */
	background-color: rgba(0, 0, 0, 0.4); /* Zwart met opaciteit */
}

.modal-content {
	position: relative;
	background-color: #FEFEFE;
	margin: 4% auto; /* 15% van de bovenkant en gecentreerd */
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
}

.close {
	color: #AAA;
/* vertical-align: top; */
/* float: right; */
	position: absolute;
	top: 4px;
	right: 14px;
/* right: 0px; */
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}