/* 
 wFORMS 2.0 Stylesheet - Minimalist Theme (December 2006)
 See http://www.formassembly.com/wForms
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cdric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
 ! aangevuld door Webmaken.nl dd 20070413 met form elementen van Designmeltdown.com
 /***********************************************
* Forms With Style -  Design Melt Down (www.designmeltdown.com)
* This notice MUST stay intact for legal use
* Visit Design Melt Down at http://www.designmeltdown.com/ 
***********************************************/
/*body#contact { text-align: center; margin: 0.5em 0 0 0; font-size: 10px; line-height: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: rgb(219,217,217) url(../images/achtergrond.gif); }*/
#contactFormArea { background-color: transparent; float: left; text-align: left; width: 95.5%; height: auto;  padding: 1em ;  margin: 0 0 0 0; }
#Form { width: 100%; position: relative; clear: both; text-align: left; }
#cForm { width: 100%; position: relative; text-align: left; clear: both; margin: -2em 0 0 0em; }
fieldset{ border-width: 1px; border-style:solid; border-color:rgb(191,191,191); font-size:12px; margin:0 0 0 0.5em; width:90%; display:block; position: relative; padding: 0.5em ; float: left; }
#Form legend, #cForm legend{	background-color: transparent; border-width:0px; color:rgb(191,191,191); font-size:110%; font-weight:600; padding:3px 5px; margin:0em 0px 2px 0em; }
#cForm label.preField, #cForm .label  { display: inline;	min-width: 13em;  padding: 0 2px; margin: 0.6em 4px 0 0; }
#Form .label, #cForm .label { display: block; width: auto; }
#Form label, #cForm label{ color:rgb(0,0,0); font-size:90%; border-width: 0px; display:block; float:left; width:10em; height:24px; text-align:left; margin:4px 0px 0px 0px; padding:10px 0px 0px 8px; clear:left; }
#cForm label.geen { color:rgb(0,0,0); font-size:90%; border-width: 0px; display:block; float:left; width:17em; height:1.6em; text-align:left; margin:0px 0px 0px 0.9em; padding:0 0px 0px 0px; clear:left; vertical-align: text-bottom; }
#cForm label.opmerking { color:rgb(0,0,0); font-size:90%; border-width: 0px; display:block; float:left; width:17em; height:1.6em; text-align:left; margin:0em 0px 0px 0.9em; padding:0 0px 0px 0px; clear:left; vertical-align: text-bottom; }
#cForm label.postField  { margin-left: 4px; margin-right: 4px; }
#Form input, #cForm input { background-color:#FFFFFF; width:200px; margin:0.9em 0 0 0; border-width: 1px; border-style: solid; 	border-color:rgb(191,191,191); color:#000; height: 1.9em; display:block; float:left; padding:1px 2px; }
#Form input:hover, #cForm input:hover, #Form textarea:hover, #cForm textarea:hover { background-color: rgb(243,255,255); }
#Form input:focus, #cForm input:focus, #Form textarea:focus, #cForm textarea:focus { background-color:rgb(243,255,255); background-image:url(../images/formpencil.gif); background-repeat:no-repeat; background-position:right; }
#cForm input.checkbox { background-color:#FFFFFF; width:15px; margin:0.4em 0 0 0; border-width: 1px; border-style: solid solid solid solid; border-color:rgb(247,243,243); color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; height: 1.0em; display:block; float:right; padding: 0em; }
#cForm input.checkbox1 { background-color:#FFFFFF; width:15px; margin:0em 0 0 0; border-width: 1px; border-style: solid solid solid solid; border-color:rgb(247,243,243); color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; height: 1.0em; display:block; float:right; padding: 0em; }
#Form input.hide { display: none; }
#Form input.bevestig { width:8em; margin:0em auto 0 auto; border-width: 1px; border-style: solid solid solid solid; border-color:rgb(191,191,191); color:#000; font-size:120%; height: 1.7em; display:block; padding:0; color: rgb(83,33,0); }
#cForm input.cerror { background-color:#FFFFFF; width:20em; margin:0.3em auto 0 auto; border-width: 1px; border-style: solid solid solid solid; border-color:rgb(255,138,0); color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; height: 1.9em; display:block; padding:0; }
#Form .captimg { position: relative; float: left; margin: 1.1em 1em 3.5em 0em; }
#Form input.bevestig2 { margin: 0 0 0 0; }
#Form input#sendcapt { width: 9em; margin:0em 0 0 0.5em;  border-width: 1px; border-style: solid solid solid solid; border-color:rgb(191,191,191); height: 1.9em; display:block; padding:0; background-image: none; color: rgb(83,33,0); }
#Form input#sendcapt:hover { width: 9em; margin:0em 0 0 0.5em;  border-width: 1px; border-style: solid solid solid solid; border-color:rgb(191,191,191); color: rgb(83,33,0); text-decoration: underline; height: 1.9em; display:block; padding:0;  background-image: none; background-color: transparent; }
select { padding: 0; margin: 2px 0 1px 0; }
#Form textarea, #cForm textarea { float: left; margin: 0.7em 1.6em 0 0; padding: 0; background-color:#FFFFFF; width:200px; border-width: 1px; border-style: solid solid solid solid; border-color:rgb(191,191,191); color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; display:block; }
#cForm #bericht, #cForm #refvraag, #cForm #infoopmerking, #cForm #offopmerking { padding: 0; float: left; margin: 0.5em 0 0.1em 0.7em; width: 98%; }
#cForm div#naam-E, #cForm div#email-E, #cForm div#telefoon-E { float: right; margin: 1.5em 0 0 0; }
#cForm .productenlijst { position: relative; float: left; width: 47.2%; height: 100%; margin: -0.5em 0 0 0; }
#cForm .serviceslijst { position: relative; float: right; width: 51.2%; height: 100%; margin: -0.5em 0 0 0; }
#cForm .onstate-bericht, #cForm .onstate-infoaanvraag, #cForm .onstate-offaanvraag, #cForm .onstate-refaanvraag { display: block; }
form .instructions { }
form .oneChoice { white-space: nowrap; }
form .reqMark { color: #F00; font-size: xx-small; vertical-align: super; }
#cForm .errFld { border: 1px solid rgb(255,65,28); }
#cForm .errMsg {	color: rgb(255,65,28); display: block; margin:0.9em 0 0 0; padding:1px 2px; display: inline; }
.field-hint { position: absolute; width: 180px; z-index: 50; background-image: url(/images/v2/hint_topborder.gif); 	background-repeat: no-repeat; background-position: left top; padding: 14px 0 0 0; margin: 2px 0 0 10px; color: #000; font-size: 80%; text-align: left; }
.field-hint div { background-color: #fffbb8; border-left: 1px solid #ffc20d; border-right: 1px solid #ffc20d; border-bottom: 1px solid #ffc20d; padding: 4px }
.field-hint-inactive { visibility: hidden; position: absolute; }
form .repeat { border: 1px solid #ddd; }
form .removeable { border: 1px solid #ddd; }
form .duplicateLink { text-align: right; display: block; }
form .removeLink { text-align: right; display: block; }
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d, .onstate-e,  .onstate-f,  .onstate-g,  .onstate-h,  .onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, .onstate-m,  .onstate-n,  .onstate-o,  .onstate-p,  .onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x, .onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab, .onstate-ac, .onstate-ad, .onstate-ae, .onstate-af, .onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj, .onstate-ak, .onstate-al, .onstate-am, .onstate-an { display: block; }
.actions { }
.primaryAction { }
.secondaryAction { color: rgb(197,197,197) }
#cForm #wfNav { margin: 0.3em 0 1em -0.5em; }
#contactFormArea #cForm #wfNav ul {margin: 0.3em 0 1em 0em; padding: 3px 3px 3px 3px; text-align: center; overflow: auto; width: 80%; /*border: 1px solid rgb(247,243,243);*/ font-size: 95%;}
#cForm #wfNav ul li { list-style: none; float: left; padding: 0.5em; margin: 0.5em 0 0 0.8em;  border: 1px solid rgb(247,243,243); }
#cForm #wfNav ul li:hover { border: 1px solid rgb(247,243,243); background: #fbfbf2; padding: 0.5em; margin: 0.5em 0 0 0.8em; cursor: default; }
#cForm #wfNav ul li a:hover { background: #fbfbf2; }
#cForm .wfPage { width: 99%; height: auto; margin: 0 auto; padding: 5px; position: relative; background-color: transparent; }
#cForm .wfPgButtons  { margin: 0em 0 0 0.8em; position: relative; width: 100%; height: 2.3em; border: 1px solid rgb(247,243,243); padding: 0.2em; clear: both; color: rgb(83,33,0); }
#cForm .wfPagePreviousButton { float: left; width: 13em; margin: 0.5em 0 0 -0.6em; color: rgb(83,33,0); }
#cForm .wfPageNextButton { float: right; width: 13em;  margin: 0.5em 4.0em 0 0; color: rgb(83,33,0); }
#cForm .wfPageButton:hover { background-color:#fbfbf2; }
#cForm .wfPgButtons input:hover, #verzenden input:hover { background-color:transparent; background-image: none; text-decoration: underline; cursor: default; }
#cForm .wfPgButtons input:focus, #verzenden input:focus { background: none; background-image: none; }
.oranje { color: rgb(255,138,0); }
#Form .hide, #cForm .hide { display: none; }
#cForm .disabled	{ border-color: transparent; background-color: transparent}
#cForm .disabled:hover { border-color: transparent; background-color: transparent; cursor: default; }
#cerror { color: rgb(255,138,0); float: left; margin: 0.5em 0 0 0; padding: 0; }
#contactFormArea .verzendresultaat { font-size: 100%; font-weight: normal; margin-left: 0.5em; }
#contactFormArea .verzendresultaat span.lettergroot { color: green; font-size: 140%; font-weight: bold; }
#contactFormArea .verzendresultaat span.rood { color: red; font-size: 140%; font-weight: bold; }
#cForm .averzendresultaat { font-size: 100%; margin: 2em auto 0 auto; text-align: center; }
#Form .melding2 { margin: -0.7em 0 0 0; }
#cForm .melding { margin: -1.0em 0 -0.5em -0.1em; }
#cForm .melding2 { margin: -0.1em 0 0 -0.1em; }
#cForm .melding3 { margin: -0.5em 0 -1em 0.0em; }
#cForm #verzenden { display: block; position: absolute; margin: -2.7em 0 0 60.8%; padding:1px 2px; width: 13em; }
#cForm .verzenden2 { display: block; margin: 0.4em 0 0 1.3em; height: 1.9em; font-size: 120%; width: 13em; padding:1px 2px; color: rgb(83,33,0); }