/* CSS Document */

/* Dit css document bevat de kale grafische opzet van de website, met header (incl logo), linker en rechter witte contentvlak */

*
{
	margin						: 0;
	padding						: 0;
}


body
{
	background-color			: #908071;
	color						: #4C4C4C;
	text-align					: center;
	
	height						: 100%;
}

#page
{
	width						: 990px;
	margin						: 0 auto;
	min-height					: 100%;
	text-align					: left;
	background					: #908071;
	position					: relative;
	min-height					: 100%;
}

html
	{
	height						: 100%;
	}

* html #page
{
	height						: 100%;
}


/* HEADER */

#header
{
	position					: absolute;
	top							: 0px;
	left						: 0px;
	width						: 100%;
	height						: 157px;
}

#header_left
{
	float						: left;
	left						: 0px;
	width						: 40%;
	
	height						: 157px;
	background-image			: url(images/background_top_left.jpg);
}

#header_right
{
	float						: right;
	left						: 0px;
	width						: 40%;
	
	height						: 157px;
	background-image			: url(images/background_top_right.jpg);
}

#background
{
	position					: absolute;
	top							: 157px;
	left						: 0px;
	width						: 100%;
	height						: 500px;
	background-image			: url(images/background_middle.jpg);
	background-repeat			: repeat-x;
}



#page_header {
	float						: left;
	width						: 990px;
	height						: 147px;
	background					: #FFFFFF;
}

#page_header_logo {
	position					: absolute;
	width						: 150px;
	height						: 100px;
	
	left						: 30px;
	top							: 15px;
}

#page_header_menu {
	position					: absolute;
	height						: 20px;
	width						: 790px;
	top							: 105px;
	left						: 216px;
}

#lowlevelmenu {
	position					: absolute;
	height						: 20px;
	width						: 220px;
	top							: 8px;
	right						: 8px;
	background:#FFFFFF;
	z-index:20;

}

#page_header_bottom {
	position					: relative;
	width						: 990px;
	height						: 17px;
	
	left						: 0px;
	top							: 130px;
	
	
	background					: url(images/background_header_bottom.gif);
	background-repeat			: repeat-y;
	overflow					: hidden; /* ivm IE6 bug */
}





#page_left {
	float						: left;
	width						: 718px;
	background-image			: url(images/pl_bc.gif);
	margin-bottom:0px;
}

#pl_bc_left {
	float						: left;
	width						: 13px;
	height						: 526px;
	background					: url(images/pl_bc_left.gif);
}

#pl_main {
	float						: left;
	width						: 697px;
	background					: #FFFFFF;
}

#pl_bc_right {
	float						: right; /* ivm FireFox */
	width						: 8px;
	height						: 526px;
/*	background					: url(images/pl_bc_right.gif);     in bronbestand gezet wegens IE 6 bug */
}

#pl_bottom {
	float						: left;
	width						: 718px;
	height						: 16px;
	background-image			: url(images/pl_bc_bottom.gif);
	overflow					: hidden; /* ivm IE6 bug */
}






#page_right {
	float						: right;
	width						: 272px;
	background					: url(images/pr_bc.gif);
}

#pr_bc_left {
	float						: left;
	width						: 9px;
	height						: 526px;
	background					: url(images/pr_bc_left.gif);
}

#pr_main {
	float						: left;
	width						: 209px;
	background					: #FFFFFF;
	
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#pr_bc_right {
	float						: right; /* ivm FireFox */
	width						: 14px;
	height						: 526px;
/*	background					: url(images/pr_bc_right.gif);     in bronbestand gezet wegens IE 6 bug */
}

#pr_bottom {
	float						: left;
	width						: 272px;
	height						: 17px;
	background-image			: url(images/pr_bc_bottom.gif);
	overflow					: hidden; /* ivm IE6 bug */
}