/* NEEDED STYLES */

a
{
text-decoration:none;
color:#000000;
}

a:hover
{
	color:#FF0000;
	text-decoration:none;
}

.datum{
 text-decoration: none;
 color: #000080; 
}

body
{
	font-family:arial;
	FONT-SIZE: 1em;
	LINE-HEIGHT: 130%; 
	margin-top: 0px;
	margin-left: 0px;
	
}

#wrapper{
	width: 1020px;
	margin: 0 0 0 0px;
	padding: 0;
	text-align:left;
	float:none !important;
}

#leftc{
	vertical-align: top;
	float:left;
	width: 192px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#quote {
	text-decoration: none;
	font-weight: 800;
	line-height: 140%;
	font-size: 1.0em;
	color: black; 
	letter-spacing: 0.049em;
	
}

#search{
	text-align:center;
	font-weight:bold;
	font-family:arial,helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#languages {
font-size: 0.7em;
color: #006052;
margin-left: 15px;
margin-bottom: 55px;

}

#languages a {
color: #006052;
}

#languages .active {
margin-left: -1px;

color: #FF0000;
}

#languages .smallpipe {
font-size: 0.9em;
vertical-align: top;
}


#languages a:hover {
/*color: #FF0000;*/
text-decoration:underline;
}

.topnav{
margin: 0;
padding: 0;
text-align:left;
}


#menu{
	float:none;
	width:192px;
	/*margin: 0px;*/
	padding: 0px;
	clear: left;
	/*border-bottom: solid 1px;*/
	height:auto;
}

#menu a{
color: #006052;
text-decoration:none;
text-align:left;
padding: 0;
margin: 0;
font-size: 0.7em;
vertical-align:middle;
margin-left: -2px;

}

#menu ul {
/*list-style: none;*/
/*list-style-image: url(/en/assets/templates/vopakla/images/right_black.gif);*/
list-style-position:inside;
list-style-type: none;
cursor:pointer;
margin:0 0 0 0px;
/*border-top: solid 0px;*/
margin-top: -9px;

}

#menu li {
text-decoration: none;
color: #0000ff;
margin-bottom: 5px;

	/*border-color: #000000;
	border-top: solid 1px;*/
	}

/* color & style for root level active folder
-----------------------------------------------*/
#menu li.active, #menu li.active a { /* this sets the color of the active menu parent. */
color:#FF0000;

}

#menu li a:hover
{
/*color: #FF0000;*/
text-decoration: underline;
cursor:pointer;
}

#menu li.active a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

/*  turn off level 2 folders (sub menu items) */
#menu ul ul{
    display: none;
}

/*Now we want the items below the root (we will call them level 2 items and folders) to display in our list when their parent item is selected or active.  to do that, we use this in the style sheet:

Code:*/

/* show the items in the level 2 folder path when you are there*/
#menu li.active ul {
/*border-bottom: solid 0px;
	border-top: solid 0px;*/
	display: block;
	margin:0 0 0 10px;
	cursor:pointer;
	}

#menu li.active ul li {
/*	border-bottom: solid 0px;
	border-top: solid 0px;&*/
}
/*Ok, so now what we have is a list menu that displays the items and folders on the root of your site, and when you select a menu item with children, the children become visible under that listed item ( and slightly indented to show that they are children of that folder). We can style them like this:

Code:*/

/* color & Style for level 2 active folder
-----------------------------------------------*/
#menu li.active ul li a {/* An item in the 2nd level list, not currently selected */
color:#000000; /* these items are black in the 2nd level list */
}
#menu li.active li.active a { /* The ACTIVE item in the 2nd level list */
color:#FF0000;/* these items are blue in the 2nd level list */
}

#menu li.active li a:hover
{
color: #000000;
text-decoration: underline;
}

#menu li.active li.active a:hover
{
color: #000000;
text-decoration: underline;
}

#menu li.active li.active li a:hover
{
color: #000000;
text-decoration: underline;
}



/*
The problem is that the level 3 children are also visible, but we don't want them to appear until their level 2 parent is selected.  The solution:

Code:*/

/*  turn off level 3 folders (sub menu items of sub menus) */
#menu ul ul ul li {
    display: none;
}

/* show the items in the level 3 folder path when you are there*/
#menu li.active li.active ul li {
   display: block;
   margin:0;
   	/*cursor:pointer;
	border-bottom: solid 0px;
	border-top: solid 0px;*/
   }
/*
Now we should style the Level 3 items, so they appear seamless with the rest of our style:

Code:*/

/* color & Style for level 3 active folder
-----------------------------------------------*/
#menu li.active li.active ul li a { /* An item in the 3rd level list, not currently selected */
color:#000000; /* these items are black in the 3rd level list */
}
#menu li.active li.active li.active a { /* The ACTIVE item in the 3rd level list */
color:#FF0000; /* these items are orange in the 3rd level list */
}

#menu li.active li.active li.active a:hover
{
color: #000000;
text-decoration: underline;
}

/*
The problem is that the level 4 children are also visible, but we don't want them to appear until their level 3 parent is selected.  The solution:

Code:*/

/*  turn off level 4 folders (sub menu items of sub menus) */
#menu  li.active ul li.active ul li ul li {
    display: none;
}

/* show the items in the level 4 folder path when you are there*/
#menu li.active li.active li.active ul li {
   display: block;
   margin:0;
   /*cursor:pointer;
   border-bottom: solid 0px;
	border-top: solid 0px;*/
   }
/*
Now we should style the Level 4 items, so they appear seamless with the rest of our style:

Code:*/

/* color & Style for level 4 active folder
-----------------------------------------------*/
#menu li.active li.active li.active ul li a { /* An item in the 4 level list, not currently selected */
color:#000000; /* these items are black in the 3rd level list */

}
#menu li.active li.active li.active li.active a { /* The ACTIVE item in the  level list */
color:#FF0000; /* these items are orange in the 3rd level list */

}

#menu li.active li.active li.active li.active a:hover
{
color: #FF0000;
}


#background{
	background: white;
	width: 768px;
	text-align: right;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	margin-right: 0px;

}

#main{
	padding: 0;
	width: 825px;
	clear: none;
	margin: 0;
	float: left;
	position: relative;
}

#content {
	background-color: white;
	margin: 0;
	padding: 0;
	float: left;
	border-width: 0;
	min-height: 450px; /* IE6 doesn't understand this */
	height:expression(
    this.scrollHeight < 450? "450px" : "auto" );
	/*height: 450px;  in IE6, this behaves the way min-height should */
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 10px;
	width: 825px;
	float: left;

}

#contentHomepage {
	background-color: white;
	width: 770px;
	vertical-align: top;
	margin: 0;
	padding: 0;
	float: left;
	border-width: 0;
	min-height: 350px;

}

#intro {
	background-color: white;
	margin-top: 29px;
	margin-right: 10px;
	padding-bottom: 50px;
	margin-left: 8px;
	float: left;
	width: 550px;
	display: block;
	word-wrap: break-word;
}

#newsbox {
	background-color: white;
	margin-top: 32px;
	margin-bottom: 10px;
	margin-left: 15px;
	width: 190px;
	float: left;
	display: block;
}

#lane3 {
	float: right;
	background-color: white;
	margin-top: 26px;
	margin-bottom: 10px;
	width: 175px;
	display: block;
	
}

sup {
	font-size: .9em;
}


div.title {
 padding-top: 20px;
 padding-left: 10px;
 color: black;
 font-weight: 800;
}

.homeTitle{
	font-size: 1.5em;
	color: black;
	font-weight: 800;
	text-decoration: none;
	border: none;
	margin-top:10px;
}

.homeTitle_homepage {
	font-size: 1.5em;
	color: red;
	font-weight: 800;
	text-decoration: none;
	border: none;
	margin-top:10px;
}

.quicklinks {
	line-height: 240%;
	text-align: left;
	font-size: 1.3em;
	color: #006052;
}

.cell_link {
    width:100%;
    height:100%;
    display:block;
	cursor: pointer;
}

.pageTitle{
	font-size: 16px;
	color: black;
	font-weight: 800;
	text-decoration: none;
	border: none;
	height: 60px;
	margin-bottom: 8px;
}
 
.bodytext{
	font-size: 12px;
	text-decoration: none;
	color: black;
	border-bottom-color: #FF0000;
	width:expression(document.body.clientWidth > 725? "725px": "auto" );
	padding-top: 10px;
	padding-bottom: 10px;
}
 
.body-normal{
	font-size: 0.75em;
	padding-top: 8px;
	padding-left: 10px;
}
.body-small{
	font-size: 0.95em;
	text-decoration: none;
	color: black;
}
.body-xsmall{
	font-size: 0.7em;
	text-decoration: none;
	color: black;
	margin-top: -12px;
	margin-left: 0px;

	
}

.indent{
	font-size: 0.7em;
	text-decoration: none;
	color: black;
	margin-top: 10px;
}

.header {
	font-size: 1.1em;
	/*color: #006052;*/
	color: red;
	font-weight: 800;
	line-height: 130%;
	}

.normal_line_height_image{
	font-size: 0.6em;
	color: black;
	font-weight: 800;
	line-height: 110%;
	text-align: right;
}

.normal_line_height{
	line-height: 100%;
	text-align: left;
}

.normal_line_height105{
	line-height: 120%;
	text-align: left;
}


.body-xxsmall{
	font-size: 0.5em;
	text-decoration: none;
	color: black;
}

.body-small:hover{
 text-decoration: none;
 color: red;
}
.body-smallR{
font-size: 0.65em;
 color:red;
 text-decoration: none;
}
.org_class
{
font-size: 0.7em;
}
.org_class:hover
{
color: red;
}

.publ_header_strong{
	font-size: 0.95em;
	text-decoration: none;
	color: black;
	font-weight: 800;
}

.publ_header_strong_italic{
	font-size: 0.95em;
	text-decoration: none;
	color: black;
	font-weight: 800;
	font-style:italic;
}

#steadyLinks {

}
	
.steadyLinks_link{
	font-size: 0.6em;
	color: #006052; 
	vertical-align: sub;
	text-align: right;	
}

a.steadyLinks_link:hover{
color: #006052; 
	text-decoration: underline;

}

.steadyLinks_nolink{
	font-size: 0.6em;
	color: silver;
	vertical-align: sub;	
 }

#footer
{
	width: 845px;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: -40px;
}

hr.title{
           width: 735px; 
           height: 1px; 
           color: red; 
           background-color: red; 
           border: solid #336699 0px;
           
}
hr.homePage{
           width: 100%; 
           height: 1px; 
           color: red; 
           background-color: red; 
           border: solid #336699 0px;
           margin-top: -3px;
           margin-bottom: -3px;
}
hr.homePageBlue{
           width: 100%; 
           height: 1px; 
           color: #000080; 
           background-color: #000080; 
           border: solid #336699 0px;
           margin-top: -3px;
           margin-bottom: -3px;
}
hr.rightHandLink {
           width: 100%; 
           height: 1px; 
           color: #000080; 
           background-color: #000080; 
           border: solid #336699 0px;
           margin-top: -3px;
}

.emailform {
	line-height: 90%;	
}




 
  div.menulinkParent
 {
  width: 168px;
 }
 
 
 div.menulinkSub
 {
  width: 168px;
 }
 
 div.menulinkSub2
 {
  width: 168px;
 }
 
 div.menulinkParentp
 {
     width: 8px;
 }
 
 div.menulinkSubp
 {
  margin-left: 8px;
  width: 8px;
  
 }
 
 div.menulinkSub2p
 {
  margin-left: 16px;
  width: 8px;
 }
 a.dynMenu
 {
    font-size: 0.6em;
    text-decoration: none;
    color: black;
 }
 span.dynMenu
 {
    font-size: 0.6em;
    text-decoration: none;
    color: black;
 }
/* stylesheet voor download Area */
.menutitle{
cursor:pointer;
margin-bottom: 2px;
background-color:#E6E4E4;
color: #000080;
width:550px;
padding:5px;
text-align:left;
font-weight:bold;
border:1px solid #000080;
}
.menutitleMouse{
cursor:pointer;
margin-bottom: 2px;
background-color:#F2F0F0;
color: #000080;
width:550px;
padding:5px;
text-align:left;
font-weight:bold;
border:1px solid #000080;
}
.menu{
font-size: 0.75em;
cursor: pointer;
margin-bottom: 2px;
background-color:#26439B;
color: white;
width:550px;
height:35px;
padding:5px;
text-align:left;
font-weight:bold;
border:1px solid #000000;
 }
.menutitle2{
cursor:pointer;
margin-bottom: 2px;
background-color:#4B87FD;
color: white;
width:550px;
padding:5px;
text-align:left;
font-weight:bold;
/* border:1px solid #000000; */
}
#action{
cursor:pointer;
margin-bottom: 2px;
background-color:white;
color: blue;
width:550px;
padding:5px;
text-align:left;
font-weight:bold;
/* border:1px solid #000000; */
}
.subdiv{
cursor:pointer;
margin-bottom: 2px;
background-color:white;
color: #000080;
width:550px;
padding:5px;
text-align:left;
font-weight:400;
 border:1px solid #000080; 
}
.chosen{
cursor:pointer;
margin-bottom: 2px;
background-color: white;
color: #000080;
width:550px;
padding:5px;
text-align:left;
font-weight:400;
 border:2px solid red; 
}
 
 .actionV{
font-size: 0.70em;
 color: #000080;
 text-decoration: none;
 text-align: left;
 
 }
 
.actionD{
font-size: 0.70em;
 color: #000080;
 }
 
.size{
 color: #000080;
 width:50px;
 text-decoration: none;
 text-align: right;
 } 

 .submenu{
/* margin-bottom: 0.5em; */
}

form {
	font-size: 0.8em;
	width: 200px;
}	

#loc
  {
  display: inline;
 }
 
select
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px; 
 }
input
 {
  background: white; 
 }
.tableBidAsk
 {
font-size: 0.9em;
  width: 515px;
 }
 
.tdHeadBidAsk
 {
  font-weight: 800;
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px;
 }
 
.tdBidAsk
 {
  
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 2px;
 }
.tableQuotes
 {
font-size: 0.9em;
  width: 515px;
 }
 
 .tdHeadQuotes
 {
  font-weight: 800;
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px;
 }
 .tdQuotes
 {
  
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 2px;
 }
 .tableHilo
 {
font-size: 0.9em;
  width: 515px;
 }
 
 .tdHeadHilo
 {
  font-weight: 800;
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px;
 }
 .tdHilo
 {
  
  text-align: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 2px;
 }
 
 .ploegenH
 {
  display: none;
 }
 .ploegen
 {
  display: block;
 }
 .spanHiLo
 {
 font-size: 0.9em;
 color: blue;
 text-decoration: underline;
 cursor:pointer; 
 text-align: center;
 border: 1px solid silver;
 padding: 2px;
  
 }
 
/*Ditto*/

#ditto_wrapper .ditto_article {

margin-bottom: 20px;

}

#ditto_wrapper .ditto_title {

font-size: 115%;

width: 100%;

border-bottom: 1px solid #9c0;

}

#ditto_wrapper .ditto_title .ditto_info {

float: right;

display: block;

text-align: right;

font-size: 75%;

color: #555;

}

#ditto_wrapper .ditto_link {

text-align: right;

font-size: 75%;

}

#ditto_wrapper a, #ditto_wrapper a:visited, #ditto_wrapper a:hover {

border: 0;
color:#FF0000

}

ditto_summaryPost{
}

a.ditto_summaryPost {

font-size: 0,7em;
text-decoration:none;

}

.ditto_paging {

border-top: 1px solid #ccc;

padding: 10px;

font-size: 86%;

color: #618100;

}

#ditto_pages #ditto_currentpage {

border: 1px solid #618100;

padding: 1px 5px 2px;

margin-right: 1px;

background-color: #9c0;

color: #fff;

}

#ditto_pages .ditto_off {

border: 1px solid #ccc;

padding: 1px 5px 2px;

margin-right: 1px;

color: #ccc;

}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {

border: 1px solid #9c0;

padding: 1px 5px 2px;

margin-right: 1px;

text-decoration: none !important;

color: #618100;

}

#ditto_pages a:hover {

background-color: #fff;

color: #000;

}

#ditto_archivelist ul {

list-style-type: none;

margin-left: 15px;

padding-left: 0;

}

#ditto_archivelist ul ul {

list-style-type: square;

margin-left: 35px;

}

#ditto_archivelist .ditto_month {

font-weight: bold;

}

/* end Ditto*/
#titlerednl {
	width: 549px;
	border-color: #006052;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: -10px;
}

#lane3_line {
	width: 100%;
	border-color: #006052;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: -10px;
}

.titlered {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-color: #FF0000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/*background-image: url(/en/assets/templates/vopakla/images/pijltje_blue.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right;*/
	height: 26px;
	padding-top: 10px;
}
.titlered:hover {
	background: url(/en/assets/templates/vopakla/images/pijltje_zwart.gif) no-repeat right center;
}
a.titlered
{
	color:#000000;
	text-decoration:none;
}
.print {
	text-align: right;
	font-size: 11px;
 	color: #000080; 
	background-image: url(/en/assets/templates/vopakla/images/printer_icoon.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	padding-right:0;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 43px;
	float: right;
}

.print:hover{
	text-align: right;
	font-size: 11px;
	background-image:url(/en/assets/templates/vopakla/images/printer_icoonR.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 43px;
	float:right;
}
#breadcrumb{
	background: white;
	text-align: left;
	margin-top: -18px;
	margin-left: 161px;
}

/*Span that surrounds all crumb output*/
.B_crumbBox
{
color:#999999;
margin: 0;
padding: 0;
font-size: 10px;
}

/*Span surrounding the "..." if tactive are more crumbs than will be shown*/
.B_hideCrumb {color:#999999;}      
/*Span or A tag surrounding the current crumb*/
.B_currentCrumbcolor:#999999;{}    
/* Span that always surrounds the first crumb, whether it is "home" or not*/
.B_firstCrumb{color:#999999;}     
/*Span surrounding last crumb, whether it is the current page or not*/
.B_lastCrumb{color:#999999;}       
/*Class given to each A tag surrounding the intermediate crumbs (not home, or hide)*/
.B_crumb{color:#999999;}           
/*Class given to the home crumb*/
.B_homeCrumb{color:#999999;}  

.FSF_input {
	border: 1px solid white;
    color: #000000;
	margin-left: -8px;
    margin-top: 45px;
	font-size: 10pt;
	width: 104px;

	
    }
    
.FSF_input:focus {
    border-bottom: 1px solid #000;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    background: #fff;
    color: #111;
    }

.FSF_submit, .FSF_submit:focus {
    background: url("/images/search/search_en_07.jpg") no-repeat;
    border: 0;
    width: 46px;
	margin-left: 4px;
	margin-bottom: 1px;
    cursor: pointer;
    }
    
.submit:hover, .FSF_submit:hover {
    border: 0;
    cursor: pointer;
    }
	
#droplist {
	float: left;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
}

/* style UL sitemap*/
.LSM_0{
}

.LSM_1{
}

.LSM_2{
}

.LSM_3{
}

.print{
display:none;
}

#imgMap{
margin: 0 10px 0 0;
border:thin;
border:#FF0000;
}