/* CSS reset */
* {
	margin: 0rem;
	padding: 0rem;
	font-family: 'Times New Roman', serif;
	font-size: 14pt;
	text-align: left;
	border: none;
	border-collapse: collapse;
	}

/* body */
body {
	width: 90%;
	text-align: center;
	margin: 0% auto;
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	}

/* Header */
header {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 0%;
	background: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	}

header h1 {
	display: block;
	float: right;
	clear: both;
	width: 80%;
	height: 10rem;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0rem;
	text-transform: uppercase;
	font-size: 2rem;
	background: url(../img/header-logo-zwart.png) no-repeat -2rem 50% rgba(255,235,0,1);
	background-size: 88%;
	}

header h1 i {
	visibility: hidden;
	}

header p {
	display: block;
	float: right;
	clear: none;
	font-size: 2.5rem;
	font-weight: bold;
	height: 2.5rem;
	width: 80%;
	margin: -2.5rem 0rem 0rem 20%;
	padding: 0rem 0rem 0rem 0rem;
	vertical-align: baseline;
	line-height: 2.5rem;
	text-align: right;
	}

header p i {
	padding: 0.5rem;
	font-size: 2rem;
	}

/*  navigation */
nav {
	display: block;
	float: left;
	clear: both;
	width: 20%;
	text-align: center;
	margin: 0rem;
	padding: 0rem;
	}

nav ul {
	list-style-type: none;
	text-align: center;
	margin: 0rem;
	padding: 0rem;
	}

nav ul li {
	background-color: rgba(255,0,10,1);
	color: rgba(0,0,0,1);
	margin: 0rem;
	padding: 0rem;
	}

nav ul li:last-of-type {
	padding: 0rem 0rem 0.25rem 0rem;
	}

nav ul li a {
	display: block;
	color: rgba(190,190,190,1);
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9rem;
	margin: 0rem;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	font-family: Helvetica, sans-serif;
	}

nav ul li a.active {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.1);
	}

nav ul li a:hover {
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,0.5);
	}

nav ul li ul {
	list-style-type: square;
	list-style-position: inside;
	margin: 0rem 0rem 0rem 0.5rem;
	padding: 0rem;
	color: rgba(190,190,190,1);
	background-color: inherit;
	}

nav ul li ul li {
	text-align: left;
	margin: 0rem;
	padding: 0rem;
	color: rgba(190,190,190,1);
	background-color: inherit;
	}

nav ul li ul li a {
	display: block;
	color: rgba(190,190,190,1);
	background-color: inherit;
	text-decoration: none;
	font-size: 0.8rem;
	font-weight: bold;
	margin: 0rem;
	padding: 0rem 0rem 0rem 0.5rem;
	font-family: Helvetica, sans-serif;
	}

/* article style */
article {
	display: block;
	width: 80%;
	float: left;
	clear: none;
	text-align: left;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem;
	background-color: rgba(245,245,245,1);
	color: rgba(0,0,0,1);
	}

article h2 {
	background-color: rgba(0,50,255,1);
	font-family: 'Times New Roman', serif;
	font-size: 1.2rem;
	color: rgba(255,255,255,1);
	margin: 0rem;
	padding: 0.35rem 0rem 0.35rem 0.5rem;
	}

article h4 {
	float: left;
	width: 100%;
	font-family: 'Times New Roman', serif;
	font-size: 1.2rem;
	color: rgba(0,0,0,1);
	margin: 0rem;
	padding: 1rem 0rem 0.35rem 0.5rem;
	border-collapse: separate;
	text-decoration: underline;
	}

article p {
	float: left;
	clear: both;
	margin: 0rem 0.5rem 0rem 0.5rem;
	padding: 0rem;
	font-size: 1rem;
	line-height: 1.2rem;
	width:auto;
}

article #hero {
	margin: 0;
	padding: 0;
	width: 100%;
}

article p img.picture {
	margin: 0px;
	padding: 0px;
	width: 50%;
	display: block;
	clear: both;
}

article p img.info {
	margin: 0px;
	padding: 0px;
	width: 50%;
}

/* secties */
section {
	float: left;
	clear: both;
	margin: 0.5rem 0rem 0.5rem 0rem;
	padding: 0rem;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
	
/* index splash-image */
.splash {
	display: block;
	width: 100%;
	height: auto;
	margin: 0rem;
	padding: 0rem;
	text-align: center;
	}
	
/* fotogallerij */
.gallery {
	display: block;
	float: left;
	clear: right;
	margin: 0rem;
	padding: 0rem;
	width: 100%;
	}

.gallery li {
	display: block;
	float: left;
	clear: right;
	width: 25%;
	margin: 0rem;
	padding: 0rem;
	}

.gallery li figure {
	margin: 0rem;
	padding: 0rem;
	display: block;
	float: left;
	clear: right;
	position: relative;
	}

.gallery li a figure {
	margin: 0rem;
	padding: 0rem;
	display: block;
	float: left;
	clear: right;
	}

.gallery li a figure img {
	margin: 0rem;
	padding: 0rem;
	display: block;
	float: left;
	clear: right;
	width: 100%;
	}

.gallery li a figure figcaption {
	width: 100%;
	height: 25%;
	position: absolute;
	top: 75%;
	left: 0%;
	z-index: 999;
	background-color: rgba(255,255,255,0.5);
	color: rgba(0,0,0,1);
	margin: 0rem;
	padding: 0rem;
	text-align: center;
	}

.gallery li a figure figcaption h3 {
	padding: 0.25rem 0rem 0.25rem 0rem;
	margin: 0rem;
	font-family: 'Times New Roman', serif;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	width: auto;
	background-color: rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(90,90,90,0.5);
	}

.gallery li a figure figcaption p {
	display: block;
	float: left;
	padding: 0rem 0rem 0.25rem 0rem;
	margin: 0rem;
	font-family: 'Times New Roman', serif;
	vertical-align: bottom;
	font-size: 0.8rem;
	font-style: italic;
	text-align: center;
	width: 100%;
	}	

/* tables */
table {
	float: left;
	clear: both;
	margin: 0rem;
	padding: 0rem;
	border-collapse: collapse;
	width: 100%;
	}

tr {
	color: rgba(0,0,0,1);
	background-color: inherit;
	margin: 1rem;
	text-align: left;
	}

tr:nth-of-type(2n) {
	color: rgba(0,0,0,1);
	background-color: rgba(0,0,0,0.1);
	text-align: left;
	}

th {
	color: rgba(0,0,0,1);
	background-color: rgba(200,200,200,1);
	padding: 0.5rem;
	text-align: left;
	}

td {
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	border-top: 1px solid rgba(90,90,90,0.25);
	vertical-align: top;
}

td:first-of-type {
	padding: 0.5rem 0rem 0.5rem 0.5rem;
	}