/* --- FORM.CSS - CFI --- */

/* --- formulieren content --- */

form {
	margin: 0;
	padding: 0;
}
	
	.content fieldset {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 29px 0 0;
		/*padding: 0;*/
		/*overflow: hidden;*/
		background: url(../images/bg_form.gif) transparent no-repeat 0 3.9em;
		border-width: 0 0 1px;
		border-style: none none solid;
		border-color: #b4b4b4;
	}
	
	html>body .content fieldset {
		/*padding: 7px 0 0;*/
		padding: 14px 0 0;
	}
	
	*:first-child+html .content fieldset {
		padding: 29px 0 0;
		/*padding: 0;*/
	}
	
	.content fieldset.eerste {
		position: relative;
		padding: 0;
		border-bottom-style: none;
	}
	
	html>body .content fieldset.eerste {
		padding: 0;
		border-bottom-style: solid;
	}
	
	*:first-child+html .content fieldset.eerste {
		border-bottom-style: none;
	}
	
	.zoekForm fieldset {
		background-image: url(../images/bg_zoekform.gif);
	}
	
	.zoekForm fieldset.eerste {
		padding: 20px 0 0;
		border-bottom-style: solid;
	}
	
	html>body .zoekForm fieldset.eerste {
		padding: 26px 0 0;
	}
	
	*:first-child+html .zoekForm fieldset.eerste {
		padding: 20px 0 0;
		border-bottom-style: solid;
	}
	
	.content fieldset.signature {
		padding: 0;
	}
	
	html>body .content fieldset.signature,
	*:first-child+html .content fieldset.signature {
		padding: 0;
	}
	
		.content legend {
			font-size: 1.65em;
			font-weight: normal;
			line-height: 1.25em;
			color: #000000;
			text-indent: 0;
			width: 640px;
			margin: 6px -8px 12px -8px;
			padding: 0;
			overflow: hidden;
		}
		
		html>body .content legend {
			margin: 6px 0 1px;
			padding-top: 7px;
		}
		
		*:first-child+html .content legend {
			margin: 0 0 11px -8px;
		}
		
		.content fieldset.eerste legend {
			width: 500px;
			padding-right: 140px;
		}
	
		legend.offScreen {
			width: 0;
			height: 0;
			margin: 0;
			padding: 0;
			overflow: hidden;
			line-height: 0px;
			text-indent: -1000em;
		}

		.verplicht {
			position: absolute;
			top: 26px;
			right: 5px;
			color: #801f10;
		}
		
		dt .verplicht {
			position: static;
		}
		
		html>body .verplicht {
			top: -22px;
		}
		
		*:first-child+html .verplicht {
			top: 26px;
		}
		
			.verplicht span {
				color: #000000;
			}

/*			
		.inAlert {
			display: none;
		}
*/		

		form dl {
			width: 640px;
			overflow: visible;
		}
		
			form dt {
				display: block;
				float: left;
				clear: left;
				color: #000000;
				width: 218px;
				margin: 0 -3px 0 0;
				padding: 5px 5px 7px 0;
				border-top: 1px solid #b4b4b4;
			}
			
			html>body form dt {
				margin: 0;
			}
			
			form.zoekForm dt {
				width: 128px;
			}
		
			form dd {
				display: block;
				width: 407px;
				padding: 2px 5px 4px;
				margin: 0;
				background-color: #f4f4f4;
				border-top: 1px solid #b4b4b4;
			}
			
			html>body form dd {
				float: left;
				padding: 3px 5px 5px;
			}
			
			*:first-child+html form dd {
				float: none;
				padding: 2px 5px 4px;
			}
			
			form.zoekForm dd {
				width: 497px;
			}
			
			form dd.jsInfo {
				padding: 2px 5px 2px;
			}
			
			html>body form dd.jsInfo {
				padding: 3px 5px 4px;
			}
			
			*:first-child+html form dd.jsInfo {
				padding: 2px 5px 2px;
			}
			
				dd input, dd select {
					color: #545454;
					width: 281px;
					margin: 1px 2px 0 0;
					padding: 0 0 2px 4px;
					border-width: 1px;
					border-style: solid;
					border-color: #777777 #eaeaea #eaeaea #777777;
				}
				
				.zoekForm dd input, .zoekForm dd select {
					width: 333px;
					margin: 1px 14px 0 0;
				}
				
				dd input.shortest, dd select.shortest {
					width: 66px;
					margin: 1px 7px 0 0;
				}
				
				dd input.halfLeft, dd input.halfRight,
				dd select.halfLeft, dd select.halfRight {
					width: 134px;
					margin: 1px 7px 0 0;
				}
				
				dd input.halfRight,
				dd select.halfRight {
					width: 134px;
					margin: 1px 2px 0 0;
				}
				
				.signature dd input.halfLeft, .signature dd input.halfRight,
				.signature dd select.halfLeft, .signature dd select.halfRight {
					width: 190px;
					margin: 1px 0 0;
				}
				
				.signature dd input.halfLeft,
				.signature dd select.halfLeft {
					margin: 1px 7px 0 0;
				}
				
				dd input.short, dd select.short {
					width: 202px;
				}
				
				dd textarea {
					display: block;
					float: left;
					color: #545454;
					width: 394px;
					height: 235px;
					margin: 1px 2px 0 0;
					padding: 1px 0 1px 4px;
					border-width: 1px;
					border-style: solid;
					border-color: #777777 #eaeaea #eaeaea #777777;
					overflow: auto;
				}
				
				html>body dd textarea {
					font-size: 0.9em;
				}
				
				.signature dd textarea.halfLeft, .signature dd textarea.halfRight {
					width: 190px;
					height: 50px;
					margin: 1px 7px 0 0;
					overflow: hidden;
				}
				
				.signature dd textarea.halfRight {
					margin: 1px 0 0;
				}
			
				.info .info {
					clear: both;
					margin: 3px 0 0;
				}
				
					.info .info img {
						display: none;
					}
			
					.infoText {
						color: #801f10;
						margin: 10px 0;
						padding: 3px 5px 6px;
						background-color: #fff4ba;
						border: 1px solid #f5dc9d;
					}
			
					.info .info .infoText {
						margin: 0;
						padding: 3px 5px 6px 30px;
						background: url(../images/ico_info.gif) #fff4ba no-repeat 5px 4px;
					}
					
				.jsInfo .info {
					position: relative;
					display: inline;
					overflow: visible;
					cursor: pointer;
				}
				
					.jsInfo .info img {
						display: inline;
						margin: -1px 0 3px;
						vertical-align: middle;
					}
					
					html>body .jsInfo .info img {
						margin: 0 0 1px;
					}
					
					*:first-child+html .jsInfo .info img {
						margin: -1px 0 3px;
					}
				
					.jsInfo .info .infoText {
						display: none;
						position: absolute;
						left: -105px;
						bottom: 0;
						font-size: 0.85em;
						line-height: 1.25em;
						color: #801f10;
						width: 230px;
						overflow: hidden;
						padding: 6px 10px 10px;
						background-color: #fff4ba;
						border: 1px solid #f5dc9d;
					}
					
					.jsInfo .jsToggleOn .infoText {
						display: block;
					}
					
	.knoppen {
		width: 100%;
		padding: 14px 0 1px;
		overflow: hidden;
	}

		.button, .buttonInvulhulp {
			margin: 0;
			background: url(../images/bg_button.gif) transparent repeat-x left bottom;
			border-bottom: 1px solid #e6c061;
		}

			.button .buttonInvulhulp {
			line-height:1.9em;	
			}		
			html>body .button .buttonInvulhulp {
			line-height:1.7em;	
			}
			.button input, .button .buttonInvulhulp {
				font-weight: bold;
				color: #801f10;
				width: 9.0em;
				padding: 1px 10px 3px;
				overflow: hidden;
				background: url(../images/dot_rood.gif) transparent no-repeat 7px 45%;
				border-style: none;
				cursor: pointer;
			}
			
			html>body .button input {
				padding: 1px 21px 3px;
			}
		
			*:first-child+html .button input {
				padding: 1px 10px 3px;
			}

			.button .buttonInvulhulp {
				padding: 1px 21px 3px;
				}
			a.buttonInvulhulp:link, a.buttonInvulhulp:active, a.buttonInvulhulp:visited, a.buttonInvulhulp:hover {
			text-decoration:none;
			color: #801f10;
			}
			

/* --- formulieren intro --- */

#intro form {
	margin: 18px 15px -6px 5px;
	padding: 0;
	border-width: 1px;
	border-style: solid none solid;
	border-top-color: #3f3f3f;
}

	#intro fieldset {
		margin: 0;
		padding: 3px 0 5px;
		background-image: none;
		border-style: none;
	}
	
		#intro label {
			display: block;
			float: left;
			font-size: 0.9em;
			font-weight: bold;
			color: #eed38e;
			margin: 0 25px 0 0;
			padding: 0;
		}
		
		html>body #intro label {
			padding: 2px 0;
		}
		
		*:first-child+html #intro label {
			padding: 0;
		}
	
		#intro label.vraag {
			color: #ffffff;
			line-height: 1.25em;
			width: 320px;
			margin: 0;
			padding: 3px 0;
		}
		
		html>body #intro label.vraag {
			padding: 3px 0;
		}
		
			#intro input {
				font-weight: bold;
				color: #ffffff;
				margin: 0 0 0 2px;
				padding: 0 0 1px;
				vertical-align: middle;
				background-color: transparent;
				border-style: none;
			}
			
			html>body #intro input {
				padding: 1px 0 0;
			}
			
			*:first-child+html #intro input {
				padding: 0 0 2px;
			}

			#intro input.button {
				background-image: none;
				border-style: none;
				cursor: pointer;
			}
			

/* --- formulieren - bijlagen/posten --- */

#bijlagen, #posten {
	margin: 10px 0 0;
	padding: 20px 20px 10px;
}

	#bijlagen h2, #posten h2 {
		margin: -20px 0 0;
	}

	#bijlagen ol, #posten ol {
		font-weight: bold;
		color: #00ff00;
		margin: 0 0 16px;
		padding: 0 0 0 11px;
	}

		#bijlagen ol li, #posten ol li {
			color: #801f10;
			margin: 0 0 0 1.2em;
			padding: 0;
			list-style-type: upper-alpha;
		}
		
		#bijlagen ol li span, #posten ol li span {
			color: #000000;
		}
		
		#bijlagen ol li a:link, #bijlagen ol li a:visited, #bijlagen ol li a:hover, #bijlagen ol li a:focus, #bijlagen ol li a:active,
		#posten ol li a:link, #posten ol li a:visited, #posten ol li a:hover, #posten ol li a:focus, #posten ol li a:active {
			color: #000000;
			text-decoration: underline;
		}
		
		#bijlagen ol li a:hover, #bijlagen ol li a:focus, #bijlagen ol li a:active,
		#posten ol li a:hover, #posten ol li a:focus, #posten ol li a:active {
			text-decoration: none;
		}
		
	#bijlageKnoppen {
		clear: both;
		margin: -3px 0 0;
		padding: 10px 0 13px;
		border-top: 1px solid #b4b4b4;
	}
	
	html>body #bijlageKnoppen {
		margin: 0;
	}
	
	*:first-child+html #bijlageKnoppen {
		margin: -3px 0 0;
	}
		
		#bijlagen .button, #posten .button {
			margin: 0 32px 0 0;
		}
		
		#bijlagen .button input#afdrukken, #posten .button input#afdrukken {
			width: 9.3em;
		}