/* bulleted menulist met twee floating gedeelten naast elkaar */


			/* example:
			
				<ul class="menulist">
					<li>
						<div class="menuitem">&nbsp;
							<div class="part1">voor al uw vragen en wijzigingen</div>
							<div class="part2">(058) 234 55 50</div>
						</div>
					</li>
					<li>
						<div class="menuitem">&nbsp;
							<div class="part1">voor uitkeringen</div>
							<div class="part2">(058) 234 53 33</div>
						</div>
					</li>
				</ul>
				
				// &nbsp; zijn nodig om de layout renderer te triggeren voor menuitem in de browser, omdat floats dat niet doen
				
			*/

	ul.menulist .menuitem {
		margin-bottom: 1px;
		clear: both;
		overflow: hidden;
		display: block;
		padding: 2px;
		height: 100%;
	}
	
	ul.menulist .menuitem .part1, ul.menulist .menuitem .part2 {
		/* both IE and Firefox have a bug with floating content dropping a line */
		#margin-top: -1.4em;
	}
	
	/* both IE and Firefox have a bug with floating content dropping a line */
	ul.menulist .menuitem .part1, ul.menulist .menuitem .part2, x:-moz-any-link {
		#margin-top: -0.5em;
		text-align: left;
	}
	
	ul.menulist .menuitem .part1 {
		float: left;
		width: 65%;
		margin-left: 20px;
	}

	ul.menulist .menuitem .part2 {
		float: right;
	}
	
	

/* oa. layout verkoopprocessen */


div.table_clean {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

	.table_clean .hr {
		font-size: 1px;
		line-height: 1px;
		background-color: white;
		padding: 0 0 0 0;
		height: 1px;
	}
	
	.table_clean .rowbox {
		width: 100%;
		background-color: #F2F4FA;
	}
	
	.table_clean .row {
		height: 30px;
		overflow: hidden;
		position: relative;
		display: table;
		width: 100%;
	}
	
		.table_clean .row .column_left, .table_clean .row .column_right, .table_clean .row .column_single {
			display: table-cell;
			vertical-align: middle;
			/* IE hack for vertical centering */
			#position: absolute;
			#z-index: 1;
			#top: 50%;
		}
			
		.table_clean .row .column_left {
				background-color: #F2F4FA;
				width: 50%;
		}
		
		.table_clean .row .column_right {
				background-color: #E5EAF5;
				width: 49%;
				left: 50%;
		}
			
		.table_clean .row .column_single {
				background-color: #F2F4FA;
				width: 100%;
		}
		
			.table_clean .row .column_left *, .table_clean .row .column_right * , .table_clean .row .column_single * {
				padding-left: 8px;
				/* IE hack for vertical centering */
				#position: relative;
				#top: -50%
			}
			
			
		/* IE hack */
		.table_clean .row .background_left, .table_clean .row .background_right, .table_clean .row .background_single {
			height: 100%;
			width: 50%;
			position: absolute;
			z-index: -1;
		}
		
		.table_clean .row .background_left, .table_clean .row .background_right, .table_clean .row .background_single, x:-moz-any-link {
			height: auto;
			width: auto;
			position: absolute;
			z-index: -1;
		}
		
		 .table_clean .row .background_single {
			width: 100%;
		 }
		
		/* IE hack */
		.table_clean .row .background_left {
			background-color: #F2F4FA;
		}
		
		/* IE hack */
		.table_clean .row .background_single {
			background-color: #F2F4FA;
		}
		
		/* IE hack */
		.table_clean .row .background_right {
			background-color: #E5EAF5;
			left: 50%;
		}
		
		.table_clean .row .column_small {
			width: 45%;
		}
		
		.table_clean .row .row_label, .table_clean .row .row_input {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #00349A;
		}