body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	margin: 0;
	background-color: #d0e1e5;
}

/* --------------------------------- CONTAINER ------------------------------------------*/

div#container{
text-align:center;
width:960px;
height:695px;
margin:0 auto;
background-image: url(../IMAGES/navigatie/background_container.png);
background-repeat:repeat-y;
background-color:#d0e1e5;
text-align:left;
}

#container .margin{
margin:0 20px;
}

/* ---------------------------------- HEADER --------------------------------------------*/

div#logo{
float:left;
width: 91px;
height: 82px;
background:none;
margin-top:10px;
padding: 10px 0px 5px 5px;
}

div#breadcrumb{
float:left;
margin-left:11px;
width: 500px;
height: 20px;
background-color: #FFFFFF;
font-size: 7pt;
color: #898C8D;
text-align: left;
padding: 10px 0 0 25px;
}

div#utilities{
float:right;
width: 250px;
height: 20px;
background-color:#FFFFFF;
color: #003333;
text-align: right;
padding: 10px 15px 0 0;
margin-right:10px;
}

.clearfloats {clear:both;}

/* ---------------------------------- BEGIN MAIN NAVIGATION ------------------------------------ */

div#navigatie{
float:left;
width:800px;
height:20px;
padding: 5px 10px 0 0;
margin-top:10px;
margin-left:10px;
text-align:left;
}

#navigatie ul{
	background-image:url(../IMAGES/navigatie/background_nav1.png);
	background-repeat:no-repeat;
	margin:0;
	list-style:none;
	float:left;
	display:block;
	width:100%;
	height:18px;
	padding:6px;
	padding-left:15px;
	position:relative;
	left:0px;
}

#navigatie li{
	margin:0px;
	padding:2px;
	width:auto;
	float:left;
	display:block;
}

#navigatie li .text{
	color: #FFFFFF;
	width:auto;
	float:left;
	font-size:8pt;
	font-weight:bold;
}

#navigatie li .textselected{
	color: #3A547E;
	width:auto;
	float:left;
	font-size:8pt;
	font-weight:bold;
}

#navigatie li .separator{
	display:block;
	background-image:url(../IMAGES/navigatie/separator.png);
	background-repeat:no-repeat;
	background-position:8px;
	border:none;
	float:left;
	width:20px;
	height:18px;
}

#navigatie li .separator_FR{
	display:block;
	background-image:url(../IMAGES/navigatie/separator.png);
	background-repeat:no-repeat;
	background-position:8px;
	border:none;
	float:left;
	width:17px;
	height:18px;
}

#navigatie li:hover .line {
	position: relative;
	margin-left: -1px;
	float:left;
	display:none;
}

#navigatie li ul li a {
	color:#FFFFFF;
	font-size: 8pt;
	display:block;
}

#navigatie li:hover ul {
	display:block;
	margin-left:-1px;
}

#navigatie a:hover {
	color:#3A547E;
}

#navigatie li ul{
	position:absolute;
	left:0px;
    top:27px;
	background-image:none;
	clear:both;
	display:none;
	float:left;
	width:auto;
	height:auto;
}

#navigatie li ul li{
	background-image:url(../IMAGES/navigatie/background_subnav.png);
	background-repeat:no-repeat;
	display:block;
	padding:5px 10px 1px 10px;
	margin-top:0px;
	height:20px;
	width:auto;
	float:left;
}

#navigatie li ul li:hover {
	background-image:url(../IMAGES/navigatie/background_subnav_hover.png);
}

/* ---------------------------- EINDE MAIN NAVIGATION --------------------------------- */

/* --------------------------------- SEPERATOR ----------------------------------------*/

div#seperator{
float:left;
margin-top:0px;
margin-left:10px;
background-image:url(../IMAGES/navigatie/background_nav2.png);
width:800px;
height:75px;
} 

/* ------------------------------ EINDE SEPERATOR --------------------------------------*/


/* --------------------------------- CONTENT ----------------------------------------*/

div#content {
float:left;
margin-top:0px;
width:555px;	
height:500px;
padding: 25px 25px 0 25px;
background-color: #3A547E;
}

div#index {
float:left;
margin-top:0px;
width:555px;	
height:340px;
padding: 25px 25px 0 25px;
background-color: #3A547E;
}

div#events {
float:left;
margin-top:0px;
width:535px;
height:110px;
padding: 50px 25px 0 45px;
color:#000000;
background-color: #3A547E;
background-image:url(../IMAGES/navigatie/background_events_nl.png);
background-repeat:no-repeat;
background-position:25px 10px;
}

div#events_en {
float:left;
margin-top:0px;
width:535px;
height:110px;
padding: 50px 25px 0 45px;
color:#000000;
background-color: #3A547E;
background-image:url(../IMAGES/navigatie/background_events_en.png);
background-repeat:no-repeat;
background-position:25px 10px;
}

div#events_fr {
float:left;
margin-top:0px;
width:535px;
height:110px;
padding: 50px 25px 0 45px;
color:#000000;
background-color: #3A547E;
background-image:url(../IMAGES/navigatie/background_events_fr.png);
background-repeat:no-repeat;
background-position:25px 10px;
}

/* --------------------------------- SCROLLBAR ----------------------------------------*/

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:100%; height:475px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background:#FFFFFF; 		/*#ceced6*/
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#3A547E;		/*336*/
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
	
/* --------------------------------- END SCROLLBAR ---------------------------------------*/


/* --------------------------------- END CONTENT ----------------------------------------*/


/* --------------------------------- GRAPHICS & MARQUEE ----------------------------------*/

div#graphics{
float:right;
margin-top:0px;
margin-right:9px;
width:125px;		
height:495px;		
color:#000000;
background-color:#3A547E;
padding: 30px 5px 0 5px;
}

div#marquee{
float:left;
margin-top:0px;
margin-left:11px;
width:200px;
height:525px;
background-color:#3A547E;
} 

/* ------------------------------ END GRAPHICS & MARQUEE ----------------------------------*/

/* ------------------------------ BEGIN FOOTER ----------------------------------*/

div#footer{
float:left;
margin-top:0px;
margin-left:11px;
width:925px;
height:20px;
text-align:left;
font-size:7pt;
padding: 10px 0 2px 15px;
background-color: #E9EEF8; /*#ECECF4*/
color:#003333;
} 

/* ------------------------------ END FOOTER ----------------------------------*/

/* --------------------------------- BEGIN SITEMAP ----------------------------------------*/

div#sitemap{
float:left;
margin-top:0px;
width:555px;
height:500px;
padding: 25px 25px 0 25px;
background-color: #3A547E;
}

#sitemap ol li {
list-style-image:url(../IMAGES/navigatie/arrow_right.png);
}

/* --------------------------------- EINDE SITEMAP ----------------------------------------*/

/* ------------------------------ BEGIN OPMAAK a: element --------------------------------*/

a:link {  
	text-decoration: none;
	color: #FFFFFF;
	font-size: 8pt;
}

a:visited {  
	text-decoration: none;
	color: #FFFFFF; 
	font-size: 8pt;
}

a:hover {  
	text-decoration: underline;
}

#utilities a:link {  
	text-decoration: none;
	color: #003333; 
	font-size: 8pt;
}

#utilities a:visited {  
	text-decoration: none;
	color: #003333; 
	font-size: 8pt;
}

#utilities a:hover {  
	text-decoration: underline;
}

#content a:link {  
	text-decoration: none;
	font-size: 8pt;
	color: #6FE8F7;		/*#CCCC66*/
}

#content a:visited {  
	text-decoration: none;
	font-size: 8pt;
	color: #6FE8F7;		/*#CCCC66*/
}

#content a:hover {  
	text-decoration: underline;
	color:#82CEDE;		/*#CCDD33*/
}

#events a:link {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events a:visited {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events a:hover {  
	text-decoration: underline;
}

#events_en a:link {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events_en a:visited {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events_en a:hover {  
	text-decoration: underline;
}

#events_fr a:link {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events_fr a:visited {  
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
}

#events_fr a:hover {  
	text-decoration: underline;
}

#sitemap a:link {  
	text-decoration: none;
	font-size: 9pt;
	color: #6FE8F7;		/*#CCCC66*/
}

#sitemap a:visited {  
	text-decoration: none;
	font-size: 9pt;
	color: #6FE8F7;		/*#CCCC66*/
}

#sitemap a:hover {  
	text-decoration: underline;
	color:#82CEDE;		/*#CCDD33*/
}

#breadcrumb a:link {  
	text-decoration: none;
	font-size: 7pt;
	color: #898C8D;
}

#breadcrumb a:visited {  
	text-decoration: none;
	font-size: 7pt;
	color: #898C8D;
}

#breadcrumb a:hover {  
	text-decoration: underline;
}

a.navigatie:visited {  
	text-decoration: none;
}

/* ------------------------------ EINDE OPMAAK a: element --------------------------------*/

/* ------------------------------ BEGIN OPMAAK ALGEMEEN --------------------------------*/

h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: #FFFFFF}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFFFFF}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #FFFFFF}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}
h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF}

.style1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #82CEDE;
	font-weight:bold;	
}
	
.style2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #82CEDE;
	font-weight:bold;
}
	
.style3 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight:bold;	
}

.style4 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight:bold;
}

.style5 {
	text-align:center;
}

.style6 {
	text-align:left;
}

.style7 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #82CEDE;	
}

.style8 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

.style9 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #82CEDE;
	font-weight:bold;
}

.style10 {
color: #2D4360;
}

.style11 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #82CEDE;
	font-weight:bold;
}
/* ------------------------------ EINDE OPMAAK ALGEMEEN --------------------------------*/