/*
* Layout styles
*/
body, html {
	height: 100%;
}
body {
	text-align: left;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	background:  #EE820F;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

div#container {
	background: url(../images/background.gif) no-repeat 0 0 #fff;
	position: relative;
	width: 1013px;

	margin: 0px 0px;
	padding: 0;
	text-align: left;
}

img.logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
img.foto {
	position: absolute;
	top: 0px;
	left: 355px;
	z-index: 9;
}
img.obc {
	position: absolute;
	top: 143px;
	left: 353px;
	z-index: 8;
}

div#content {
	
	position: relative;
	width: 655px;
	padding: 182px 0 20px 353px;
	background: transparent;
}
	div#contenttext {
		float: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		width: 450px;
		padding: 10px 0px 10px 0;
	}
	div#contentkader {
		float: left;
		width: 125px;
		padding: 10px 5px 10px 15px;
		margin: 0 0 0 20px;
		background: #d9dadb;
	}
	div#contentkaderimage {
		float: left;
		width: 140px;
		margin: 0 0 0 15px;
	}
	.refslideshow {
		float: left;
		width: 140px;
		height: 105px;
		margin: 0 0 0 15px;
	}
		.refimages {
			list-style: none;
		}
	
	div#contentnav {
		padding: 10px 0 20px 0px;
	}
	
		div.block {
			position: relative;
			float: left;
			width: 120px;
			height: 146px;
			background: #d9dadb;
			margin: 10px 15px 0 0;
			padding: 7px 10px 7px 10px;
		}
		
		div.imageblock {
			position: relative;
			float: left;
			width: 140px;
			height: 160px;
			margin: 10px 15px 0 0;
			padding: 0;
		}
		div.block.active img {
			opacity: 0.5;
			filter:alpha(opacity=50);
			-moz-opacity:.5;
		}
			
		div#scrollitems {
			float: right;
			width: 90px;
			margin: 0px 0 0 0;
			color: #EE820F;
			font-weight: bold;
		}
		div#scrollitems img {
			vertical-align: top;
			*vertical-align: middle;
			margin: 0 1px 0 0;
		}
		
		div#scrollable {
			position: relative;
			float: left;
			width: 605px;
			height: 170px;
			margin:	0 0px 0 0;
			overflow: hidden;
			clear:both; 
		}
		
		div#scrollable #items {
			width: 2000em;
			position: absolute;
			clear:both; 
			margin:0; 
			padding:0;
		}

/*
* List styles
*/

ul {
	font-size: 90%;
	color: #000;
	list-style: disc;
	line-height: 130%;
	margin: 0 0 0 15px;
}


/*
* Navigation styles
*/

ul#nav {
	position: absolute;
	top: 182px;
	left: 22px;
	border-top: 1px solid #fff;
	width: 145px;
	z-index: 11;
	line-height: 100%;
	font-size: 100%;
	list-style: none;
}
	ul#nav li {
		font-weight: bold;
		font-size: 80%;
		padding: 5px 0 5px 0;
		border-bottom: 1px solid #fff;
	}
	ul#nav ul {
		margin: 6px 0 0px 15px;
		line-height: 100%;
		font-size: 100%;
		list-style: none;
	}
	ul#nav ul li {
		font-weight: bold;
		font-size: 100%;
		padding: 0px 0 5px 0;
		border: none;
	}


/*
* Typography styles
*/

h1 {
	font-size: 180%;
	font-weight: bold;
	color: #EE820F;
	padding: 0px;
	margin: 4px 0px 12px 0;
}

h2 {
	font-size: 120%;
	color: #000;
	padding: 0px;
	margin: 0px;
}
	h2.pagetitle {
		float: left;
		color: #EE820F;
	}

h3 {
	font-size: 90%;
	font-weight: bold;
	color: #000;
	padding: 0px;
	margin: 0px 0 3px 0;
}
	div.block.active h3 {
		color: #fff;
	}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 90%;
	color: #000;
	margin: 5px 0px;
	padding: 0px;
	line-height: 130%;
}
	div.block p {
		margin: 3px 0;
		line-height: 110%;
	}
	div.block.active p {
		color: #fff;
	}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #000; }
A:link		{ text-decoration: none; color: #000; }
A:visited	{ text-decoration: none; color: #000; }
A:active	{ text-decoration: none; color: #000; }
A:hover		{ text-decoration: underline; color: #000; }
A.active	{ text-decoration: none; color: #fff; }
ul#nav A.active	{ text-decoration: none; color: #fff; background: url(../images/arrow_nav.gif) no-repeat 0 3px; padding: 0 0 0 8px; }
ul#nav ul A.active { background: none; padding: 0; }

div#content a { text-decoration: underline; }

div#content a.leesmeer	{ position: absolute; bottom: 4px; right: 10px; width: 70px; height: 10px; font-weight: bold; font-size: 90%; text-decoration: none; background: url(../images/arrow_readmore.gif) no-repeat right 1px; }
div#content a.leesmeer:hover { text-decoration: underline;  }
a.routebeschrijving { background: #fff; border: 1px solid #000; padding: 2px 20px 2px 5px; margin: 0 0 0 5px; }

/*
* Google maps styles
*/

div#mapContact {
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin: 15px 0px 0px 0px;
}

div#mapContact p {
	padding: 0;
	margin: 0;
}

div#directions {
	width: 387px;
	margin: 15px 0px 0px 0px;
	padding: 0;
	height: 300px;
	border: 1px solid #888;
	overflow-y: scroll;
	display: none;
}

div#directions p.error {
	color: #ff0000;
}



/*
* Table styles
*/