body#frontend{ text-align: center; background-color: #F3F5F6; }
body{ margin: 0; padding: 0; color: #000000; font: 68%/1.6em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

body.txt-size-01{ margin: 0; padding: 0; background-color: #F3F5F6; color: #000000; font: 68%/1.6em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; text-align: center; }
body.txt-size-02{ margin: 0; padding: 0; background-color: #F3F5F6; color: #000000; font: 74%/1.6em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; text-align: center; }
body.txt-size-03{ margin: 0; padding: 0; background-color: #F3F5F6; color: #000000; font: 80%/1.6em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; text-align: center; }

a{ color: #1E4371 !important; text-decoration: underline; outline: none; -moz-outline: none; }
a:hover{ color: #0162cd; text-decoration: underline; }
a:visited{ color: #696969; text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; color: #000 !important; }
h1{ color: #000; margin: 0 0 0.4em 0; padding: 0; font: bold 155% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h2{ color: #000; margin: 0.3em 0 0 0; padding: 0.4em 0 0 0; font: bold 155% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #000; padding: 0.4em 0 0 0; margin: 0.2em 0 0 0; font: bold 135% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #000; margin: 0; padding: 0 0 0.4em 0; font: bold 125% Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #000; margin: 0; padding: 0; font: bold 106% Arial, Helvetica, "Lucida Grande", sans-serif; }
.related-sidebar h1, .related-sidebar h2, .related-sidebar h3{ margin: 0; }

p{ margin: 0; padding: 0 0 2em 0; }
blockquote{ margin: 0em 1em 2em 1.5em; }
img, img a{ border: none; }

ul{ list-style-type: disc; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ol{ list-style-type: decimal; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ul li, ol li , ol li a, ul li a{ line-height: inherit; position: relative; color: #000; }
ul li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: disc; }
ol li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: decimal; }
ul.no-bullets{ margin: 0 0 0.8em 0; padding: 0; list-style-type: none; }
ul.no-bullets li{ list-style-type: none; }

ul.arrows{ margin: 0; padding: 0; list-style: none; }
ul.arrows li{ margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
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; }



/* facetlist */
div.facet-container{ display: block; width: 230px; 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.3em 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li label{ width: 205px; float: right; color: #000; line-height: 1.2em; margin: 0; padding: 0.3em 0;  }
ul.facet-list li.selected{ font-weight: bold; color: #000; }
ul.facet-list li label span{ /*font-weight: bold;*/ color: #757575; }
ul.facet-list li.selected{ background: #FDF2DF; }

ul.facet-list .checkbox{ float: left; width: 14px; position: relative; top: 0px; }
ul.facet-list span{ color: #000; font-size: 90%; }
ul.facet-list li{ border-bottom: 1px none #FCFCFB; display: block; width: 100%; clear: both; float: left; padding: 0 0 0 20px; list-style-type: none; }
h4.facet-list-title{ border-bottom: 1px none #1E4371; margin: 0; padding: 0.4em 0 0.3em 0em; width: 210px; display: block; position: relative; left: 20px; float: left; color: #000; font-size: 126%; }

ul.facet-list li label.empty{ color: #999; cursor: default; }
ul.facet-list li label.empty:hover{ text-decoration: none; color: #999; cursor: default; }
ul.facet-list li label.empty span{ color: #999; font-size: 86%; }

/* added styles for facetnav with links and checkbox */ 
ul.facet-list li a{ text-decoration: none !important; color: #000 !important; width: 205px; float: right; color: #000; line-height: 1.2em; margin: 0; padding: 0.4em 0; }
ul.facet-list li a:hover{ text-decoration: underline !important; } 
ul.facet-list li li a{  width: 168px; float: right; font-weight: normal;  }
ul.facet-list li li a:hover{ text-decoration: underline !important; } 
ul.facet-list .checkbox{ float: left; width: 14px; position: relative; top: 2px !important; }
ul.facet-list li a span{ /*font-weight: bold;*/ color: #757575; }

ul.facet-list li a.empty{ color: #999 !important; cursor: default !important; }
ul.facet-list li a.empty:hover{ text-decoration: none !important; color: #999 !important; cursor: default; } 
ul.facet-list li a.empty span{ color: #999 !important; font-size: 86%; }


/* subfacetlist */
ul.facet-list ul{ background: #FFF; list-style-type: none; padding: 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list ul li{ background: #FFF; padding: 0px; width: 229px; left: -20px; }
ul.facet-list li ul label{ width: 168px; float: right; font-weight: normal; }
ul.facet-list ul li.selected label{ font-weight: bold !important; }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 43px; }

/* subfacetlist as links not labels */
div.facet-container .icon-arrow-link a{ float: left; display: block; width: 197px; clear: both; color: #000 !important; padding: 0.2em 0 0.2em 12px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 4px 7px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }
div.facet-container .icon-arrow-link a:hover{ float: left; display: block; width: 197px; clear: both;  color: #1E4371; padding: 0.2em 0 0.2em 12px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 4px 7px; background-repeat: no-repeat; margin-right: 8px; text-decoration: underline; }
div.facet-container .icon-arrow-link li.selected a, div.facet-container .icon-arrow-link li.selected a:hover{ font-weight: bold; }


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%;  }
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; }


/* 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: 86%; }
.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; }
.paddingTop { padding: 28px 0 0 0;}
.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; }

a.no-underline, a.no-underline:link, a.no-underline:visited { text-decoration: none; }
a.no-underline:hover, a.no-underline:active, a.no-underline:focus{ text-decoration: underline;}

.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; }

.mtop{ margin-top: 10px; }

.mbott{ margin-bottom: 10px; }
.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; }
.no-background{ background: none !important; }
.ptop{ padding-top: 10px; }
.pbott{ padding-bottom: 10px; }
.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; }

.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%; }

.photo-description{ font-size: 90%; font-style: italic; }
.footer-description{ font-size: 90%; }
.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; }

/* end toolbox */


/* color styles */
.black-txt, .black-txt * { color: #000 !important;  }
a.black-txt:hover, .black-txt a:hover { color: #000 !important; }
.white-txt, .white-txt * { color: #FFF !important;  }
a.white-txt:hover, .white-txt a:hover  { color: #FFF !important; }
.light-txt, .light-txt * { color: #757575 !important;  }
a.light-txt:hover, .light-txt a:hover { color: #757575 !important; }
.dark-txt, .dark-txt * { color: #1E4371 !important;  }
a.dark-txt:hover, .dark-txt a:hover { color: #1E4371 !important; }
.special-txt, .special-txt * { color: #C70042 !important;  }
a.special-txt:hover, .special-txt a:hover { color: #1E4371 !important; }
.special-light-txt, .special-light-txt * { color: #000 !important;  }
a.special-light-txt:hover, .special-light-txt a:hover { color: #000 !important; }
.special-dark-txt, .special-dark-txt * { color: #757575 !important;  }
a.special-dark-txt:hover, .special-dark-txt a:hover { color: #757575 !important; }

.special-font{ color: #1E4371 !important; font-size: 100%; text-transform: uppercase; }

/* various */
.selection-vertical .fillout{ width: 85% !important; }
.selection-vertical, .selection-horizontal{ border-bottom: 3px solid #F9B249 !important; padding-bottom: 1em; background: #FFFFFF !important; }
.selection-vertical a, .selection-horizontal a{ color: #000; }
.selection-vertical a:hover, .selection-horizontal a:hover{ color: #C70042; }
.selection-vertical .padding-small, .selection-horizontal .padding-small{ padding: 0;}
.paragraph p, div.results p{ padding: 0 0 0.3em 0; }
.border-img{ background-color: #E9E9E5; border: 1px solid #FCFCFB; }
.border-img img{ float: left; margin:0; padding: 0; }
.caption{ font-size: 86%; text-align: center; clear: both; }

.border-color-01{ border: 1px none #000000 !important; }
.border-color-02{ border: 1px none #1E4371 !important; }
.border-color-03 img{ border-top: 3px solid #F9B249 !important; }

.icon-box-01 h4{ background-image: url('../../images/frontend/icon-txt.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; }
.icon-box-02 h4{ background-image: url('../../images/frontend/icon-foto.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; }
.icon-box-03 h4{ background-image: url('../../images/frontend/icon-cijfers.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; }
.icon-box-04 h4{ background-image: url('../../images/frontend/icon-kaart.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; }


.btn-sidebar{ float: left; width: 210px; clear: both; margin-bottom: 5px; overflow: hidden; }
.btn-sidebar a{ display: block; width: 100%; clear: both; color: #1E4371 !important;  }
.btn-sidebar img{ margin: 0 8px 4px 0; }
.btn-sidebar .padding-xsmall{ padding: 4px 8px 4px 8px; }

.related-sidebar{ margin-bottom: 2.5em !important; }
.related-sidebar p{ padding: 0 0 0.3em 0; }
/*.related-sidebar a{ color: #1E4371 !important; }
.related-sidebar a:hover{ color: #1261C9 !important; text-decoration: underline; }*/
.related-sidebar{ color: #000; line-height: 1.4em; }
.related-sidebar label{ color: #000; }
.related-sidebar ul{ margin: 0em; }
.related-sidebar li{ padding: 0.1em; }
.right-pane .related-sidebar .padding-small{ padding: 0; }

.poll-result{ width: 170px !important; float: left; height: 15px; background: #DDDDDD; }
.poll-nr{ float: right; font-size: 90% }
.poll-result div{ background: #F9B249; height: 15px; }

.tag-cloud a{ text-transform: uppercase; white-space: nowrap; text-decoration: none; margin: 0.2em 0.5em 0.2em 0; float: left; }
.tag-cloud a:hover{ text-decoration: underline; }
.bg-orange{ background: #F9B249 !important; }

#content .related-sidebar{ background: #FFF; width: 210px; overflow: hidden; position: relative; z-index: 100; border: #F3F5F6 1px none; clear: both; float: left; margin-bottom: 2em; }
#content .related-sidebar h4{ color: #000; display: block; width: 100%;  }
#content .related-sidebar h5{ color: #000 !important; }
#content .related-sidebar h5 a{ text-decoration: underline; }

#content .center-pane .related-sidebar{ width: 100% !important; overflow: hidden; position: relative; z-index: 100; clear: both; float: left; margin-bottom: 1em; }
#content .center-pane .related-sidebar .poll-result{ width: 90% !important; float: left; height: 15px; background: #DDDDDD; }
/*#content .center-pane .related-sidebar h4{ border-bottom: none; margin: 0 0 0 10px; }*/
#content .center-pane .related-sidebar .padding-small{ padding: 0; }

#content .center-pane .content-footer-pane .related-sidebar{ background: #FCFCFB; width: 193px !important; overflow: hidden; position: relative; z-index: 100; border: #E3E3DF 1px solid !important; clear: both; float: right; margin-bottom: 1em; }

.download-txt{ padding: 4px; font-size: 88%; line-height: 1.4em; margin: 0.5em 0 1.5em 0; float: left; }

.related-sidebar 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; }
.related-sidebar a.read-more:hover{ text-decoration: underline; }

/*link styles*/
a.read-more{ text-decoration: underline !important; line-height: 1.4em; font-size: 105%; padding: 0.2em 0 0.2em 10px; width: auto; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.7em no-repeat; }
a.read-more:hover{ color: #1261C9 !important; text-decoration: underline !important; }
a.icon-del-end{ background: url('../../images/frontend/icon-del.gif') 0% 50% no-repeat; padding: 0.3em 0em 0.3em 1.7em; margin-top: 0.2em; margin-right: 0.8em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }
a.icon-del-end:hover{ text-decoration: line-through; background: url('../../images/frontend/icon-del-hover.gif') 0% 50% no-repeat; padding: 0.3em 0em 0.3em 1.7em; margin-top: 0.2em; margin-right: 0.8em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }
a.icon-arrow-link{ color: #000000; padding: 0.3em 0 0.4em 8px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }
a.icon-arrow-link:hover{ color: #1E4371; padding: 0.3em 0 0.4em 8px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }

.facet-list li.selected a.icon-arrow-link{ color: #000000; padding: 0.3em 0 0.4em 8px; font-weight: bold; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; margin: 0px; background-repeat: no-repeat; }
.facet-list li a.icon-arrow-link:hover{ text-decoration: underline; }

/* 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; }


.icon-del-small{ background-image: url('../../images/frontend/icon-del-small.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 15px 2px 0px;}
.box span.icon-del-small{ background-image: url('../../images/frontend/icon-del-small.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 15px 2px 0px; }


.read h4 a{ color: #696969 !important; width: 100%; text-decoration: underline !important; font-size: 110%; font-weight: bold; }
.box h4 a{ color: #000; width: 100%; text-decoration: underline !important; font-size: 110%; font-weight: bold; }
.box h4 a:visited{ color: #696969; width: 100%; text-decoration: underline !important; font-size: 110%; font-weight: bold; }
div.results h4, div.results h4 a{ /*color: #1E4371;*/ text-decoration: underline !important; width: 90%; display: block; padding-left: 10px; }
div.box, div.results{ background-color: transparent; margin: 0 0 2em 0; border: 1px none #FCFCFB; float: left; clear: both; width: 100%; position: relative; }
div.box .left-pane{ width: 475px !important; float: left; }
div.box .right-pane{ width: 162px !important; float: right; }
div.results .left-pane{ position: relative; width: 75% !important; float: left;  /*border-right: 1px solid #D9DCDD !important;*/ }
div.results .left-pane p{ width: 95%; }
div.results .right-pane{ color: #000; position: relative; width: 20% !important; float: right; border: none !important; font-size: 96%; }
div.results .right-pane .padding-xsmall{ padding: 0; }
div.results .right-pane .have-read{ }
div.results .right-pane .add-document{ }
div.results .right-pane .added-document{ }
div.results .padding-small, div.box .padding-small{ padding: 0 !important; }

p.sort{ padding: 0 0 0.2em 0;}
p.sort span{ padding: 0 1em 0 0; color: #000; }
p.sort a{ text-decoration: none; margin: 0em 1.5em 0em 5px; padding: 2px 0 0 22px; }
p.sort a:hover{ text-decoration: underline; margin: 0em 1.5em 0em 5px; padding: 2px 0 0 22px; }


/* page layout */
#framework{ position: relative; width: 960px; text-align: left; }

#container{ width: 100%; height: 100%; float: left; background: #F3F5F6 url('../../images/frontend/bg-body.jpg') top left repeat-y; }
#container .page-title{ float: left; }
#header{ position: relative; width: 960px; min-height: 208px; _height: 208px; margin-bottom: 20px; background: url('../../images/frontend/bg-header.jpg') top left no-repeat; }

#content{ position: relative; left: 10px; width: 920px; 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: 230px; margin-right: 20px; float: left; overflow: hidden; }
#content .center-pane{ width: 440px; padding-right: 20px; float: left; }
#content .right-pane{ position: relative; top: -25px; right: 0px; width: 210px; float: right; }
#content .right-pane .icon-forward{ text-decoration: none; padding: 0 0 3px 0; margin-bottom: 4px; border-bottom: 1px solid #1E4371; display: block; width: 100%; }

#container.wide .left-pane{ width: 230px; margin-right: 20px; float: left; }
#container.wide .center-pane{ width: 665px; padding-right: 0px; float: left; }
#container.wide .right-pane{ width: auto; }
#container.wide .subheader .left-pane{ width: 230px; margin-right: 20px; float: left; }
#container.wide .subheader .center-pane{ width: 665px; float: left; }
#container.wide .right-pane{ position: absolute; right: 0px; width: 210px; float: right; }
#container.wide .right-pane .icon-forward{ text-decoration: none; padding: 0 0 3px 0; margin-bottom: 4px; display: block; width: 100%; }

#content.home-page .content-pane{ overflow: visible !important; }
#content.home-page{ position: relative; left: 30px; width: 900px; height: 100%; float: left; }
#content.home-page .right-pane{ position: relative; right: 0px; top: 0px; width: 440px; float: right; z-index: 100; }
#content.home-page .left-pane{ position: relative; left: 0px; top: 0px; width: 440px; float: left; }
#content.home-page .center-pane{ overflow: visible !important; position: relative; background: #FFF url('../../images/frontend/visual-homepage.jpg') 0px 3px no-repeat; height: 206px; width: 440px; /*margin-bottom: 2em;*/ float: left; }
#content.home-page .footer-pane{ width: 670px; margin-top: 0px; float: left; }
#content.home-page .intro-link{ position: absolute; background: #F9B249 url('../../images/frontend/icon-arrow-color-05.gif') 3% 54% no-repeat; top: 40px; left: 0px; padding: 10px 10px 10px 24px; color: #FFF !important; font-weight: normal; font-size: 170%; text-decoration: none; display: block; }
#content.home-page .intro-link:hover{ text-decoration: underline; }
#content.home-page h4{ font-weight: normal; }
#content.home-page h4 a{ margin-top: 6px; padding: 0; display: block; }
#content.home-page p{ padding: 0 0 0.8em 0; }
#content.home-page .spacer-right{ margin-right: 20px; }
#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 .intro-photo img{ position: relative; top: 3px; }
#content.home-page .intro-photo .padding-small{ padding: 30px 10px 10px 10px !important; }
#content.home-page .subheader .left-pane, #content.home-page .subheader .center-pane, #content.home-page .subheader .right-pane { min-height: 0; _height: 0; margin-bottom: 0; }
#content.home-page a { text-decoration: none; }
#content.home-page a.MijnMiljoenenNota { text-decoration: underline; }
#content.home-page a:hover{ text-decoration: underline; }


#content.home-page .hover-block a{ padding: 4px; display: block; float: left; }
#content.home-page .hover-block a img{ width: 100%; }
#content.home-page .hover-block a:hover{ display: block; float: left;  background-color: #FEF2DF; text-decoration: none !important; }
#content.home-page .hover-block strong.title { color: #000; text-decoration: none !important; font: bold 140% Arial, Helvetica, "Lucida Grande", sans-serif; }
#content.home-page .hover-block a:hover strong { text-decoration: underline !important; }
#content.home-page .hover-block a span{ display: block; text-decoration: none !important; background: url('../../images/frontend/icon-external.gif') 0em 0.7em no-repeat; padding: 0.2em 0 0.2em 12px; _padding: 0 0 0 12px; }
#content.home-page .hover-block a:hover span{ text-decoration: none !important; }
#content.home-page .subheader div.bg-search-box{ width: 174px; height: 17px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: absolute; top: -60px; right: 36px; z-index: 100; }

#header .helpers{ color: #757575; position: relative; left: 15px; top: 10px; width: 930px; height: 100%; float: left; }
#header .helpers a{ color: #757575 !important; text-decoration: none; }
#header .helpers a:hover{ color: #757575 !important; text-decoration: underline; }
#header .helpers .top-print{ float: left; margin-right: 2em; }
#header .helpers .top-colofon{ float: right; margin-right: 0.2em; }
#header .helpers .top-contact{ float: right; margin-right: 2em; }
#header .helpers .top-begrippen{ float: right; margin-right: 2em; }
#header .size-txt{ float: left }
#header .size-txt a{ color: #757575; text-decoration: none; }
#header .size-txt a:hover{ color: #757575; text-decoration: none; }

#header .company-title a{ position: absolute; left: 448px; top: 29px; height: 97px; width: 230px; overflow: hidden; display: block; background: #FFF url('../../images/frontend/company-logo.jpg') top left no-repeat; }
#header .company-title a span{ display: none; }
#header .company-title{ margin: 0; }
#header .document-title{font-weight: normal; position: absolute; bottom: 55px; background: #FDF2DF; left: 10px; width: 930px; overflow: hidden; text-indent: 20px; padding: 6px 0 6px 10px; font-size: 180%; margin: 0; }
#header .go-to{ position: absolute; float: right; bottom: 5px; right: 14px; z-index: 100; display: none; }
#header .go-to a{ color: #FFFFFF; }


#content .subheader .left-pane, #content .subheader .center-pane, #content .subheader .right-pane { min-height: 2em; _height: 2em; margin-bottom: 1em; }
#content .subheader p{ margin: 0; padding: 0; }
#content .subheader a{ color: #1E4371; font-size: 100%; }
#content .subheader .left-pane{ width: 230px; padding-left: 20px; margin-right: 20px; float: left; }
#content .subheader .center-pane{ width: 440px; padding-right: 0px; float: left; }
#content .subheader .right-pane{ width: 210px; float: right; }

#content .subheader div.bg-search-box{ width: 174px; height: 17px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: absolute; top: -10px; right: 36px; z-index: 100; }
#content .subheader input.search-box{ width: 118px; height: 15px; margin: 0; padding: 0 0 0 10px; font-size: 90%; color: #000000; border: none; background: transparent; outline: none; -moz-outline: none;position: absolute; left: 0px; top: 1px; }
#content .subheader input.search-box-submit{ width: 40px; height: 15px; position: absolute; right: 1px; top: 1px; background: transparent; border: none; cursor: pointer; }

#navigation{ font-family: Arial, Helvetica, "Lucida Grande", sans-serif; position: absolute; bottom: 0px; left: 10px;  width: 940px; background: #F9B249; border-bottom: 10px solid #FCE3BE; min-height: 45px; _height: 45px; z-index: 100; }
#navigation ul.nav{ position: absolute; left: 20px; bottom: -0.2em; margin: 0; padding: 0; list-style: none; }
#navigation ul.nav li{ margin: 0; padding: 0; list-style: none; float: left; width: auto; height: 2.2em; display: inline; clear: none; color: #000; }
#navigation ul.nav li a{ text-decoration: none; float: left; width: auto; display: block; clear: none; color: #000 !important; font-size: 110%; margin: 0; padding: 3px 9px 5px 9px; font-weight: bold; }
#navigation ul.nav li a:hover, #navigation ul.nav li.selected a{ color: #000 !important; background: #FCE3BE; text-decoration: none; }
#navigation ul.nav li a span{ display: block; }
#navigation ul.nav ul li a span{ display: block; }

#footer{ position: relative; left: 0px; width: 960px; color: #000; border-top: 1px #E4E4E4 none; background: #FCFCFB url('../../images/frontend/bg-footer.jpg') top left no-repeat; margin: 1em 0 0 0; height: 75px; clear: both; float: left; }
#footer a{ color: #1E4371; text-decoration: none; font-size: 96%; margin: 0 0.3em 0 0; }
#footer a:hover{ color: #1E4371; text-decoration: underline; }
#footer .padding-small{ position: relative; left: 45px; width: 880px; }


/* toolbar */
#toolbar{ position: relative; left: 10px; width: 940px; display: block; clear:both; padding: 4px 0 4px 0px; margin: 0.3em 0 2em 0; background: #E2E4E3; font-size: 104%; -webkit-border-radius: 4px; -moz-border-radius:4px;  }
#toolbar ul.toolbarNav{ margin: 0; padding: 0 4px; list-style: none; float: left; }
#toolbar ul.toolbarNav li{ padding: 0; margin: 0; float: left; display: inline; width: auto; clear: none; list-style: none; }
#toolbar ul.toolbarNav li a{ text-decoration: none; background: #F3F5F6; color: #000 !important; margin: 0 1em 0 0; padding: 3px 6px; list-style: none; float: left; display: inline; width: auto; -webkit-border-radius: 4px; -moz-border-radius:4px; }
#toolbar ul.toolbarNav li a:hover{ background: #FFFFFF; text-decoration: none; }
#toolbar ul.toolbarNav li a img{ display: none; }
#toolbar .toolbarUser{ float: right; font-weight: bold; }
#toolbar .toolbarUser a{ text-decoration: none; margin: 0 4px 0 2em; /* float: right; width: auto; display: block; */ font-weight: normal; padding: 3px 6px; background: #1E4371; color: #FFFFFF !important; -webkit-border-radius: 4px; -moz-border-radius:4px; }
#toolbar .toolbarUser a:hover{ color: #FFF !important; background: #000000; text-decoration: none; }
#toolbar .toolbarUser img{ display: none; }


/* content helpers layout */
.full-pane{ width: 100%; overflow: hidden; }
.third-pane{ width: 33%; overflow: hidden; }
.two-third-pane{ width: 66%; overflow: hidden; }
.half-pane{ width: 50%; overflow: hidden; }
.split-pane{ width: 48%; overflow: hidden; }


/* table generic */
table{ width: 100%; margin: 2em 0; border-collapse: collapse; background: #FFF2DC !important; }
table thead td{ background: #FFE3B9; border-top: 1px solid #FFB342; padding: 0.1em 0.6em; color: #1E4371; font-size: 100%; color: #000; font-weight: bold; white-space: nowrap; }
table td{ padding: 0.2em 0.6em; border-bottom: 1px solid #FFF; }

/* table targets */
table.targets{ width: 100%; margin: 0 0 2em 0; border-collapse: collapse; background: #FFF2DC !important; }
table.targets thead td{ font-style: italic; background: #FFE3B9; border-top: 1px solid #FFB342; padding: 0.6em 0.6em; color: #1E4371; font-size: 90%; color: #000; font-weight: normal; white-space: normal; }
table.targets td{ padding: 0.2em 0.6em; border-bottom: 1px solid #FFF; }
table.targets ul {list-style-type: disc; display:block; margin: 0 0 0.5em 0.5em; padding: 0 0 0 2em; }

/* table results */
table.results{ width: 100%; margin: 2em 0; border-collapse: separate; background: #FFF !important; }
table.results thead td{ padding: 0.3em 0.3em; border: none;  border-bottom: 1px solid #1E4371; color: #1E4371; font-size: 110%; }
table.results td{ padding: 0.3em 0.3em; border: none;  border-bottom: 1px dotted #1E4371; }

/* table reports */
table.reports{ width: 100%; margin: 0.2em 0 1em 0; border-collapse: collapse; background: #FFF !important; }
table.reports thead td{ padding: 0.2em 0.3em; border: none;  border-bottom: 1px solid #EEE; color: #1E4371; font-size: 110%; }
table.reports td{ padding: 0.2em 0.3em; border: none; border-bottom: 1px solid #EEE; font-size: 106%; }

/* bron */
.bron p{ margin: 0; padding: 0; }
.top-border{ border-top: 3px solid #F9B249 !important; padding-top: 0.6em; }
.bottom-border{ border-bottom: 3px solid #F9B249 !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; }

/* paging */
.paging { position: relative; width: 100%; white-space: nowrap; margin: 2em 0 0 0; padding: 1em 0; border-top: 3px solid #F9B249 !important; float: left; clear: both;  }
.top-paging { border-top: 0px !important; margin:0; }
.paging a { padding: 0em 0.6em; margin: 0; color: #1E4371; text-decoration: underline; border-right: 1px solid black; }
.paging a:hover { padding: 0em 0.6em; margin: 0; color: #1E4371; text-decoration: underline; }
.paging a.next { margin-left: 0.3em; 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 10px 2px 0;}
.paging a.prev { margin-right: 0.3em; 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 10px;}
.paging a.prev:hover, .paging a.next:hover { text-decoration: underline; }
.paging a.selected, .paging a.selected:hover { font-weight: bold; color: #000; text-decoration: none; }
.paging span { color: #000; }


/* tooltip */
#tooltip{ display: none; background: #144273; color: #FFF; -webkit-box-shadow: 1px 1px 8px #999; border: 1px solid #144273; font-size: 94%; text-align: left; width: auto; position: absolute; padding: 0px 4px; z-index: 1000; }



/* thickbox */
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
#TB_window { -webkit-box-shadow: 1px 1px 20px #666; -moz-box-shadow: 1px 1px 20px #666; position: fixed; background: #FFF; z-index: 102; display:none; border-bottom: 3px solid #F9B249; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; padding: 15px 0 0 15px; }
#TB_title{ background-color:#F9B249; height:27px; color: #000; font-size: 110%; font-weight: bold; }
#TB_caption{ height:25px; padding:10px 10px 0px 15px; float:left; color: #000; }
#TB_secondLine{ height:25px; padding:10px 15px 0px 0px; float:right; }
#TB_closeWindow{ height:25px; padding:10px 15px 0px 0px; float:right; }

#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }

#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#000; border:none; -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-4px; margin-top:-2px; }
#TB_closeWindowButton{ color: #FFF !important; font-size: 90%; font-weight: normal; }
#TB_closeWindowButton a{ color: #FFF; }

.TB_overlayMacFFBGHack {background: url('../../images/backend/thickbox/macFFBgHack.png') repeat;}
.TB_overlayBG { background-color:#CCC; -moz-opacity: 0.75; opacity: 0.75; }


/* TB shade ... rendered if not safari (or FF3.1) */
#TB_window .tl{ background: url('../../images/backend/thickbox/tl_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; top: -13px; left: -13px; }
#TB_window .tm{ background: url('../../images/backend/thickbox/tm_shade.png') repeat-x; height: 25px; width: 100%; position: absolute; top: -19px; left: 12px; }
#TB_window .tr{ background: url('../../images/backend/thickbox/tr_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; top: -13px; right: -13px; }
#TB_window .ml{ background: url('../../images/backend/thickbox/ml_shade.png') repeat-y; height: 100%; width: 25px; position: absolute; top: 12px; left: -19px; }
#TB_window .mr{ background: url('../../images/backend/thickbox/mr_shade.png') repeat-y; height: 100%; width: 25px; position: absolute; top: 12px; right: -19px; }
#TB_window .bl{ background: url('../../images/backend/thickbox/bl_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: -13px; left: -13px; }
#TB_window .bm{ background: url('../../images/backend/thickbox/bm_shade.png') repeat-x; height: 25px; width: 100%; position: absolute; bottom: -19px; left: 12px; }
#TB_window .br{ background: url('../../images/backend/thickbox/br_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: -13px; right: -13px; }
#TB_window .closebtn{ background: url('../../images/backend/thickbox/closebox.png') no-repeat; cursor: pointer; height: 30px; width: 30px; position: absolute; top: -8px; left: -8px; }


/* geimporteerde tekst */
.center-pane h4 {
	margin: 0; 
	padding: 0.4em 0 0 0;
}

img.img_grafiek {
	margin-bottom: 2em;	
}

.center-pane h1{ margin: 0 0 0.8em 0; padding: 0;}

.center-pane ul{ list-style-type: disc; display:block; margin: 0 0 2em 1em; padding: 0 0 0 0.5em; }


.center-pane p{ margin: 0; padding: 0 0 1em 0; }
.center-pane p.footnote, .center-pane p.bron { font-size: 90%; }


/*video foldout*/
ul.video{ margin: 0; padding: 0; list-style: none; }
ul.video ul{ margin: 1em 0; padding: 0; list-style: none; }
ul.video li{ margin: 0; padding: 0; list-style: none; float: left; width: 100%; }

ul.video li span{ color: #a4a4a4; padding: 0 0 0 0; display: block;}
ul.video li a{ color:#000 !important; text-decoration: none; background: none; padding:2px 0 2px 0; border-bottom: 1px solid #fff;}

ul.video li a.vid-plus{ 
	cursor: pointer; 
	border-bottom: 1px solid #ddd; 
	font-weight: bold; 
	display: block; 
	text-decoration: none !important;  
	padding: 0.2em 0 0.2em 0; 
	margin:0;
}
ul.video li a.vid-min{  border-bottom: 1px solid #ddd;  font-weight: bold; display: block; text-decoration: none !important; padding: 0.2em 0 0.2em 0; _padding: 0 0 0 0; }
ul.video li a:hover{text-decoration: none !important; border-bottom: 1px solid #000;}
ul.video li a.vid-plus:hover {border-bottom: 1px solid #000; text-decoration:none !important;}
ul.video li div{ width: 440px; _overflow:hidden;  float: left; padding-bottom: 10px;}
ul.video li div p{ padding: 1em 0; }
ul.video li ul li a { display: block; }