/* CSS Tekstpagina contact-formulier */

.contactform {
position:relative;
width:100%;
height:auto;
text-align:right;
padding:0 0 1em 0;
margin:0em auto 2em auto;
clear:both;
}
.contactform h1 {
margin:0 2.5% 0.1em 0;
}
.contactform h3 {
font-size:1.4em;
margin-right:2.5%;
}
.contactform .veld {
width:100%;
height:auto;
clear:both;
}

.contactform .veld img {
width:15px;
height:auto;
border:none;
}

.contactform .required {
color:#fe2f7a;
font-size:1.2em;
font-weight:700;
}
.contactform .requiredborder {
border:1px solid #fe2f7a;
}

.contactform .veldtekst {
width:60%;
height:auto;
color:#000;
font-size:1.3em;
text-align:right;
white-space:nowrap;
padding:8px 1% 3px 0;
vertical-align:top;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) {
	.contactform .veldtekst {
	width:auto;
	text-align:left;
	float:none;
	}
}

.contactform .veldinput {
width:35%;
height:auto;
font-size:1em;
white-space:nowrap;
padding:3px 0 3px 0;
vertical-align:middle;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) {
	.contactform .veldinput { width:100%; }
}

.contactform input, textarea {
width:100%;
height:auto;
color:#000;
font-size:1.2em;
padding:5px 6px 5px 6px;
border:1px solid rgba(0,0,0,1);
border-radius:8px;
opacity:1;
}

.contactform .knop {
position:relative;
width:auto;
height:auto;
color:#000;
font-size:1.2em;
font-weight:normal;
letter-spacing:1px;
text-transform:uppercase;
padding:5px 14px 5px 16px;
background-color:#fff;
border:solid 1px #000;
border-radius:8px;
box-shadow:2px 2px 4px rgba(47,89,89,0.6);
opacity:1;
margin:0;
transition:all .5s ease 0s;
}
.contactform .knop:hover {
top:2px;
left:2px;
color:#fff;
background-color:#fe2f7a;
border:solid 1px #fe2f7a;
box-shadow:0 0 2px rgba(47,89,89,0.6);
cursor:pointer;
}