html{
	height:100%;
	background: #e0e0e0 url('../images/html-bg.jpg') repeat-x center top;
}
body{
	width: 877px; 
	margin: 0 auto;
	padding: 0;
}
br.clear { 
	clear: both;
	font-size: 0.1em;
}
/* container */
#container {
	background: url('../images/body-bg.jpg') no-repeat;
	padding: 0 39px;
	*padding: 0 37px;
	margin: 0 auto;
	width: 874px;
}
/* header */
#header{
	height:107px;
	background: url('../images/header.jpg') no-repeat; 
	padding: 0px;
}
#header h1 {
	margin: 0;
	padding: 0;
	display: none;
}
#header p {
	margin: 0;
	padding: 72px 0 0 624px;
	font: 10px "Verdana";
	color: #333333;
}
#header p a {	
	color: #333333;
	text-decoration: none;
}
#header p a:hover {	
	text-decoration: underline;
}
/* topmenu */
ul#topmenu {
	margin: 0;
	padding: 0;
	height: 37px;
	line-height: 35px;
	background: url('../images/topmenu-bg.jpg') repeat-x; 
}
ul#topmenu li {
	display: inline;
	background: url('../images/topmenu-li-bg.jpg') no-repeat; 
	padding: 0 20px; 
	border-left: 2px SOLID #FFF;
}
ul#topmenu li.first {	border: none; }
ul#topmenu li a {
	font: 12px "Verdana";
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
ul#topmenu li a:hover {
	text-decoration: underline;
}


/* container */
#container {
	width: 877px; 
	height: auto;
	padding: 24px 0 0 0;
	background: url('../images/spacer.jpg') no-repeat;
}

/* Menu */
#left {
	width: 161px;
	float: left;
}

#left h3 {
	height: 26px;
	font: 14px "Verdana";
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 23px 0 0 25px;
}
#left ul		{	margin: 0;	list-style: none;	padding: 6px 0 32px 20px;		}
#left ul li		{	color: #FFF;	font: 11px "Verdana";	padding: 1px 0 1px 10px;  }
#left ul li	a	{	color: #FFF;	text-decoration: none; }
	
	/* Blue */
	#left .blue			{	background: url('../images/menu/blue-bg.jpg') repeat-y;	margin: 0 0 20px 0; }
	#left .blue h3		{	background: url('../images/menu/blue-h3.jpg') no-repeat; }
	#left .blue ul		{	background: url('../images/menu/blue-bottom.jpg') no-repeat left bottom;	}
	#left .blue ul li	{	background: url('../images/menu/blue-bullit.jpg') no-repeat left center;	}
	/* green */
	#left .green		{	background: url('../images/menu/green-bg.jpg') repeat-y;	margin: 0 0 20px 0; }
	#left .green h3		{	background: url('../images/menu/green-h3.jpg') no-repeat; }
	#left .green ul		{	background: url('../images/menu/green-bottom.jpg') no-repeat left bottom;	}
	#left .green ul li	{	background: url('../images/menu/green-bullit.jpg') no-repeat left center;	}

	
/* Content */
#right {
	width: 716px;
	float: left;
	background: url('../images/content/bg.jpg') repeat-y left top;
}

#right #content {
	background: url('../images/content/bg-bottom.jpg') no-repeat left bottom;
	padding: 0 0 70px 0;
}
#right #content #top {
	background: url('../images/content/top.jpg') no-repeat left top;
	height: 24px;
}

	/* Content left */
	#right .left {	
		width: 447px;
		float: left;
		height: auto;
		color: #333333;
		padding: 0 25px 0 50px
	}
	#right .left  a {	
		color: #333333;
		text-decoration: none;
	}
	#right .left h2 {	
		font: 18px "Verdana";
		margin: 0;
		padding: 6px 0;
	}
	#right .left p {	
		font: 11px "Verdana";
		margin: 0;
		padding: 6px 0;
	}
	#right table {
		font: 11px "Verdana";
	}
	#right table tr {
		height: 38px;
	}
	#right table tr.dark {
		height: 30px;
		background: url('../images/content/overzicht-bg.jpg') no-repeat;
	}









	
	#right p.extra		{	padding: 20px 0 0 0; }
	#right p.extra a	{	color: #999999; font-size: 10px;}

	#right .right {	
		width: 177px;
		float: left;
	}

	#right .right ul		{	list-style: none;	margin: 0;	padding: 0; }
	#right .right ul li		{	background: url('../images/bullit.jpg') no-repeat left center;	padding: 1px 0 1px 10px;	font: 10px "Verdana"; }
	#right .right ul li a	{	text-decoration: none;	color: #999999; }

	/* blue */
	#right .blue		{	border-bottom: 1px SOLID #dddddd;	background: url('../images/star-2.jpg') no-repeat right bottom;	padding: 12px 0 12px 20px;}
	#right .blue  h3	{	color: #40b3ff;	font: 10px "Verdana"; font-weight: bold;	margin: 0;	padding: 0 0 10px 0; }

	/* Green */
	#right .green		{	border-bottom: 1px SOLID #dddddd;	background: url('../images/star-2.jpg') no-repeat right bottom;	padding: 12px 0 12px 20px;	}
	#right .green  h3	{	color: #66ad12;	font: 10px "Verdana"; font-weight: bold;	margin: 0;	padding: 0 0 10px 0; }
	#right .first		{	padding: 0 0 12px 20px;	}
	
	p#footer			{	text-align: center;	padding: 0 0 20px 161px;	font: 10px "Verdana";	color: #333333; }	
	p#footer a			{	text-decoration: none;	color: #333333; }	
	p#footer a:hover	{	text-decoration: underline; }