html, body{
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	background: #fff;
	color: #fff;
	font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
	font-size: 1em;
}

*, *:before, *:after{
	box-sizing: inherit;
}

h1{
	color: #c33;
	font-size: 1.75em;
	text-decoration: none;
	line-height: 2em;
}

/*h1::first-letter{
	color: #c33;
}*/

h2{
	color: #c33;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 2em;
}

h3{
	color: #000;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 2em;
}

h1:first-child, h2:first-child, h3:first-child{
	margin-top: 0;
}

p{
	line-height: 1.625em;
	font-weight: 300;
}

a{
	color: inherit;
	text-decoration: none;
}

table{
	border: none;
	border-collapse: collapse;
}

tr{
	border: none;
}

td{
	border: none;
	padding: 10px;
}

label{
	cursor: pointer;
}

@media(any-pointer){
	/* Een telefoonnummer willen we voorlopig nog geen kleur geven in een browser op de desktop. We doen dit niet zomaar met a[href^="tel:"], daar we zelf de keuze willen maken. */
	.phonenumberlink{
		color: inherit !important;
		text-decoration: none !important;
	}

/*	a[href^="tel:"]:before{
		content: "\260e";
		margin-right: 0.5em;
	}*/
}

.form_fieldset{
	margin: 0;
	border: 0;
	padding: 0;
}

.form_input_wrapper{/*input, textarea, button*/
	position: relative;
	height: 3em;
	width: 100%;

	margin: 20px 0;
	border: 1px solid #c33;
	padding: 0;
	outline: none;

	background: #fff;
	color: #333;

	text-align: center;
	font-family: 'Verdana', sans-serif;
	font-size: 1em;

	transition: height 0.2s;
}

/*.form_input_wrapper.valid{
	border: 1px solid green;
}*/

.form_input_wrapper.invalid{
	border: 1px solid #a94442;
}

fieldset:disabled .form_input_wrapper{
	border: 1px solid #acacac;
}

.form_input_label{
	position: absolute;

	margin: 0.1em;
	border: 0;
	padding: 0.1em 0.2em;

	color: #acacac;

	text-align: left;

	font-family: 'Verdana', sans-serif;

	transition: top 0.5s, left 0.5s, transform 0.5s, font-size 0.5s;
}

.empty .form_input_label{
	top: 50%;
	left: 50%;

	font-size: 1em;

	transform: translate(-50%, -50%);
}

.valid .form_input_label, .invalid .form_input_label{
	top: 0;
	left: 0;

	font-size: 0.75em;
}

.form_input_label sup{
	color: #a94442;
}

.form_input_container{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.valid .form_input_container, .invalid .form_input_container{
	top: 1.2em;
}

.valid textarea.form_input_container, .invalid textarea.form_input_container{
	padding: 0.2em;

	text-align: left;
}

.form_input{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	overflow-y: hidden; /* IE11 blijft scrollbar tonen */

	margin: 0;
	border: 0;
	padding: 0;
	outline: none;

	background-image: none;
	background-color: transparent;
	color: #333;

    box-shadow: none;

	font-family: inherit;
	text-align: center;

	resize: none;
}

.valid textarea.form_input, .invalid textarea.form_input{
	text-align: left;
}

.form_input:disabled{
	color: #acacac;
}

.form_input_error{
	position: absolute;
	top: 0;
	right: 0;

	margin: 0.1em;
	border: 0;
	border-radius: 0.3em;
	padding: 0.1em 0.2em;

	background: #a94442;
	color: #fff;

	font-size: 0.75em;
}

.empty .form_input_error, .valid .form_input_error{
	display: none;
}

.form_button{
	width: 100%;

	margin: 10px 0;
	border: 1px solid #c33;
	padding: 10px 20px;
	outline: none;

	background: #c33;
	color: #333;

	text-align: center;
	font-family: 'Verdana', sans-serif;
	font-size: 1em;
	font-weight: bold;

	cursor: pointer;
}

.form_button::-moz-focus-inner {
  border: 0;
}

/*.form_button:hover, .form_button:focus{
	border: 1px solid #c33;
	outline: none;

	background: #acacac;
	color: #333;
}*/

/*fieldset:disabled .form_button{
	border: 1px solid #c33;
	outline: none;

	background: #333;
	color: #fff;
}*/

.submitting .form_button{
	border: 1px solid #c33;
	outline: none;

	background: #333;
	color: #fff;

	cursor: progress;
}

.submitted .form_button{
	border: 1px solid #c33;
	outline: none;

	background: #66a012;
	color: #333;

	cursor: default;
}

.submitting #cnt-button-span-unsubmitted, .submitted #cnt-button-span-unsubmitted{
	display: none;
}

.unsubmitted #cnt-button-span-submitting, .submitted #cnt-button-span-submitting{
	display: none;
}

.unsubmitted #cnt-button-span-submitted, .submitting #cnt-button-span-submitted{
	display: none;
}

/* Browser CSS overrulen - end */