/* BEGIN FRAMEWORK LAYOUT */
* {
	margin:0;
	padding:0;
}

.clearfix:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

html, body	{
	height				: 100%;
	margin				: 0;
	padding 			: 0;
} 

body {
	padding				: 0;
	margin				: 0;
}

	.BG_Content {
		background-color: #D1DEE6;
		width			: 660px;
	}

#container{
	margin				: 0 auto;
	margin-bottom		: -87px;

	width				: 990px;
	min-height			: 100%;

	text-align			: left;
	
	background-image	: url(../images/layout/bg_content.gif);
	background-repeat	: repeat-y;
}
 
* html #container {	
	height				: 100%;	 /*for IE as IE treats height as min-height anyway*/
}

#header{
	display				: inline;
	display				: block;
	top					: 0px;

	width				: auto;
	height				: 120px;

	overflow			: hidden;
	float				: left;
	
	border-bottom-color	: #FFFFFF;
	border-bottom-style	: solid;
	border-bottom-width	: 1px;
}

#clearfooter			{ clear	:both; 	height:86px;}			/* needed to make room for footer */
#clearform				{ clear	:both; 	height:86px;}			/* needed to make room for footer */
* > html #clearfooter 	{ float	:left; 	width:100%;}			/* ie mac styles */
* html #centrecontent 	{ height:1%; 	margin-bottom:12px;}	/* combat IE's 3 pixel jog */

#centrecontent { 
	margin-top			: 0px; 
	z-index				: 1;
}

	#content {
		width			: 660px;
		
		margin-left 	: 30px;
		margin-top 		: 17px;
		margin-right 	: 0px;
		
		float			: left;
		display			: inline;
	}

/* EINDE FRAMEWORK LAYOUT */


/* BEGIN OPMAAK HEADER */
#header .header {
	width				: 990px;
	height				: 90px;

	display				: inline;
	display				: block;
	
	background-color	: #0064A9;
	
	border-bottom-color	: #FFFFFF;
	border-bottom-style	: solid;
	border-bottom-width	: 1px;
}

	.header .logo {
		margin-top		: 20px;
		margin-left		: 16px;
		
		width			: 236px;
		height			: 49px;
		
		border			: 0px solid #FFFFFF;
	}
/* EINDE OPMAAK HEADER */


/* BEGIN OPMAAK FOOTER */
#footer {
	width				: 990px;
	height				: 86px;

	padding				: 0;
	position			: relative;
	margin				: 0 auto;

	clear				: both;

	display				: inline;
	display				: block;
	
	background-color	: #0064A9;
	
	border-top-color	: #FFFFFF;
	border-top-style	: solid;
	border-top-width	: 1px;
}

* html #footer {		/*only ie gets this style*/
	\height				: 86px;	/* for ie5 */
	he\ight				: 86px;	/* for ie6 */
	padding-right		: 0px;
	
	background-color	: #0064A9;
}

	IMG.footer_left {
		width				: 250px;
		height				: 86px;
		
		border-right		: 2px;
		border-right-style	: solid;
		border-right-color	: #FFFFFF;
	}

	IMG.footer_center {
		width				: 245px;
		height				: 86px;
		
		overflow			: hidden;
		
		border-right		: 1px;
		border-right-style	: solid;
		border-right-color	: #FFFFFF;
	}

	IMG.footer_right {
		width	: 246px;
		height	: 86px;
		
		border	: 0px solid #FFFFFF;
	}
	
	IMG.border {
		border-color	: #0064A9;
		border-style	: solid;
		border-width	: 1px;
	}
/* EINDE OPMAAK FOOTER */