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

body {
	width: 100%;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em; 
	background-color:#FFF;
}

a {
	color:#000;
	outline: none;
	text-decoration: none;
}

td a {
	text-decoration: underline;
	line-height: 1.4em;
}

td {
	line-height: 1.4em;
}

#middle_content_contact a, #right_content_contact a {
	text-decoration: underline;	
}

a:hover, a:active {
	color: #0000DA;
}

.special {
	text-decoration: none;
}

p {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

h1, h2 {
	font-size: 23px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

h2 {
	padding-bottom: 9px;
}

h3 {
	text-decoration: underline;
	font-weight: normal;
	font-size: 1em;
	padding-left: 13px;
	margin: 0;
	padding-bottom: 11px;
	line-height: 1.2em;
}

h4 {	
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.visited {
	color: #0000DA;
}

#wrapper {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 1000px;
	height: 550px;
	overflow: hidden;
}

	#section_left {
		float: left;
		top: 0px;
		width: 382px;
		height: 100%;
	}
	
		#nav {
			float: left;
			width: 73px;
			height: 100%;
		}
	
			#buttons {
				float: left;
				position: absolute;
				left: 19px;
			}
			
			#navlinks {
				position: absolute;
				top: 100px;
				left: 19px;
				padding: 0;
				margin: 0;
			}
			
				#navlinks ul {
					width: 100%;
					text-align: left;
					list-style: none;
					padding: 0;
					margin: 13px 0 13px 0;
				}
				
				#navlinks li {
					margin: 0;
					padding: 0;
				}
				
				#navlinks a:link, #navlinks a:visited {
					font-family: Helvetica, Arial, sans-serif;
					font-weight: normal;
					color: #000;
					text-decoration: none;
					line-height: 1.5em;
				}
				
				#navlinks a:hover, #navlinks a:active {
					font-family: Helvetica, Arial, sans-serif;
					font-weight: normal;
					color: #0000DA;
					text-decoration: none;					
					line-height: 1.5em;
				}
				
				#navlinks a.actief {
					text-decoration: underline;
				}
				
			#lijn {
				float: right;
				width: 3px;
				height: 100%;
				background-color:#000;
			}
				
		#left,#left_contact  {
			float: right;
			width: 309px;
			height: 100%;
		}
		
		
			#left_content, #left_news_content, #left_home_content {
				position: relative;
				left: 0px;
				text-align: left;
				width: 271px;
				height: 100%;
				margin: 0px auto;
			}
			
				 #hulpje {
					position:absolute; 
					bottom: -4px; 
					width:271px; 
				}
			
	#section_right {
		float: right;
		top: 0px;
		width: 618px;
		height: 550px;
		overflow: hidden;
	}
	
		#middle,#middle_contact  {
			float: left;
			height: 550px;
			width: 271px;
			overflow: hidden;
			padding: 0 19px 0 19px;
		}
			
			#middle_content {
				width: 271px;
				margin: 0px auto;
			}
			
			#news_links {
				position: absolute;
			}
			
			#news_content {
				position: absolute;
				width: 271px;
				height: 450px;
				top: 72px;
			}
			
				#news_content h3 {
					padding: 0 0 7px 8px;
					margin: 0;
				}
				
				#news_content a {
					text-decoration: underline;
				}
				
				#news_content p {
					padding-bottom: 7px;	
				}
				
				#news_content p.datum {
					padding-bottom: 0;	
				}
				
				.news_img_small {
					padding: 0 0 24px 0;
				}
				
				.div_big {
					margin: 0 0 13px 0;
				}
				
				.news_img_big {
					padding: 0 0 7px 0;
				}
				
			#prev_next {
				position: absolute;
				width: 271px;
				height: 10px;
				bottom: 2px;
				text-align: right;
				background-color:#FFF;
				z-index: 2;
			}
			
			@-moz-document url-prefix() { #prev_next {	bottom: 2px; } }
			
			/* vanwege de staart van de 'p' van 'up' */
			#prev_next_news {
				position: absolute;
				width: 271px;
				height: 10px;
				bottom: 4px;
				text-align: right;
				background-color:#FFF;
				z-index: 2;
			}
			
			@-moz-document url-prefix() { #prev_next_news {	bottom: 2px; } }
			
		#right,#right_contact {
			float: right;
			width: 309px;
			height: 100%;
		}
		
			#right_content {
				width: 271px;
				margin: 0px auto;
			}
			
			#werk_img {
				position: absolute;
				top: 117px;
			}
			
			.werk_img {
				position: absolute;
				top: 117px;
				text-align: left;
			}
			
			#cv_content {
				position: absolute;
				width: 271px;
				height: 480px;
				top: 42px;
			}
			
			.publication {
				margin-bottom: 18px;
			}
			
/* for work-templates */
	#work_main_content {
		width: 271px;
		margin: 0px auto;
	}
	
	#work_text_content {
		position: absolute;
		top: 115px;
		width: 271px;
		height: 400px;
		margin: 0px auto;
	}
			
	#work_text_content a {
		text-decoration: underline;	
	}
	
	#work_ref_content {
		position: relative;
		top: 117px;
		text-align: left;
		width: 271px;
		height: 400px;
		margin: 0px auto;
		overflow: hidden;
	}
	
	#work_numerator{
		position: absolute;
		bottom: 5px;
		width: 271px;
		height: 20px;
		text-align: right;
	}
	
	#work_close {
		position:absolute; 
		bottom: 0px;
		margin-left: 19px;
		width: 24px;
		z-index: 3; 
	}
	
	.imgclip {
		position: absolute;
		clip: rect(0 271px 380px 0);
		z-index: 1;
	}

	.caption {
		position: absolute;
		width: 271px;
		z-index: 0;
		padding-top: 4px;
		font-size: 10px;
	}
	
	.pointer {
		cursor: pointer;		
	}
		
/* end work content */	

/* Added Ingrid for CV,About,Contact&publications,press,references */

#left_content_contact, #middle_content_contact , #right_content_contact {
	text-align: left;
	width: 271px;
	height: 500px;
	margin: 0px auto;
}

#left_content_contact h1, #middle_content_contact h1, #right_content_contact h1 {
	margin-bottom:15px;
}

#left_content_contact h2, #middle_content_contact h2, #right_content_contact h2 {
	font-size: 17px;
	margin: 0;
	padding: 0;
}

#right_content_contact td {
 	line-height: 1.4em;
}

#right_content_contact td.links {
 	width: 45px;
 	vertical-align: top;
}

#right_content_contact td.tussen {
	height: 23px;
}

#left_content_contact ul, #middle_content_contact ul , #right_content_contact ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#left_content_contact li,#middle_content_contact li ,#right_content_contact li {
	padding-left: 13px;
}

#middle_content_contact p.sub {
	margin-left: 45px;
}

/* End added Ingrid for CV,About,Contact&publications,press,references */


#columns { 
	-moz-column-count: 2;
	-moz-column-gap: 9px;
	-moz-column-width: 131px;
	-webkit-column-count: 2;
	-webkit-column-gap: 9px;
	-webkit-column-width: 131px;
	column-count: 2;
	column-gap: 9px;
	column-width: 131px;
	height: 400px;
	width: 271px;
}

#columns p {
	margin: -2px 0 6px 0;
	padding: 0;
	font-size: 0.82em;
	line-height: 1.3em;
}

.first.column {
	padding-right: 9px;
}

.ref_img {
	padding-bottom: 9px;
}

.bezocht:link, .bezocht:visited {
	color: #0000DA;
}

#search {
	position: absolute;
	left: 11px;
	top: 14px;
}

#search h3 {
	padding-bottom: 0;
}

#search a:hover {
	text-decoration: underline;
	color: #0000DA;
}

#search h4 {
	padding-top: 10px;
}

form {
	margin: 0 0 12px 0;
}

/* for fifty percent view */
	#section_left_table {
		float: left;
		top: 0px;
		width: 73px;
		height: 100%;
	}

	#section_right_table {
		float: right;
		top: 0px;
		width: 927px;
		height: 100%;
	}
	
	.tbl_row {
		height: 275px;
		vertical-align: top;
	}
	
	.tbl_cell_50 {
		width: 151px;
	}
	
	#fiftyPctContent {
		width: 125px;
		height: 275px;
		margin: 0;
		overflow: hidden;
	}
	
	#fiftyPctContent_home h1,
	#fiftyPctContent h2, #fiftyPctContent_home h2, #fiftyPctContent_news h2 {
		font-size: 12px;
		padding-bottom: 4px;
	}
	
	#fiftyPctContent h3,#fiftyPctContent p, #fiftyPctContent a, 
	#fiftyPctContent_news h3,#fiftyPctContent_news p, #fiftyPctContent_news a {
		font-size: 8px;
		line-height: 1.2em;
	}
	
	#fiftyPct_news_content {
		position: absolute;
		top: 38px;
		width: 125px;
		height: 200px;
		overflow: hidden;
	}
	
		#fiftyPctContent_news h3 {
			padding: 0 0 4px 9px;
			margin: 0;
		}

		#fiftyPctContent_news a {
			text-decoration: underline;
		}
		
		#fiftyPctContent_news p {
			padding-bottom: 4px;	
		}
		
		#fiftyPctContent_news p.datum {
			padding-bottom: 0;	
		}
		
		#fiftyPctContent_news img.news_img_small {
			padding: 0 0 12px 0;
		}
		
		#fiftyPctContent_news div.div_big {
			margin: 0 0 7px 0;
		}
		
		#fiftyPctContent_news img.news_img_big {
			padding: 0 0 4px 0;
		}
		
	#fiftyPctContent div.werk_headsection {
		height: 65px;
		overflow: hidden;
	}
	
		#fiftyPctContent h3 {
			padding: 0 0 0 9px;
			margin: 0 0 7px 0;
			max-height: 18px;
			overflow: hidden;
		}	
		
		#fiftyPctContent p.werk_header {
			max-height: 18px;
			overflow: hidden;
		}
		
		#fiftyPctContent .werk_img_table {
		position: relative;
		height: 200px;
		overflow: hidden;
	}		


	/* ====== for twentyfive percent view =========== */
	.tbl_row_25 {
		height: 137px;
		vertical-align: top;
	}
	
	.tbl_cell_25 {
		width: 75px;
	}
	
	#twentyfivePctContent, #twentyfivePctContent_home, #twentyfivePctContent_news {
		width: 63px;
		height: 137px;
		margin: 0;
		overflow: hidden;
	}
	
	#twentyfivePctContent_home h1, #twentyfivePctContent h2, #twentyfivePctContent_news h2 {
		font-size: 6px;
		padding-bottom: 4px;
	}
	
	#twentyfivePctContent h3, #twentyfivePctContent p, #twentyfivePctContent a,
	#twentyfivePctContent_news h3, #twentyfivePctContent_news p, #twentyfivePctContent_news a {
		font-size: 4px;
		line-height: 1.3em;
	}
	
	#twentyfivePct_news_content {
		position: absolute;
		top: 25px;
		width: 63px;
		height: 105px;
		overflow: hidden;
	}
	
		#twentyfivePctContent_news h3 {
			padding: 0 0 3px 6px;
			margin: 0;
		}

		#twentyfivePctContent_news a {
			text-decoration: underline;
		}
		
		#twentyfivePctContent_news p {
			padding-bottom: 3px;	
		}
		
		#twentyfivePctContent_news p.datum {
			padding-bottom: 0;	
		}
		
		#twentyfivePctContent_news img.news_img_small {
			padding: 0 0 8px 0;
		}
		
		#twentyfivePctContent_news div.div_big {
			margin: 0 0 5px 0;
		}
		
		#twentyfivePctContent_news img.news_img_big {
			padding: 0 0 3px 0;
		}
		
	
	#twentyfivePctContent div.werk_headsection {
		height: 40px;
		overflow: hidden;
	}
	
		#twentyfivePctContent h3 {
			padding: 0 0 0 6px;
			margin: 0 0 4px 0;
			max-height: 11px;
			overflow: hidden;
		}	
		
		#twentyfivePctContent p.werk_header {
			max-height: 19px;
			overflow: hidden;
		}
		
		#twentyfivePctContent .werk_img_table {
			position: relative;
			height: 96px;
			overflow: hidden;
		}		

/* voor de overlib popup */
.txtFontClass {
	font-size: 1em;
	color: #0000DA;
}