body, html{
	width: 100%;
	background-repeat: repeat-y;
	background-repeat: repeat-x;
	background: url(../image/back3.png);
	overflow-x: hidden;
	overflow-y: auto;
	font-family: arial,sans-serif;
	margin: 0 auto;
}

table
{
	margin-top: 12%;
	border:solid #c1bdbd 1px;
	border-radius: 4px;
	padding:25px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	width: 400px;
	border:0;
	background: white;
}

table tr,td
{
	padding:15px;
	border:solid #c1bdbd 1px;
	border-radius: 4px;
}

table tr td input
{
	width:83%;
	height:45px;
	border:solid #e1e1e1 1px;
	border-radius:4px;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	background:#f9f9f9;
	transition-duration:0.5s;
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4);
	float: right;
}

table tr td button
{
	width:100%;
	height:45px;
	border:0px;
	background:rgba(12,45,78,11);
	background:-moz-linear-gradient(top, #595959 , #515151);
	border-radius:4px;
	box-shadow: 1px 1px 1px rgba(1,0,0,0.2);
	color:#f9f9f9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-transform:uppercase;
}

table tr td button:active
{
	position:relative;
	top:1px;
}

table tr td a
{
	text-decoration:none;
	color:#00a2d1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}

img{
	width: 32px;
	position: absolute;
	margin-top: 7px;
	float: left;
	padding-right: 7px ;
}

.centerpos{
	text-align: center;
}

#login-formulier{
	margin-top:70px;
}

@media screen and (max-width: 480px) {

img{
	display: none;
}

table{
	margin-right: auto;
	margin-top: 1%;
	border:solid #c1bdbd 1px;
	padding:25px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	text-align: center;
	width: 97%;
	border:0;
}

table tr td input{
	width:100%;
	text-align: center;
	padding-left: 1px;
	}
	
table tr td input{
	width:100%;
}
	
body{
	padding-top: 0%;
}

}