body {
		margin: 0;
		padding: 0;
		-webkit-animation: 2s unblur;
		animation: 1s unblur
	}
	#btn {
		color: #fff;
		background: #DAF800;
		padding: 5px;
		height: 70px;
		align-content: center;
		width: 100%;
		font-size: 30px;
	}
	#user {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		width: 100%;
		align-content: center;
	}
	#pass {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		width: 100%;
	}
	.formlogin {
		background: #ffffff;
	  	max-width: 400px;
	  	margin-left: auto;
	  	margin-right: auto;
	  	margin-top: auto;
	  	margin-bottom: auto;
	  	padding: 20px;
	  	border-radius: 25px;
	  	text-align: center;
		-webkit-animation: 1s unblur;
		animation: 2s unblur
	}
	h1 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}
	p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		text-decoration: none;
	}
	.page-bg {
		background: url(/img/background.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100vh;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.form {
	  background: rgba(255,120,0,.5);
	  max-width: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: auto;
	  margin-bottom: auto;
	  padding: 20px;
	  border-radius: 25px;
	  text-align: center;
		-webkit-animation: 1s unblur;
		animation: 2s unblur
	}
	.form input {
	  outline: 0;
	  background: #f2f2f2;
	  width: 100%;
	  height: 50px;
	  border: 0;
	  margin: 0 0 15px;
	  padding: 15px;
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	  border-bottom-right-radius: 3px;
	  box-sizing: border-box;
	  font-size: 14px;
	}
	.form button {
	  outline: 0;
	  background: #003755;
	  width: 100%;
	  border: 0;
	  padding: 15px;
	  border-radius: 10px;
	  color: #FFFFFF;
	  font-size: 14px;
	  -webkit-transition: all 0.3 ease;
	  transition: all 0.3 ease;
	  cursor: pointer;
	}
	.form h1, h5 {
		color: #FFFFFF;
	}
	.form .message a {
		color: #ffffff;
		text-decoration: none;
	}
	.body{
		-webkit-animation: 2s unblur;
		animation: 2s unblur
	}
	.h5 a{
		color: #FFFFFF;
	}
	#logo{
    		position: absolute;
		top: 25px;
		left: 75px;
	}
	.container{
		-webkit-animation: 2s unblur;
		animation: 2s unblur
	}
	@-webkit-keyframes unblur {  /*Animatie*/
		0%, 50% {
			opacity: 0;
			-moz-filter: blur(30px);
			-ms-filter: blur(30px);
			-o-filter: blur(30px);
			-webkit-filter: blur(30px);
			filter: blur(30px)
		}
		100% {
			opacity: 1;
			-moz-filter: blur(0);
			-ms-filter: blur(0);
			-o-filter: blur(0);
			-webkit-filter: blur(0);
			filter: blur(0)
		}
	}
	@keyframes unblur {
		0%, 50% {
			opacity: 0;
			-moz-filter: blur(30px);
			-ms-filter: blur(30px);
			-o-filter: blur(30px);
			-webkit-filter: blur(30px);
			filter: blur(30px)
		}
		100% {
			opacity: 1;
			-moz-filter: blur(0);
			-ms-filter: blur(0);
			-o-filter: blur(0);
			-webkit-filter: blur(0);
			filter: blur(0)
		}
	}


.frontpagefoutmelding {
	background-color: #f52c2c;
	color:#ffffff;
}

.frontpagetekst {
	color:#ffffff;
}

}

.frontpagetekstlink a {
    color:#ffaaaa;
}

.qrcode {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 5px;
	width: auto;
}