html,
body {
	height:100%;
	color:#000;
	background:#D3E0E0;d3e0e0
}
#canvas {
	min-height:100%;
	position:relative;
	z-index:10;
}
	#header {
		width:100%;
		min-width:1002px;
		position:relative;
		z-index:100;
	}
	#content {
		position:relative;
		width:968px;
		margin:0 auto;
		padding:3.8em 13px 18em 13px;
		background:#FFF;
		color:#0c151b;
	}
	#content:after {	
		content:".";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}	
		/* 2-column layout (default) */
		#main-content {
			width:450px;
			clear:both;
			float:left;
			position:relative;
			margin:0 20px 6em 113px;
			padding:0 12px;
		}
		#sub-content {
			position:relative;
			width:203px;
			float:left;
			margin:5px 20px 6em 0;
			padding:0.5em 12px 0 12px;
			font-size:0.86em;
			line-height:1.3;
		}			
		/* 3-column layout */
		body.articles #main-content,
		body.events #main-content {
			width:450px;
			float:right;
			margin:0 247px 3em -247px;
			padding:10px 12px;
		}	
		body.articles #sub-content,
		body.events #sub-content {
			position:relative;
			width:203px;
			float:left;
			margin:0.5em 0 3em 0;
			padding:10px 12px;
			font-size:1em;
			line-height:1.35;
		}	
		#extras {
			position:relative;
			width:203px;
			float:right;
			margin:0.5em -474px 3em 0;
			padding:10px 12px;
		}	
		/* full canvas width */
		body.users #main-content,
		body.projects #main-content,
		body.client_projects #main-content {
			width:auto;
			float:none;
			margin:0;
			padding:20px 12px;
		}
		/* special */
		body.profile #main-content, 	
		body.aanbod #main-content {
			width:auto;
			float:none;
			margin:0 0 0 20px;
			padding:10px 12px 10px 12px;
		}
		body.jobs #main-content {
			width:670px;
			float:left;
			margin:0 20px 0 20px;
			padding:10px 12px 10px 12px;
		}
		body.jobs #sub-content {
			position:relative;
			width:203px;
			float:right;
			margin:5px 0 6em 0;
			padding:0.75em 12px 0 12px;
			font-size:1em;
		}		

	#footer {
		position:relative;
		z-index:100;
		bottom:0;
		width:100%;
		min-width:1002px;
	}
		#footer .body {
			position:relative;
			width:968px;
			margin:0 auto !important;
			padding:1em 13px 0.4em 13px;
			background:url("../images/backgrounds/footer.gif") #8A7C72 repeat-x;
			border-top:3px solid #D3E0E0;
			color:#FFF;
			font-size:0.846em !important;
			line-height:1.7em;
		}
		