form{ margin: 0; width: auto; }

table.formulier {  }
table.formulier td { padding: 4px; line-height: 20px; }
table.formulier td.small { line-height: 8px; }
table.formulier td input { font-size: 12px; width: 190px; }
table.formulier td select { font-size: 12px; width: 194px; _width: 196px; }
table.formulier td input.noborder { border: 1px solid #FFF; text-align: right; }

table.formulier td input.radio { width: 14px; }
table.formulier td input.pc_cijfers { width: 121px; _width: 120px; }
table.formulier td input.pc_letters { width: 62px; _width: 61px; }
table.formulier td input.geb_small { width: 45px; }
table.formulier td input.geb_large { width: 86px; _width: 82px; }
table.formulier td input.medium { width: 80px; }

input.button_vorige {
	font-size:					11px;
	font-family: 				"Trebuchet MS", Arial, Verdana, sans-serif;
	border:						0px;
	padding: 					1px 0px 2px 40px;
	background: 				url(http://www.hypotheekofferte.nl/images/vorige.gif) no-repeat left;
	cursor: 						hand;
	cursor: 						pointer;
	color:						#FFFFFF;
	height: 						20px;
	font-weight: 				bold;
	vertical-align: 			middle;
	text-align: 				left;
	background-color: 		transparent;
	width: 150px;
	}

input.button_volgende{
	font-size:					11px;
	font-family: 				"Trebuchet MS", Arial, Verdana, sans-serif;
	border:						0px;
	padding: 					1px 40px 2px 0px;
	background: 				url(http://www.hypotheekofferte.nl/images/volgende.gif) no-repeat right;
	cursor: 						hand;
	cursor: 						pointer;
	color:						#FFFFFF;
	height: 						20px;
	font-weight: 				bold;
	vertical-align: 			middle;
	text-align: 				right;
	background-color: 		transparent;
	width: 150px;
}

input.verzend_opmerking{
	font-size:					11px;
	font-family: 				"Trebuchet MS", Arial, Verdana, sans-serif;
	border:						0px;
	padding: 					1px 40px 2px 0px;
	background: 				url(http://www.hypotheekofferte.nl/images/volgende.gif) no-repeat right;
	cursor: 						hand;
	cursor: 						pointer;
	color:						#FFFFFF;
	height: 						20px;
	font-weight: 				bold;
	vertical-align: 			middle;
	text-align: 				right;
	background-color: 		transparent;
	width: 175px;
}

table.formulier tr.hypoff td { /*border: 1px solid #952B1D; border-left: none; border-right: none;*/ background-color: #CDECF2;}
table.formulier tr.hypoff td input { background-color: #CDECF2; border: 1px solid #CDECF2; }
table.formulier tr.hypoff td.borderLeft { /*border-left: 1px solid #952B1D;*/ background-color: #CDECF2;}
table.formulier tr.hypoff td.borderRight { /*border-right: 1px solid #952B1D;*/ background-color: #CDECF2;}

table.formulier tr.strong td { font-weight: bold; }
table.formulier tr.strong td input { font-weight: bold; }

.verbergen { display: none; }
.tonen {  }

#info_box { 
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 200;
	width: 275px; 
	height: auto; 
	background: #FFFFEF; 
	border: 1px solid #AAA; 
	display: none; 
	padding: 5px; 
	overflow: hidden;
}

#stappen { margin: 6px 0 0 0; padding: 0; _margin: 6px 0 0 2px; }
#stappen li { 
	padding: 1px 0 2px 35px; 
	margin: 2px 0 0 0; 
	list-style-image: url("../images/trans.gif"); 
	background-repeat: no-repeat; 	 
	background-position: 0 1px; 
	
	_padding: 0 0 2px 35px;
	_margin: 0 0 0 -3px;
	_background-position: 0 3px; 
}
#stappen li.stap1 { background-image: url("../images/stap1.gif"); }
#stappen li.stap2 { background-image: url("../images/stap2.gif"); }
#stappen li.stap3 { background-image: url("../images/stap3.gif"); }
#stappen li.stap4 { background-image: url("../images/stap4.gif"); }
#stappen li.stap5 { background-image: url("../images/stap5.gif"); }

#stappen li.stap1_sel { font-weight: bold; background-image: url("../images/stap1_actief.gif"); }
#stappen li.stap2_sel { font-weight: bold; background-image: url("../images/stap2_actief.gif"); }
#stappen li.stap3_sel { font-weight: bold; background-image: url("../images/stap3_actief.gif"); }
#stappen li.stap4_sel { font-weight: bold; background-image: url("../images/stap4_actief.gif"); }
#stappen li.stap5_sel { font-weight: bold; background-image: url("../images/stap5_actief.gif"); }

#stappen li.stap1_click { cursor: pointer; background-image: url("../images/stap1_click.gif"); }
#stappen li.stap2_click { cursor: pointer; background-image: url("../images/stap2_click.gif"); }
#stappen li.stap3_click { cursor: pointer; background-image: url("../images/stap3_click.gif"); }
#stappen li.stap4_click { cursor: pointer; background-image: url("../images/stap4_click.gif"); }
#stappen li.stap5_click { cursor: pointer; background-image: url("../images/stap5_click.gif"); }

div.dragbar { 
	position: relative;
	height: 20px; 
	width: 250px; 
	background: #A5D5F2; 
	text-align: left;
}
div.dragbar div.button { 
	position: absolute; 
	background-image: url("../images/arrows_bg.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	top: -10px; 
	left: -4px; 
	height: 40px;
	width: 10px; 
	cursor: pointer; 
	z-index: 20; 
}
div.dragbar div.button img.top { position: absolute; top: 0; left: -1px; }
div.dragbar div.button img.bottom { position: absolute; bottom: 0; left: -1px; }
div.dragbar div.bar { position: absolute; top: 0; height: 20px; width: 0; background: #254F81; }

p.kader { border: 1px solid #952B1D; padding: 5px; }