/* RESET ALL STYLES */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; float: none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	background:				#838080 url('../graphics/bg_body.gif') top left repeat-x;
	color:					#d0cece;
	font-family:			Verdana, Arial, Helvetica;
	font-size:				12px;
}

/* DIVISIONS */
	#wrapper{
		margin:					0 auto 0 auto;
		width:					900px;
	}
	
	#header{
		display:				block;
		height:					70px;
	}
	
		#header a{
			background:				url('../graphics/logo.gif') top center no-repeat;
			display:				block;
			height:					50px;
			margin:					20px 0 0 0;
			width:					900px;
		}
		
			#header a span{
				display:				none;
			}
	
	#navigation{
			background:				#585858;
			font-size:				14px;
			height:					30px;
			text-align:				center;	
			width:					900px;
	}
	
		#navigation ul{
			list-style-type:			none;
			padding:					0 0 0 88px;
			text-align:					center;	
			width:						900px;
		}
		
			
			#navigation ul li{
				float:						left;	
			}			
			
				#navigation ul li a{
					background:					#585858;
					color:						#c4b1a1;
					float:						left;
					height:						22px;
					padding:					4px 28px 4px 28px;
					text-decoration:			none;
				}
				
				#navigation ul li a:hover{
					background:					#d0cece;
					color:						#df7b9a;
				}
				
				#navigation ul li.active a{
					color:						#df7b9a;
				}
	
	#content{
		padding:				20px 0 0 0;
	}
	
	#footer{
		clear:					both;
		color:					#a4a4a4;
		padding:				20px 0 20px 0;
		text-align:				center;
		width:					900px;
	}

/* ARTICLES */

	.article{
		margin:					0 0 15px 0;
	}

		.article .image{
			float:					right;
		}
		
			.article .image img{
				border:					1px solid #5c5c5c;
				margin:					10px 0 0 20px;
			}
			
			.article .image span{
				background:				#5c5c5c;
				display:				block;
				padding:				5px;
				width:					242px;
			}
			
			#imgGrid li{
				float:					left;
			}	
			
				#imgGrid li img{
					border: 				2px solid #d0cece;
					float:					left;
					margin:					0 10px 10px 0;
					width:					100px;
				}	
				
				#tekeningen #imgGrid li img{
					width:					100px;
				}						

/* STYLES */

	em{
		font-style:				italic;
	}
	
	strong{
		font-weight:			bold;
	}

	p{
		padding:				0 0 10px 0;				
	}
	
	h2{
		font-size:				18px;
		padding:				0 0 10px 0;
	}
	
	a{
		color:					#df7b9a;
		text-decoration:		none;		
	}
	
	a:hover{
		text-decoration:		underline;
	}
	
	table td{
		padding:				5px;
	}
	
	.clearer{
		clear:					both;
	}