@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0em;
	background:#fff;
	}
	
	#container {
	display: inline;
	float: left;
	margin-left:25%;
	margin-right:15px;
	width: 650px;
	height:300px;
	background-repeat:no-repeat;
	border: 0px solid #FF3;
	}
	

/*==============================w3 test*/

div.img
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 0px solid #ffffff;
}
div.img a:hover img {border: 0px solid #ffffff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
.img2
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: 200px;
  width: 200px;
  float: left;
  text-align: center;
}	



.popupClass1 { width:100px;height:300px;background-color:red; }
.popupClass2 { width:300px;height:100px;background-color:green; }


	
/*--------------------------------header-----------------------------------*/
#titel {
	font-family:Helvetica;
	font-weight: lighter;
	font-size:10px;
	color:#000;
	margin-top:30px;
	margin-left:50px;
	z-index:10;
	text-align:left;
	width:200px;
		letter-spacing:0.5;
	line-height:1.1;
	}

#titel a{
	color:#fff;
	padding:0px;
	padding-left: 0px;
	position:fixed;	
	z-index:10;
}


/*--------------------------------main-----------------------------------*/


/*.left {
	float:left;
	width:5%;
	height:0;
	color:#3C6;
	font-size:14px;
	background-color:none;
	border-right: 0px dotted #F00;
	left:10%;
	
	}
	
/*.right {
	float:left;
	width:30%;
	height:200%;
	color:#000
	background: none;
	z-index:11;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	font-size:14px;
	}*/
	
	#engels a{
		float:left;
		width:311px;
		padding-right:1em;
		font-family:"Helvetica";
		font-weight: lighter;
		font-size:12px;
		letter-spacing:0.5;
		line-height:1.3;
		color:#CCC;
		text-decoration: none;
		}
		
		#engels a:hover {
			color:#000;
		}
	
	#nederlands a{
		float:left;
		width:311px;
		padding-left:1em;
		font-size:12px;
		border-left: 1px dotted #000;
		font-family:"Helvetica";
		font-weight: lighter;
		letter-spacing:0.5;
		line-height:1.3;
		color:#CCC;
		text-decoration: none;
		}
		
		
		
		#nederlands a:hover {
			color:#000;
		}
		
			#informatie a{
		float:left;
		width:511px;
		padding-right:1em;
		font-family:"Helvetica";
		font-weight: lighter;
		font-size:12px;
		letter-spacing:0.5;
		line-height:1.3;
		color:#CCC;
		text-decoration: none;
		}
		
		#informatie a:hover {
			color:#000;
		}
		
		#engels1 {
		float:left;
		width:650px;
		font-family:"Georgia";
		font-style:italic;
		font-size:11px;
		}
	
	#nederlands1 {
		float:left;
		width:650px;
		font-size:12px;
		font-family:"Georgia";
		font-style:italic;
		}


	.text0 {
	float:left;
	width:10%;
	margin-top:0px;
	margin-left:0px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #03F;
	padding-left:0px;	
	padding-right:10px;	
	text-align:justify;
	}
	
	.text1 {
	float:left;
	width:30%;
	margin-top:0px;
	margin-left:0px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #F00;
	padding-left:10px;	
	padding-right:10px;	
	text-align:justify;
	height: 200px;
	}
	
	.text2 {
	float:left;
	width:30%;
	margin-top:0px;
	margin-left:10px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #F06;
	padding-left:10px;
	padding-right:10px;	
	text-align:justify;
	}
	
	.text3 {
	float:left;
	width:30%;
	margin-top:0px;
	margin-left:10px;
	padding-left:20px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #6C0;
	padding-left:10px;	
	padding-right:10px;	
	text-align:justify;

	}

.content {
	float:left;
	height:100%;
	color:#000;
	font-size:12px;
	position:fixed;
	
}

.navigatie {
	color:#FFF;
	margin-top:220px;
	margin-left:50px;
	z-index:11;
	float:left;
	font-size:18px;
	padding-left:0.5em;
	position:fixed;
	}

.navigatie a{
	color:#FFF;
	font-size:18px;
	background-color:#FFF;
}

/*--------------------------------text-----------------------------------*/

p {
	
	font-size:14px;
}

h2 {
	font-family:"Helvetica";
	font-weight: lighter;
	color:#F00;
	font-size:18px;
	margin-top: 0px;
	font-style:italic;
	font-style:oblique;
	}
	
h1 {
	font-family:"Helvetica";
	font-weight:lighter;
	text-decoration:underline;
	color:#000;
	font-size:14px;
	margin-top: 0px;
	text-align:left;
	}
	
p1 {
	font-family:"Helvetica";
	font-weight: lighter;		
	color:#000;
	font-size:20px;
	text-align:center;
	}
	
p2 {
	font-family:"Helvetica";
	font-weight: lighter;
	color:#000;
	font-size:12px;
	letter-spacing:0.5;
		line-height:1.3;
	}
	
	
p3 {
		
	font-family:"Helvetica";
	font-weight: lighter;
	color:#000;
	font-size:14px;
	background:#C33;
	}

/*--------------------------------links-----------------------------------*/
	a:link{
		
		color:#000;
		
		}	
	
	a:visited {
		color:#000;
		text-decoration:none;
		}
	
	a:hover {		
		color:#333;
		
		}
	
	a:active {		
		color:#000;
		text-decoration:underline;
		}


.contact {
		color:#000;
		font-size:12px;
		margin-left:50%;
		margin-top:0px;
		width: 40%;
		height:100%;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		background-color:#fff;
		opacity:0.9;
}
.bio {
		color:#000;
		font-size:13px;
		margin-left:40%;
		margin-top:0px;
		width: 40%;
		height:100%;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		background-color:#fff;
		
}

/*--------------------------------afbeeldingen-----------------------------------*/
.afb {
	float:left;
	text-align:justify; 
	overflow:auto;
	width:100%;
	margin:2px;	
	font-size:12px;
	background-repeat:no-repeat;	 
	}
	
	#thumbsHolder { 		
		position:fixed; 
	list-style:none;
	top:40px;
	left:400px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	font-size:34px;
	text-align:right;
		
		}
		
		
	#largeHolder {
		margin-left:200px;
		margin-top:0px;
		float:left;
		height:50%;
		position:absolute;
		}
		
		#largeImage {
		margin-left:300px;
		margin-top:80px;
		float:left;
	
		}
		
	
		
/*--------------------------------footer-----------------------------------*/

#footer {		
	font-size:9px;
	color:#000;
	bottom:0;
	height:16px;
	left:0;
	position:fixed;
	text-align:left;
	padding-left:65px;
	padding-bottom:10px;
	width:100%;
	}
		
#footer a{		
	font-size:10px;
	font-style:italic;
	padding-right: 6em;
	color:#000;
	}
	
#footer2 {
	font-size:18px;
	color:#000;
	bottom:0;
	height:16px;
	left:0;
	position:fixed;
	text-align:left;
	padding-left:20px;
	padding-bottom:2em;
	width:60%;
	z-index:2;
}

#footer a{		
		font-size:9px;
		}
		
		
		/*-----------------------------PUBLI.CSS---------------------------*/
		
	/*	#afb_index {
	background:url(../images/-3-%20diensten%20Martin.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height: 700px;
	width:400px;
	margin-top:10px;
	margin-left:40%;
}*/ 


.navigation {  /* navigatie-kopjes */
	width:50%; 
	margin-left: 8%; 
	padding-left: 2em; 
	margin-top: 0px; 
	float:left; 
	position:fixed;
	border-right: 1px dotted #000;
	}
	
	
.subjects { /* onderwepen  */
	
	position:fixed; 
	margin-top: 18px;
	margin-left: 48px;
	border-left: 0px dotted #396;
	float:left;
	font-size:12px;
	padding-left:0;
	font-family:"Helvetica";
	font-weight: lighter;
	letter-spacing:0.7;
	line-height:1.3;
		}	
	.subjects a {
		color:#000;
	}
		.subjects a:hover {
		color:#F00;
	}
	
.pages { /* subjes */
	position:fixed; 
	list-style:none;
	margin-top: 0px;
	right:4%;
	font-family:"Helvetica";
	font-weight: lighter;
	letter-spacing:0.7;
	line-height:1.3;
	font-size:14px;
	text-align:right;
	
	}
	
.pages a {
	color:#333;
	text-decoration:underline;
}
	
.selected { 
	font-weight: bold; 
	color:#09C;  
	font-family: "Georgia";
	font-style:italic;
	font-size:5px;
}
	
/*------middenstuk -voorpagina- neemt ook navigatie mee- en logo!--------*/
	#page { 
	position:fixed; 
	top:50px;
	left:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	width: 1100px;
	border-left: 1px dotted #000;
	padding-left:0.5em;	
	}
	
	/*div#plaatje {
	margin-left:0px;
	margin-top: 0px;
	position:fixed;
	height: 50%px;
	width:50%;	
	background-color:none;
	z-index:1;
	float:left;
	
	}*/
	
.page-content {  
color:#000; 
font-style: italic; 
width:300px;
font-size:18px;
	}