body { 
	margin:0; 
	padding:0; 
	font-size:10pt; 
	line-height:20px; 
	font-family: "Trebuchet MS", Arial; 
	background:#1e1e1e; 
	text-align: center;
}

#main {
	width: 984px;
	margin: 0 auto;
	text-align: left;
	background:#1e1e1e; 
	padding-left:0px; 
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	overflow: auto;
}

#menuboven { 
	background: url(../images/menu_bckg1.gif) repeat-x #000; 
	height:35px; 
	padding-top:0px;
}

#menubeneden { 
	background: url(../images/menu_bckg.gif) repeat-x #000; 
	height:48px;
	text-align: center;
}


#menulinks {
	width: 210px;
	height: 100%;
	margin: 0px;
	clear: none;
	float: left;
	padding-left:0px; 
	padding-top:6px;		
}

#inhoud { 
	width:774px;
	background:url(../images/sidebar_bckg.gif) no-repeat top left #1e1e1e; 
	padding-left:0px; 
	padding-top:10px;
	text-align: left;
	float: right;
}


/* $$$$$$$$$$$$$$ TEKST OPMAAK $$$$$$$$$$$$$$ */

#text { 
	margin: 0 0px 0 20px; 
}

#text p { 
	padding: 0 10px 5px 10px; 
	color:#ccc;
	}

#landinfo {
	float:right;
	padding-right:12px;
}

h1.blue { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#3090C7F;
}

h1.cyan { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#00FFFF;
}

h1.purple { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#8E35EF;
}

h1.red { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#FF0000;
}

h1.yellow { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#FDD017;
}

h1.pink { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#C12283;
}

h1.lightgreen { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#00FF00;
}

h1.green { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#348017;
}

h1.orange { 
	margin:0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:1.0em; 
	color:#FF8c00;
}

hr.red {
	border: 0;
	border-top: 1px solid #FF0000;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

hr.yellow {
	border: 0;
	border-top: 1px solid #FDD017;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

hr.pink {
	border: 0;
	border-top: 1px solid #C12283;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 


hr.lightgreen {
	border: 0;
	border-top: 1px solid #00FF00;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

hr.green {
	border: 0;
	border-top: 1px solid #348017;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

hr.orange {
	border: 0;
	border-top: 1px solid #FF8c00;
	width: 96%;
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

img.fotos {
	border:1px solid #000000;
}


/* $$$$$$$$$$$$$$ LINK OPMAAK $$$$$$$$$$$$$$ */

a {
   	outline: none;
}

a.purple { 
	color:#8E35EF; 
	text-decoration:none;
	outline: none;
}

a.blue { 
	color:#3090C7; 
	text-decoration:none;
	outline: none;
}

a.cyan { 
	color:#00FFFF; 
	text-decoration:none;
	outline: none;
}

a.red { 
	color:#FF0000; 
	text-decoration:none;
	outline: none;
}

a.yellow { 
	color:#FDD017; 
	text-decoration:none;
	outline: none;
}

a.pink { 
	color:#C12283; 
	text-decoration:none;
	outline: none;
}


a.orange { 
	color:#FF8c00; 
	text-decoration:none;
	outline: none;
}

a.lightgreen { 
	color:#00FF00; 
	text-decoration:none;
	outline: none;
}

a.green { 
	color:#348017; 
	text-decoration:none;
	outline: none;
}


a:hover { 
	text-decoration:underline;; 
}

/*border-bottom: underline;*/


/* $$$$$$$$$$$$$$ TABEL OPMAAK $$$$$$$$$$$$$$ */

table { 
	padding: 10px 10px 10px 10px; 
}

td { 	
	border:1px solid #666;	
	padding:3px;
	color:#ccc;
}

td.geenrand { 	
	border:0px;	
	padding:3px;
}	


/* $$$$$$$$$$$$$$ LIGHTBOX GEDEELTE $$$$$$$$$$$$$$ */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
	border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
/* Hiermee pas je de hoogte aan van de foto, waar die geplaatst wordt binnen het scherm*/
	top: -60px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>

#hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
/* Hiermee pas je de box van de tekst hoogte aan*/
	margin-top: -60px;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

/* Dit is de tekst en de 'image 3 of 5' tekst */
#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}
	
#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; clear: left; 
	padding-bottom: 1.0em;	
}		
	
#imageData #bottomNavClose{ 
	width: 66px; float: right;  
	padding-bottom: 0.7em;	
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}