body {
	background: #ddd;
	
}

	
/* Aanmeldscherm*/
#login {
	float		:left;
	margin		:7% 35% 0% 35%;
	border: 1px steelblue solid;
	border-radius: 6px;
	font-family: "Trebuchet MS";
	text-align	: center;
	color	:#333;
	background : steelblue;
	width		:30%;
	text-align: center;
	}
#logingegevens{
	font-size	:1.5vw;
	font-family	:"Trebuchet MS";
	font-weight :bold;
	float		:right;
	color	:	white;
	width	:	100%;
	border-style : none;
	/*margin		:10% 10% 10% 25%;*/
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: auto; 
	margin-left: auto;
	text-align: center;
}
input[type="text"] input[type="password"] {
	padding-top	:.5em;
	width		:120%;
	font-family	:"Trebuchet MS";
	}
#data {
	padding:1%;
	font-size	: 1vw;/*80%;*/
	font-family	:"Trebuchet MS";
	font-weight: normal;
	margin-left: auto; 
	margin-right: auto;
	/*margin:		1% 0% 1% 25%;*/
	color	:#333;
	text-align: center;
	border-style : none;
	width: 60%;
	}
#datatitle {
	font-size	:120%;
	font-family	:"Trebuchet MS";
	font-weight :bold;
	/*margin		:1% 0% 1% 25%;*/
	color		:white;
	text-align: center;
	}
#knop {
	padding: 1%;
	padding-left:2%;
	padding-right:2%;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 5%;
	/*margin: 5% 0% 0% 25%;*/
	font-size	:1vw;
	font-family	:"Trebuchet MS";
	color	: white;
	text-align: center;
	background : #12538A;
	border-radius: 6px;
	
}

@media screen and (max-width:500px){
	#login{
		width:80%;
		margin-top: 15vh;
		margin-right: 10%;
		margin-left: 10%;
	}
	#logingegevens{
		font-size:100%;
	}
	#data{
		width:90%;
		font-size:100%;
	}
	#knop{
		font-size:100%;
	}

}