﻿/* toolbar include */
@import url('global_toolbar.css');

/* Backend preview toolbar */

div.preview-box {height:200px;background:#f6f5ee;padding:10px;}
div.preview-box a {color:#9F9A72;}

div.preview-box .inputbox			{-moz-border-radius:6px; -webkit-border-radius: 6px;background:#EEECE1;}
div.preview-box span.checkbox input {display:inline;width:15px;margin-right:5px;position:relative;top:2px;}
div.preview-box span.checkbox label {display:inline;width:80%;}
div.preview-helpers					{width:100%;float:left;margin-bottom:10px;}
div.preview-helpers .left span		{font-weight:bold;}

table.preview-summary				{float:left;width:400px;}
table.preview-summary textarea		{width:98%;}


@font-face {
    font-family: 'GaramondClassicFSRegular';
    src: url('../../fonts/garamondclassic-regular-webfont-webfont.eot');
    src: url('../../fonts/garamondclassic-regular-webfont-webfont.eot?iefix') format('eot'),
         url('../../fonts/garamondclassic-regular-webfont-webfont.woff') format('woff'),
         url('../../fonts/garamondclassic-regular-webfont-webfont.ttf') format('truetype'),
         url('../../fonts/garamondclassic-regular-webfont-webfont.svg#webfontvtAVEJjW') format('svg');
    font-weight: normal;
    font-style: normal;
}

.garamond		{font-weight: normal;font-style: normal;line-height:normal;font-family: 'GaramondClassicFSRegular', sans-serif;font-size:1.8em;color:#003399;}
.garamond-big	{font-weight: normal;font-style: normal;line-height:normal;font-family: 'GaramondClassicFSRegular', sans-serif;font-size:2.1em;color:#003399;}


/* Editor styles zoals ul, ol, subscript e.d. */
.article_editor ol {padding:0px 0px 0px 30px;margin:0px 0px 10px 0px;}
.article_editor ul {padding:0px 0px 0px 40px;margin:0px 0px 10px 0px;list-style-type:disc;}
.article_editor p {margin:0px 0px 10px 0px;}
.article_editor img {margin:0px 0px 10px 0px;}
sup, sub { vertical-align: 0;position: relative; }
sup { bottom: 1ex;}
sub { top: 0.8ex;}


/* Site elementen */

/* Global Defaults */
body, html	            {margin: 0px;padding: 0px;border: 0px;width: 100%;height: 100%;}
body#frontend           {background: url('../../images/frontend/bg-body.gif') top left repeat; text-align: center; }
body.sendafriend        {background:#f8faff;}
body                    {color: #666666; font: 68%/1.4em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

/* Headlines */
h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ color: #003399; margin: 0; padding: 0; font: bold 150% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;}
h2{ color: #003399; margin: 0; padding: 0 0 0.4em 0; font: bold 130% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #003399; margin: 0; padding: 0 0 0.1em 0; font: normal 110% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #003399; margin: 0; padding: 0 0 0.2em 0; font: normal 110% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #003399; margin: 0; padding: 0; font: normal 105% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }
h3.pageTitle {font-weight:bold;}
.related-sidebar h5{ color: #003399; margin: 0; padding: 0; font: normal 105% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

.article_editor h2				{color: #003399; margin: 0; padding: 0 0 1em 0; font: normal 100% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;font-style:italic;}
.article_editor h2.page-title	{color: #003399; margin: 0; padding: 0 0 0.4em 0; font: bold 130% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;}


/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {margin: 0;padding: 0;font: normal normal normal 1em/1.4em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; outline: none; -moz-outline: none;}
blockquote              {margin: 1.25em;padding: 1.25em}
q                       {font-style: italic;}
acronym, abbr           {cursor: help;border-bottom: 1px dashed;}
small                   {font-size:.85em;}
big                     {font-size:1.2em;}
ul                      {list-style:none;}

/* Links and Images */
a:link		            {color: #003698; text-decoration: none; outline: none;}
a:visited 	            {color: #003698; text-decoration: none; outline: none;}
a:active	            {color: #003698; text-decoration: none; outline: none;}
a:hover		            {color: #003698; text-decoration: underline; outline: none;}  

a.read-more{ text-decoration: underline; font-size: 100%; line-height: normal; padding: 0.3em 0 0em 8px; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.6em no-repeat; }
a.read-more:hover{ text-decoration: underline; }

a.greylink:link, a.greylink:active, a.greylink:visited, a.greylink:hover {font-weight:bold;color:#757575;text-decoration:underline;}

/* Tables */
table                   {margin: 0;padding: 0;border: none;}

/* Forms */
form                    {margin: 0;padding: 0;display: inline;}
label                   {cursor: pointer;}

/* Images */
img                     {border: none;display:block;}

/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.center-page{ margin: 0 auto; overflow: hidden; }
.clear{ clear: both; display: block; }
.clear-right{ clear: right; }
.clear-left{ clear: left; }
.no-clear{ clear: none; display: inline; }
.intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; }
.big-txt{ font-size: 126%; }
.bigger-txt{ font-size: 116%; }
.big-nav *{ font-size: 110%; }
.normal-txt{ font-size: 100%; }
.small-txt{ font-size: 96%; }
.xsmall-txt{ font-size: 85% !important; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.line-height-normal{ line-height: normal; }
.left{ float: left;}
.left-img{ margin: 8px 24px 8px 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 1em 0; width: 100%; border-top: 2px #E9E9E5 solid; float: left; }
.padding{ padding: 20px; }
.padding-small{ padding: 10px; }
.padding-xsmall{ padding: 4px; }
.padding-small-content{ padding: 0px; }
.padding-big{ padding: 10px; }
.no-margin{ margin: 0; }
.no-margin-bott{ margin-bottom: 0; }
.no-padding{ padding: 0 !important; }
.no-pad-bott{ padding-bottom: 0; }
.no-border{ border: none !important; }
.no-block{ display: inline !important; width: auto !important; }
.no-background{ background: none !important; }
.no-underline{ text-decoration: none !important; }
.no-print {display:none;}
.nobullet { list-style: none; list-style-image: none; }
.nofloat{ float: none; }
.right{ float: right; }
.right-img{ float: right; margin: 8px 0 8px 24px; }
.right-txt{ text-align: right; }
.rnd-small{ /*-moz-border-radius:4px;*/ -webkit-border-radius: 4px; }
.rnd-big{ /*-moz-border-radius:6px;*/ -webkit-border-radius: 6px; }
.pointer {cursor:pointer;}

.mtop{ margin-top: 10px; }
.mbott{ margin-bottom: 10px !important; }
.mbott-double{ margin-bottom: 20px !important; }
.mleft{ margin-left: 10px; }
.mright{ margin-right: 10px; }
.mstop{ margin-top: 5px; }
.msbott{ margin-bottom: 5px !important; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }

.ptop{ padding-top: 10px; }
.pbott{ padding-bottom: 10px; }
.pbott-double { padding-bottom: 20px; }
.pleft{ padding-left: 10px; }
.pright{ padding-right: 10px; }
.pstop{ padding-top: 5px; }
.psbott{ padding-bottom: 5px; }
.psleft{ padding-left: 5px; }
.psright{ padding-right: 5px; }

.spacer-left{ margin-left: 22px; }
.spacer-right{ margin-right: 22px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.overflow-hidden{ overflow: hidden !important; }

/* bron */
/*.bron { height: 5em; }*/
.bron p{ margin: 0; padding: 0; }
.top-border{ border-top: 3px solid #3399ff !important; padding-top: 0.6em; }
.bottom-border{ border-bottom: 3px solid #3399ff !important; padding-bottom: 0.6em; }
.bron a.next{ margin-left: 0; color: #1E4371; border: none; text-decoration: none; background-image: url('../../images/frontend/icon-forward.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 20px 2px 0;}
.bron a.prev{ margin-right: 0; color: #1E4371; border: none; text-decoration: none; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px;}
.bron a.prev:hover, .bron a.next:hover{ text-decoration: underline !important; }

/* icon bg styles */
.icon-back{ text-decoration: none !important; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-back:hover{ text-decoration: underline !important; }
.icon-forward{ background-image: url('../../images/frontend/icon-forward.gif'); background-position: top right; background-repeat: no-repeat; padding: 0 20px 2px 0px; }
.icon-print{ background-image: url('../../images/frontend/icon-print.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 17px; }
.icon-info{ background-image: url('../../images/frontend/icon-info.gif'); background-position: center right; background-repeat: no-repeat; padding: 0px 20px 2px 0px; color: #000 !important; text-decoration: none; }
.icon-add{ background-image: url('../../images/frontend/icon-add.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-added{ background-image: url('../../images/frontend/icon-added.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-del{ background-image: url('../../images/frontend/icon-del.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-pdf{ background-image: url('../../images/frontend/icon-pdf.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 20px; }
.icon-arrow-right{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 0px 5px; background-repeat: no-repeat; text-indent: 12px; }
.icon-arrow-down{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 5px; background-repeat: no-repeat; text-indent: 12px; }

.icon-text{ color: #757575; background-image: url('../../images/frontend/icon-txt.gif'); background-position: 0em 0.4em; background-repeat: no-repeat; padding: 0 0 0 20px; }
.icon-photo{ color: #757575; background-image: url('../../images/frontend/icon-foto.gif'); background-position: 0em 0.4em; background-repeat: no-repeat; padding: 0 0 0 20px; }
.icon-numbers{ color: #757575; background-image: url('../../images/frontend/icon-cijfers.gif'); background-position: 0em 0.4em; background-repeat: no-repeat; padding: 0 0 0 20px; }
.icon-map{ color: #757575; background-image: url('../../images/frontend/icon-kaart.gif'); background-position: 0em 0.4em; background-repeat: no-repeat; padding: 0 0 0 20px; }


/* paging */
.paging{position: relative; width: 495px; white-space: nowrap; margin: 2em 0 0 0; padding: 1em 0; float: left; clear: both; text-align:center; color:#003698; }
.paging a.next{ color: #003698; border: none; text-decoration: none; padding:0 15px 0 0;background:url(../../images/frontend/icon-arrow-right.gif) right 5px no-repeat;}
.paging a.prev{ color: #003698; border: none; text-decoration: none; background:url(../../images/frontend/icon-arrow-left.gif) left 5px no-repeat;}
.paging a.prev:hover, .paging a.next:hover{ text-decoration: underline; }
.paging a.selected, .paging a.selected:hover{ font-weight: normal; color: #999; text-decoration: none; }
.paging div.left {width:100px;float:left;height:20px;text-align:left;}
.paging div.middle {width:280px;float:left;height:20px;text-align:center;}
.paging div.right {float:right;height:20px;text-align:right;}


.photo-description{ font-size: 90%; font-style: italic; }
.footer-description{ font-size: 90%;margin-bottom:10px; }
.box-border{ border: 1px solid #002B7A; margin-bottom: 2em; }
.box-sides{ border-left: 1px solid #000; border-right: 1px solid #000; margin-bottom: 2em; }
.box-sides p, .box-border p{ padding: 0; }

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

/* Page Layout */
div#framework{ position: relative; width: 935px; text-align: left; }

#container {width: 100%;height: 100%;float: left;overflow: visible;}
#container .page-title{ float: left; }

div.header {position: relative;width: 935px;min-height: 167px;_height: 167px;margin-bottom: 0px;background: url('../../images/frontend/bg-header.jpg') top right no-repeat;z-index:99;}

div.header .company-title a{ position:absolute;top:0px;left:0px; height: 96px; width: 238px; overflow: hidden; display: block;background:url(../../images/frontend/logo.gif) -20px 0 no-repeat; }
div.header .company-title a span{ display: none; }
div.header .company-title{ margin: 0; }
div.header .company-subtitle{font-weight: normal;font-style: normal;line-height:normal;font-family: 'GaramondClassicFSRegular', sans-serif;font-size:20px;color:#545454;position:absolute;bottom:0px;left:10px; }
div.header .document-title{ font-weight: normal; position: absolute; bottom: 55px; background: #d4e7f7; left: 10px; width: 930px; overflow: hidden; text-indent: 20px; padding: 6px 0 6px 10px; font-size: 180%; margin: 0; }
div.header .go-to{ position: absolute; float: right; bottom: 5px; right: 14px; z-index: 100; display: none; }
div.header .go-to a{ color: #FFFFFF; }
div.header .helpers {position:absolute;top:5px;right:3px;font-weight:bold;color:#002878;}
div.header .helpers  a{font-weight:bold;color:#002878;}

/*
div.navigation{ width: 100%; height: 43px; position:absolute;top:94px;left:1px;z-index:99;border-top:1px solid #D6DAE3; }
div.navigation ul.nav{ height: 43px; width: 100%; display: block; float: left; margin: 0; padding: 0; list-style: none;background: transparent url('../../images/frontend/navigation.png') top left repeat-x; }
div.navigation ul.nav li{ font-weight: bold; margin:0; padding:0; list-style: none; position: relative; float: left; width: auto; display: block; clear: none; color: #FFF;z-index:99; }
div.navigation ul.nav li a{ float: left; display: block; clear: none; color: #003399 !important; font-size: 100%; padding: 0; text-decoration: none;  }
div.navigation ul.nav li a span{ display:none; }
*/
/*dropdows styles*/    
/*	div.navigation ul.nav li ul { list-style: none; top: 43px; width:153px; height:120px; margin: 0; padding: 0; display: none; float: left; position: absolute;background:none;z-index:99; }
	div.navigation ul.nav li ul li{ margin: 0; padding: 0 5px 0 1px; float: left; width: 144px; background: transparent; height:20px;overflow:hidden; }
	div.navigation ul.nav li:hover ul, div.navigation ul.nav li.active ul { position: absolute; left: 66px !important; padding: 0; margin: 0; z-index: 99; background:url(../../images/frontend/bg-sub-ul.png) no-repeat;display:block }
	div.navigation ul.nav ul li a, div.navigation ul.nav ul li a:hover{ width: 100%; display: block; text-decoration: none; margin: 0; padding: 5px 0px 5px 0; font-weight: normal; height:20px; position:relative;}
	div.navigation ul.nav li.active li a, div.navigation ul.nav li:hover li a, div.navigation ul.nav li a.active{  color: #000 !important; font-weight: normal; }
	div.navigation ul.nav li.active li a:hover, div.navigation ul.nav li:hover li a:hover, div.navigation ul.nav li a.active:hover{ background: #cad7f1 !important; color: #000 !important; font-weight: normal; }
    div.navigation ul.nav li:hover ul li a span, div.navigation ul.nav li.active ul li a span{ display:block;padding:0 0 0 20px;background: url(../../images/frontend/icon-arrow-right.gif) 5px center no-repeat; }
*/

#navigation							{width:100%;position:absolute;top:96px;z-index:2;clear:both;border-top:1px solid #d6dae3;padding:0 0 3px 0;background:url(../../images/frontend/navigation.png) #d6e1f4 0 100% repeat-x;}
#navigation ul						{margin:0 auto;height:21px;line-height:21px;vertical-align:middle;}
#navigation>ul						{min-width:760px;max-width:900px;}
#navigation li						{float:left;position:relative;padding-left:2px;background:url(../../images/frontend/navigation-li.png) 0 0 repeat-y;height:21px;}
#navigation ul>li:first-child		{background:none;}
#navigation li a					{float:left;font-weight:bold;text-align:center;padding:0 12px;color:#002878;height:21px;line-height:21px;}
#navigation li.active a,
#navigation li:hover a,
#navigation li.hover a,
#navigation li a:hover				{background:url(../images/backgrounds/navigation-li-active.png) #8c9cbb 0 100% repeat-x;text-decoration:none;}
#navigation li.hover ul,
#navigation li:hover ul				{display:block;}
#navigation li ul					{display:none;position:absolute;width:200px;height:auto;margin:0;left:2px;top:21px;background:#f3f7fe;color:#fff;background:url(../../images/frontend/navigation-ul.png) 0 0 repeat;background:rgba(25,35,80,0.82);}
#navigation li ul li,
#navigation li ul li a,
#navigation li:hover ul li a,
#navigation li.hover ul li a		{float:none;display:block;text-align:left;font-weight:normal;background:none;color:#fff;margin:0;}
#navigation li ul li				{padding:0;border-bottom:1px solid #fff;border-bottom-color:rgba(255,255,255,0.5);}
#navigation li ul li a				{line-height:17px;padding:2px 0 2px 14px;color:#fff;}
#navigation li ul li a:hover		{background:#000;color:#fff;}

div#navigation div.bg-search-box		{width: 319px;height: 21px;position:absolute;right:10px;top:-50px;z-index: 100; }
div#navigation input.search-box			{width: 240px;height: 21px;position:absolute;left:0px; top: 0px;font-size: 90%; color: #000000; border: none; background: url('../../images/frontend/search.png') 0 0 no-repeat; outline: none; -moz-outline: none;overflow:hidden;margin: 0; padding: 0 5px 0 5px;line-height:21px; }
div#navigation input.search-box-submit	{width: 69px; height: 21px;position:absolute;right:0px;top: 0px;color: #FFF;font-weight:bold;background: transparent; border: none; cursor: pointer;background: url('../../images/frontend/search.png') -1131px 0 no-repeat;overflow:hidden; }


/* facetlist */

div.verfijn {margin:0px 0px 5px 10px;width: 170px;}
div.verfijn img {margin: 5px 0 0 0;}
div.verfijn span {font-size:100%;color:#9d9d99;}
 
div.facet-container{ display: block; width: 185px; clear: both; float: left; border: 1px none #CBCBCB; margin: 0 0 1em 0; overflow: hidden; } /*with border width: 223*/
ul.facet-list{ list-style-type: none; background: transparent; padding: 0; margin: 5px 0 0 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li{ border-bottom: 1px none #FCFCFB; display: block; width: 178px; clear: both; float: left; padding: 0 0 0 8px; list-style-type: none; }
ul.facet-list li a.selected{ font-weight: bold; color: #003698; }
ul.facet-list li a{ text-decoration: none; color: #003698; width: 135px; float: left; line-height: 1.2em; margin: 0px 0px 0px 5px; padding: 0.3em 0; }
ul.facet-list li a:hover{ text-decoration: underline !important; }
ul.facet-list li a.icon-sub-closed{ padding: 0.4em 0 0.3em 15px;background:url(../../images/frontend/icon-sub-closed.gif) left 6px no-repeat; }
ul.facet-list li a.icon-sub-open{ padding: 0.4em 0 0.3em 15px;background:url(../../images/frontend/icon-sub-open.gif) left 6px no-repeat; }
ul.facet-list .checkbox{ float: left; width: 14px; position: relative; top: 2px !important; }
ul.facet-list span{ color: #000; font-size: 90%; }
h4.facet-list-title{margin: 0 0 0 5px; padding: 3px 0 0 8px; width: 174px; display: block; position: relative; float: left; color: #003698; font-size: 110%; background:url(../../images/frontend/heading_bg.gif) repeat-y;z-index:1;font-weight:bold;}
span.facet-list-title-bottom {margin: 0 0 0 5px; padding: 0; width: 174px;float: left;height:4px;background:url(../../images/frontend/heading_bg_bottom.gif) no-repeat;}

/* added styles for facetnav with links and checkbox */
ul.facet-list li li {border-bottom: 1px none #FCFCFB; display: block; width: 100%; clear: both; float: left; padding: 0 0 0 22px; list-style-type: none;}
ul.facet-list li li a{  width: 130px; float: left; font-weight: normal;  }
ul.facet-list li li a:hover{ text-decoration: underline !important; }
ul.facet-list li a span{ /*font-weight: bold;*/ color: #757575; }

ul.facet-list li a.empty, ul.facet-list li label.empty{ color: #999 !important; cursor: default !important; }
ul.facet-list li a.empty:hover, ul.facet-list li label.empty:hover{ text-decoration: none !important; color: #999 !important; cursor: default; }
ul.facet-list li a.empty span, ul.facet-list li label.empty span{ color: #999 !important; font-size: 86%; }


form{ margin: 0; padding: 0; }
.form p{ padding: 0.2em 0; margin: 0; clear: both; width: 100%; }
fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; }
input, textarea{ font: normal 100% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; background: #FFF;  border: 1px solid #E9E9E5; padding: 2px 4px; width: 97%; outline: none; }
input.button, a.button, input.loginButton, a.loginButton{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px none #1E4371 !important; padding: 4px 10px; color: #FFF; background: #1E4371; }
input.button:hover, a.button:hover, input.loginButton:hover, a.loginButton:hover{  -moz-border-radius:3px; -webkit-border-radius: 3px; border: 1px none #1E4371 !important; background: #000000; color: #FFF;  padding: 4px 10px; text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: 14px; }
label{ color: #000000; display: block; clear: both; margin: 0; cursor: pointer; line-height: 1.4em; }
label.inline, ul li label{ display: block; clear: none; margin: 0 0 0 4px; float: left; width: 75%; }
label:hover{ text-decoration: underline; }
input.fillout{ width: 98%; }
input.loginButton{ width: auto; }
span.inline input, span.inline label, table.inline input, table.inline label { width:auto; display:inline;}


/* Content */


#content{ width: 935px; height: 100%; float: left;}
#content .content-pane{ width: auto; }
#content .content-footer-pane{ width: auto; float: right; clear: both; }
#content .content-footer-pane .box{ border-bottom: 1px solid #000; }
#content .content-footer-pane .left-pane{ border-right: 1px solid #000; }
#content .left-pane{ width: 190px; float: left; overflow: hidden; margin:0 5px 0 0;}
#content .left-pane .left-pane-top{ float: left;width: 190px; height:10px; margin:0;background: url(../../images/frontend/left-pane-top.png) no-repeat;overflow:hidden; }
#content .left-pane .left-pane-content{ float: left;width: 190px; margin:0;background: url(../../images/frontend/left-pane-main.png) repeat-y; }
#content .left-pane .left-pane-bottom{float: left; width: 190px; height:15px; margin:0;background:url(../../images/frontend/left-pane-bottom.png) no-repeat;overflow:hidden; }
#content .center-pane{ width: 535px; float: left; }
#content .center-pane .center-pane-top {width: 535px; height:5px; float: left; background:url(../../images/frontend/bg-center-pane-top.png) no-repeat; overflow:hidden;}
#content .center-pane .center-pane-middle {width: 509px; float: left; padding:7px 13px 10px 13px; background:url(../../images/frontend/bg-center-pane-middle.png) repeat-y; }
#content .center-pane .center-pane-bottom {width: 535px; height:15px; float: left; background:url(../../images/frontend/bg-center-pane-bottom.png) no-repeat;overflow:hidden; }
#content .center-pane .article_editor {width: 495px; float: left;}
#content .right-pane{ width: 205px; float: right; z-index: 98; margin:0px}
#content .backend {padding:0px 0px 0px 20px;width:450px;}

#container.wide #content .left-pane{ width: 190px; float: left; overflow: hidden; margin:0 5px 0 0;overflow:hidden;}
#container.wide #content .left-pane .left-pane-top{ float: left;width: 190px; height:10px; margin:0;background: url(../../images/frontend/left-pane-top.png) no-repeat; }
#container.wide #content .left-pane .left-pane-content{ float: left;width: 190px; margin:0;background: url(../../images/frontend/left-pane-main.png) repeat-y; }
#container.wide #content .left-pane .left-pane-bottom{float: left; width: 190px; height:15px; margin:0;background:url(../../images/frontend/left-pane-bottom.png) no-repeat;overflow:hidden; }
#container.wide #content .center-pane{ width: 740px; float: left; }
#container.wide #content .center-pane .center-pane-top {width: 740px; height:5px; float: left; background:url(../../images/frontend/bg-center-pane-top-wide.png) no-repeat; overflow:hidden;}
#container.wide #content .center-pane .center-pane-middle {width: 714px; float: left; padding:7px 13px 10px 13px; background:url(../../images/frontend/bg-center-pane-middle-wide.png) repeat-y; }
#container.wide #content .center-pane .center-pane-bottom {width: 740px; height:15px; float: left; background:url(../../images/frontend/bg-center-pane-bottom-wide.png) no-repeat;overflow:hidden; }
#container.wide #content .center-pane .article_editor {width: 710px; float: left;}

/* home */
#content.home-page .content-pane{ overflow: visible !important; width: 940px; }
#content.home-page{ position: relative; width: 940px; height: 100%; float: left; }
#content.home-page .right-pane{ position: relative; right: 0px; top: 0px; width: 210px; height:476px; float: right; z-index: 100;background:url(../../images/frontend/bg-home-right.png) no-repeat; }
#content.home-page .center-pane{ overflow: visible !important; position: relative;width: 730px;float: left; }
#content.home-page .content-footer-pane{ overflow: visible !important; position: relative;width: 730px;float: left; }
#content.home-page .related-sidebar .padding-small{ padding: 10px; }
#content.home-page .negative-flow{ top: -30px !important; position: relative; z-index: 100; }
#content.home-page .backend {padding:0px 0px 0px 10px;}

a.intro-link    {width:350px;height:65px;position:absolute;top:245px;right:20px;z-index:99;}
div.home-visual {width:730px;height:330px; background:url(../../images/frontend/home-visual-bg.png) no-repeat; position:relative;overflow:hidden;}
div.home-visual img {margin:1px 0 0 1px;}

/* home right container */
#content.home-page .right-pane .inleiding      {width:165px;padding:13px 0 0 20px;float:left;}
#content.home-page .right-pane .inleiding h2   {padding:0 0 0.1em 0; margin:0;}
#content.home-page .right-pane .inleiding p    {font-size:96%;}
#content.home-page .right-pane .inleiding a    {margin:7px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right2.gif) left center no-repeat;float:left;}

#content.home-page .right-pane .inner-video      {width:165px;padding:5px 0 0 20px;float:left;margin:10px 0 0 0;}
#content.home-page .right-pane .inner-video h2   {padding:0 0 0.1em 0; margin:0;}
#content.home-page .right-pane .inner-video p    {font-size:96%;}
#content.home-page .right-pane .inner-video a    {margin:20px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right2.gif) left center no-repeat;float:left;}

#content.home-page .right-pane .inner-downloads      {width:165px;padding:5px 0 0 20px;float:left;margin:9px 0 0 0;}
#content.home-page .right-pane .inner-downloads h2   {padding:0 0 0.1em 0; margin:0;}
#content.home-page .right-pane .inner-downloads p    {font-size:96%;}
#content.home-page .right-pane .inner-downloads a    {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right2.gif) left center no-repeat;float:left;}

#content.home-page .right-pane .inner-chart      {width:165px;height:230px;padding:12px 0 0 20px;float:left;margin:9px 0 0 0;position:relative;}
#content.home-page .right-pane .inner-chart h2   {padding:0 0 0.1em 0; margin:0;}
#content.home-page .right-pane .inner-chart p    {font-size:96%;}
#content.home-page .right-pane .inner-chart a    {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right2.gif) left center no-repeat;float:left;}
#content.home-page .right-pane .inner-chart img  {position:absolute;bottom:0px;left:15px;}


#content.home-page .center-pane .home-wrapper {width:365px;float:left;height:145px;}

#content.home-page .center-pane .chartgenerator {padding:10px 30px 0 20px;width:315px;height:124px;background:url(../../images/frontend/bg-center-pane-bottom-home.png) no-repeat;float:left;}
#content.home-page .center-pane .chartgenerator-bottom {width:365px;height:15px;background:url(../../images/frontend/bg-center-pane-bottom-home-bottom.png) no-repeat;float:left;}
#content.home-page .center-pane .chartgenerator h3 {color: #003399; margin: 0; padding: 0 0 0.4em 0;letter-spacing: 0px;}
#content.home-page .center-pane .chartgenerator a {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left center no-repeat;float:left;}

#content.home-page .center-pane .tag-cloud {font-size:1.1em;padding:10px 30px 0 20px;width:315px;height:124px;background:url(../../images/frontend/bg-center-pane-bottom-home.png) no-repeat;float:left;}
#content.home-page .center-pane .tag-cloud-bottom {width:365px;height:15px;background:url(../../images/frontend/bg-center-pane-bottom-home-bottom.png) no-repeat;float:left;}
#content.home-page .center-pane .tag-cloud h3 {color: #003399; margin: 0; padding: 0 0 0.4em 0;letter-spacing: 0px;}

/* Tag cloud */
div.tag-cloud a:link, div.tag-cloud a:active, div.tag-cloud a:visited  {text-decoration:none;color:#9d9d99;padding:0px 4px 0px 4px;text-decoration:none;line-height:25px;}
div.tag-cloud a:hover {text-decoration:none;color:#003698;}

#footer{ position: relative; height:47px; left: 0px; width: 935px; color: #000; border-top: 1px #E4E4E4 none; background: url('../../images/frontend/bg-footer.png') top left no-repeat; margin: 1em 0 0 0; clear: both; float: left; }
#footer a{ color: #7a97cb; text-decoration: underline; padding:0 4px; }
#footer a:hover{ color: #7a97cb; text-decoration: none; }
#footer p {color:#7a97cb;margin:13px 0 0 15px;}
#footer span {float:right;margin: 0 15px 0 0;}

/* Jargon */
span.jargon-link {text-decoration: none;border-bottom: dashed 1px #003399;color:#003399;cursor: pointer;}
span.jargon-link:hover {text-decoration: none;}
span.jargon-none span.jargon-cont, span.jargon-link span.jargon-cont { display: none; position: absolute;cursor: auto; z-index: 9999;}
span.jargon-link.active span.jargon-cont, span.jargon-link:hover span.jargon-cont {display:inline;}
span.jargon-link span.jargon-cont span {
    display: block;
    width: 200px;
    top: 28px;
    margin-left: -30px;
    position: relative;
    background:#f9faff;
    border: solid 1px #9d9e99;
    color: #003399;
    padding: 12px 10px 12px 10px;
    cursor: auto;
}


/* Extra */

div.article		{padding-bottom:20px;}
div.article h4 a:link, div.article h4 a:active, div.article h4 a:visited, div.article h4 a:hover {color: #696969; font: bold 110% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;text-decoration:underline;}

ul.arrows{ display:block; margin: 0; height:100%; padding: 0; list-style: none; }
ul.arrows li{ margin: 0; padding: 0; list-style: none; width: 100%;padding:0px 0px 2px 0px }
ul.arrows li a{ display: block; text-decoration: none !important; background: url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.7em no-repeat; padding: 0.2em 0 0.2em 12px; }
ul.arrows li a:hover{ text-decoration: underline !important; }

ul.external{ margin: 0; padding: 0; list-style: none; }
ul.external li{ margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
ul.external li a{ display: block; text-decoration: underline; background: url('../../images/frontend/icon-external.gif') 0em 0.85em no-repeat; padding: 0.2em 0 0.2em 12px; }
ul.external li a:hover{ text-decoration: underline; }

/* Login */

div.login {width:100%;}
div.login a.read-more{ float: left; text-decoration: underline; font-size: 100%; line-height: normal; padding: 0.3em 0 0em 8px; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.6em no-repeat; }
div.login a.read-more:hover{ text-decoration: underline; }
 
/* Mijn verslag */

div.my_report {}
div.my_report h3 {}
div.my_report h5 {}
div.my_report p {padding:0px 0px 20px 0px;}
div.my_report table	{ width: 100%; margin: 0.2em 0 1em 0; border-collapse: collapse; background: #FFF !important; }
div.my_report table thead td    { padding: 0.2em 0.3em; border: none;  border-bottom: 1px solid #EEE; color: #1E4371; font-size: 110%; }
div.my_report table td{ padding: 0.2em 0.3em; border: none; border-bottom: 1px solid #EEE;}

/* Poll */
div.poll                {height:100%;width:100%;}
div.poll span           {width:100%;clear:both;float:left}
div.poll span input     {height:15px;margin:0px 5px 0px 0px;border:none;}
div.poll span label     {height:15px;vertical-align:top;text-decoration:none;}
div.poll .vote          {float:right;}
div.poll-result         {width: 150px !important; float: left; height: 15px; background: #DDDDDD; } /* kleur balk bg */
div.poll-result div     {background: #003399; height: 15px; }/* kleur percentage */
div.poll span.poll-nr   {font-size: 90%; width:35px; height: 15px;padding:0px 0px 2px 0px; float:none;}
.poll .button           {background:#003399;}
.poll .button:hover     {background:#94aed3;}

/*  Article top & bottom */
#container.wide div.article_top  {width:510px;border-bottom:solid 1px #dfdfdd;margin:0 0 5px 0;min-height:30px;padding:0 8px 0 0;display:block;float:left;}
div.article_top     {float:left;width:495px;border-bottom:solid 1px #dfdfdd;margin:0 0 5px 0;min-height:30px;display:block;}
div.article_top div.helpers {float:right;margin:0;width:150px;}
div.article_top div.helpers a {display:block;float:right;margin:0 0 0 5px;}
div.article_bottom  {float:left;width:100%;height:60px;background: url(../../images/frontend/content-footer.gif) no-repeat;margin:10px 0 0 0;}
#container.wide div.article_bottom  {float:left;width:100%;height:60px;background: url(../../images/frontend/content-footer-wide.gif) no-repeat;}

div.article_bottom div.helpers {width:165px;height:50px;float:right;padding:10px 10px 0 0;}
div.article_bottom div.helpers img {float:right;margin:0 5px 2px 0;}

div.article_top h2 {width:68%;float:left}
div.article_bottom p {float:left;padding:15px 0px 0px 15px;width:300px;}
#container.wide div.article_bottom p {float:left;padding:15px 0px 0px 15px;width:485px;}
div.article_bottom p a {color:#003698;text-decoration:none;padding:10px 15px 0px 0px;}
div.article_bottom p a:hover {color:#003698;text-decoration:underline;padding:10px 15px 0px 0px;}

/* result */

div.result          {width:495px;background: url(../../images/frontend/bg-result-top.png) no-repeat;float:left;padding:0 0 4px 0;}
div.result h3 a:link, div.result h3 a:active, div.result h3 a:visited {text-decoration:none;color:#003698;font-weight:bold;}
div.result h3 a:hover    {text-decoration:underline;color:#003698;font-weight:bold;}
div.result-bottom   {width:495px;height:4px;background: url(../../images/frontend/bg-result-bottom.png) no-repeat;float:left;margin:0 0 10px 0;}
div.result a.readmore {padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left center no-repeat;float:left;}


/* Next & Previous short-nav */
div.short-nav {width:100%;float:left;margin:20px 0;}
div.short-nav p {width:98%;margin:0 auto;}
a.prev {padding:0 0 0 10px;background: url(../../images/frontend/icon-arrow-left.gif) left 4px no-repeat;text-decoration:none;width:220px;}
a.next {padding:0 10px 0 0;background: url(../../images/frontend/icon-arrow-right.gif) right 4px no-repeat;text-decoration:none;width:220px;text-align:right}
a.prev:hover {text-decoration:underline;}
a.next:hover {text-decoration:underline;}

/*  related-sidebar */

div.related-sidebar {float:left;}
div.wide-wrapper {float:right;width:205px;margin:-15px -15px 0 0;}

div.related-sidebar.addthis			{width:185px;float:left;background:url(../../images/frontend/bg-addthis.png) no-repeat;padding:7px 10px 10px 10px;margin-bottom:5px;}


div.related-sidebar-my-report       {width:165px;float:left;background:url(../../images/frontend/bg-my-report-top.png) no-repeat;padding:15px 20px 0 20px;}
div.related-sidebar-my-report-bottom{width:205px;height:15px;float:left;background:url(../../images/frontend/bg-my-report-bottom.png) no-repeat;}
div.related-sidebar-my-report h3    {color: #003399; margin: 0; padding: 0 0 0.2em 0;letter-spacing: 0px; }
div.related-sidebar-my-report p     {padding:0 0 0.8em 0; margin:0;font-size:96%; }

/*wide*/
#container.wide div.related-sidebar-my-report       {width:165px;float:left;background:url(../../images/frontend/bg-my-report-top-wide.png) no-repeat;padding:15px 20px 0 20px;margin-top:5px;}
#container.wide div.related-sidebar-my-report-bottom{width:205px;height:15px;float:left;background:url(../../images/frontend/bg-my-report-bottom-wide.png) no-repeat;}
#container.wide div.related-sidebar-my-report h3    {color: #003399; margin: 0; padding: 0 0 0.2em 0; letter-spacing: 0px; }


div.related-sidebar-video		{width:205px;height:225px;background:url(../../images/frontend/bg_video_dl.png) no-repeat;float:left;}
div.related-sidebar-video.extra {width:205px;height:331px;background:url(../../images/frontend/bg_video_dl_relate.png) no-repeat;float:left;}

div.related-sidebar-video .inner-video      {width:165px;padding:12px 0 0 20px;float:left;}
div.related-sidebar-video .inner-video p    {font-size:96%;}
div.related-sidebar-video .inner-video h2   {color: #003399; margin: 0; padding: 0 0 0.1em 0;}
div.related-sidebar-video .inner-video a    {margin:20px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left center no-repeat;float:left;}

div.related-sidebar-video .inner-downloads      {width:165px;padding:7px 0 0 20px;float:left;margin:10px 0 0 0;}
div.related-sidebar-video .inner-downloads p    {font-size:96%;}
div.related-sidebar-video .inner-downloads h2   {color: #003399; margin: 0; padding: 0 0 0.1em 0;}
div.related-sidebar-video .inner-downloads a    {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left center no-repeat;float:left;}

div.related-sidebar-pages       {width:165px;float:left;background:url(../../images/frontend/bg-related-top.png) no-repeat;padding:15px 20px 5px 20px;}
div.related-sidebar-pages-bottom{width:205px;height:15px;float:left;background:url(../../images/frontend/bg-related-bottom.png) no-repeat;}
div.related-sidebar-pages h3    {padding:0 0 0.1em 0; margin:0;color:#545454; }
div.related-sidebar-pages span a {padding:0;margin:0;float:left;clear:both;background: none }
div.related-sidebar-pages a         {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left 4px no-repeat;float:left;}
div.related-sidebar-pages a:hover   {margin:5px 0 0 0;padding:0 0 0 15px;background:url(../../images/frontend/icon-arrow-right.gif) left 4px no-repeat;float:left;}

div.blockr {width:150px;height:150px;background:#FF0000;float:right;}



/* Lightbox */ 

/*
.DNBInlineWin_Corner {margin: 0 auto;}
.DNBInlineWin_CornerTop {height:17px;margin:0 0 0 18px;background:url('/downloadattachment.aspx?strResource=box.png') no-repeat 100% 0;}

.DNBInlineWin_CornerTop div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url('/downloadattachment.aspx?strResource=box.png') no-repeat 0 0;
	font-size:0;
	line-height:0;
}

.DNBInlineWin_BorderLeft {padding:0 0 0 15px;background:url('/downloadattachment.aspx?strResource=borders.png') repeat-y 0 0;}
.DNBInlineWin_BorderRight {padding:0 5px 0 0;background:url('/downloadattachment.aspx?strResource=borders.png') repeat-y 100% 0;}

.DNBInlineWin_BorderCenter {
	display:block;
	text-align:left;
	margin:0 -5px;
	background: white;
	color: #37321a;
	height: 100%;
	width:100%;
	line-height: 140%;
}

.DNBInlineWin_BorderCenter:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.DNBInlineWin_BorderCenter {display:inline-block;}
.DNBInlineWin_BorderCenter {display:block;}

.DNBInlineWin_CornerBottom {height:18px;margin:0 0 0 15px;background:url('/downloadattachment.aspx?strResource=box.png') no-repeat 100% 100%;}
.DNBInlineWin_CornerBottom div {
	position:relative;
	left:-15px;
	width:15px;
	height:18px;
	background:url('/downloadattachment.aspx?strResource=box.png') no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
*/


div.horizontalList label, div.verticalList label {text-decoration:none;color:#666666;}
div.horizontalList input, div.verticalList input {position:relative;top:3px;border-style:none;margin:0 2px 0 0;}


/* Send a Friend */

div.sendafriend-InlineWin_container {margin: 0 auto;text-align:left;width:100%;height:100%;background:#f8faff !important;}

    /* Send-a-friend header met sluiten knop */
    div.sendafriend-InlineWin_subHeader { /*width:440px;*/ height:30px; background:#fff url('../../images/frontend/sendafriend-bg-rep.gif') repeat-x 0 0;}
        span.sendafriend-InlineWin_title h1 {font-weight:normal;font-size:110%;color:#003698;padding:8px 0px 0px 20px;float:left; }
        span.sendafriend-InlineWin_closeButton {margin: 0;width:35px;height:30px;float:right;}

        button.sendafriend-InlineWin_btnImgDefault {width: 35px;float:right;padding:0;margin:0;height:30px;border:none;display:block;cursor:pointer;color:white;text-decoration:none;text-align:center;}
        button.sendafriend-InlineWin_btnImgDefault span {display:none;}
        button.sendafriend-InlineWin_btnImgClose {background: url('../../images/frontend/sendafriend-close.gif') no-repeat 0 0;}

    /* Send-a-friend content */
    div.sendafriend-InlineWin_formContent   {background:#f8faff !important;}
    div.sendafriend-InlineWin_formContent iframe  {background:#f8faff !important;}
        div.sendafriend-container           {border-bottom: 1px #c3c4c6 dashed;padding:0 0 10px 0;float:left;}
        div.sendafriend-leftblock           {width:215px;float:left;margin:0 5px 0 0;}
        div.sendafriend-leftblock span      {font-weight:bold;float:left;clear:both;}
        div.sendafriend-rightblock          {width:215px;float:left;}
        div.sendafriend-rightblock span     {font-weight:bold;float:left;clear:both;}

        div.sendafriend-blockcontainer-bottom {width:440px;padding:5px 0 10px 0;float:left;}
        div.sendafriend-blockcontainer-bottom span {float:left;margin:0}
        div.sendafriend-blockcontainer-bottom span.captcha {float:left;width:238px;}
        div.sendafriend-blockcontainer-bottom span#captchaValidator {float:left;clear:both;}

        input.sendafriend-input {font-style:normal;color:#798389;padding-left:8px;width:90%;margin:4px 0 0 0;background:#FFF;}
        input.sendafriend-textarea {font-style:normal;color:#798389;padding-left:8px;width:90%;margin:4px 0 0 0;height:118px;background:#FFF;}
        img.sendafriend-captcha {margin:2px 10px 5px 0;border:1px solid #eee; float:left;}
        input.sendafriend-textfield {float:left;width:230px;margin:5px 0 0 0;height:20px;background:#FFF;}

    /* Send-a-friend footer met send knop */
    div.sendafriend-InlineWin_formFooter { height: 29px; width:100%; background:#f8faff; }
        span.sendafriend-InlineWin_formFooterText {float:left;}
        div.sendafriend-InlineWin_formFooter button.btnTxt { width:100px; }
        div.sendafriend-InlineWin_contPageIndex {width:69px;height:22px;float:right;margin: 0px 10px 0 0;display:inline;}
        div.sendafriend-InlineWin_contPageIndex button {border:none;background: url('../../images/frontend/inlinewin-send.gif') no-repeat;cursor:pointer;outline:none;width:69px;height:22px;}
        div.sendafriend-InlineWin_contPageIndex button span {display:none;}
        .sendafriend-InlineWin_btn, .sendafriend-InlineWin_btnDefault {background:#000;float:left;color:#fff;padding: 2px 15px;margin: 0 0 0 5px;border:none;-moz-border-radius: 2px;-webkit-border-radius: 2px;text-decoration:none;}


p.result-sort				{width:100%;float:left;}
p.result-sort a.jv			{color:#003399;text-decoration:none;padding:0px 10px;}
p.result-sort a.jv:hover	{color:#003399;text-decoration:underline;padding-right:10px;}
p.result-sort a.mv			{color:#ff9500;text-decoration:none;padding:0 10px 0 10px;}
p.result-sort a.mv:hover	{color:#ff9500;text-decoration:underline;padding:0 10px 0 10px;}
p.result-sort a.jr			{color:#545454;text-decoration:none;padding-left:10px;}
p.result-sort a.jr:hover	{color:#545454;text-decoration:underline;padding-left:10px;}


