.klein{
width: 100px;
}
.login{
margin: 0px auto 0px auto;
border: 1px darkblue;
border-radius: 0px;
padding: 20px;
color: #404040;
border-style:inset;
text-align: center;
width: 700px;
text-align: left;
float: center;
background-color: #E4F1FF;
background-color: rgba(228, 241, 255, .7);
font-weight: normal;
//font-family: 'HandelGotD-Ligh';
font-family: sans-serif;

	}
.opvangduiven{
margin: 0px auto 0px auto;
border: 1px darkblue;
border-radius: 0px;
padding: 20px;
color: #404040;
border-style:inset;
text-align: center;
width: 1000px;
text-align: left;
float: center;
background-color: #E4F1FF;
background-color: rgba(228, 241, 255, .7);
font-weight: normal;
//font-family: 'HandelGotD-Ligh';
font-family: sans-serif;

	}
.groot1{
width: 800px;
text-align: left;
float: center;
margin: 0px auto 0px auto;
    border: 1px darkblue;
	border-radius: 0px;
	width: 265px;
    padding: 20px;
	color: darkblue;
	border-style:inset;
	text-align: center;
}
.hokinfo{
width: 800px;
text-align: left;
float: center;
margin: 0px auto 0px auto;
    border: 1px darkblue;
	border-radius: 0px;
    padding: 20px;
	color: darkblue;
	border-style:inset;
	text-align: left;
}
.hokfont{
text-align: left;
margin: 0px auto 0px auto;
    padding: 20px;
	color: darkblue;
	text-align: left;
}
.knop{
	border-radius: 10px;
    width: 300px;
	color: darkblue;
	border: 2px #7F0037;
	border-style:inset;
    padding: 5px;
	background: lightgrey;
}
.knop2{
	border-radius: 10px;
    width: 150px;
	color: darkblue;
	border-style:inset;
}
.knop3{
	border-radius: 10px;
    width: 20px;
	color: darkblue;
	border-style:inset;
}
.knop:hover {
border-style: outset;
}

div {

}

input{
	border: 1px #7F0037;
	border-style:inset;
}