/* forms.css */
/* formwrapper and container styles*/
div.formwrapper form {width:100%;font-size:100%;}	
div.formwrapper {
	font-size:70%;
	margin-top:10px;
	margin-bottom:3px;
	background-color:#f1f8fe;
	width:558px;
	float:left;
	padding-bottom:5px;
	/*padding-left:7px;*/
	}
div#formSendMail{font-size:110%;}
#content div.formcolumn div#listheader{	font-size:100%;	}
div.formwrapper#formcolumn {
	font-size:small;
	margin-top:10px;
	margin-bottom:3px;
	background-color:#f1f8fe;
	width:755px;
	float:left;
	padding-bottom:5px;
	}
#content #formcolumn.col2_3 {
	float:left;
	width:755px;
	}
#content .col2_3 .innerwrapper{padding-left:0px;}
#content div.formwrapper .innerwrapper {
	padding-top:15px;		
	padding-bottom:0px;
	/*padding-left:5px;*/
	}
#content .formcolumn > .innerwrapper { /* direct child selector is necessary for FF (all versions) */
	padding-top:10px;
	padding-left:0px;
	color:#0c2074;
	float:left;		
	}	
/* label and text styles */
#content div.formwrapper label {
	display:block;
	float:left;
	width:20em;
	font-size:95%;
	font-weight:bold;
	padding-top:0.3em;
	color:#333132;
	}
#content div.formwrapper label.inline {
	display:inline;
	font-weight:normal;
	width:auto;
	margin-right:6px;
	padding-top:4px;
	}
#content div.formwrapper span#inputinfo {
	display:block;	
	padding-top:0.3em;
	font-size:95%;
	color:#333132;
	font-style:italic;
	float:left;
	display:none;
	}
#content div.formwrapper div.helpicon {
	margin-top:0.4em;
	display:block;	
	text-align:center;
	float:left;
	font-size:small;
	}
#content div.formwrapper div.helpicon a {
	display:block;
	float:left;
	cursor:pointer;		
	}
#content div.formwrapper div.helpicon span.innerwrapper {
	color:white;
	display:block;
	font-size:85%;
	width:1em;
	height:1em;		
	background-color:#0c2074;
	line-height:1em;
	padding:0px;
	}
#content div.formwrapper div.helpicon span.innerwrapper span {
	display:block;
	padding-left:0.3em;
	}
#content div.formwrapper input,
#content div.formwrapper select,
#content div.formwrapper textarea {
	float:left;
	font-size:100%;
	}
#content div.formwrapper textarea {
        width:163px;
	display:block;	
	border:1px solid #BDCAE2;
	margin-bottom:10px;	
	height:6em;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	margin-right:6px;
	overflow:auto;	
	}
#content div.formwrapper select {
	background-color:#F8FCFF;
	height:1.8em;	
	margin-bottom:10px;
	}
#content div.formwrapper input.textfield {
	display:block;	
	border:1px solid #BDCAE2;
	margin-bottom:10px;	
	height:1.5em;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	margin-right:6px;
	}
#content div.formwrapper input.radio {margin-bottom:10px;}	
#content div.formwrapper input.x-small {width:15px;}
#content div.formwrapper input.small	{width:28px;}
#content div.formwrapper input.medium {width:86px;}
#content div.formwrapper input.large {width:163px;}
#content div.formwrapper select.x-small {width:22px;}
#content div.formwrapper select.small	{width:35px;}
#content div.formwrapper select.medium {width:93px;}
#content div.formwrapper select.large {width:170px;}	
#content div.formwrapper div.radiobuttons {
	height:1.5em;
	float:left;
	margin-bottom:10px;
	}
#content div.formwrapper input.upload{
	display:block;	
	border:1px solid #BDCAE2;
	margin-bottom:5px;	
	height:1.7em;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	margin-right:6px;
	}
#content div.formwrapper div.buttonbar {
	margin-left:100px;
	/*margin-right:40%;*/
	float:left;
	font-size:85%;
	width:250px;
	}
#content div.formwrapper div.buttonbar div.innerwrapper {
	width:100px;
	padding:0px;
	float:left;		
	}		
#content .col2_3{width:560px;}
#content .col1 {width:99%;font-size:80%;margin-top:10px;padding:3px;border-width:1px;border-style:solid;border-color:#CED2E3;}
#content .col1 table td {line-height:1.2em;}
#content .col2_3 .formwrapper .innerwrapper{width:550px;}
div.formwrapperDescription
	{
	padding-left:2px;
	width:560px;
	}
table#webform
	{
	width:100%;
	border-collapse: separate;
	border-style:solid;
	border-width:0px;
	}
table#webform tr#intro2{padding:5px;}
table#webform tr.xtraRowColor{background-color:#b6cefb;}
table#webform td.dataText
	{
	padding:5px 5px 10px 2px;
	margin:5px;
	}
table#webform td.dataInput
	{
	padding:5px 5px 10px 3px;
	margin:5px;
	}
/* VOOR DTEL EXTRA VISITEKAART*/
	table#webform2
	{
	width:100%;
	border-collapse: separate;
	border-style:solid;
	border-width:0px;
	}
table#webform2 tr#intro2{padding:5px;}
table#webform2 tr.xtraRowColor{background-color:#b6cefb;}
table#webform2 td.dataText
	{
	padding:5px 5px 10px 2px;
	margin:5px;
	}
table#webform2 td.dataInput
	{
	padding:5px 5px 10px 3px;
	margin:5px;
	}
/* */
	table.webform
	{
	width:100%;
	border-collapse: separate;
	border-style:solid;
	border-width:0px;
	}
table.webform tr#intro2{padding:5px;}
table.webform tr.xtraRowColor{background-color:#b6cefb;}
table.webform2 td.dataText
	{
	padding:5px 5px 10px 2px;
	margin:5px;
	}
table.webform td.dataInput
	{
	padding:5px 5px 10px 3px;
	margin:5px;
	}
div#formSendMail .formwrapper p a {font-weight:bold;padding-left:11px;background: url(../../images/icons/smallarrowblue.png) no-repeat scroll left 2px;}
body.print div#formSendMail .formwrapper p a {display:none;}
body.print {
	background:none;
	font-size:16px;
	}
body.print #content div.formwrapper textarea{
	font-size:100%
	}
body.print #content div.formwrapper label{
	font-size:100%
	}
body.print #content div.formwrapper select.large{
	font-size:100%
	}
body.print #content div.formwrapper input.textfield{
	font-size:100%
	}		
body.print #wrapper #content {height:auto;}
body.print #wrapper tr#xtraRowColor {display:none;}
#textcontent #bodytext table tbody td {font-size:85%;}