/*
 * Make or buy CSS
 * 
 * Kleuren:
 * 	- #f15922 (Koptekst oranje)
 *  - #7d7d7d {Tekst grijs}
 */

/* ---------------------------------------------------- /
 * Reset */
	body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
	ol, li, dl, dt, dd, form, a, fieldset, input, th, td, hr
	{border:0; margin:0; padding:0; outline:none;}
	
	h1, h2, h3, h4, h5, h6{font-size: 100%;}
	
	body{line-height: 1;font-size: 88%;}

	ul, ol{list-style: none;}
	
	img	{border: 0;}
	
	.clear{clear:both;}
	.float-right{float:right;}
	.float-left{float:left;}
	.hidden{display:none;}
	div.spacer10{float:left; height:50px; width:10px;}

/* ---------------------------------------------------- /
 * Basic Elements */

	html{overflow-y:scroll;}

	body{
		background:#d0cdc8; /*url(../images/bg_body.jpg) left top repeat-x;*/
		font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:1.8em;
		color:#7d7d7d;
	}
	
	/* Container */
	div#wrapper{
		background:url(../images/bg_wrapper.jpg) center top no-repeat;
	}
	/* Container */
	div#container{
		background:#fff url(../images/bg_container.jpg) left -1px repeat-x;
		width:899px;
		margin:0 auto;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		min-height:450px;
		padding-bottom:5px;
	}
	
	/* Kopteksten */
	h1, h2, h3, h4, h5, h6{font-weight:normal;}
	h1{border-bottom:1px solid #bbb6b1; margin:0; padding:0;}
	h2{color:#f15922; font-size:2.4em; margin-bottom:1em;}
	h3{
		color:#f15923;
		font-size:1.2em; font-weight:bold;
		margin:17px 0 0 0;
	}
	h3 a{color:#f15923; font-weight:bold; text-decoration:none;}
	h3 a:hover{text-decoration:none;}
	
	a {color:#f15923;text-decoration:underline;}
	a:hover {color:#f15923;text-decoration:underline;}
	

	/* Paragraaf */
	p{
		font-size:1.1em;
		font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin-bottom:1.5em;
		color:#7d7d7d;
	}
	
/* ---------------------------------------------------- /
 * Header */

	/* Navigatie */
	ul#nav{
		width:150px;
		float:left;
	}
		ul#nav li{ 
			border-bottom: 1px solid #fff;
		}
			ul#nav li a{
				display:block;
				background-color:#e6e5e4;
				height:32px;
				line-height:32px;
				padding-left:14px;
				font-size:1.2em;
				text-decoration:none;
				font-weight:bold;
				color:#545353;
			}
			ul#nav li a:hover, ul#nav li.actief a{
				background-color:#f15922;
				color:#fff;
			}
				ul#nav li ul{display:none;}
				ul#nav li.actief ul{display:inline;}
				
				ul#nav li.actief ul li a{
					background-color:#eaad96;
					line-height:15px;
					padding:5px 0 5px 32px;
					height:auto;
					color:#545353;
				}
				ul#nav li ul li a:hover{color:#fff;background:#eaad96;}
				ul#nav li ul li.actief a, ul#nav li ul li.actief a:hover{
					background:#eaad96 url(../images/nav_pijltje.jpg) left top no-repeat;
					color:#fff;
				}

/* ---------------------------------------------------- /
 * Content */

	div#body{
		float:left;
		width:749px;
		display:inline; /* ie 6 fix */
	}
		div#body div.content{
			margin:53px 0 0 65px;
			width:471px;
			float:left;
			display:inline; /* ie 6 fix */
			
			font-size:1.1em;
			font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin-bottom:1.5em;
			color:#7d7d7d;
			
		}
		
		div.opvallend{
			background:url(../images/block_opvallend.png) left top no-repeat;
			height:192px; width:622px;
			margin:17px 0 7px 32px;
			padding-left:27px;
			padding-top:22px;
		}
		div.opvallend img{
			margin-top:-22px;
			display:inline; /* ie 6 fix */
			margin-left:20px;
		}
		div.opvallend p{margin-right:20px;}
		
		div.lichtgrijs{
			background:url(../images/block_lichtgrijs.jpg) left top no-repeat;
			margin:17px 0 7px 32px; padding-left:27px; padding-top:22px;
			overflow:hidden;
			width:622px;
		}
			div.lichtgrijs div.col1{
				width:320px;
				margin-right:50px;
				float:left;
				display:inline;
			}
			div.lichtgrijs div.col2{display:inline; float:left; width:200px;}
			div.lichtgrijs div.col1 p, div.lichtgrijs div.col2 p{font-size:1.2em;font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;margin-bottom:1.1em;color:#7d7d7d;}
			/*div.lichtgrijs p, div.lichtgrijs h3{
				line-height:1.2em;
			}
			*/
		
	div.thumbs{
		width:143px;
		float:right;
		display:inline; /* ie 6 fix */
	}

/* ---------------------------------------------------- /
 * Footer */

	div#footer{margin:0 auto; width:903px;}

/* ---------------------------------------------------- /
 * Fixes */

	/* ie 6 png fix */
	img.png, div.opvallend{_behavior: url(/iepngfix.htc);}