/* font: Myriad Pro;
groen: #95bd2d; lichtgroen: #f5f8ea; zwart: #000; rood: #de7571; */
.formBestel { font-family: 'Myriad Pro', Arial, sans-serif; font-weight: 300; background: #f2f2f2; font-size: 1.1em; margin: 0px; padding: 10px; overflow: hidden; max-width: 600px; }
.formAlert { color: red; font-weight: bold; }
#formAlertMsg { border: 1px solid #95bd2d; background-color: rgba(222, 117, 113, 0.21); padding: 3px; }

h1 { font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0; font-size: 2em; margin-bottom: 30px; color: #333333; }
h2 { font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0; font-size: 1.6em; margin-bottom: 30px; color: #333333; }
p, td, textarea, select,input[type="text"] { font-family: 'Hind', sans-serif; font-size: 15px; color: #333; line-height: 22px; }
a { color: #000; text-decoration: underline; max-width: 800px; }
a:hover { color: #000; text-decoration: none; }

input[type="text"] { border: 1px solid #5c5301; padding: 6px !important; width: 409px; margin-top: 2px; }
textarea { border: 1px solid #5c5301; padding: 4px; width: 409px; height: 126px; margin-top: 2px; }
input[type="text"]:focus, textarea:focus { border-color: #ccc; outline-color: #ffcf06; outline-style: solid; outline-width: 2px; }
input[type=submit] { color: #5c5301; padding: 5px 15px; border: 1px solid #5c5301; background: #fff; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
input[type=submit]:hover { color: #fff; padding: 5px 15px; background: #5c5301; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
select { padding: 6px; }
#Straatnaam { width: 330px; }
#Huisnummer { width: 65px; }
#Postcode { width: 70px; }
#Geboortedatum { width: 120px; }
.pList { margin-bottom: 20px; float: left; }
.pRow { display: inline-block; float: left; padding: 8px; width: 460px; }
.pRowLeft { display: inline-block; float: left; width: 80%; }
.pRowRight { display: inline-block; float: right; width: 20%; }
input.pValue { width: 30px; text-align: center; }

.formVerzonden { display:none}

@media screen and (max-width: 600px) {
	table.FormTable { width: 300px !important; }
	table.FormTable input[type="text"] { width: 200px; }
	table.FormTable textarea { width: 200px; }
	#Straatnaam { width: 230px; }

	input[type="text"] { width: 300px; }
	textarea { width: 300px; }
}

form input[type="checkbox"] {opacity:0;width:1px;height:1px}
form input[type="checkbox"] + label {font-size:1.1em;margin:0px!important}
form input[type="checkbox"] + label span {display:inline-block;width:1.1em;height:1.1em;margin:5px 5px 5px 0;vertical-align:middle;cursor:pointer;background-color:#fff;border: solid 1px #003768;margin-right:10px;cursor:pointer;/* -moz-border-radius:  50%; border-radius:  50%;*/}
form input[type="checkbox"]:checked + label span{background-color:#95bd2d;}
form input[type="checkbox"] + label span,form input[type="checkbox"]:checked + label span {-webkit-transition:background-color 0.4s linear;-o-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear;transition:background-color 0.4s linear;}
form input[type="radio"] {opacity:0;width:1px;height:1px}
form input[type="radio"] + label {margin:0 20px 0 0!important;}
form input[type="radio"] + label span {display:inline-block;width:1.1em;height:1.1em;margin:5px 5px 10px 0;vertical-align:middle;cursor:pointer;background-color:#fff;border: solid 1px #003768;cursor:pointer;-moz-border-radius:  50%; border-radius:  50%;}
form input[type="radio"]:checked + label span{background-color:#95bd2d;}
form input[type="radio"] + label span,
form input[type="radio"]:checked + label span {-webkit-transition:background-color 0.4s linear;-o-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear;transition:background-color 0.4s linear;}