* {
	margin: 0;
	padding: 0;
	outline: 0;
	border-collapse: collapse;
}

.hidden, .printonly, .alt {
	display: none;
}

html, body { 
	height: 100%;
}


* html img,
* html input {
	behavior: url('/fileadmin/sitedesign/pngbehavior.htc');
}


/* 	maatpak design */

.frontEndEditIcons { position: absolute; }


html,body {
	border: 0;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #ffffff;
	
	font-family: font-family: "Eurostile Extendened #2", Verdana, sans-serif; color:#073354; font-variant: small-caps;
	font-size:small;
}



div#container {
	background-image: url('../images/main_background.gif');
	background-repeat: repeat-y;
	background-position: top center;
	
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:890px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}


div#backgroundimage {
	background-image: url('../images/hanger.gif');
	background-repeat: no-repeat;
	background-position: 95% 95%;
	width: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height: 535px;
}


div#header {
	background-image: url('../images/header.gif');
	background-repeat: no-repeat;
	background-position: -1px 20px;
	height: 150px;
}

div#navigation {
	width: 220px;
	z-index: 30;
	float: left;
	background-image: url('../images/navigation_border.gif');
	background-position: top right;
	background-repeat: repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	
	min-height: 450px;
	text-align: right;
}

#navigation ul.level1 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 170px;
	margin-left: 30px;
	margin-top: 50px;
	list-style-type: none;
	font-size: 13px;
}

#navigation ul.level2 {
	list-style-type: none;
	font-size: 12px;
}

#navigation ul.level2 a { 	font-weight: normal; }

#navigation ul.level3 {
	list-style-type: none;
	font-size: 10px;
}

#navigation a {
	color: #073354;
	display: block;
	text-decoration: none;
	padding-right: 8px;

}

#navigation a:hover, #navigation a.act {
	background-image: url('../images/navigation_ro.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

div#pagetitle {
	margin-top: 20px;
	margin-left: 240px;
	width: 610px;
	font-size: 24px;
	border-bottom: 1px dashed #ffe33f;
}

div#content {
	padding: 0; /* bottom padding for footer */
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 37px;
	padding-bottom: 20px;
	width: 570px;
	margin-left: 220px;
	z-index: 2;
	min-height: 300px;
}

div#footer {
	left: 0;	
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
	background-position: -1px 0px;
	height: 19px;
	padding-top: 15px;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
}

#footer a { color: #ffffff; }


img#logo {
	position: absolute;
	top: 20px;
	left: 40px;
}


/* 3 column layout */


#Lcontent {
margin-top: 80px;
text-align: left;
margin-left: 50px;
float: left;
display: inline;
color: #ffffff;
width: 250px;
}

#Mcontent {
margin-top: 80px;
text-align: left;
margin-left: 320px;
color: #ffffff;
width: 250px;
}

#Rcontent {
margin-top: 80px;
text-align: left;
float: right;
display: inline;
width: 250px;
margin-right: 50px;
}


/* 3 column met extra kader */

.layout4 #Lcontent {
	margin-top: 20px;
}

.layout4 #Mcontent {
	margin-top: 20px;
}

.layout4 #Rcontent {
	margin-top: 20px;
}

.layout4 #Bcontent {
        margin-top: 20px;
	width: 650px;
	margin-left: 120px;
        padding-bottom: 1px;
}

/* CSS_STYLED_CONTENT */


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible { visibility: hidden; }
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

div.csc-frame-frame1 p.csc-header-date, DIV.csc-frame-frame2 p.csc-header-date { margin-bottom: -5px; } 

/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }


/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI {  }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P {  }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
				

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	color:#027FC4;
	font-size:10px;
	margin:0pt;
}

/* gevonden zoekwoorden highlight */
.csc-sword {
	font-weight: bold;
}