@charset "UTF-8";
/* CSS Document */

.form.message span.message {display: table; padding: 10px; margin: 10px 0; color: #ffffff; background: #f9b233; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form.contactformulier {overflow: hidden; width: 530px; margin: 20px 0 0 0; }
form.contactformulier label {float: left; width: 160px; height: 30px; line-height: 26px; color: #000000; font-weight: bold; font-size: 13px;}
form.contactformulier label.code {width: 320px;}
form.contactformulier label.checkbox {width: auto;}
form.contactformulier label#verplicht-veld {font-style: italic;}

form.contactformulier select {float: left; width: 362px; height: 30px; padding: 5px; background: transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #e2e2e2; -moz-box-shadow: inset 0px 0px 5px 5px #fbfbfb;- webkit-box-shadow: inset 0px 0px 5px 5px#fbfbfb; box-shadow: inset 0px 0px 5px 5px #fbfbfb;}

form.contactformulier select option {border: none; padding: 5px; }


form.contactformulier input[type="text"] {float: left;  height: 20px; margin: 0 0 5px 0; border: 0px;}
form.contactformulier textarea {float: left; resize: none; width: 350px; margin: 0 0 5px 0; border: 0px;} 

form.contactformulier input[type="text"], form.contactformulier input[type="email"], form.contactformulier textarea {outline: none; width: 350px; padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #e2e2e2; -moz-box-shadow: inset 0px 0px 5px 5px #fbfbfb;- webkit-box-shadow: inset 0px 0px 5px 5px#fbfbfb; box-shadow: inset 0px 0px 5px 5px #fbfbfb;}
form.contactformulier input#code {width: 190px; }
form.contactformulier input.checkbox {height: 20px; margin: 3px 15px 0 145px; line-height: 30px; }

form.contactformulier label, form.contactformulier input {float: left;  margin: 0 0 20px 0; }
form.contactformulier textarea {float: left; height: 140px; margin: 0 0 30px 0; resize:none;}
	
form.contactformulier span.required{color: red; }


form.contactformulier select.dag {width: 70px;}
form.contactformulier select.maand {width: 80px; margin: 0 0 0 10px;}
form.contactformulier select.jaar {width: 80px; margin: 0 0 0 10px;}

form.contactformulier input[type="checkbox"].onbekend {float: left; width: 10px; margin: 8px 0 0 10px; padding: 0;}

form.contactformulier input[type="checkbox"]#nieuwsbrief {margin: 8px 0 0 0;}

form.contactformulier span.onbekend {float: left; margin: 4px 0 0 5px; padding: 0; }

form.contactformulier input[name="productiecode"] {width: 238px; }
form.contactformulier input#straat {width: 263px; }
form.contactformulier input#huisnummer {width: 70px; margin: 0 0 0 5px;}
form.contactformulier input#postcode {width: 70px; }
form.contactformulier input#woonplaats {width: 263px; margin: 0 0 0 5px;}

form.contactformulier input[type="submit"] {float: left; width: 100px; height: 35px; margin: 0; color: #ffffff; font-weight: bold; background: #faae25; border: 1px solid #faae25; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; outline: none;}
form.contactformulier input[type="submit"]:hover {color: #000000; background: #ffffff; border: solid 1px #cecece;}

/*Tooltip*/
form.contactformulier a.info { position:relative; /*this is the key*/ z-index:24; padding:3px 8px; color:#777777;  font-weight: 500; text-decoration:none; background-color:#ededed;-moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; border:1px solid #dcdcdc;}
form.contactformulier a.info:hover {z-index:25; background-color:#dfdfdf;}
form.contactformulier a.info:active {position:relative;}

form.contactformulier a.info span{display: none;}
form.contactformulier a.info:hover span{display:block; position:absolute; z-index:100; top:0px; top: -100px; left:30px; min-width: 200px; padding: 5px; font-family: 'Lato', sans-serif; font-style: italic; font-size: 1.0em; color: #000000; background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #e2e2e2;}


.countdown {font-size: 11px;}

/*Iframe*/
iframe.contactformulier {border: none; width: 1px; height: 1px; /*visibility: hidden*/}