/* ----- redefine standard classes */
body
{
	margin:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%; /* needed for container min-height */
	min-height: 100%;
	font-family:arial,sans-serif;
	font-size: small;
	color: #666;
	background-color: #FFFFFF;
	overflow-x:hidden;
}

TABLE, TD
{
	vertical-align:top;
	font-size:12px;
}


INPUT
{
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
}

li
{
	margin-left: 13px;
}

div
{
	text-align: left;
}

h1
{
	font-size: 14px;
	color: #682c87;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active
{
	color: #682C87;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

form
{
	margin: 0px;
	padding: 0px;
	background-color: grey;
}

/* layout and position */


/* main layout */

#wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:30px;
	width:100%;
	background-image: url(../images/body_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	z-index:0;
}

.swirl
{
	position: absolute;
	left: 50%;
	margin-left: -45px;
	width: 575px;
	height: 145px;
	behavior: url(../scripts/iepngfix.htc);
	z-index: 10;
	overflow: hidden;
	overflow-x: hidden;
}

.swirl
{
	behavior: url(../scripts/iepngfix.htc);
}


#main_container
{	
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/footer_bg.jpg);
	background-position:bottom left;
	background-repeat: repeat-x;
}

#left
{
	width:auto;
	height:100%;
	font-size:1px;
}

#right
{
	width:auto;
	height:100%;
	font-size:1px;
}

#header
{
	width:960px;
	height:147px;
	background-image:url(../images/bg_headercol3.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#logo_container
{
	position:absolute;
	width: 260px;
	height: 147px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-top: 0px;
}


#header_nav
{
	width:960px;
	position:absolute;
	z-index:100;
	font-size:12px;
	color: #ffffff;
	height: 30px;
	line-height:25px;
	text-indent:280px;
}


#col1
{
	width: 260px;
}

#col2
{
	width: 500px;
}

#col3
{
	width: 200px;
	background-image:url(../images/bg_col3.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#cee8b4;
	border-right:1px solid #80c13f;
}


#footer
{
	height: 31px;
	text-align: center;
}


/* header / search */

.bg_field
{
	position: absolute;
	top: 78px; /*left:16px;*/
	line-height: 20px;
	height: 21px;
	width: 150px;
	margin-left:280px;
	border: 1px solid #bfbfbf;
	background-image: url(../images/bg_field.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.bg_button
{
	position: absolute;
	top: 78px; /*left:176px;*/
	height: 23px;
	width: 80px;
	margin-left:440px;
	border-left: 1px solid #ccb7d6;
	border-top: 1px solid #ccb7d6;
	border-right: 1px solid #220e2c;
	border-bottom: 1px solid #220e2c;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	z-index: 20;
}



/* left menu */

.col2_inner
{
	margin-left: 16px;
	margin-right: 30px;
}

#leftmenu_top
{
	background-image: url(../images/leftmenu_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 40px;
}

#leftmenu
{
	background-color: #7f4b99;
}

#leftmenu_bot
{
	background-image: url(../images/leftmenu_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 40px;
}

	/* leftmenu */

	#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active, #leftmenu .selected
	{
		display: block;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		top: 10px;
		margin-left: 21px;
		padding-bottom: 0.6em;
		height: 1.2em;
		line-height: 1.2em;
		font-size: 14px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		text-indent: 14px;
	}

	#leftmenu .selected
	{
		color: #CCB7D6;
	}

	#leftmenu a:hover, #leftmenu a:focus
	{
		text-decoration: underline;
	}



/* col 2 */
.col2_inner
{
	padding-bottom: 10px;
	line-height:20px;
}


/* col 3 */

.col3_inner
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	padding-bottom: 31px;
}




/* footer */

#inside_footer
{
	width: 960px;
	text-indent: 21px;
	color: #7F4B99;
	line-height: 25px;
}











/* classes */

#intro
{
	font-weight: bold;
}

.clear
{
	clear: left;
}

.contenttitle
{
	font-size: 14px;
	color: #682c87;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.nieuwsoverzicht .item
{
	margin-bottom: 15px;
}

.nieuwsoverzicht .item .date
{
	font-weight: bold;
	color: #82C242;
	font-size: 11px;
}

.nieuwsoverzicht .item a:link, .item a:visited, .item a:active
{
	text-decoration: none;
	font-weight: bold;
}

.item a:hover
{
	text-decoration: underline;
}



.field
{
	line-height: 20px;
	height: 21px;
	border: 1px solid #bfbfbf;
	background-image: url(../images/bg_field.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


.text-image
{
	border: 1px solid #000000;
	float: right;
	margin-left: 5px;
}

.copyright
{
	display: block;
	width: 50%;
	float: left;
}

.orangehill
{
	display: block;
	width: 50%;
	float: right;
	text-align: right;
}

.crumpath
{
	height: 40px;
	text-align: right;
	font-size: 11px;
}

.crumpath a:link, .crumpath a:visited, .crumpath a:hover, .crumpath a:active
{
	color: #000000;
	text-decoration: underline;
}

.orangehill a:link, .orangehill a:visited, .orangehill a:hover, .orangehill a:active
{
	color: #682C87;
	text-decoration: underline;
}

.half
{
	display: block;
	width: 50%;
	float: left;
}

.nieuwsitem .date
{
	padding-left: 4px;
	padding-right: 2px;
	background-color: #ffffff;
	color: #82C242;
	width: 62px;
	font-weight: bold;
	display: block;
	clear: right;
	margin-bottom: 5px;
}

.nieuwsitem .title
{
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.2em;
	color: #682C87;
	font-weight: bold;
	display: block;
}

.nieuws
{
	font-size: 11px;
	clear: both;
}

.nieuwsitem
{
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 11px;
	clear: both;
}


/* link classes */
/*--------------*/

/* headermenu */

#header_nav a:link, #header_nav a:visited, #header_nav a:active
{
	color: #fff;
	text-decoration: underline;
}

#header_nav a:hover
{
	text-decoration: overline;
}

.nieuwsitem a:link, .nieuwsitem a:visited, .nieuwsitem a:active
{
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
}
.nieuwsitem a:hover
{
	text-decoration: underline;
}


a.nieuwsarchief:link, a.nieuwsarchief:visited, a.nieuwsarchief:active
{
	clear: both;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

a.leesmeer:link, a.leesmeer:visited, a.leesmeer:active
{
	clear: both;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	margin-top: -5px;
}





/* footer */

#inside_footer a:link, #inside_footer a:visited, #inside_footer a:hover, #inside_footer a:focus, #inside_footer a:active
{
	text-decoration: underline;
	color: #7F4B99;
}





/* cbase */


/* ----- cbase agenda */

#cbase_agenda
{
	padding: 10px 4px 25px 4px;
	background-image: url(../images/agenda_bottom_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#cbase_agenda A:hover
{
	text-decoration: none;
}

#cbase_agenda .agendatitle
{
	font-weight: bold;
	font-size: 12px;
}

#cbase_agenda .time
{
	display: block;
	clear: both;
	font-size: 11px;
	padding-top: 10px;
}

#cbase_agenda .category
{
	display: none;
}

#cbase_agenda .action
{
	font-size: 11px;
}

#cbase_agenda .action A:link, #cbase_agenda .action A:active, #cbase_agenda .action A:visited
{
	text-decoration: underline;
	font-size: 12px;
}

#cbase_agenda .action A:hover
{
	text-decoration: none;
	font-size: 12px;
}

#cbase_agenda .description
{
}

#cbase_agenda .agenda_archive:link, #cbase_agenda .agenda_archive:active, #cbase_agenda .agenda_archive:visited
{
	font-size: 11px;
	color: #ffffff;
}

#cbase_agenda .additem
{
	font-size: 11px;
	color: #ffffff;
}


/* agenda items */

#cbase_agenda_item .title
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}
#cbase_agenda_item .summary
{
	padding-bottom: 20px;
}
#cbase_agenda_item .time, #cbase_agenda_item .default
{
	padding-bottom: 5px;
	font-size: 11px;
}
#cbase_agenda_item .description
{
}


/* ---- cbase actueel */

#cbase_actueel
{
	padding: 0px 4px 10px 4px;
	background-image: url(../images/agenda_bottom_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#cbase_actueel A:hover
{
	text-decoration: none;
}

.actueel_title
{
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
}

#cbase_actueel .item
{
	font-size: 11px;
}

#cbase_actueel .description
{
	font-size: 11px;
	padding-bottom: 20px;
}

#cbase_actueel .description A
{
	font-size: 11px;
}

#cbase_actueel .description P
{
	margin: 0px 0px 5px 0px;
}



/* ---- cbase search */
#cbase_search_body
{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 15px;
	color: #7F4B99;
	vertical-align: top;
}
#cbase_search .title
{
	padding: 0px 0px 0px 0px;
}
#cbase_search
{
	margin: 10px 0px 0px 0px;
	margin-top: 10px;
}
#cbase_search a
{
	font-weight: normal;
}
.resulttype_title:link, .resulttype_title:active, .resulttype_title:visited
{
	height: 22px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	margin-right: 1px;
	background-color: #682C87;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.resulttype_title:hover, .resulttype_title_active
{
	height: 22px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	margin-right: 1px;
	background-color: #ffffff;
	color: #7F4B99;
	font-weight: bold;
	text-decoration: none;
}
#cbase_search .category_title
{
	display: block;
	font-weight: bold;
	color: #7F4B99;
	margin: 20px 0px 5px 0px;
}


.website_title
{
	display: block;
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin-top: 30px;
	width: 100%;
	color: #7F4B99;
	border-top: 1px solid #7F4B99;
}
#cbase_search LI
{
	line-height: 20px;
}

/* ---- cbase documents */

#cbase_documents
{
	width: 90%;
}
#cbase_documents .category
{
	font-size: 12px;
	color: #682c87;
	font-weight: bold;
	padding-bottom: 10px;
}
#cbase_documents .title
{
	padding: 0px 0px 0px 0px;
}

/* ---- cbase links */
#cbase_links
{
	width: 90%;
}
#cbase_links .category
{
	font-weight: bold;
	padding-bottom: 10px;
}
#cbase_links .title
{
	padding: 0px 0px 0px 0px;
}

/* ---- cbase sitemap */
#sitemap
{
	width: 90%;
}
#sitemap td
{
}
#sitemap a
{
}
#sitemap .titlerow
{
	font-weight: bold;
	font-size: 12px;
}
#sitemap .hoofdmenu *
{
	font-size: 12px;
}
#sitemap .submenu
{
	font-size: 12px;
}
#sitemap .submenu a
{
}

/* ---- cbase form */

#cbase_form
{
	width: 90%;
	font-size: 12px;
	background-color: #ede6f0;
}
#cbase_form TD
{
	padding: 5px;
	font-size: 12px;
}
#cbase_form .formelements
{
	width: 50%;
}

#cbase_form .formelements TABLE TD
{
	padding: 0px;
}

#cbase_form .input
{
	border: 1px solid #7F4B99;
	height: 20px;
	line-height: 17px;
	font-size: 12px;
	width: 269px;
}
#cbase_form .textarea
{
	border: 1px solid #7F4B99;
	height: 20px;
	line-height: 17px;
	font-size: 12px;
	width: 269px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
#cbase_form .button
{
	float: right;
	height: 23px;
	width: 80px;
	border-left: 1px solid #ccb7d6;
	border-top: 1px solid #ccb7d6;
	border-right: 1px solid #220e2c;
	border-bottom: 1px solid #220e2c;
	background-image: url(../images/bg_button.jpg);
	line-height: 17px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	cursor: hand;
	padding: 0px;
	text-transform: capitalize;
}
#cbase_form .title
{
	width: 50%;
}
#cbase_form #attachment-optie
{
	height: 16px;
	border: 1px solid #CCB7D6;
	width: 100%;
	margin-left: 10px;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.formelements INPUT
{
	border: 1px solid #7F4B99;
	height: 20px;
	line-height: 17px;
	font-size: 12px;
}

.formelements .radio, .formelements .checkbox
{
	border: 1px solid #EDE6F0;
}

/* ---- cbase faqs */

#cbase_faqs
{
	width: 90%;
}
#cbase_faqs table
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#cbase_faqs IMG
{
	display: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#cbase_faqs td
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#cbase_faqs .category
{
	font-weight: bold;
	padding-bottom: 10px;
}
#cbase_faqs .question
{
	padding-left: 28px;
	padding-bottom: 12px;
	padding-top: 4px;
	background-image: url(../images/bk_question.gif);
	background-repeat: no-repeat;
	font-style: italic;
}
#cbase_faqs .answer
{
	padding-bottom: 20px;
	padding-left: 28px;
	padding-top: 3px;
	background-image: url(../images/bk_answer.gif);
	background-repeat: no-repeat;
}



#cbase_newsletter
{
	width: 541px;
	display: none;
	background-color: #CEE8B4;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7F4B99;
	margin: 0px 10px 90px 10px;
}
#cbase_newsletter #newsletter_table
{
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
}
#cbase_newsletter #newsletter_table .title
{
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	color: #682C87;
}
#cbase_newsletter #newsletter_table .inputtext
{
	padding: 3px;
	width: 30%;
}
#cbase_newsletter #newsletter_table .input
{
	width: 100%;
}
#cbase_newsletter #newsletter_table .buttons
{
	text-align: right;
	padding: 5px 0px 5px 0px;
}
#cbase_newsletter #newsletter_table .buttons .button
{
	font-size: 85%;
	padding: 1px 5px 1px 5px;
	color: #7F4B99;
	background-color: #7F4B99;
	font-weight: bold;
	border: 1px solid #7F4B99;
	cursor: hand;
}
#cbase_newsletter #newsletter_table .newsletter_field
{
	font-size: 85%;
	width: 100%;
	border-style: solid;
	border-color: #000000;
	border-width: 1px 1px 1px 1px;
}


.cbase_feedback
{
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: black;
}

#LOGIN
{
}
#LOGIN input
{
	width: 160px;
	border: 1px inset #000000;
	height: 17px;
	font-size: 80%;
	color: #000000;
}
#LOGIN .button
{
	font-weight: bold;
	color: #7F4B99;
	background-color: #7F4B99;
	width: 160px;
	float: right;
	border: solid 1px #000000;
	height: 20px;
}

/* rollovers links & documenten */
a.info
{
	line-height: 20px;
	position: relative;
	z-index: 24;
	background-color: #fff;
	font-weight: normal;
	font-size: 12px;
}
a.info:hover
{
	z-index: 25;
	background-color: #ffffff;
	font-weight: normal;
}
a.info span
{
	display: none;
}
a.info:hover span
{
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 20em;
	border: 1px solid #82C242;
	background-color: #CEE8B4;
	color: #682C87;
	font-weight: normal;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}


/* FUNCTIE VENSTER */

#functionmenu
{
	position: absolute;
	width: 11px;
	margin-left: -5px;
	margin-top: 1px;
	z-index: 10;
	padding-top: 190px;
}
*html #functionmenu
{
	width: 24px;
	left: 0px;
	float: right;
	width: 11px;
	margin-left: -9px;
	margin-top: 0px;
	z-index: 10;
}
#functionmenu *
{
	font-size: 11px;
	float: right;
}
#functionmenu .functionbutton
{
	clear: both;
}
#functionmenu .functionbutton a img
{
	background-color: #cee8b4;
}
#functionmenu .functionbutton a:hover img
{
	background-color: #82C242;
}
#functionmenu .functionbutton .top, .print, .email, .search
{
}
#functionmenu .functionbutton .top, .print, .email
{
}

/* FORMS */
#functionmenu form
{
	margin: 0px;
}
#functionmenu input
{
	width: 100%;
}
#functionmenu textarea
{
	width: 100%;
	height: 50px;
}
#functionmenu td
{
	border-style: none;
	padding: 3px;
}
#functionmenu table
{
	width: 100%;
	border: solid 1px #ffffff;
	background-color: #82C242;
}
#functionmenu .close
{
	text-align: right;
}
#functionmenu .button
{
	height: 23px;
	border-left: 1px solid #ccb7d6;
	border-top: 1px solid #ccb7d6;
	border-right: 1px solid #220e2c;
	border-bottom: 1px solid #220e2c;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	float: left;
	font-size: 12px;
}
#functionmenu .buttonvind
{
	height: 23px;
	width: 80px;
	border-left: 1px solid #ccb7d6;
	border-top: 1px solid #ccb7d6;
	border-right: 1px solid #220e2c;
	border-bottom: 1px solid #220e2c;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	float: left;
	font-size: 12px;
}
#functionmenu .buttonclose
{
	width: 17px;
	height: 23px;
	border-left: 1px solid #ccb7d6;
	border-top: 1px solid #ccb7d6;
	border-right: 1px solid #220e2c;
	border-bottom: 1px solid #220e2c;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	float: left;
	font-size: 12px;
	clear: right;
}
#functionmenu #mail_form table
{
	height: 87px;
}
#functionmenu #mail_form
{
	visibility: hidden;
	display: none;
	table-layout: fixed;
	position: absolute;
	width: 300px;
	top: 190px;
	left: -310px;
	table-layout: auto;
}
#functionmenu #mail_form td
{
	position: static;
	float: none;
	table-layout: fixed;
	width: 300px;
}
#functionmenu #mail_form td.half
{
	width: 150px;
}
#functionmenu #search_form table
{
	height: 30px;
}
#functionmenu #search_form
{
	visibility: hidden;
	display: none;
	position: absolute;
	width: 300px;
	top: 190px;
	left: -310px;
}
#functionmenu #search_form td
{
	position: static;
	float: none;
	table-layout: fixed;
	width: 300px;
}
#functionmenu #mail_form .button
{
}
/* FLAPOUTS */
#functionmenu span
{
	top: -41px;
}
*html #functionmenu span
{
	top: 1px;
}
#functionmenu DIV#flapouts
{
	position: relative;
	top: -55px;
	left: -28px;
	display: inline;
}

*html #functionmenu DIV#flapouts
{
	position: relative;
	top: -55px;
	left: -118px;
	display: inline;
}

#functionmenu #top_top, #top_print, #top_email, #top_search
{
	text-align: left;
	width: 110px;
	height: 18px;
	padding-right: 7px;
	position: relative;
	display: none;
	left: 3px;
	top: 18px;
	background-color: #82C242;
	border: solid 1px #ffffff;
	border-right: none;
}

*html #functionmenu #top_top, #top_print, #top_email, #top_search
{
	height: 18px;
	margin-right: 100px;
}

#functionmenu #top_top
{
	top: -18px;
}
#functionmenu #top_print
{
	top: 0px;
}
#functionmenu #top_email
{
	top: 18px;
}
#functionmenu #top_search
{
	top: 36px;
}

/* END FUNCTIE VENSTER */

DIV#contentsubs a:link, DIV#contentsubs a:visited
{
	display: block;
	background: transparent url(../images/sublink.gif) no-repeat left;
	padding: 0 0 0 20px;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}

DIV#contentsubs a:hover
{
	text-decoration: underline;
}

DIV#contentsubs .selected
{
	display: block;
	background: transparent url(../images/sublink_sel.gif) no-repeat left;
	padding: 0 0 0 20px;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	color: #682C87;
}


.clearfloat
{
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#page_container .col2 .col2_inner table td
{
	vertical-align: top;
}

/* ########### FONT CLASSES ################# */

FONT.Kleinst
{
	font-size: 10px;
	line-height: 14px;
}

FONT.Kleiner
{
	font-size: 11px;
	line-height: 15px;
}

FONT.Normaal
{
	font-size: 12px;
	line-height: 16px;
}

FONT.Groter
{
	font-size: 14px;
	line-height: 18px;
	color: #682C87;
}

FONT.Grootst
{
	font-size: 16px;
	line-height: 20px;
	color: #682C87;
	font-weight: bolder;
}