#header {
	margin-bottom: 6px;
}

#sitenav {
	width: auto;
	margin: 0 0 14px 0;
	border-bottom: 2px dotted #7f7f7f;
	padding-bottom: 16px;
}

#sitenav .sectionnav {
	float: left;
	width: 230px;
	height: 189px;
	margin-left: 20px;
	/* IE6 doesn't support :first-child: */
	_margin-left: expression(!previousSibling ? '0' : '20px');
}
	#sitenav .sectionnav:first-child {
		margin-left: 0;
	}

	/* The "... li span" background is only used in IE6. Otherwise the 50%
	 * opacity filter used for unused list items (see "#sitenav li span"
	 * rule below) breaks with ClearType:
	 */
	.sectionnav#cultuureducatie,
	.sectionnav#cultuureducatie li span {
		background-color: #a3c32e;
	}
	.sectionnav#over-mocca,
	.sectionnav#over-mocca li span {
		background-color: #c70b00;
	}
	.sectionnav#bijeenkomsten,
	.sectionnav#bijeenkomsten li span {
		background-color: #c72766;
	}
	.sectionnav#voor-scholen,
	.sectionnav#voor-scholen li span {
		background-color: #17a9e7;
	}
	.sectionnav#voor-aanbieders,
	.sectionnav#voor-aanbieders li span {
		background-color: #f58429;
	}

		#sitenav .sectionnav h3 {
			margin-bottom: 9px;
		}

		#sitenav #cultuureducatie h3 {
			background-image: url(/images/home/cultuureducatie.gif);
		}
		#sitenav #over-mocca h3 {
			background-image: url(/images/home/over-mocca.gif);
		}
		#sitenav #bijeenkomsten h3 {
			background-image: url(/images/home/bijeenkomsten.gif);
		}
		#sitenav #voor-scholen h3 {
			background-image: url(/images/home/voor-scholen.gif);
		}
		#sitenav #voor-aanbieders h3 {
			background-image: url(/images/home/voor-aanbieders.gif);
		}


#sitenav li a,
#sitenav li span {
	border: 0;
	padding: 5px 10px 5px 26px;
	color: white;
}
	#sitenav li a:hover {
		background-color: white;
		/* IE7 somehow finds the .sectionnav#... background colors very
		 * important, and only overrides them with the following: */
		*background-color: expression(this.onhover && 'white');
		color: red;
	}
	#sitenav li span {
		opacity: 0.4;
		/* IE doesn't support css opacity: */
		filter: alpha(opacity=40);
		background-color: inherit;
	}



/* The widgets aren't in a column on the right, but in a row at the bottom. */
#widgets {
	float: none;
	clear: both;
	overflow: auto;
	margin-left: -20px;
	_margin-left: -40px;
}
	.widget {
		float: left;
	}


#content {
	clear: left;
}