body, html { 
	background: url('images/gradient.gif'); 
	background-repeat: repeat;
	padding: 0; 
	margin: 0px auto;  
	color: #000000; 
	font: 11px "Arial", sans-serif;
	height:100%;
}

#error {width:670px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }
#error h2 { color:#990000;}

#melding {width:670px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#c3ecb8; border:1px solid #006600; color:#006600; }
#melding h2.melding { color:#006600;}

img { border: 0px; }

a, a:visited, a:active {
	font: 11px "Arial", sans-serif;
	color: #000;
	text-decoration: none;	
}

a:hover {
	font: 11px "Arial", sans-serif;
	color: #000;	
	text-decoration: underline;
}
div.hidden { 
	display: none; 
} 

div.show   { 
	display: block; 
} 
.clear{ clear: both; } 
div#container {
	width: 814px;
	background: #FFF;
	padding-top: 0px; 
	padding-top: 0px; margin: 0px auto; 
}

div#content {
	width: 814px;
	background: #FFF;
	height:100%;
}

div#content #left {
	float: left;
	width: 183px;
	background-color: #d5efff;
	padding-left: 15px;
	padding-top: 10px;
	min-height: 500px;
}

	div#left h2 {
		font: 15px "Arial", sans-serif;
		color: #4a0000;
		font-weight: bold;
	}

	div#left ul#categorieen {
		width: 140px;
		list-style-type: bullet;
		background: #d5efff; 
		margin-left: 15px; 
	}

	div#left ul#categorieen li {
		float: left;
		width: 140px;
		background-color: #d5efff; 
	}

	div#left ul#categorieen li:hover {
		float: left;
		width: 140px;
		background-color: #FFF; 
	}
	div#left ul#categorieen li.spacer {
		list-style-type: none;
	}

	div#left ul#categorieen li.selected {
		float: left;
		width: 140px;
		background-color: #FFF; 
		font-weight: bold;
	}

	div#left ul#categorieen li.selected a {
		font-weight: bold;
	}

		div#left ul#subcategorieen {
			width: 130px;
			list-style-type: bullet;
			background: #d5efff;
			margin-left: 15px; 
		}

		div#left ul#subcategorieen li.selected {
			float: left;
			width: 125px;
			background-color: #FFF; 
			font-weight: bold;
		}

		div#left ul#subcategorieen li:hover {
			float: left;
			width: 125px;
			background-color: #FFF; 
		}	

	div#left ul#menu {
		width: 150px;
		list-style-type: bullet;
		background: #d5efff; 
		margin-left: 15px; 
	}

	div#left ul#menu li {
		float: left;
		width: 140px;
		background-color: #d5efff; 
	}

	div#left ul#menu li:hover {
		float: left;
		width: 140px;
		background-color: #fff; 
	}

div#content #right {
	float: right;
	width: 601px;
	background: #FFF;
	padding-top: 10px;
	margin-left: 10px;
}

	div#right h2 {
		font: 15px "Arial", sans-serif;
		color: #4a0000;
		font-weight: bold;
	}

	div.item {
		width: 200px;
		height: 65px;
		background: #FFF;
		float: left;
	}

	div.item .thumb {
		width: 80px;
		float: left;
	}

	div.item .tekst {
		width: 120px;
		float: right;
	}

div#footer {
	width: 814px;
	background: #d5efff;
	height: 30px;
	text-align: right;
	font: 12px "Arial", sans-serif; 
	color: #4a0000;
	padding-top: 10px;
	font-weight: bold;
}