body { /* voor in de editor */
	/* TODO: invullen */
	font-size: 12px;
	font-family: Arial;
	line-height: 17px;
}

.body { /* overschijft de @css body hierboven, deze .body wordt gebruikt voor de echte body in de pagina*/
	margin: 0px 0px 0px 0px;
	background-color: #F4E2BA;
	color: #444444;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
}

/* De wrapper class, zoals die vrije lanceerder van edmedia zou zeggen */
#boxMain
{
	margin: 0 auto;
	width: 800px;
	display: block;
	height: auto;
	overflow: hidden;
}

	#boxTop
	{
		position: relative;
		background-image: url(../images/top.jpg);
		background-repeat: no-repeat;
		width: 800px;
		height: 73px;
	}
	
		#boxMenu
		{
			position: relative;
			display: block;
			width: 500px;
			height: 20px;
			padding-left: 300px;
			padding-top: 50px;
		}
		
			.knopMenu
			{
				float: left;
				clear: right;
				padding-top: 3px;
				height: 20px;
				text-align: center;
				font-weight: bold;
			}
			
			.knopMenuSelected
			{
				background-color: White;
			}
			
				.knopMenuItem
				{
					text-decoration: none;
					color: #444444;
				}
				
				.knopMenuItem:hover
				{
					text-decoration: none;
				}
				
		#boxFoto
		{
			position: relative;
			display: block;
			width: 800px;
			height: 240px;
			background-color: White;
			padding-top: 2px;
		}
		
			.subitems
			{
				background-color: #E2B452;
				display: none;
			}
			
			.subitem
			{
				padding-top: 3px;
				height: 21px;
				border-bottom: solid 1px White;
				text-decoration: none;
				background-image: url(../images/pijltje.jpg);
				background-repeat: no-repeat;
			}
			
			.subitemlink
			{
				text-decoration: none;
				color: Black;
			}
			
			.subitemlink:hover
			{
				text-decoration: none;
			}
			
		#boxContent
		{
			position: relative;
			display: block;
			width: 800px;
			height: auto;
			background-image: url(../images/back.jpg);
			background-color: White;
			background-repeat: repeat-y;
			padding-top: 2px;
		}
		
		#boxBottom
		{
			position: relative;
			display: block;
			width: 800px;
			height: 80px;
			background-image: url(../images/bottom.jpg);
			background-color: White;
			background-repeat: repeat-y;
			background-position: left 0px;
			padding-top: 2px;
		}
		
		#boxDisclaimer
		{
			position: absolute;
			display: block;
			left: 725px;
			top: 60px;
			width: 75px;
			height: 20px;
			font-weight: bold;
			font-size: 8pt;
			padding-top: 2px;
		}
		
		#boxGanaar
		{
			position: absolute;
			display: block;
			left: 280px;
			top: 5px;
			width: 500px;
			height: 60px;
			border: solid 1px #E1B351;
			padding-top: 2px;
		}
		
		#boxDisclaimer a
		{
			text-decoration: none;
		}
		
		#boxDisclaimer a:hover
		{
			text-decoration: underline;
		}
			
		#boxBottomPuzzelLinks
		{
			position: absolute;
			display: block;
			width: 187px;
			height: 40px;
			left: 36px;
			background-image: url(../images/puzzel_klein.jpg);
			background-repeat: no-repeat;
			padding-top: 2px;
		}
		
		#boxBottomPuzzelMidden
		{
			position: absolute;
			display: block;
			width: 460px;
			height: 80px;
			left: 16px;
			background-image: url(../images/puzzel_half.jpg);
			background-repeat: no-repeat;
			padding-top: 0px;
		}
		
		#boxBottomPuzzelRechts
		{
			position: absolute;
			display: block;
			width: 448px;
			height: 80px;
			left: 290px;
			background-image: url(../images/puzzel.jpg);
			background-repeat: no-repeat;
			padding-top: 2px;
		}
		
.contentheading, .componentheading, .componentheadingnws
{
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 7px;
	color: #C40809;
	width: 230px;
	font-weight: bold;
	font-size: 13pt;
}

.mosformgrouptitle
{
	position:absolute;
	top: 16px;
	color: #C40809;
	font-weight: bold;
	font-size: 13pt;
	padding-bottom: 7px;
}


.contentpaneopennws
{
	padding-left: 20px;
	padding-right: 20px;
	width: 260px;
}

.blognws tr
{
	background-image: url(../images/nws_back.jpg);
	background-repeat: repeat-y;
	background-position: 520px 0px;
}

a
{
	color: #444444;
	font-weight: bold;
}
.createdate
{
	font-weight: bold;
}

.table_left
{
	padding-left: 20px;
	width: 230px;
	padding-right: 10px;
}

.table_middle
{
	padding-left: 20px;
	width: 230px;
	padding-right: 10px;
	border-right: solid 1px #E2B452;
}

.table_right
{
	padding-left: 20px;
	width: 230px;
	padding-right: 10px;
}

/* mosforms */
.mosformintro
{
	float: left;
	clear: right;
	padding-left: 20px;
	width: 230px;
	padding-right: 10px;
}

.mosformcontent
{
	float: left;
	clear: none;
	display: block;
	padding-left: 20px;
	width: 450px;
}

.mosFormGroupElement
{
	float: left;
	clear: none;
	width: 450px;
	height: auto;
}

.mosFormLabel
{
	float: left;
	clear: right;
	width: 130px;
}

.mosFormElement
{
	float: left;
	clear: right;
	width: 310px;
}

.mosFormActions
{
	float: left;
	clear: none;
	width: 300px;
	display: block;
	padding-left: 410px;
}

.mosformerror
{
	color: #C40809;
	font-weight: bold;
	
}

.button, .inlogButton
{
	float: left;
	clear: right;
	background-color: White;
	margin-right: 5px;
	display: block;
	color: #1E385D;
	cursor: pointer;
	border: solid 1px #7F9DB9;
} 

.inlogButton
{
	position: relative;
	left: 103px;
}

.back_button
{
	padding-left: 20px;
	text-decoration: none;
}

.back_button:hover
{
	text-decoration: underline;
}

@media print {
	
	#boxFoto, #boxTop, #boxBottom, #boxDisclaimer, #boxGanaar
	{
		display: none;
	}
	
	#boxMain, #boxContent
	{
		width: 600px;
	}
}