#menu_banner { border-bottom:1px solid #CCC; padding-bottom:4px; }
#content .herstelling_block {
	width:80%;
	margin-left:10%;
	height:auto;
	display:none;
}

	#content .herstelling_block .herstelling_data_block {
		width:250px;
		height:250px;
		border:1px solid #CCC;
		border-radius:4px;
		margin:20px;
	}

	#content .herstelling_steps { width:80%; margin-left:10%; height:40px; line-height:40px; vertical-align:middle; text-align:left; }
	#content .herstelling_steps .herstelling_step {
		width:auto;
		color:#00AEEF;
		padding:0px 6px;
		float:left;
		height:40px;
	}
	
		#content .herstelling_steps #step_4 { color:#000; }
	
		#content .herstelling_steps .herstelling_step_marker {
			color:#00AEEF;
			display:none;
			width:auto;
			padding:0px 6px;
			float:left;
			height:40px;
		}
	
		#content .herstelling_steps .herstelling_step:hover { cursor:pointer; text-decoration:underline; }
		#content .herstelling_steps #step_4:hover { cursor:auto; text-decoration:none; }
		#content .herstelling_steps .selected_step {
			text-decoration:underline;
		}
	
	#content .herstelling_block .titel { 
		width:100%; 
		height:40px; 
		line-height:40px; 
		vertical-align:middle; 
		text-align:left; 
	}
	
	#content .herstelling_block .herstelling_block_content {
		width:100%;
		height:auto;
	}
	
		#content .herstelling_block .herstelling_block_content .herstelling_data_block {
			width:180px;
			height:180px;
			display:inline-block;
			border:2px solid #CCC;
			border-radius:4px;
			vertical-align:top;
		}
		
			#content .herstelling_block .herstelling_block_content .herstelling_data_block:hover {
				cursor:pointer;
				border-color:#00AEEF;
			}
	
		#content .herstelling_block .herstelling_block_content .herstelling_data_block .herstelling_data_block_img {
			width:90px;
			margin:25px 45px;
			height:90px;
		}
		
		#content .herstelling_block .herstelling_block_content .herstelling_data_block .herstelling_data_block_naam {
			width:100%;
			height:40px;
			text-align:center;
			vertical-align:middle;
			margin:auto;
			line-height:20px;
		}
		
	#content .herstelling_block .row { width:100%; height:auto; min-height:40px; line-height:40px; vertical-align:middle; text-align:left; }
	#content .herstelling_block .row .w_text  { width:calc(90% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; }
	#content .herstelling_block .row .w_stext { width:10%; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis; display:inline-block; }
	#content .herstelling_block .row .w_img   { width:40px; display:inline-block; }
		#content .herstelling_block .row .w_img img { width:30px; height:30px; margin:5px; }
		#content .herstelling_block .row .w_img:hover { cursor:pointer; }
	#content .herstelling_block .row .header  { font-weight:bold; }
		
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		width:28%;
		height:450px;
		margin:2% 1%;
		display:inline-block;
	}
	
	#content .herstelling_block .herstelling_block_content .herstelling_data {
		width:65%;
		height:auto;
		display:inline-block;
		vertical-align:top;
	}
		
		#content .herstelling_block .herstelling_block_content .herstelling_data .herstelling_titel h1 { 
			width:100%; 
			font-size:40px; 
			height:60px;
			line-height:60px;
			vertical-align:middle;
			font-weight:normal;
			display:block;
		}
		
		#content .herstelling_block .herstelling_block_content .herstelling_data #herstelling_lijst_detail .row {
			border-bottom:1px solid #000;
			font-weight:normal;
		}
		
	#content .herstelling_block .subtitel {
		width:98%;	
		height:60px;
		vertical-align:middle;
		line-height:60px;
		color:#000;
		font-weight:bold;
		font-size:30px;
		text-align:left;
		margin:2% 1% 10px;
	}
	
	#content .herstelling_block .row ul {
		width:98%;
		margin-left:2%;
		font-weight:normal;
	}
	
	#content .herstelling_block .row li {
		background:url("../images/bullet_point.png") no-repeat left center;
		list-style-type: none;
		background-size:15px;
		padding-left:20px;
		min-height:30px;
		line-height:30px;
		vertical-align:middle;
		height:auto;
	}
	
	#content .herstelling_block .row .vraag { 
		margin-left:2%;
		width:98%;
		font-size:24px; 
		margin-bottom:10px;
		margin-top:1%;
	}
	
	#content .herstelling_block .row .antwoord {
		margin-left:4%;
		width:96%;
		height:auto;
		line-height:20px;
	}

@media only screen and (max-width: 1100px) {
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		width:50%;
		height:450px;
		margin:0px 25%;
	}
	
	#content .herstelling_block .herstelling_block_content .herstelling_data {
		width:100%;
	}
}

@media only screen and (max-width: 1030px) {
	#content .herstelling_block .subtitel {
		height:80px;
		line-height:40px;
		margin-top:3%;
	}
}

@media only screen and (max-width: 900px) {
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		width:80%;
		height:450px;
		margin:0px 10%;
	}
}

@media only screen and (max-width: 700px) {
	#content .herstelling_block .row .w_text  { width:calc(80% - 50px); }
	#content .herstelling_block .row .w_stext { width:20%; }
}

@media only screen and (max-width: 650px) {
	#content .herstelling_block .herstelling_block_content .herstelling_data .herstelling_titel h1 { 
		height:100px;
		line-height:50px;
	}
}

@media only screen and (max-width: 600px) {
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		width:100%;
		height:450px;
		margin:0px 0%;
	}
}

@media only screen and (max-width: 530px) {
	#content .herstelling_block .subtitel {
		height:90px;
		line-height:30px;
		font-size:28px;
		margin-top:5%;
	}
}

@media only screen and (max-width: 510px) {
	#content .herstelling_steps {
		height:80px;
	}
}

@media only screen and (max-width: 450px) {
	#content .herstelling_block .titel { height: 80px; }
	#content .herstelling_block .herstelling_block_content .herstelling_data .row {
		font-size:14px;
	}
	
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		height:400px;
	}
	
	#content .herstelling_block .row ul {
		width:100%;
		margin-left:0%;
	}
}

@media only screen and (max-width: 370px) {
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		height:350px;
	}
}

@media only screen and (max-width: 350px) {
	#content .herstelling_block .herstelling_block_content .herstelling_data .row {
		font-size:12px;
	}
	
	#content .herstelling_block .herstelling_block_content .herstelling_image {
		height:300px;
	}
	
	#content .herstelling_block .subtitel {
		height:105px;
		line-height:26px;
		font-size:24px;
		margin-top:6%;
	}
}