body {
	font: 0.8em/170% arial, verdana, sans-serif;
	letter-spacing: 0.5px;
	word-spacing: 0px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #000000 url(../img/back.gif) repeat-x left top;
}

a {
	color: #ffffff;
}
	body.wit a {
		color: #000000;
	}

div.container {
	position: relative;
	margin: 0px auto;
	width: 773px;
	height: 600px;
	text-align: left;
}
	body#kasteel div.container {
			background: #ffffff url(../img/back_kasteel.gif) no-repeat left top;
		}
	
div#headerframe, div#menuframe, div#fotoframe, div#contentframe {
	position: relative;
	float: left;
}

div#headerframe {
	height: 155px;
	width: 773px;
	background: #ffffff url(../img/logo_buitenplaatsamerongen.gif) no-repeat left top;
}
	body.wit div#headerframe {
		background: #7E7A78 url(../img/logo_buitenplaatsamerongen_wit.gif) no-repeat left top;
	}
	div#headerframe img {
		margin: 0px 0px 0px 311px;
		vertical-align: bottom;
	}

div#menuframe {
	height: 30px;	
}
	div#menuframe ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		div#menuframe ul li {
			position: relative;
			float: left;
			height: 31px;
		}
			div#menuframe ul li a {
				height: 31px;
				display: block
			}
			div#menuframe ul li.home a {
				background: url(../img/menu_home.gif) no-repeat left top;
				width: 155px;
			}
				body#home div#menuframe ul li.home a {
					background-position: bottom left;
				}
			div#menuframe ul li.locaties a {
				background: url(../img/menu_locaties.gif) no-repeat left top;
				width: 123px;
			}			
				body#locaties div#menuframe ul li.locaties a {
					background-position: bottom left;
				}
			div#menuframe ul li.zakelijk a {
				background: url(../img/menu_zakelijk.gif) no-repeat left top;
				width: 123px;
			}						
				body#zakelijk div#menuframe ul li.zakelijk a {
					background-position: bottom left;
				}
			div#menuframe ul li.particulier a {
				background: url(../img/menu_particulier.gif) no-repeat left top;
				width: 123px;
			}									
				body#particulier div#menuframe ul li.particulier a {
					background-position: bottom left;
				}
			div#menuframe ul li.huwelijk a {
				background: url(../img/menu_huwelijk.gif) no-repeat left top;
				width: 123px;
			}												
				body#huwelijk div#menuframe ul li.huwelijk a {
					background-position: bottom left;
				}
			div#menuframe ul li.nieuws a {
				background: url(../img/menu_nieuws.gif) no-repeat left top;
				width: 125px;
			}															
				body#nieuws div#menuframe ul li.nieuws a {
					background-position: bottom left;
				}
			div#menuframe ul li#hier a, div#menuframe ul li.home a:hover, div#menuframe ul li.locaties a:hover, div#menuframe ul li.zakelijk a:hover, div#menuframe ul li.particulier a:hover, div#menuframe ul li.huwelijk a:hover, div#menuframe ul li.nieuws a:hover {
				background-position: left bottom;
			}

div#openhuis ul {
	margin: 15px;
		padding: 0px;	
	list-style: none;
	}
	
div#openhuis ul li {
			height: 50px;
		}
		div#openhuis ul li a {
			height: 50px;
			display: block
		}	
div#openhuis ul li.openhuis a {
	background: url(../img/openhuisbutton.gif) no-repeat left top;
	width: 125px;
}

div#openhuis ul li.openhuis a:hover{
				background-position: left bottom;
			}

div#fotoframe {
	background-color: #737065;
}			
	div.frame {
		position: relative;
		float: left;
		width: 154px;
		height: 124px;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}
		div.frame a.foto {
			width: 100%;
			height: 100%;
			display: block;
		}
		div.frame img {
			vertical-align: bottom;
		}
			body.wit div.frame {
				background-color: #ffffff;
				border-color: #7E7A78;
			}
			body.wit div#headerframe div.frame {
				height: 155px;
			}
		div#frame2 {}
			body#contact div#frame2, body#route div#frame2, body#vacature div#frame2  {
				width: 306px;
				border-right: 0px;
			}
				body#contact div#frame2 p, body#route div#frame2 p, body#vacature div#frame2 p {
					padding-top: 10px;
				}
					html>body#contact div#frame2 p, html>body#route div#frame2 p, html>body#vacature div#frame2 p {
						padding-top: 0px;
					}
				body.wit div#frame2 p {
					color: #7E7A78;
					margin-left: 22px;
				}
		div#frame3 {}
			body#contact div#frame3 {
				height: 414px;
				width: 156px;
				border-left: 1px solid #7E7A78;
				border-bottom: 0px;
			}
		div#frame4 {}
			body.wit div#frame4 {
				width: 154px;
				border-left: 1px solid #7E7A78;
				margin-left: -1px;
			}
			body#contact div#frame4 {
				height: 414px;
				width: 307px;
				border-right: 0px;
				border-bottom: 0px;
			}
			body#vacature div#frame4 {
				height: 414px;
				width: 463px;
				overflow: auto;
				border-right: 0px;
				border-bottom: 0px;
			}
		div#frame5, div#frame7, div#frame9, div#frame11 {
			width: 152px;
			border-right: 0px;
		}
			body#contact div#frame5, body#vacature div#frame5 {
				width: 154px;
				height: 122px;
			}
				
		div#frame6, div#frame7, div#frame8, div#frame9 {
			height: 123px;
		}
			body#nieuws div#frame6 {
				border-left: 1px solid #7E7A78;
			}
			body#contact div#frame6, body#vacature div#frame6 {
				border: 0px;
			}
			
		div#frame8 {}
			body#locaties div#frame8 {
				border-bottom: 0
			}
			body.wit div#frame8 {
				border-left: 1px solid #7E7A78;
			}
		div#frame9 {
			border-bottom: 0px;
		}
			body#nieuws div#frame9 {
				border-bottom: 1px solid #7E7A78;
			}
		div#frame10, div#frame11 {
			height: 41px;
			border-bottom: 0px;
		}
			body.wit div#frame10 {
				border-left: 1px solid #7E7A78;
			}
		body.wit div#frame1 {
			margin-left: 155px;
		}
			html>body.wit div#frame1 {
				margin-left: 311px;
			}
							
		body.wit div#frame3 {
			width: 152px;
			border-right: 0px;
		}
		
	div#afspraak {
		height: 100%;
		width: 100%;
		background-color: #464343;
	}
			body.wit div#afspraak {
				background-color: #6b6969;
			}
		div#afspraak h3 {
			font-size: 100%;
			letter-spacing: 0px;
			margin: 0px 0px 0px 10px;
			padding: 10px 0px 0px 0px;
		}
		div#afspraak p, body.wit div#contentframe div#afspraak p {
			color: #ffffff;
			font-size: 95%;
			letter-spacing: 0px;
			margin: 0px 4px 0px 10px;
		}
		div#afspraak a {
			color: #ffffff;
		}
	div#opmerking {
		height: 100%;
		width: 100%;
	}
		div#contentframe div#opmerking p {
			font-size: 95%;
			width: 90%;
			margin: 10px 0px 0px 10px;
			padding: 10px 0px 0xp 0px;
		}
			
div#contentframe {
	width: 773px;
	background-color: #737065;
}
		body.wit div#contentframe {
			background-color: #ffffff;
		}
	ul#submenu {
		width: 100%;
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
		list-style: none;
	}
			body#nieuws ul#submenu {
				height: 285px;
				overflow: auto;
			}
		ul#submenu li {
			text-align: right;
			padding: 0px 23px 0px 0px;
			line-height: 20px;
		}
				body#nieuws ul#submenu li {
					padding-right: 10px;
				}
			ul#submenu li a {
				color: #ffffff;
				text-decoration: none;
			}
					body.wit ul#submenu li a {
						color: #7E7A78;
					}
				ul#submenu li#submenuhier a,  ul#submenu li a:hover {
					color: #222120;
				}
					body.wit ul#submenu li#submenuhier a, body.wit ul#submenu li a:hover {
						color: #000000;
					}

	div#submenuframe {
		position: relative;
		float: left;
		height: 289px;
		width: 154px;
		background-color: #737065;
		border-right: 1px solid #ffffff;
	}
			body.wit div#submenuframe {
				height: 414px;
				border-color: #7E7A78;
				background-color: #ffffff;
			}
		div#submenuframe ul#sitewide {
			position: absolute;
			top: 177px;
			width: 100%;
			margin: 0px 0px 0px 0px;
			padding: 21px 0px 0px 0px;
			list-style: none;
			border-top: 1px solid #ffffff;
		}
				body.wit div#submenuframe ul#sitewide {
					position: relative;
					border-color: #7E7A78;				
				}
					html>body.wit div#submenuframe ul#sitewide {
						top: 299px;
						position: absolute;
					}
					body#nieuws div#submenuframe ul#sitewide {
						top: 300px;
						position: absolute;
					}
					body#route div#submenuframe ul#sitewide {
						top: 300px;
						position: absolute;
					}
			div#submenuframe ul#sitewide li {
				text-align: right;
				padding: 0px 23px 0px 0px;
				line-height: 20px;
			}
				div#submenuframe ul#sitewide li a {
					color: #ffffff;
					text-decoration: none;
				}
				div#submenuframe ul#sitewide li a:hover {
					color: #000000;
				}
					body.wit div#submenuframe ul#sitewide li a {
						color: #7E7A78;
					}
					body.wit div#submenuframe ul#sitewide li a:hover, body#contact div#submenuframe ul#sitewide li.contact a, body#route div#submenuframe ul#sitewide li.route a, body#kasteel div#submenuframe ul#sitewide li.kasteel a, body#vacature div#submenuframe ul#sitewide li.vacature a {
						color: #000000;
					} 
	
	div.content {
		position: relative;
		float: left;
		height: 289px;
		overflow: auto;
		clip: auto;
	}			
			body.wit div.content {
				height: 414px;
			}
			body#contact div.content, body#vacature div.content {
				width: 154px;
				border-right: 0px;
			}
		div#contentframe h1, body.wit div#routeframe h1 {
			font-size: 100%;
			line-height: 110%;
			font-weight: bold;
			margin: 18px 0px 0px 16px;
			padding: 0px 0px 0px 0px;
		}
			body.wit div#contentframe h1, body.wit div#routeframe h1 {
				color: #000000;
			}
		div#contentframe h2 {
			line-height: 140%;
			font-size: 100%;			
			font-weight: bold;
			margin: 2px 25px 0px 16px;
		}
			body.wit div#contentframe h2 {
				color: #000000;
			}
		
		div#contentframe p {
			line-height: 140%;
			margin: 2px 25px 18px 16px;
			padding: 0px 0px 0px 0px;
		}
			body.wit div#contentframe p {
				color: #7E7A78;
			}
		div.content ul {
			}
				body.wit div.content ul {
					color: #7E7A78;
				}
			div#contentframe div.content ul li {
				line-height: 130%;
				padding: 0px 0px 4px 0px
			}
		body#home div.content {
			width: 617px;
		}
			body#home div#contentframe p {
				margin: 20px 203px 0px 25px;
			}
		body.content div.content {
			width: 309px;
			border-right: 1px solid #ffffff;
		}
		body.content_breed div.content {
			width: 617px;
			border-right: 0px;
		}
		
		div.content table {
			width: 598px;
			margin: 30px 0px 8px 0px;
		}
			div.content table tr td {
				line-height: 140%;
				padding: 4px 20px 17px 20px;
				border-bottom: 1px solid #A6A3A2;
				vertical-align: top;
			}
		div#capaciteit table {
			
		}
			div#capaciteit table tr td {
				padding: 3px 4px 3px 4px;
				vertical-align: top;
			}
				body#zakelijk div#capaciteit table tr td {
					text-align: right;
				}
			div#capaciteit table tr td.label {
				padding-left: 16px;
				width: 90px;
			}
				body#zakelijk div#capaciteit table tr td.label {
					text-align: left;
				}
		body#route div.content img {
			margin: 0px 0px 0px 20px;
		}
			body#route div.container {
				height: 930px;
			}
			body#route div.container div#routeframe {
				position: relative;
				float: left;
				height: 330px;
				width: 773px;
				background-color: #ffffff;
				border-top: 1px solid #7e7a78;
			}
				div#routeframe ul, div#routeframe p, div#routeframe h1 {
					color: #7E7A78;
				}
					div#routeframe ul li {
						line-height: 120%;
						padding: 0px 0px 4px 0px;
					}
			body#route div#frame3 {
				height: 330px;
				width: 154px;
				border-right: 1px solid #7e7a78;
			}
			body#route div#frame4 {
				height: 330px;
				width: 309px;
				border-right: 1px solid #7e7a78;
				border-left: 0px;
				overflow: auto;
			}
				body#route div#frame4 h2 {
					font-size: 100%;
					line-height: 110%;
					font-weight: bold;
					margin: 18px 0px 0px 16px;
					padding: 0px 0px 0px 0px;
					color: #010101;
				}				
				body#route div#frame4 p {
					line-height: 140%;
					margin: 2px 35px 18px 16px;
					padding: 0px 0px 0px 0px;
					color: #010101;
				}
				
			body#route div#frame5 {
				height: 330px;
				width: 308px;
				border-right: 0px;
				border-left: 0px;
			}	
				body#vacature div#frame5 p.vacatures {
					color: #000000;
				}
					body#vacature div#frame5 p.vacatures a {
						color: #7E7A78;
						text-decoration: none;
					}
					body#vacature div#frame5 p.vacatures a.hier {
						color: #000000;
						text-decoration: none;
					}
			body#route div#contentframe div#frame6 {
				width: 154px;
				border-right: 0px
			}	
				body#route div#frame5 h3 {	
					margin: 0px 0px 0px 0px;
					padding: 14px 0px 9px 10px;
					font-size: 100%;
					background-color: #7e7a78;
				}
				body#route div#frame5 table {
					margin-top: 20px;
				}
					body#route div#frame5 table tr td {
						color: #878381;
						padding: 0px 10px 0px 10px;
					}
	div.footer {
		clear: both;
		text-align: right;
	}
		div.footer p {
			padding: 0px 0px 0px 0px;
			margin: 0px;
		}
		div.footer a {
			color: #999999;
			text-decoration: none;
			font-size: 90%;
		}
form {
	margin: 12px 0px 0px 13px;
}
	form input, form textarea {
		margin: 0px 0px 10px 0px;
		border: 2px solid #000000;
	}
	form .wide {
		width: 250px;
	}
	#frame4 form p {
		text-align: right;
		font-weight: bold;
		font-size: 120%;
		padding-right: 10px;
	}
		#frame4 form p a {
			color: #ffffff;
		}
		body#contact #frame4 form p a {
			color: #7E7A78;
		}
	div#contentframe #frame4 p.verplicht {
		font-weight: bold;
		color: #000000;
		padding: 3px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
	}
	#frame3 p.labels {
		line-height: 266%;
		padding: 25px 0px 0px 0px;
		text-align: right;
	}
		html>body #frame3 p.labels {
			line-height: 250%;
		}