body, html {
	width:100%;
	overflow:auto;
	margin:0px auto;
	background-image:url('img/Background.jpg');
	background-size:cover;
	background-position:center;
	font-family:ubuntu;
	color:black;
}
:root {
	--gold : #C79126;
}

.v-align {
	position: relative;
top: 50%;
height: auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.button {
	height:50px;
	background:black;
	padding:0px 40px;
	display:inline-block;
	border-radius:25px;
	color:white !important;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:50px;
	font-weight:700;
	cursor:pointer;
	transition:.3s;
}
	.button:hover {
		background-color:rgba(0,0,0,.5);
	}

.header {
	height:100px;
	background-color:black;
	width:100%;
	background-image:url('img/ZwarteBalk.png');
	background-size:cover;
	background-position:center;
	position:relative;
	overflow:visible;
	z-index:3;
}
	.header:after {
		content:" ";
		width:100%;
		height:10px;
		position:absolute;
		bottom:-5px;
		left:0;
		background-image:url('img/GoudenBalk.png');
		background-size:50% 100%;
		background-repeat:repeat-x;
		background-position:center left;
		z-index:-1;
	}

	.header .logo {
		width:300px;
		height:300px;
		position:absolute;
		bottom:-150px;
		left:calc(50% - 150px);
		background-image:url('img/Logo.png');
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}

.main {
	background-color:var(--gold);
	padding-top:200px;
	padding-bottom:50px;
	text-align:center;
	min-height:calc(100vh - 150px);
	z-index:2;
	max-width:calc(100% - 50px);
	width:100%;
}
.main.admin {
	text-align:left;
}
	.main h1 {
		font-size:16px;
	}

	.countdown {
		color:white;
		font-size: 90px;
		font-weight:bold;
		margin:30px auto;
		line-height:100px;
		display:block;
		max-width:550px;
	}
		.countdown .text {
			font-size:20px;
			line-height:20px;
			font-weight:500;
		}
		.countdown .box {
			opacity:0;
			transition:.5s;
			transform:translateY(30px);
		}
		.countdown .text .box {
			transform:translateY(-20px);
		}
		.countdown.counting .box {
			opacity:1;
			transform:translateY(0);
		}
			.countdown .box:nth-of-type(1) { transition:.5s 0s; }
			.countdown .box:nth-of-type(2) { transition:.5s .3s; }
			.countdown .box:nth-of-type(3) { transition:.5s .6s; }
			.countdown .box:nth-of-type(4) { transition:.5s .9s; }


		.line {
			width:100%;
			height:1.5px;
			background:black;
			margin:25px auto;
			display:block;
			position:relative;
		}


		.fotos {
			width:100%;
			margin:50px auto;
		}

		.logo-wit {
			height:20px;
			width:auto;
			margin:10px auto;
		}

		.form.loading {
			pointer-events:none;
			opacity:.5;
		}

		.form input, .form select {
			width:100%;
			border:0;
			outline:none;
			height:40px;
			line-height:40px;
			padding:0px 15px;
			margin:0px 0px 10px 0px;
			-webkit-appearance: none;
			border-radius:0;
		}

		.form input.validate {
			border:2px solid #ac0505;
		}


		.form .banner {
			text-align:left;
			margin-top:30px;
			margin-bottom:30px;
		}
			.form .banner .v-align {
				max-width:300px;
			}
			.form .banner h2 {
				text-transform:uppercase;
				font-size:50px;
				line-height:50px;
				font-weight:bold;
			}
			.form .banner img {
				width:100%;
				transform:rotate(3deg);
				box-shadow:0px 7px 15px -5px rgba(0,0,0,.3);
				margin:20px auto;
			}

.footer {
	height:50px;
	background-color:black;
	width:100%;
	background-image:url('img/ZwarteBalk.png');
	background-size:cover;
	background-position:center;
	position:relative;
	overflow:visible;
	z-index:1;
}
	.footer:after {
		content:" ";
		width:100%;
		height:10px;
		position:absolute;
		top:-5px;
		left:0;
		background-image:url('img/GoudenBalk.png');
		background-size:100% 100%;
		background-repeat:repeat-x;
		background-position:center left;
		z-index:-1;
	}

@media screen and (max-width:991px) {
	.countdown {
		font-size:70px;
		line-height:70px;
	}
}
@media screen and (max-width:767px) {
	.main {
		padding-top:170px;
	}
	.countdown {
		font-size:40px;
		line-height:40px;
	}

	.button {
		padding:0px 20px;
	}
}



table {
	width:100%;
}
table td {
	border:2px solid var(--gold);
	background-color:#e0b35d;
	padding:5px;
	vertical-align:top;
	overflow-x:auto;
	height:20px;
	font-size:12px;
}

table thead td {
	background-image:url('img/ZwarteBalk.png');
	background-size:cover;
	background-position:center;
	color:white;
	font-size:14px;
}
table tbody tr td:first-of-type {
	text-align:center;
	font-weight:bold;
}

.login-cont {
	width:auto;
	margin:0px auto;
	display:block;
	position:relative;
}
input[type="password"] {
	margin:0px auto;
	width:300px;
	font-size:20px;
	text-align:center;
	border:0;
	outline:0;
	height:50px;
	margin-bottom:20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}