body.site{
	margin:0;
	text-align:center;
	padding:0;
	background:#ffa201 url(../img/bg-body.gif);
	background-repeat:repeat-x;
}
#bodyblockWrapper{	
	text-align:left;
}
/*###############################################################################*/
/* BODYBLOCK WRAPS AROUND LEFTCOL AND CONTENT WRAPPER							 */
/*###############################################################################*/
#bodyblock{
	width:813px;
	margin:auto;
}
/*###############################################################################*/
/* LEFTCOL AND ROUNDINGS														 */
/*###############################################################################*/
#leftcol {
	float:left;
	width:162px;
}
#img-L{
	position:absolute;
	height:394px;
	width:435px;
	margin:140px 0 0 -232px;
	background:url(../img/sfeerbeeld-L.jpg);
	z-index:2;
}
#leftcolContent{
	position:relative;
	top:350px;
	padding:0px 10px 0 10px;
	background:#25a2cd;
	border-left:2px solid #000;
	z-index:3;
}
#leftcolFooter{
	position:relative;
	top:350px;
	height:25px;
	z-index:1;
	background:url(../img/leftcol-footer.gif);
}
/*###############################################################################*/
/* LOGIN FIELDS																	 */
/*###############################################################################*/
#extranet{
	padding:40px 0 0 0;
	font-weight:normal;
	width:100%;
}
#extranet input.text{
	width:124px;
	height:14px;
	border:none;
	padding:12px 5px;
	background:url(../img/bg-login.gif);
	font-weight:bold;
}
#extranet input.ok-button{
	width:28px;
	height:16px;
	border:none;
	background:url(../img/ok.gif);
	cursor:pointer;
}
/*###############################################################################*/
/* LOGO ON PAGE TOP																 */
/*###############################################################################*/
#logo{
	position:relative;
	top:0px;
	left:0;
	padding:0 0 10px 0;
	width:100%;
	text-align:center;
}
/************************************************************************************/
/* CONTENT BLOCK AND ROUNDINGS										                */
/************************************************************************************/
#contentWrapper{
	margin:0 0 20px 0;
	width:651px;
	float:right;
	z-index:1;
}
#contentTop{
	height:35px;
	background:url(../img/content-top.gif);
}
#content {
	background:#FFF;
	border-right:16px solid #000;
	border-left:2px solid #000;
	padding:10px 45px;
	min-height:475px;
	height:auto !important;
	height:475px;
}
#contentFooter{
	height:28px;
	background:url(../img/content-footer.gif);
}
/************************************************************************************/
/* IMAGE AT RIGHT SIDE OF CONTENT									                */
/************************************************************************************/
#img-R{
	position:absolute;
	position:fixed;
	height:340px;
	width:266px;
	top:332px;
	margin:0 0 0 590px;
	background:url(../img/sfeerbeeld-R.png);
	z-index:2;
}
/************************************************************************************/
/* CLOSE POPUP														                */
/************************************************************************************/
#popupClose{
	clear:both;
	float:none;
	text-align:center;
}
/************************************************************************************/
/* FORMS															                */
/************************************************************************************/
form{
	margin:0px;
}
input ,select, textarea {
	border:1px solid #000;
	margin:0;
	padding:0;

}
textarea{
	width:98%;
}
input.text{
	width:98%;
	text-transform:none;
	margin:2px;
}
select.text{
	width:98%;
}
.checkbox {
	border:0px;
	width:auto;
}
/************************************************************************************/
/* BODY OF POP-UP 													                */
/************************************************************************************/
.popupcontent{
	padding:10px;
	margin:0;
	color:#000;
	background:#FFF;
	text-align:left;
}
/************************************************************************************/
/* ARTICLES STYLES FOR SHORT & LONG VERSIONS						                */
/************************************************************************************/
/*
	Deze class wordt toegekend aan alle items die verkort worden weergegeven.
*/
.itemShort{
	float:none;
	padding:0 0 5px 0;
}
.itemShort .abstract{
	float:none;
}
/*
	Deze class wordt toegekend aan alle items die volledig worden weergegeven
	nadat ze verkort zijn weergegeven en er wordt op "lees meer" geklikt.
*/
.itemFull .abstract{
	font-weight:bold;
}
/*
	Deze class wordt toegekend aan artikelen die standaar al volledig worden weergegeven.
*/
.itemDefault .abstract{
	font-weight:bold;
}
/*
	Deze class wordt gebruikt voor de voetteksten onder artikelen zoals bijv. "lees meer" of "print".
*/
.articleFooter a:link,
.articleFooter a:visited{
	font-weight:bold;
	text-decoration:none;
}
.articleFooter a:hover,
.articleFooter a:active{
	text-decoration:none;
}
.readmorebtn,
.backbtn{
	vertical-align:middle;
}
.backbtn{
	padding:0 5px 0 0;
}
/* Zorgt ervoor dat de "lees meer" tekst altijd onder de kopafbeelding komt */
.itemShort .articleFooter{
	clear:both;
	/* Plaatst de "lees meer" tekst rechts */
	text-align:right;
}
/* Zorgt ervoor dat de kop afbeelding rechts van de koptekst komt */
.headerImage{
	padding:0 0 10px 10px;
	float:right;
}