@charset "UTF-8";
/* CSS Document */


#kader {
	position:relative;
	/*height:600px;*/}
#kader #overlay {
	z-index:2000;
	position:absolute;
	top:0px;
	right:0px;
	width:690px; 
	height:430px;
}

#kader #image {
	z-index:1500;
	position:absolute;
	top:0px;
	right:0px;
	width:690px; 
	height:430px;
	}
#kader #image-pre {
	z-index:100;
	position:absolute;
	top:0px;
	right:0px;}



input[type="radio"], input[type="checkbox"] {
    display:none;
}
input[type="radio"] + label span, input[type="checkbox"] + label span {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/design/unchecked.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span {
	background-image: url(../images/design/checked.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* tbv ie8 */
input.checked + label span, input.checked + label span {
	background-image: url(../images/design/checked.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#noborderJH-color td:first-child div {
	border: 1px solid #656565;
	margin-bottom: 10px;
	height: 25px;
	width: 25px;
}

			.image1 {
	background-image: url(../images/design/boot/Romp%20RAL%205009%20Azure%20Blue.jpg);
	background-repeat: no-repeat;
				}

			.image2 {
	background-image: url(../images/design/boot/Romp%20RAL%205011%20Steel%20Blue.jpg);
	background-repeat: no-repeat;
				}

			.image3 {
	background-image: url(../images/design/boot/Romp%20RAL%207000%20Squirrel%20Grey.jpg);
	background-repeat: no-repeat;
				}

			.image4 {
	background-image: url(../images/design/boot/Romp%20RAL%207016%20Anthracite%20Grey.jpg);
	background-repeat: no-repeat;
				}

			.image5 {
	background-image: url(../images/design/boot/Romp%20RAL%207032%20Pebble%20Grey.jpg);
	background-repeat: no-repeat;
				}

			.image6 {
	background-image: url(../images/design/boot/Romp%20RAL%209010%20Pure%20White.jpg);
	background-repeat: no-repeat;
				}

			.interieur1 {
	background-image: url(../images/design/interieur/Interior-white.jpg);
	background-repeat: no-repeat;
				}

			.bkleur01 {
	background-image: url(../images/design/interieur/Kussens-carbon.jpg);
	background-repeat: no-repeat;
				}

			.bkleur02 {
	background-image: url(../images/design/interieur/Kussens-lava.jpg);
	background-repeat: no-repeat;
				}

			.bkleur03 {
	background-image: url(../images/design/interieur/Kussens-porcelain.jpg);
	background-repeat: no-repeat;
				}

			.bkleur04 {
	background-image: url(../images/design/interieur/Kussens-putty.jpg);
	background-repeat: no-repeat;
				}

			.bkleur05 {
	background-image: url(../images/design/interieur/Kussens-sapphire.jpg);
	background-repeat: no-repeat;
				}

			.bkleur06 {
	background-image: url(../images/design/interieur/Kussens-starfish.jpg);
	background-repeat: no-repeat;
				}
			.bkleur07 {
	background-image: url(../images/design/interieur/Kussens-zinc.jpg);
	background-repeat: no-repeat;
				}



				

#button-design {
	margin-top:25px;
}

#button-design a{
	color:#fff;
	}
#button-design a:hover{
	color:#fff;
	}

#kruimel, #kruimel a {
	color:#797979;
	margin-bottom:25px;
	font-size:11px;
	text-decoration:none;
}

#kruimel a:hover {
	color:#174569;
	text-decoration:underline;
}
.actief {
	color:#174569;
	font-weight:bold;
	}
#TTL td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#TTLbedrag {
	width:220px;
	border: 1px solid #B5B5B5;
	font-size:14px;
	color:#000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float:right;
	}
#TTLbedrag h3 {
	color:#53748B;
	font-size:24px;
	font-family: 'Homenaje', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	}	
.totaal {
	-moz-box-shadow: inset 0 0 10px 1px #000;
	-webkit-box-shadow: inset 0 0 10px 1px #000;
	box-shadow: inset 0 0 10px 1px #000;
	background-color:#4D6B7F;
	color:#FFF;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	font-size:16px;
}
.bedrag {
	/*color:#5DB1E1;*/
	color:#FFF;
	font-weight:normal;}
.BTWsmall {
	font-size:12px;
	}	
	
	
/* Media Queries */
@media screen and (max-width: 768px) {

/*#kader #image {
	width:300px; 
	height:430px;
	}
#kader #image-pre {
	width:300px; 
	height:430px;
}
*/}

table.step6-overview {
	color: #000;
}