html, body
{
	background-color: #B8BECD;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
}

body
{
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}

div
{
	margin: 0px;
	padding: 0px;
}

#container
{
	position: absolute;

	width: 100%;
	height: 707px;

	margin: 0px;
	padding: 0px;
	background-color: #B8BECD;
}

/*De stijl voor de kop van de subpagina's*/

#kop
{	
	width: 810px;
	height: 103px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #B8BECD;
	color: #4D4F6D;
}

/*De stijl voor het tekstgedeelte van de subpagina's*/

#boven
{
	width: 810px;
	height: 17px;
	float: left;
	background-color: #B8BECD;
}

#rechtsboven
{
	width: 10px;
	height: 17px;
	background-image: url(./images/schaduw.jpg);
	background-repeat: repeat-y;
	float: right;
}

#bovenrand
{
	width: 800px;
	height: 9px;
	float: left;
	background-image: url(./images/bovenrand.png);
	background-repeat: repeat-x;
	padding: 0px;
}

#bovenkant
{
	width: 800px;
	height: 8px;
	float: left;
	padding: 0px;
/*	background-image: url(./images/bovenkant.jpg);
	background-repeat: no-repeat;*/
	background-color: #e9e9e9;
}

#workspace
{
	width: 800px;
	height: 500px;
	border: 0px;
	padding: 0px;
	float: left;
	font-family: "Verdana", "Arial", "Trebuchet MS";
	font-size: 10px;
	color: black;
	text-align: left;
	background-color: #e9e9e9;
	scrollbar-face-color: #DBCFDB;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #E2E4EB;
  scrollbar-track-color: #E2E4EB;
}

#links
{
	width: 200px;
	height: 500px;
	float: left;
	background-color: #e9e9e9;
}

#indexlinks

{
	width: 200px;
	height: 500px;
	float: left;
	background-color: #e9e9e9;
	padding: 0px;
	margin: 0px;
}

#locatie
{
	width: 100%;
	height: 200px;
	font-weight: bold;
	font-size: 24px;
	font-family: "Verdana", "Arial", "Trebuchet MS";
}

#foto
{
	padding-left: 20px;
	width: 100%;
}

#rechts
{
	width: 580px;
	height: 480px;
	float: left;
	background-color: #e9e9e9;
	scrollbar-face-color: #B8BECD;
  scrollbar-arrow-color: #000037;
  scrollbar-base-color: #DBCFDB;
  scrollbar-track-color: #DBCFDB;
  overflow-y: scroll;
  padding: 10px;
}

#indexrechts
{
	width: 580px;
	height: 480px;
	float: left;
	background-color: #e9e9e9;
	scrollbar-face-color: #B8BECD;
  scrollbar-arrow-color: #000037;
  scrollbar-base-color: #DBCFDB;
  scrollbar-track-color: #DBCFDB;
  overflow-y: scroll;
  padding: 0px;
  background-image: url(./images/harma.png);
  background-repeat: no-repeat;
  background-position: right;
}

#menu
{
	height: 500px;
	float: left;
	background-color: #B8BECD;
	background-image: url(./images/schaduw.jpg);
	background-repeat: repeat-y;
}

#onder
{
	width: 100%;
	height: 25px;
	float: left;
	background-color: #B8BECD;
}

#onderkant
{
	width: 1000px;
	height: 15px;
	float: left;
	background-image: url(./images/onderkant.jpg);
	background-repeat: no-repeat;
}

#copyright
{
	width: 100%;
	height: 10px;
	background-color: #B8BECD;
	color: #e9e9e9;
	font-size: 9px;
	float: left;
	padding: 3px;
}

img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.foto
{
	border: 1px solid black;
	padding: 2px;
	margin-top: 20px;
}

a
{
	color: black;
	text-decoration: none;
	border: 0px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a:hover
{
	color: #76327D;
}

a:visited
{
	color: black;
	text-decoration: none;
	border: 0px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

td
{	
	font-family: "Verdana", "Arial", "Trebuchet MS";
	font-size: 10px;
}

h1 {
	font-size:20px;
	height:40px;
	font-weight:normal;
	margin:-1px 0 10px 0;
	letter-spacing:-.015em;
	border-bottom:1px solid #76327D;
	line-height:2em;
	background: #e9e9e9;
	color: #76327D;
}

h2 
{
	font-size:17px;
	height:30px;
	font-weight:normal;
	margin:-1px 0 10px 0;
	letter-spacing:-.015em;
	border-bottom:1px solid #76327D;
	line-height:2em;
	background: #e9e9e9;
	color: #76327D;
}

h3
{
	font-size:10px;
	height:20px;
	font-weight:normal;
	margin:-1px 0 10px 10px;
	letter-spacing:-.015em;
	border-bottom:1px solid #76327D;
	line-height:2em;
	background: #e9e9e9;
	color: #76327D;
}

.gastenboek
{
	scrollbar-face-color: #B8BECD;
  scrollbar-arrow-color: #000037;
  scrollbar-base-color: #DBCFDB;
  scrollbar-track-color: #DBCFDB;
  overflow-y: scroll;
}

blockquote.indexquote 
{
	display: block;
	padding: 0 60px;
	width: 350px;
	font-weight: bold;
	font-size: 30px;
	color: #7A82A7;
	margin-left: 0px;
	margin-top: 350px;
}

blockquote.indexquote:before, blockquote.indexquote:after 
{
	color: #7A82A7;
	display: block;
	font-size: 200%;
	width: 50px;
}

blockquote.indexquote:before 
{
	content: open-quote;
	height: 0;
	margin-left: -.95em;
}

blockquote.indexquote:after 
{
	content: close-quote;
	height: 50px;
	margin-top: -50px;   
	margin-left: 255px;
}

/* Menu hidden tabs */

.menu {float: left; position:relative; z-index:100; margin-top:0px;}

.menu ul {padding:0; margin:0; list-style-type: none; height:170px;}

.menu ul li {width:35px; text-align:left;}
* html .menu ul li {width:235px; margin-left:-16px; margin-left:0;}

.menu ul li a, .menu ul li a:visited {font-family: "Trebuchet MS"; font-size: 9px; display:block; text-decoration:none; width:15px; padding:10px; background:transparent url(./images/tab1.png) top right; height:80px; text-align:left;}
* html .menu ul li a, * html .menu ul li a:visited {width:35px; height:100px; width:15px; height:80px;}

table {margin:0; padding:0; border:0; border-collapse:collapse;font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; width:190px; top:0; left:0;}

.menu ul li:hover {position:relative;}
.menu ul li:hover a {padding-left:200px;}

.menu ul li a:hover {padding-left:201px; position:relative; z-index:200; border-left:0;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; z-index:300;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#d8e2e2 url(fade.gif); color:#888; text-align:left; height:auto; padding:5px; border:1px solid #000; border-width:1px 1px 0 1px; width:190px; w\idth:180px;}

.menu ul li:hover ul li a.last,
.menu ul li a:hover ul li a.last {border-bottom:1px solid #000;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#e8f2f2; color:#000;}

.menuimage
{
	margin-left: -10px;
	margin-top: -10px;
}

/* Fotogalerij */

#fotocontainer 
{
	position:relative; 
	width:240px; 
	height:480px; 
	background:#e9e9e9; 
	margin:0px;
}

a.gallery, a.gallery:visited 
{
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #76327D; 
	width:75px; 
	height:75px; 
	float:left; 
	margin:7px 21px; 
	position:relative; 
	cursor:default;
}

a.slidea {background:url(images/sph1.png);}
a.slideb {background:url(images/sph2.png);}
a.slidec {background:url(images/sph3.png);}
a.slided {background:url(images/sph4.png);}
a.slidee {background:url(images/sph5.png);}
a.slidef {background:url(images/spv1.png);}
a.slideg {background:url(images/spv2.png);}
a.slideh {background:url(images/spv3.png);}
a.slidei {background:url(images/spv4.png);}
a.slidej {background:url(images/spv5.png);}

a.gallery span 
{
	visibility:hidden; 
	display:block; 
	position:relative; 
	width:500px; 
	height:450px; 
	top:10px; 
	left:250px; 
	color:#000; 
	background:#E5E7ED; 
	text-align:center; 
	border:1px solid #4D4F6D; 
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
	letter-spacing:1px; 
	cursor:default;
}

a.slidea span {left:250px; top:-20px;}
a.slideb span {left:131px; top:-20px;}
a.slidec span {left:250px; top:-111px;}
a.slided span {left:131px; top:-111px;}
a.slidee span {left:250px; top:-202px;}
a.slidef span {left:131px; top:-202px;}
a.slideg span {left:250px; top:-293px;}
a.slideh span {left:131px; top:-293px;}
a.slidei span {left:250px; top:-384px;}
a.slidej span {left:131px; top:-384px;}

a.gallery:hover 
{
white-space:normal; 
border:1px solid #fff; 
z-index:100;
}

a.gallery:hover span 
{
visibility:visible; 
z-index:100;
}

a.gallery:hover span img 
{
margin:10px; 
border:1px solid #000; 
position:relative; 
z-index:100;
}

a.gallery:active, a.gallery:focus 
{
border:1px solid #ccc; 
z-index:10;
}

a.gallery:active span, a.gallery:focus span 
{
visibility:visible; 
z-index:10;
}

a.gallery:active span img, a.gallery:focus span img 
{
border:1px solid #000; 
position:relative; 
margin:10px; 
z-index:10;
}

/* Gastenboek */

td.upper 
{
	color : #FFFFFF;
	background : #76327D;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

font.smaller 
{
	font-size: 10px;
}

table.entries 
{
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #76327D 1px solid;
	BORDER-LEFT: #76327D 1px solid;
	BORDER-TOP: #76327D 1px solid;
	BORDER-BOTTOM: #76327D 1px solid;
}

a.smaller 
{
	font-size: 10px;
	color : black;
	text-decoration : underline;
}

a.smaller:HOVER 
{
	font-size: 10px;
	color: grey;
	text-decoration : none;
}

input 
{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

hr 
{
	color: #B8CFE7;
	height: 1px;
}

/* Center Style */

/*	* {
		margin:0;
		padding:0;
		}*/

	html, body {
		height:100%;
		}

	body {
		color:#630;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#B8BECD;
		margin-bottom:-354px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:707px;
		width:1000px;
		clear:left;
		background-color:#B8BECD;
		border:1px solid #B8BECD;
		}