html{
	height: 100%;
}
body{ 	
	font-family: Calibri, Arial, Helvetica, sans-serif; 
	color: #878787;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #eeeeee;
	height: 100%;
}

#container{
	position: absolute;
	height: 638px;
	top: 50%;
	margin-top: -320px;
	width: 880px;
	left: 50%;
	margin-left: -440px;
}

#topbar{
	position: absolute;
	margin-top: 0px;
	height: 28px;
	background-color: #878787;
	width: 100%;
}

#menu{
	position: absolute;
	left: 50%;
	margin-left: -440px;
	width: 880px;
	text-align: right;
}

#menucontainer{
	width: 570px;
	float: right;
}

#menu a{
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#menu .menubutton{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 28px;
	background-color: #878787;
	margin-right: 8px;
}

#menu .active{
	background-color: #666666 !important;
}

#bottombar{
	position: absolute;
	margin-top: 606px;
	height: 28px;
	background-color: #D62125;
	width: 100%;
	color: #EEEEEE;
	line-height: 28px;
	text-align: right;
	font-size: 11px;
}

#bottombar a{
	color: #EEEEEE;
	text-decoration: none;
}

#bottombar a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#site{
	position: absolute;
	margin-top: 37px;
	left: 50%;
	margin-left: -440px;
	width: 880px;
	height: 564px;
}

#left{
	position: absolute;
	width: 140px;
	height: 564px;
}

#left a{
	color: #ffffff;
}

#left a:hover{
	color: #EEEEEE;
}

#news, #jobs{
	margin-bottom: 10px;
}

#news .block{
	height: 55px;
	overflow: hidden;
	background: url('../img/bg_nieuws.gif') no-repeat;
	cursor: pointer;
}

#news .blockcontent{
	margin: 5px;
	font-size: 11px;
	color: #ffffff;
	line-height: 130%;
}

#jobs .blockcontent{
	margin: 8px;
	font-size: 11px;
	color: #ffffff;
	line-height: 130%;
}
 
#contact .blockcontent{
 	margin: 8px;
	font-size: 11px;
	color: #ffffff;
	line-height: 130%;
}

.blockcontent b, .blockcontent strong{
	font-size: 12px;
}

#jobs .block{
	height: 46px;
	overflow: hidden;
	background: url('../img/bg_vacatures.gif') no-repeat;
	cursor: pointer;
}

#contact{
	background-color: #616161;
	height: 177px;
}

#content{
	position: absolute;
	margin-left: 150px;
	width: 730px;
	height: 564px;
}

.content{
	float: left;
	width: 276px;
	height: 276px;
	margin-bottom: 9px;
	margin-right: 9px;
	background-color: #ffffff;
	line-height: 130%;
	overflow: hidden;
}

#scrollcontainer{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	width: 245px;
	height: 256px;
	overflow: hidden;
}

#scrollbar{
	position: absolute;
	margin-top: 10px;
	margin-left: 260px;
	width: 5px;
	background-color: #878787;
	height: 256px;
}

.content h1{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

.content p{
	font-size: 12px;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

.content a{
	color: #878787;
	text-decoration: none;
}

.content a:hover{
	color: #D62125;
}

#handle{
	height: 50px;
	width: 5px;
	background-color: #EEEEEE;
}

.large{
	float: left;
	width: 276px;
	height: 276px;
	margin-bottom: 9px;
	margin-right: 9px;
	overflow: hidden;
}

.small{
	float: left;
	width: 159px;
	height: 276px;
	margin-bottom: 9px;
	margin-right: 9px;
	overflow: hidden;
}

.menu{
	float: left;
	width: 159px;
	height: 276px;
	margin-bottom: 9px;
	margin-right: 9px;
	overflow: hidden;
}

.menu_content{
	padding: 10px;
	width: 139px;
	height: 113px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.long{
	height: 256px !important;
}

.menu h2{
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 1em 0px;	
}

.menu a{
	color: #878787;
	text-decoration: none;
}

.menu a:hover{
	color: #D62125;
}

.menu .active{
	font-weight: bold;
}

.last{
	margin-right: 0px !important;	
}