@charset "utf-8";
/* ---------------------------------------------------------------------- Grid */

body {font-family:Arial;background: #fff;color:#000;}

#wrapper, #columnContainer { width: auto;background: transparent;padding: 0;border: 0;float: none !important;color: black;}

#header {float: none !important;display:none;}

#leftColumn, #rightColumn, .breadCrumbHeader, #breadCrumb, .pageTools, .paging, #footer {float: none !important;display: none !important;}

#footer {width: auto;float: none !important;}



/* Cijfers css */

/* 
Css voor Cijfer weergave.
Deze wordt in de html aangeroepen net boven: <div id="table"> en <div id="graphic">
Zet weergave rechter kolom uit.
Verbreed weergave middenkolom.
Doet visuale aanpassingen.
 */
 
 p.quote 
 {
 	font-size: 0.95em;
 }

/* --------------------------------------------  Toevoeging ------------------------ */
/* --------------------------------------------- // -------- TABELLEN */
/* Wordt alleen gebruikt om tabellen uit map html jaarcijfers op te maken
hiervan zijn screenshots gemaakt en deze tabellen zijn als plaatjes in de site gezet 

---- Screenshots in Firefox maken, omdat dan de cijfers rechts uitlijnen-----*/
div#text img.graphic
{
	display: block;
	float: left;
	margin: 0 0 30px 0;
}

/* Property's parent div of table */
#table { float: left; margin: 0 0 20px 0; border: solid 1px #E5E8EF;}

/* Clear all space. cellpadding="0" cellspacing="0" are in html */
table, tr, th, td { margin: 0; padding: 0; border: 0;}

/* Hide caption text */
#table table caption { display: none; }


/* Main table property's */
#table table {
	width: 595px;
	font-size: 0.85em;
	background: #FFFFFF;
}

#table table tr td {
	border-bottom: solid 1px #E5E8EF;
	padding-right: 3px;
	line-height: 1.5em;
	text-align: right;
}

#table table tr.header {
	background: #022164;
	padding-right: 3px;
	line-height: 1.5em;
	text-align: right;
}

#table table tr.header th
{
	font-weight: bold;
	vertical-align: top;
	color: #FFFFFF;
	height: 20px;
	padding: 0 4px 0 0;
	text-align: right;
}
#table table tr.header th:first-child, #table table tr.header th.firstChild { /* first-child werkt niet in IE : oplossen met javascript class met dezelfde css */
	text-align: left;
	padding: 0 0 0 7px;
}
/* Instellen breedte columns, 1e column heeft rest breedte */
#table table th#col2 { width: 60px; background: #022164; }
#table table th#col3 { width: 40px; background: #022164;}
#table table th#col4 { width: 40px; background: #022164;}
#table table th#col5 { width: 40px; background: #022164;}
#table table th#col6 { width: 40px; background: #022164;}
#table table th#col7 { width: 75px; background: #022164; }

/* main row onder th */
#table table tr.main
{
	background: #CCCCCC;
}
#table table tr.main td {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}
#table table tr.main td:first-child, #table table tr.main td.firstChild { /* first-child werkt niet in IE : oplossen met javascript class met dezelfde css */
	font-weight: bold;
	padding: 0 0 0 7px;
	text-align: left;
}
/* eerste sub row */
#table table tr.mainSub {
	background: #F4F4F4;
}
#table table tr.mainSub td {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	
}
#table table tr.mainSub td:first-child, #table table tr.mainSub td.firstChild{  /* first-child werkt niet in IE : oplossen met javascript class met dezelfde css */
	font-weight: bold;
	padding: 0 0 0 7px;
	border-right: solid 1px #CCCCCC;
	text-align: left;
}

/* tweede sub row */
#table table tr.subSub td {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	
}
#table table tr.subSub td:first-child, #table table tr.subSub td.firstChild {  /* first-child werkt niet in IE : oplossen met javascript class met dezelfde css */
	font-weight: bold;
	color: #676767;
	padding: 0 0 0 10px;
	border-right: solid 1px #CCCCCC;
	text-align: left;
}
/* item algemeen : alle overige rijden */
#table table tr.item td, #table table tr.itemSpecial td {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
}
#table table tr.item td a {
	color: #676767;
}
#table table tr.header th.firstChild span {
	color: #FFFFFF;
}
#table table tr.item td:first-child, #table table tr.item td.firstChild, #table table tr.itemSpecial td.firstChild{ /* first-child werkt niet in IE : oplossen met javascript class met dezelfde css */
	padding: 0 0 0 20px;
	border-right: solid 1px #CCCCCC;
	text-align: left;
	background: url(../images/frontend/grafieken/start_item.gif)  no-repeat 10px 10px;
}
#table table tr.itemSpecial td.firstChild {
	background: #F1F1F1;
	border-right: solid 1px #F1F1F1;
}
#table table tr.itemSpecial /* uitzondering voor 1 grafiek */
{
	background: #F1F1F1;
}
#table table tr.extra td {
	border-top: solid 2px #CCCCCC;
}
#table table tr.main td {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}

/* Comment box */
#table table tr#comment01, 
#table table tr#comment02,
#table table tr#comment03,
#table table tr#comment04,
#table table tr#comment05,
#table table tr#comment06,
#table table tr#comment07,
#table table tr#comment08,
#table table tr#comment09,
#table table tr#comment10,
#table table tr#comment11,
#table table tr#comment12,
#table table tr#comment13,
#table table tr#comment14,
#table table tr#comment15,
#table table tr#comment16,
#table table tr#comment17,
#table table tr#comment18,
#table table tr#comment19,
#table table tr#comment20,
#table table tr#comment21,
#table table tr#comment22, 
#table table tr#comment23,
#table table tr#comment24,
#table table tr#comment25,
#table table tr#comment26,
#table table tr#comment27,
#table table tr#comment100,
#table table tr#comment101,
#table table tr#comment102,
#table table tr#comment103,
#table table tr#comment105,
#table table tr#comment200,
#table table tr#comment201
{ 
	/* Tijdelijk aan/uit */
	visibility: hidden; 
	position: absolute;
} 
#table table tr span { 
	text-decoration: underline;
	cursor: help;
}
#table table tr span:hover { 
	text-decoration: none;
}
#table table tr.commentBlock span {
	/* Het daadwerkelijke block */
	display: block;
	width: 535px;
	height: 100%;
	text-align: left;
	text-decoration: none;
	padding: 15px 25px 15px 25px;
	background: #F2F0F1 url(../images/frontend/grafieken/arrow_comment.gif)  no-repeat 10px 20px;
	border: solid 1px #676767;
}
#table table tr.commentBlock span span {
	display: inline;
	width: 20px;
	height: 20px;
	padding: 0;
	background: none;
	border: none;
}
#table table tr.commentBlock span h6, #table table tr.commentBlock span p {
	font-size: 11px;
	color: #666666;
}
#table table tr.commentBlock span h6 {
	float: left;
	/* idth: 540px; */
}
#table table tr.commentBlock span p {
	clear: both;
}
#table table tr.commentBlock span span {
	float: right;
}

#table table tr.result
{
	background-color: #E5E8EF;
}

/* Column text color */
td.col02 { color: #999999; }
td.col03 { color: #666666; }
td.col04 { color: #333333; }
td.col05 { color: #000000; }
td.col06 { color: #CC0000; }
td.col07 { color: #042165; }



/* ------------------------------------------------------------- Graphic --------------------------------------- */

#graphic {
	float:left;
	width: 575px;
	height: 355px;
	padding: 4px 0 0 45px; /* Aanpassen IE6 */
	margin: 10px 0 0 0;
	background: #EFEF00;
}

#graph_block01, #graph_block02, #graph_block03, #graph_block04, #graph_block05 {
	float: left;
	width: 98px;
	heigh: 355px;
	padding: 0 0 0 10px;
}
#graphic span {
	float: left;
	display: block;
	width: 18px; /*20*/
	height: 300px;
	margin: 0 0 0 1px;
	padding: 0;
}
#graphic span#activateComment01, #graphic span#activateComment02, #graphic span#activateComment03, #graphic span#activateComment04, #graphic span#activateComment05 {
	height: 35px;
}

#graph_block01 span#activateComment01 { 
	float: left; 
	width: 98px; 
	text-align: center;
	font-size: 0.95em; 
	text-decoration: underline; 
	color: #666666; 
	margin: 13px 0 0 0;
}
#graph_block01 span#activateComment01:hover { text-decoration: none; cursor: help;}

#graph_block02 span#activateComment02 { 
	float: left; 
	width: 98px; 
	text-align: center; 
	font-size: 0.95em; 
	text-decoration: underline; 
	color: #666666; 
	margin: 13px 0 0 0;
}
#graph_block02 span#activateComment02:hover { text-decoration: none; cursor: help;}

#graph_block03 span#activateComment03 { 
	float: left; 
	width: 98px; 
	text-align: center; 
	font-size: 0.95em; 
	text-decoration: underline; 
	color: #666666; 
	margin: 13px 0 0 0;
}
#graph_block03 span#activateComment03:hover { text-decoration: none; cursor: help;}
	
#graph_block04 span#activateComment04 { 
	float: left; 
	width: 98px; 
	text-align: center; 
	font-size: 0.95em; 
	text-decoration: none; 
	color: #666666; 
	margin: 13px 0 0 0;
}
#graph_block04 span#activateComment04:hover { text-decoration: none;}

#graph_block05 span#activateComment05 { 
	float: left; 
	width: 98px; 
	text-align: center; 
	font-size: 0.95em; 
	text-decoration: none; 
	color: #666666; 
	margin: 13px 0 0 0;
}
#graph_block05 span#activateComment05:hover { text-decoration: none;}


/* Graphic comments */
#graph_commment01, #graph_commment02, #graph_commment03, #graph_commment04, #graph_commment05 { 
	display: none;
}
#graph_commment01, #graph_commment02, #graph_commment03, #graph_commment04, #graph_commment05 {
	float:left;
	width: 535px;
	heigh: 100%;
	
}
#graph_commment01 { background: url(../images/frontend/grafieken/arrow_comment_graph.gif)  no-repeat 90px 0; }
#graph_commment02 { background: url(../images/frontend/grafieken/arrow_comment_graph.gif)  no-repeat 210px 0; }
#graph_commment03 { background: url(../images/frontend/grafieken/arrow_comment_graph.gif)  no-repeat 330px 0; }
#graph_commment04 { background: url(../images/frontend/grafieken/arrow_comment_graph.gif)  no-repeat 445px 0; }
#graph_commment05 { background: url(../images/frontend/grafieken/arrow_comment_graph.gif)  no-repeat 555px 0; }

.graphComment span {
	float:left;
	width: 505px;
	heigh: 100%;
	margin: 12px 0 20px 40px;
	padding: 15px 25px 15px 25px;
	background: #F2F0F1 url(../images/frontend/grafieken/arrow_comment.gif)  no-repeat 10px 20px;
	border: solid 1px #6A6A6A;
}
.graphComment span span {
	float:right;
	width: 13px;
	heigh: 100%;
	border: none;
	margin: 0;
	padding: 0;
	cursor: crosshair;
	
}
.graphComment span h5 {
	float: left;
	width: 455px;
	color: #6A6A6A;

}
.graphComment span p {
	clear: both;
	color: #6A6A6A;
}

.graphComment span li {
	color: #6A6A6A;
}
/*  Legenda  */
#graph_legenda {
	float:left;
	width: 505px;
	heigh: 100%;
	font-size: 0.9em;
	color: #9AA6C0;
	margin: 0 0 20px 0;
	padding: 0;
	background: #FFFFFF;
}
#legendaContainer {
	width: 100%;
	margin: 0 0 0 40px;
	padding: 15px 25px 15px 25px;
	border: solid 1px #9AA5C1;
}
#graph_legenda span {
	width: 43px;
	height: 10px;
	color: #9AA6C0;
	padding: 0 30px 0 12px;
	margin: 12px 0 20px 0px;
}

#graph_legenda span.one { border-left: solid 14px #CDCDCD;}
#graph_legenda span.two { border-left: solid 14px #999999;}
#graph_legenda span.three { border-left: solid 14px #666666;}
#graph_legenda span.four { border-left: solid 14px #343434;}
#graph_legenda span.five { border-left: solid 14px #CC0001;}

p.legenda2007 {
	float:left;
	width: 100%:
}

p {
	clear: both;
	width: 100%;

}

/* ------------------------------------------------------------- Graphic --------------------------------------- */

#graphicSimple {display:none;}

#graph_block01_simple, #graph_block02_simple, #graph_block03_simple, #graph_block04_simple, #graph_block05_simple {
	float: left;
	width: 55px;
	heigh: 355px;
	padding: 0 0 0 13px;
	margin: 0;
}
#graphicSimple span {
	float: left;
	display: block;
	width: 55px; /*20*/
	height: 300px;
	margin: 0 0 0 1px;
	padding: 0;
}
#graphicSimple span.year { 
	float: left; 
	width: 55px;
	height: 35px;
	text-align: center;
	font-size: 1em; 
	text-decoration: none; 
	color: #666666; 
	margin: 13px 0 0 0;
} 

#toolbar {display:none !important;}