div.reactieformulier {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	font-size:				10pt;
}


form.wizard {
	margin-left:			20px;
}

label {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	font-size:				10pt;
	margin-bottom:			5px;
	color:					#317dd3;
}

input, select, textarea {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	width:					400px;
}

input[type=text], input[type=email] {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	border: 				1px solid #317dd3;
	height:					30px;	
	font-size:				12px;	
	text-indent:			10px;
	background-image: 		linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	margin-bottom:			10px;
	margin-left:			1px;
	padding:				0px;
}

input.filedialog{
	width:					400px;
	text-indent:			0px;
	padding-left:			10px;
	padding-top:			3px;
}

input[type=checkbox] {
	width: 50px;
	height: 20px;
	vertical-align: middle;
}


select {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	border: 				1px solid #317dd3;
	height:					30px;	
	font-size:				12px;	
	/*text-indent:			10px;*/
	background-image: 		linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	margin-bottom:			10px;
}

textarea {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	border: 				1px solid #317dd3;
	height:					130px;	
	font-size:				12px;	
	padding-left:			10px;
	background-image: 		linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
	margin-bottom:			10px;
	margin-left:			1px;
}

input[type=text]:valid {
	background: 			linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1)), 
							url('images/vink.png') no-repeat 95% center;
}

button.submit {
	font-family:			'Open Sans', Verdana, Helvetica, sans-serif;
	text-decoration:		none;
	padding:				5px 10px 5px 10px;
	/*height:					30px;*/	
	border: 				1px solid #317dd3;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#409aff), to(#007cb0));
	background-image: 		-webkit-linear-gradient(top, #409aff, #007cb0);
	background-image: 		-moz-linear-gradient(top, #409aff, #007cb0);
	background-image: 		-ms-linear-gradient(top, #409aff, #007cb0);
	background-image: 		-o-linear-gradient(top, #409aff, #007cb0);
	background-image: 		linear-gradient(to bottom, #409aff, #007cb0);
	color:					#fff;
	font-size:				10pt;	
	margin-top:				10px;
}

button.submit:hover {
	background-color:		#409aff;
	background-image:		none;
}

/*input:invalid {
	border: 				1px solid #c83737;
}*/

*:focus {outline: none;}


div.detailinfo {
	background-color: #efefef;
	padding-bottom: 5px;
	margin-bottom: 15px;
	display: none;
	text-indent: 10px;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:5px;
}

label.lblsolid {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}

div.layouts {
	width: 400px;
	display: inline-block;
}

span.weblayout {
	padding: 5px;
	text-align: center;
	width: 110px;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #efefef;
	border: 1px solid #efefef;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:5px;
}

span.weblayoutchecked {
	padding: 5px;
	text-align: center;
	width: 110px;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #efefef;
	border: 1px solid #76a8e2;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:5px;
}

span.weblayout:hover {
	border: 1px solid #76a8e2;
}

input[type=radio].hidden {
	display: none;
}

@media only screen
and (max-width : 720px)
and (min-width : 500px){
	div.reactieformulier {
		margin: 5px;
	}
	label.nomobile {
		display: none;
	}
}

@media only screen
and (max-width : 499px) {
	input, select, textarea {
		width: 300px;
	}
	input.filedialog{
		width: 300px;
	}
	label.nomobile {
		display: none;
	}
	div.layouts {
		width: 300px;
	}
}