*{
	font-family:Verdana;
	font-size:11px;
	color:#707173;
}
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	margin:0px;
}
img{
	border:none;
}
input.text{
	width:500px;
}
textarea{
	width:500px;
	height:70px;
}
form{
	margin:0px;
}
a{
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.title{
	font-size:16px;
	font-weight:bold;
}
.subtitle{
	font-size:12px;
	font-weight:bold;
}
#error{
	color:#CD0025;
}
#site{
	float:left;
	width:100%;
	height:100%;
	overflow:auto;
	position:relative;
	background:url(./images/bodybg.png) center repeat-y #EFF0F8;
}
#content{
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	width:958px;
	position:relative;
}
	#left{
		float:left;
		width:254px;
	}
		#left a, .pijl{
			display:block;
			padding-left:21px;
			padding-bottom:6px;
			background-position:left top;
			background-repeat:no-repeat;
		}
		#left a.none, .pijl{
			background-image:url(./images/arrowmenuleft.png);
		}
		#left a.on{
			background-image:url(./images/arrowmenuleftanimated.gif);
		}
		#left a.off{
			background-image:url(./images/arrowmenuleftanimatedback.gif);
		}
			#left .slideopen{
				margin-left:35px;
				overflow:hidden;
			}
				#left .slideopen a{
					padding-left:10px;
					padding-bottom:0px;
					background:url(./images/dot.gif) left center no-repeat;
				}
				#left .slideopen .sub{
					margin-left:17px;
				}
	#right{
		margin-left:5px;
		margin-right:30px;
		float:left;
		width:635px;
	}
	html>body #right{
		width:655px;
	}
		#right a{
			text-decoration:underline;
		}
		#right a.right{
			display:block;
			margin-top:5px;
			padding-left:21px;
			background:url(./images/arrowtransparant.png) left center no-repeat;
			text-decoration:none;
		}
			#leftcolumn{
				float:left;
				width:300px;
			}
			#rightphoto{
				padding:25px 26px;
				margin-bottom:25px;
				background-color:#EFF0F8;
			}
				#rightphoto #preview{
					width:248px;
					height:248px;
					border:solid 1px #DFE2F1;
					background:center no-repeat;
				}
				#rightphoto #geenPhotos{
					text-align:center;
				}
				#rightphoto #morephotos{
					display:block;
					height:20px;
					margin-top:10px;
					margin-bottom:0px;
					text-align:right;
					background-color:#DFE2F1;
				}
				#rightphoto #morephotos a{
					display:block;
					padding-right:25px;
					padding-top:3px;
					padding-bottom:5px;
					background:url(./images/arrowmorephotos.png) right center no-repeat;
					text-decoration:none;
				}
				#rightphoto .moreextraphotos{
					margin-top:10px;
					margin-bottom:0px;
					height:20px;
					text-align:left;
					background-color:#DFE2F1;
				}
				#rightphoto .moreextraphotos a{
					display:block;
					padding-left:5px;
					text-align:left;
					padding-top:3px;
					padding-bottom:5px;
					background:url(./images/arrowmorephotos.png) right center no-repeat;
					text-decoration:none;
				}
			#righttext{
				float:left;
				margin-left:20px;
				width:315px;
			}
			html>body #righttext{
				width:335px;
			}
/* photos */
#showPhotos{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index:2;
}
#showPhotosBg{
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#EFF0F8;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#photocontent{
	z-index:3;
	position:relative;
	top:100px;
	margin-left:auto;
	margin-right:auto;
	width:390px;
	height:450px;
	border:solid 2px #707173;
	background-color:#EFF0F8;
}
#photo{
	float:left;
	margin:20px;
	margin-bottom:10px;
	width:350px;
	height:350px;
	border:solid 1px #DFE2F1;
	background:center no-repeat;
}
#nav{
	float:left;
	margin-left:20px;
	margin-right:20px;
	width:350px;
}
	.vorige{
		display:block;
		float:left;
		padding-left:21px;
		padding-top:3px;
		padding-bottom:5px;
		background:url(./images/arrowphotoprev.png) left center no-repeat;
	}
	#pages{
		float:left;
		padding-left:105px;
		padding-top:3px;
		text-align:center;
	}
	.volgende{
		display:block;
		float:right;
		padding-right:21px;
		padding-top:3px;
		padding-bottom:5px;
		background:url(./images/arrowphotonext.png) right center no-repeat;
	}
#close{
	float:left;
	margin:20px;
	margin-top:10px;
	width:350px;
	background-color:#DFE2F1;
}
	#close a{
		float:left;
		display:block;
		width:100%;
		padding-top:2px;
		padding-bottom:1px;
		text-align:center;
	}
/* menu.asp */
#main{
	width:978px;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:1px;
	position:relative;
}
#topGrey{
	width:100%;
	height:27px;
	background-color:#707173;
	border-bottom:solid 2px #FFFFFF;
}
#menu{
	width:100%;
	height:21px;
	background-color:#FFEC00;
	border-bottom:solid 2px #FFFFFF;
	text-align:right;
}
#menu *{
	padding-top:2px;
}
#menu a{
	font-size:12px;
	display:block;
	float:right;
	height:100%;
	padding-left:6px;
	padding-right:6px;
	font-weight:bold;
}
#menu div{
	float:right;
	width:5px;
	height:100%;
	text-align:center;
}
#logo{
	float:left;
	width:268px;
	height:98px;
	background:url(./images/logo.png) 9px 11px no-repeat;
}
.headImage{
	height:66px;
	background-color:#707173;
	border-bottom:solid 2px #FFFFFF;
	overflow:hidden;
}
/* footer.asp */
#address{
	float:left;
	width:928px;
	border-top:solid 30px #FFFFFF;
	background-color:#FFFFFF;
	font-size:11px;
	padding-left:50px;
	padding-bottom:15px;
}
#address a{
	font-size:11px;
}
#jarenInstra{
	float:left;
	width:95px;
	height:100%;
	background-image:url(./images/15jaar.png);
}
#maatwerk{
	float:left;
	width:883px;
	height:100%;
	background:url(./images/footertekst.png) right no-repeat;
}
/*homekader.asp */
div.homekader{ float:left; position:relative; }
#hkcontainer { width: 686px; display: block; float:left; position:relative; overflow:hidden; }
#hktxt { display: block; width: 486px; height: 227px; float: left; }
#hklijst { display: block; width: 320px; height: 230px; float: left; padding-left: 166px; }
#hklijst table {  border: 1px solid #67789a; }
#hklijst select { border:0; width:100%; }
#hklijst select option { color: #444; }
.hktitlepaars { font-size: 15px; }
.hktitlepaars, .hktxtpaars { color: #67789a; }
#hkwit { background-image: url(images/blank.gif); display: block; width: 686px; height: 20px; float: left; }
#hknav { display: block; width: 200px; height: 227px; float: left; top:0px; right:0px; position:absolute; }
#hkbalk { color: #666; font-size: 15px; background-color: #d1d6e1; text-align: left; text-indent: 30px; display: block; width: 200px; height: 25px; float: left; padding-top: 7px; }
#hkbalknavtotaal { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalknavbedrijfswagen { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalknavbrandweer { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalknavuitvaart { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalknavmindervalide { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalknavwerkplaats { color: white; font-size: 15px; background-color: #67789a; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalkgeel { color: #666; font-size: 15px; background-color: #ffec00; text-align: left; text-indent: 30px; display: block; padding-top: 7px; width: 200px; height: 25px; float: left; }
#hkbalkwit { background-color: white; display: block; width: 200px; height: 0; float: left; padding-top: 7px; }
.hktitle { color: #666; font-size: 14px; font-weight: normal; }
a.hktitle:link { color: #666; text-decoration: none; }
a.hktitle:hover { color: #666; text-decoration: none; }
.hktitlewit { color: white; font-size: 14px; font-weight: normal; }
a.hktitlewit:link { color: white; font-size: 14px; font-weight: normal; }
a.hktitlewit:hover { color: white; font-size: 14px; font-weight: normal; }

div#fotokader { float:left; position:relative; height:227px; width:486px; }
#totaalfoto { background-image: url(images/hkfoto_tot.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; display: none; }
#bedrijfswagenfoto { background-image: url(images/hkfoto_bw.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; }
#brandweerfoto { background-image: url(images/hkfoto_bwr.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; display: none; }
#uitvaartfoto { background-image: url(images/hkfoto_uv.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; display: none; }
#mindervalidefoto { background-image: url(images/hkfoto_mv.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; display: none; }
#werkplaatsfoto { background-image: url(images/hkfoto_wp.jpg); height: 227px; width: 486px; left: 0px; top: 0px; position: absolute; float:left; display: none; }
#hkbalknavtotaal { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 0; position: absolute; z-index:2; display: none; }
#hkbalknavbedrijfswagen { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 39px; position: absolute; z-index:2; display: none; }
#hkbalknavbrandweer { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 78px; position: absolute; z-index:2; display: none; }
#hkbalknavmindervalide { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 156px; position: absolute; z-index:2; display: none; }
#hkbalknavuitvaart { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 117px; position: absolute; z-index:2; display: none; }
#hkbalknavwerkplaats { background-color: #67789a; height: 25px; width: 200px; left: 486px; top: 195px; position: absolute; z-index:2; display: none; }