html {
	background-color: #FFF;
	font-family: "Comic Sans MS" , Arial, Helvetica, sans-serif;
}
body {
	margin: 0 auto 0 auto;
}

#frame{
	width: 818px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
	#header{
		width: 818px;
		height: 150px;
		background: #DCF5F9 center url('images/header.jpg') no-repeat;
	}
		#blauw{
			margin: 10px 0 0 1px;
			width:258px;
			height:128px;
		}
		#groen{
			margin: 39px 0 0 -100px;
			width:148px;
			height:76px;
		}
		#rood{
			margin: 10px 0 0 0;
			width:248px;
			height:127px;
		}
		#oranje{
			margin:21px 0 0 -33px;
			width:144px;
			height:105px;
		}
		#geel{
			margin: 10px 0 0 -13px;
			width:165px;
			height:130px;
		}
	#topmenu a, #topmenu{
		color: #0071C1;
		font-size: 15px;
		text-decoration:none;
	}
	#main{
		float:left;
		width: 818px;
		background: url('images/bg.jpg') repeat-y;
	}
		#leftmenu{
			width: 158px;
			background-color: #0071c1;
			min-height: 100%;
			height: auto;
			max-height: 100%;
			_height: 100%;
			float: left;
			border-right: 1px solid #000;
			font-size: 14px;
			color: #22caf9;
			line-height: 30px;
		}
			#leftmenu a{
				background-image: url('images/menuitem.jpg');
				background-repeat: no-repeat;
				background-position: center left;
				color: #22caf9;
				padding-left: 33px;
				line-height: 16px;
				text-decoration:none;
			}
		#content{
			width: 643px;
			min-height: 100%;
			background-color: #FFF;
			float:right;
			padding: 8px 8px 8px 8px;
			font-family: "Comic Sans MS" , Arial, Helvetica, sans-serif;
			color: #000;
		}
	#footer{
		clear:both;
		font-size: 12px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		
	}
	
.top{
	display:block;
	float:left;
}
.balk {
	clear:both;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 818px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	background-color: #b3eaf1;
}
#topmenu .active, #leftmenu .active{
	text-decoration: underline;
}
.sas_module_link{
	color:#0071C1;
}