html, body{
	height:100%; /* 100% height fix */
	/*min-height: 100%; /* 100% height fix */
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}
body {
	font-size: 62.5%; /* komt overeen met 10px. bv 12px is dan 1.2em */
	/*border-left: 45px solid rgb(25,51,109);*/
	background: #eeede5 url(../site_images/bck_page.gif) repeat-y;
}

/* clear stuff */
div, table, ul, li, ol, td, th, tr, blockquote{margin: 0; padding: 0; border: none}

form, select, input{
	margin: 0;
}	

/* hide accessibility content from normal users - screenreaders can pick this up nicely */
.smartsurfer{display: block; width: 1px; height: 1px; position: absolute; top: -5000px}

div.noindex{border: none; margin: 0; padding: 0;}

#main{
	width:1000px;
	background-color: #FFFFff;
}

/**********LINKEN RELATED  **********/
a:link {
	color: #372279;
    text-decoration: underline;
}
a:visited {
    color: #6956a2;
	text-decoration: underline;
}
a:hover {
    color: #c23478;
	text-decoration: underline;
}
a:active {
    color: #c23478;
	text-decoration: underline;
}
 
/********** HEADER CSS  **********/ 
#header {
	margin-top:0px;
	width: 994px; 	
}
#flashcontent {
    width:573px;
    height:83px;
}
#logo {
	float:left;	
}
#logo .margin {
	margin: 0 41px 0 43px;
	width:118px;
}
#banner {
	float:left;
}
#banner .margin {
	margin: 15px 22px 0 0;
	width:573px;
}
#funcnav {
	float:left;
	width:190px;
	min-height:113px;
	background: #cecee6 url(../site_images/bck_funcnav.gif) left top no-repeat;
}
#funcnav .langNav {
	margin:15px 0 0 138px;
}
#funcnav .languageBox {
	background:#253692 url(../site_images/bck_languageBox.gif) left center no-repeat;
	text-align:center;
	width:52px;
}
#funcnav .languageBox ul {
	display:block;
	height:20px;
	margin:0;
	padding:0;
}
#funcnav .languageBox ul li {
	background:none;
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	width:26px;
}
#funcnav .languageBox a {
	color:#e0e0f0;
	display:block;
	font-size:1.2em;
	text-decoration:none;
	padding:2px 6px 0px 6px;
	text-align:center;
}
#funcnav .languageBox a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#funcnav .margin {
	/*margin:15px 0 0 0;*/
}
#funcnav ul{
	margin-left:16px;
	display:block;
}	
#funcnav li{
	display: block; 
	list-style-type: none; 
	background: url(../site_images/ill_funcnav.gif) no-repeat right 3px; 
	float: left; 
	padding: 0; 
	}
#funcnav li.hide-separator-image{
	background-image: none; 
	padding-right: 0;
	}

#funcnav li a{
	display:block; 
	float:left; 
	text-align: center; 
	padding: 2px 6px 0px 6px; 
	height: 17px;
	color:#7f004d;
	font-size:1.1em;
	text-decoration:none;
}
#funcnav li a:hover, #nav li a.active{ }


#funcnav li a.active {
	margin-left: 0;
}
#navigation{ 
	width: 987px;
	height: 26px;
}

#search {
	margin-top:12px;
	background-color:#7f004d;
	height:23px;
	
}
#searchfield { 
	margin-top:3px;
	border:1px solid #fbf6ea;
	width:125px;
	height:22px;
	float:left;
	font-size:1.1em;
}


/***** middenblok ******/
#content {
	padding:0;
	margin-top:0px;
	width: 994px;
	float:left;	
	background:#cecee6 url(../site_images/bck_content.gif) left repeat-y;
}
#contentLeft { 
	width:795px;
	float:left;
}
#contentLeftHome { 
	width:795px;
	float:left;
	font-size:1.1em;
}
#contentLeftHome .intro {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 30px;
}
#contentLeftHome .buttons {
	margin-top: 0;
	margin-right: 0px;
	margin-left: 30px;
}
#contentLeftHome .homeItem {
	margin-left: 30px;
	background-image:url(../site_images/bck_homeLeft.gif);
	background-repeat:repeat-y;
	background-position:left;
	border:1px solid #ffffff;
}
#contentLeftHome h1 {
	margin: 0 0 0 30px;
}
#contentLeftHome .homeItem .margin {
	margin-left:27px;
	margin-right:38px;
	margin-top:22px;
}
#contentLeftHome .homeItem .margin img {
	float:left;
	margin-right:23px;
}
#contentLeftHome .homeItem h1 {
	font-size:1.8em;
	font-weight: normal;
	color:#7f004d;
	margin-left:0;
}
#contentLeftHome .lijnHome {
	background-image:url(../site_images/bck_lijnHor.gif);
	background-repeat:repeat-x;
	margin-left: 30px;
	height:10px;
	background-position:bottom;
}
#contentLeftHome .homeBottom {
	background-image: url(../site_images/bck_lijnVert.gif);
	background-repeat:repeat-y;
	margin-left: 55px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	font-size:1.1em;
}
#footerHome {
	font-size:1.1em;
	color:#372279;
	margin-left: 30px;
	margin-right: 13px;
	background-image:url(../site_images/bck_lijnHor.gif);
	background-repeat:repeat-x;
}
#footerHome .margin {
	background-image:url(../site_images/bck_lijnVert.gif);
	background-repeat:repeat-y;
	margin-left: 25px;
	padding-left:10px;
	padding-top:10px;
}
#contentTxt {
	float:left;
	font-size:1.1em;
	width:590px;
}
#contentTxt .margin {
	margin-top: 18px;
	margin-right: 64px;
	margin-bottom: 30px;
	margin-left: 0;
	/*text-align: justify;*/
	line-height:1.2em;
}
#contentTxt ul {
	margin-left:20px;
}
#contentTxt ol {
	margin-left:20px;
	padding-left:2px;
}
#contentTxt ul li{
	list-style-image:url(../site_images/ico_listContent.gif);
}
#contentTxt ol li{}
#contentTxt H1 {
	font-size:1.8em;
	font-weight:normal;
	line-height:1em;
}
#contentTxt H2 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
}
#contentTxt img.left {
	float:left;
	margin-right:10px;
}
.txtBlue {
	color:#372279;
}
.txtRed {
	color:#7f004d;
}
.lijn {
	background-image:url(../site_images/bck_lijnHorHome.gif);
	background-repeat:repeat-x;
	padding-top:5px;
	margin-top:10px;
	padding-bottom:0;
	margin-bottom:0;
}


/***** rechterblok ******/
#contentRight {
	margin-top:1px;
	float:left;
	/*background:#cecee6 url(../site_images/bck_lijnVert.gif) left repeat-y;
	background-color:#cecee6;*/
	width:193px;
	padding-bottom:20px;
}
#contentRight .margin {
	margin: 0 0 0 2px;
}
#contentRight .marginContent {/* aangepast */
	font-size:1.1em; 
	margin: 17px 10px 0 17px;
}
#contentRight h1 { /* aangepast */
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	margin:8px 10px 2px 17px;
}
#contentRight .marginContent h1, #contentRight h2, #contentRight h3 {/* aangepast */
	color:#372279;
	font-weight:bold;
	font-size:1em;
	padding:0;
	margin:0;
}
#contentRight hr { /* toegevoegd */
	border:none;
	height:1px;
	border-top: 1px solid rgb(131,120,176);
}
#contentRight a:link { color: #9b0458; text-decoration: underline; }
#contentRight a:visited { color: #9b0458; text-decoration: underline; }
#contentRight a:hover { color: #9b0458; text-decoration: underline; }
#contentRight a:active { color: #9b0458; text-decoration: underline; }

#breadcrumb {
	margin:12px 0 0 42px;
	color: #253692;
	font-size:1.1em;
	padding-bottom:10px;
	background-image:url(../site_images/bck_lijnHor.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#breadcrumb a:link { color: #253692; text-decoration: underline; }
#breadcrumb a:visited { color: #253692; text-decoration: underline; }
#breadcrumb a:hover { color: #253692; text-decoration: underline; }
#breadcrumb a:active { color: #253692; text-decoration: underline; }


/********** MENU SWITCH HOME  **********/
#menuSwitchHome {
	margin:12px 0 0 30px;
}
#menuSwitchHome a {
	text-decoration:none;
	color: rgb(127,0,77);
}
#menuSwitchHome a:hover {
	text-decoration:underline;
}
#menuSwitchHome img {
	vertical-align:middle;
	margin-left:10px;
	border:none;
}


/********** MENU SWITCH  **********/
#menuSwitch {
	margin:18px 8px 18px 17px;
	font-size:1.1em;
}
#menuSwitch a {
	text-decoration:none;
	color: rgb(127,0,77);
}
#menuSwitch a:hover {
	text-decoration:underline;
}
#menuSwitch img {
	vertical-align:middle;
	margin-left:10px;	
	border:none;
}


/********** LEFT NAVIGATION  **********/
#leftNavigation {
	float:left;
	width:202px;
}
#leftNavigation .margin{
	margin:10px 18px 12px 27px;
	background-color:#fff;
}
#leftNavigation ul {
	padding:0;
	margin:0;	
}
#leftNavigation li {
	display: block;
	list-style-type: none; 
	padding:0;
	margin:0;
	border:1px solid #fff;
}
ul.level_01 a.leftnavNormal {
	background-image: url(../site_images/bck_leftnav.gif);
	background-position:left;
	background-color:#f2e7ef;
	background-repeat:repeat-y;
	padding:3px 3px 5px 28px;
	font-size:1.2em;
	color:#7f004d;
	text-decoration: none;
	display:block;	
	/*float:left; */
	width:120px;
}
ul.level_01 a.leftnavOver {
	background-image: url(../site_images/bck_leftnav.gif);
	background-position:left;
	background-repeat:repeat-y;
	background-color:#8e5176;
	padding:3px 3px 5px 28px;
	font-size:1.2em;
	color:#FFFFFF;
	text-decoration: none;
	display:block; 
	/*float:left; */
	width:120px;
}
ul.level_02 a.leftnavNormal {
	background-image: none;
	background-color:#ffffff;
	padding:3px 3px 5px 16px;
	display:block;
	font-size:1.1em;
	color: #7f004d;
	text-decoration: none;
	display: block;
}
ul.level_02 a.leftnavOver {
	background-image: url(../site_images/ico_leftnav.gif);
	background-position:left 4px;
	background-repeat: no-repeat;
	background-color:#ffffff;
	padding:3px 3px 5px 16px;
	display:block;
	font-size:1.1em;
	color: #7f004d;
	display: block;
	text-decoration:underline;
}

/*
.level_01 a.leftLinkNormal:link { color: #7f004d; text-decoration: none;}
.level_01 a.leftLinkNormal:visited { color: #7f004d; text-decoration: none;}
.level_01 a.leftLinkNormal:hover { color: #7f004d; text-decoration: none;}
.level_01 a.leftLinkNormal:active { color: #7f004d; text-decoration: none;}

.level_01 a.leftLinkOver:link { color: #ffffff; text-decoration: none;}
.level_01 a.leftLinkOver:visited { color: #ffffff; text-decoration: none;}
.level_01 a.leftLinkOver:hover { color: #ffffff; text-decoration: none;}
.level_01 a.leftLinkOver:active { color: #ffffff; text-decoration: none;}

.level_02 a.leftLinkNormal:link { color: #7f004d; text-decoration: none;}
.level_02 a.leftLinkNormal:visited { color: #7f004d; text-decoration: none;}
.level_02 a.leftLinkNormal:hover { color: #7f004d; text-decoration: none;}
.level_02 a.leftLinkNormal:active { color: #7f004d; text-decoration: none;}

.level_02 a.leftLinkOver:link { color: #7f004d; text-decoration: underline;}
.level_02 a.leftLinkOver:visited { color: #7f004d; text-decoration: underline;}
.level_02 a.leftLinkOver:hover { color: #7f004d; text-decoration: underline;}
.level_02 a.leftLinkOver:active { color: #7f004d; text-decoration: underline;}

*/




/*** onderstaande code is enkel te zien op IE ***/



.lijn {
	background-image:url(../site_images/bck_lijnHor.gif);
	background-position:bottom;
	background-repeat:repeat-x;

}

.title 
{   color:#7f004d;
    font-weight: bold;
    font-size:1.2em;
}





/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:26px;                                  /* the menu's overall height */
	width:100%;  /* we always want our menu to fill the available space */
	background:#7F004D none repeat scroll 0 0;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	
	background:		#7F004D ;                              /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	background:transparent url(../site_images/ill_modnav.gif) no-repeat scroll right top;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	padding:6px 15px 2px;
	height:18px;
	text-transform:uppercase;
}

.menu ul li:hover a,
.menu ul li a:hover {                  
border:none;

	background:#C23478 none repeat scroll 0 0;

color:#FFFFFF;

}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:26px;              /* place us just up underneath the top-level */
	left:0;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
/*	width:13.5em;*/
	background:#7F004D
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:white;
	background:#7F004D;
	width:200px;
	display: block;
	border-bottom:1px solid #C23478;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px


}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#ffffff;
	background: #C23478 none repeat scroll 0 0;	display: block;	width:200px

}