body {
	color:#000000;
	background-color:#E0F8F7;
	font-family: Times New Roman, georgia, trebuchet ms, Arial, Helvetica, Verdana, sans-serif;
	font-size: medium;
}
a:link{
color:blue;
}
a:visited{
color:maroon;
}
a:active{
color:#E87A67;
}
a:hover {
	text-decoration: none;
	padding: 2px 0px;
	color: #990000;
}

h1 {
	float: none;
	text-align: center;
	text-decoration: none;
	font-size: x-large; 
}

h2 {
	float: none;
	text-align: center;
	text-decoration: none;
	font-size: large; 
}

h3 {
	float: none;
	margin-left: 5%;
	text-align: center;
	font-size: large; 
}
h4 {
	float: none;
	margin-left: 5%;
	text-align: center;
	font-size: medium; 
}

p {
	float: none;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	font-size: medium; 
	page-break-after: always;
}

td {
	float: none;
	margin-left: 5%;
	margin-right: 5%;
	align: center;
	font-size: small; 
}

#achtergrond_duiker {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
   	background-image: url("../img/achtergrond_duiker.jpg");
    background-repeat: no-repeat;
    background-position: left top; 
}

#box {
	display: block;
	position: relative;
	left: 125px;
	width: 90%;
	height: 100%;
	top: 5px;
}

img.left { float: left; margin: 0.5em 1em 1em 0; border: 1px solid #999; clear: left; }


#subnavigatie {
	display: block;
	position: absolute;
	right: 10px;
	width: 20%;
	height: 20%;
	top: 50px;
	font-size: x-small; 

}

#header {
	position:absolute;
	width: 100%;
	top: 10px;
	left: 0px;
   	background-image: url("../img/logo.gif");
    background-repeat: no-repeat;
    background-position: left top; 
}

#header h1 {
	float: none;
	margin-top: 35px;
	text-align: center;
}

#filmpje{
	position:absolute;
	left: 130px;
	top: 1px;
	height: 60px;
}


#welkom_naam {
	position:absolute;
	left: 25%;
	top: 10px;
	height: 40px;
}

#copyright {
	position:absolute;
	right: 5px;
	top: 0px;
	height: 10px;
	font-family: Segoe Print;
	font-size: 10px;
}

#zoeken {
	position:absolute;
	right: 5px;
	top: 15px;
	height: 40px;
}

#zoeken p {
	float: none;
	margin-left: 1%;
	margin-right: 1%;
	text-align: right;
	font: 12px 
}

#tabs {
	position:absolute;
	top:75px;
	right: 0%;
	text-align:right;
	z-index:1;
}
#header>#tabs {
	top:53px;
}

#tabs ul {
	padding:0px;
	margin-left: 28px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
#tabs li {
	display:inline;
}

#tabs li a {
	background-color: red;
	color: white;
	border: solid 0px #0062A6;
	border-width:1px 1px 1px 1px;
	color: white;
	padding: 2px 8px 1px 8px;
	margin:  0px 1px;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
}
#tabs li a:hover {
	background-color: #FFFFFF;
	color: #D60059;

}
#tabs li.current a {
	background-color: #ffffff;
	color: red;
	border-width:1px 1px 1px 1px;
	padding: 2px 8px;
	text-decoration:none;
	
}

#nav {
	position:absolute;
	left: 5px;
	width: 15%;
	top: 90px;
	min-height: 80%;
}

#nav li {
	margin: 1%;
	padding:0px;
}

#nav ul {
	margin: 1%;
	padding:2px;
}
#nav ul li {
	list-style-type: none;
}

#nav ul li a {
	display: block;
	margin: 1px !important;
	margin: -9px;
	margin-left: 0px;
	padding: 3px 1px;
	text-decoration: none;
}

#nav ul li ul li a {
	text-align: right;
}

#advertenties {
	position:absolute;
	right: 0%;
	width: 10%;
	top: 110px;
	min-height: 80%;
	_height: 80%;
}
#advertenties img {
	width: 80px;
	height: 70px;
	align: center;
}
#advertenties p {
	text-align: center;
}

#content {
	position:absolute;
	margin-left: 16%;
	width: 70%;
	top: 110px;
	min-height: 80%;
	_height: 80%;
}

#fotolijst {
	display: block;
	position: absolute;
	width: 90%;
	top: 10px;
	height: 135px;
	font-size: large; 
	overflow: auto;

}
#foto {
	display: block;
	position: absolute;
	margin-left: 16%;
	width: 90%;
	top: 80px;
}

div.hr {
	height: 1px;
	margin-left: 5%;
	margin-right: 5%;
}
div.hr hr {
  display: none;
}

#lb {
	position:absolute;
	margin-left: 0%;
	width: 33%;
	top: 5px;
	height: 45%;
	overflow: hide;
}

#mb {
	position:absolute;
	margin-left: 34%;
	width: 33%;
	top: 5px;
	height: 45%;
	overflow: hide;
}

#rb {
	position:absolute;
	margin-left: 67%;
	width: 33%;
	top: 5px;
	height: 45%;
	overflow: hide;
}


#lo {
	position:absolute;
	margin-left: 0%;
	width: 33%;
	top: 50%;
	height: 50%;
	overflow: hide;
	background-color:#E0F8F7;
}

#mo {
	position:absolute;
	margin-left: 34%;
	width: 33%;
	top: 50%;
	height: 50%;
	overflow: hide;
	background-color:#E0F8F7;
}

#ro {
	position:absolute;
	margin-left: 67%;
	width: 33%;
	top: 50%;
	height: 50%;
	overflow: hide;
	background-color:#E0F8F7;
}

#itemlijst {
	position:absolute;
	margin-left: 0%;
	width: 25%;
	top: 20px;
	height: 100%;
	overflow: hide;
	background-color:#E0F8F7;
}
#item {
	position:relative;
	margin-left: 0%;
	width: 100%;
	height: 30px;
	overflow: hide;
	background-color:#E0F8F7;
}
#item_image {
	position:absolute;
	margin-left: 0%;
	width: 30px;
	overflow: hide;
	background-color:#E0F8F7;
}
#item_url {
	position:absolute;
	margin-left: 50px;
	overflow: hide;
	background-color:#E0F8F7;
	font-size: 9;
}

#item_selected {
	position:absolute;
	margin-left: 27%;
	width: 72%;
	height: 100%;
	overflow: hide;
	background-color:#E0F8F7;
}

#mailtabel {
	width: 80%;
	margin-left: 5%;
}
#mailtabel tr {
}

#mailtabel td {
	text-align: left;
}

#infotabel {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}
#infotabel th {
	text-align: center;
}

#linktabel {
	table-layout: auto;
	width: 90%;
	margin-left: 5%;
	margin-top 10%;
	text-align: left;

}

#linktabel td {
	padding: 10px 10px;
	text-align: left;
}

#thumbnail {
	position:absolute;
	margin-left: 85%;
	top: 10px;
}

#thumbnail a:hover {
	position:absolute;
	margin-left: 85%;
	top: 5px;
}

#afbeelding {
	position:absolute;
	margin-left: 28%;
	width: 70%;
	_height: 80%;
	top: 90px;
	border: solid 1px #E87A67;
	min-height: 80%;
}
.lijstnav {
	text-align: center;
}

.gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
	background-color: #F9FFB8;
	position: absolute;
	padding: 5px;
	border: 1px dashed #E87A67;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnailspan img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0%;
	left: 300px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container { 
	position:relative; 
	height:74px; 
	top:0px; 
	left:5%;
	margin:0px 
	auto 10px; 
	background-color:#6d6d6d; 
	padding:0px 0px 0px; 
	display:block; 

}
	
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ 
	position:relative; 
	overflow:hidden; 
	height: 75px; 
	left: 30px;
	margin:0px; 
	auto 0px; 
	}
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #FFD700 solid; }

/* the forward and backward buttons */
.addfwd { 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:74px; 
	top:0px; 
	right:-25px; 
	background:url(../img/pijl4.gif) no-repeat;  
}

.addbkwd { 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:74px; 
	top:0px; 
	left:-20px; 
	background:url(../img/pijl3.gif) no-repeat;  
}
/* thumbnail slider end */