/*@import url(../InlineWin.css);*/


/*html,html body {height:100%;}*/
body#frontend{ text-align: center; }
body{ margin: 0; padding: 0; background-color: #F3F5F6; 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: #4089d9 !important; text-decoration: underline; }
a:visited{ color: #8e8e8e; text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ color: #000; margin: 0; padding: 0; font: normal 175% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h2{ color: #000; margin: 0; padding: 0 0 0.4em 0; font: bold 140% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #000; margin: 0; padding: 0 0 0.4em 0; font: bold 130% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #000; margin: 0; padding: 0 0 0.4em 0; font: bold 130% Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #000; margin: 0; padding: 0; font: bold 115% Arial, Helvetica, "Lucida Grande", sans-serif; }

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: #1E4371;*/ }
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{ border-bottom: 1px none #FCFCFB; display: block; width: 100%; clear: both; float: left; padding: 0 0 0 20px; list-style-type: none; }
ul.facet-list li.selected{ background: #FEF1BD; }
ul.facet-list .checkbox{ float: left; width: 14px; position: relative; top: 1px; }
h4.facet-list-title{ border-bottom: 1px none #1E4371; margin: 0; padding: 0.4em 0 0.3em 0em; display: block; position: relative; left: 20px; width: 210px; float: left; color: #000; font-size: 126%; }

/* subfacetlist */
ul.facet-list ul{  list-style-type: none; padding: 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list ul li{ padding: 0px; }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 22px; }

/* added styles for facetnav with links and checkbox */
ul.facet-list li a{ text-decoration: none !important; color: #000 !important; width: 185px; float: left; line-height: 1.2em; margin: 0; padding: 0.3em 0 0.3em 2px; }
ul.facet-list li a:hover{ text-decoration: underline !important; }
ul.facet-list li li a{  width: 163px; float: left; font-weight: normal;  }
ul.facet-list li li a:hover{ text-decoration: underline !important; }
ul.facet-list li a span{ font-size: 90%; color: #757575; }
ul.facet-list li img{ float: left;margin-top: 0.5em; }

ul.facet-list .icon-arrow-right{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 3px 6px; background-repeat: no-repeat; text-indent: 10px; }
ul.facet-list .icon-arrow-down{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 5px 8px; background-repeat: no-repeat; text-indent: 19px; }

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


/*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; }
ul.video li span{ color: #C0C0C0; padding: 0 0 0 10px; }
ul.video li a{ color: #144273; text-decoration: none; }
ul.video li a:hover{ color: #4089d9; text-decoration: underline; }
ul.video li a.vid-plus{ border-bottom: 1px solid #144273; color: #144273; font-weight: bold; display: block; text-decoration: none !important; background: url('../../images/frontend/vid-plus.gif') 0em 0.7em no-repeat; padding: 0.2em 0 0.2em 12px; _padding: 0 0 0 12px; }
ul.video li a.vid-min{  border-bottom: 1px dotted #144273;  color: #144273; font-weight: bold; display: block; text-decoration: none !important; background: url('../../images/frontend/vid-min.gif') 0em 0.7em no-repeat; padding: 0.2em 0 0.2em 12px; _padding: 0 0 0 12px; }
ul.video li a:hover{ color: #4089d9; text-decoration: underline !important; }
ul.video li div{ width: 440px; _overflow:hidden; border-bottom: 1px solid #144273; }
ul.video li div p{ padding: 1em 0; }

form{ margin: 0; padding: 0; }
form p, .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: 98%;  }
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; }
.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; }
.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; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }

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

/* 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: #4089d9 !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 #f9e11e !important; padding-bottom: 1em; background: #FFFFFF !important; }
.selection-vertical a, .selection-horizontal a{ color: #000; }
.selection-vertical a:hover, .selection-horizontal a:hover{ color: #4089d9; }
.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 #f9e11e !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 p{ padding: 0 0 0.3em 0; }
.related-sidebar p a{ color: #1E4371 !important; }
.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; }

.about-highlight{
	width:210px;
	margin-top: 12px;
}
.about-highlight ul{
	padding:0; margin:0;
	list-style-type:none;
}
.about-highlight ul li{
	padding:0 5px 2px 0; margin:0; float:left; 
}
.about-highlight ul li a{
	display:block;
}
.about-highlight ul li a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

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


#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 .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{ color: #4089d9 !important; text-decoration: underline; }

/*link styles*/
a.read-more{ font-size: 105%; padding: 0.2em 0 0.2em 10px; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.7em no-repeat; }
a.read-more:hover{ color: #4089d9; text-decoration: underline; }
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{ background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.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;*/ 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 6px; background-repeat: no-repeat; text-indent: 10px; }
.icon-arrow-down{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 8px; background-repeat: no-repeat; text-indent: 10px; }

.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; }
.box a.icon-pdf{ background-position: 0em 0.3em; display: block; width: 90%; }
.box .icon-print{ background-position: 0em 0.3em; display: block; width: 90%; }



.read{ background-color: transparent; }
.box h4, .box h4 a{ color: #000; width: 100%; }
div.results h4, div.results h4 a{ color: #1E4371; text-decoration: underline; 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: 205px; _height: 205px; margin-bottom: 10px; 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; _overflow: hidden; padding-right: 20px; float: left; }
#content .right-pane{ position: relative; 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; overflow: hidden; }
#container.wide .center-pane{ width: 665px; padding-right: 0px; float: left; overflow: hidden; }
#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; overflow: hidden; }
#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%; }

#header .helpers{ color: #757575; position: relative; left: 15px; top: 10px; width: 930px; height: 100%; float: left; }
#header .helpers a{ color: #757575; text-decoration: none; }
#header .helpers a:hover{ color: #757575; text-decoration: underline; }
#header .helpers .top-print{ float: left; margin-right: 2em; }
#header .helpers .top-disclaimer{ float: right; margin-right: 2em; }
#header .helpers .top-colofon{ float: right; }
#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: 458px; top: 29px; height: 75px; width: 250px; overflow: hidden; display: block; background: #FFF url('../../images/frontend/company-logo.jpg') top left no-repeat; }
#header .company-title a span{ display: none; }
#header .document-title{ position: absolute; bottom: 55px; background: #f9e11e; left: 10px; width: 930px; overflow: hidden; text-indent: 20px; padding: 6px 0 6px 10px; font-size: 180%;  }
#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: -50px; right: 0px; z-index: 100; }
#content .subheader input.search-box{ width: 120px; 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: 1px; 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{ position: absolute; bottom: 0px; left: 10px;  width: 940px; background: #f9e11e; border-bottom: 10px solid #fdf6bb; 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: 100%; margin: 0; padding: 3px 10px 5px 10px; font-weight: bold; }
#navigation ul.nav li a:hover, #navigation ul.nav li.selected a{ color: #000 !important; background: #fdf6bb; 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: #000000; 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; -webkit-border-radius: 4px; -moz-border-radius:4px; }
#toolbar .toolbarUser a:hover{ 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; }
table thead td{ padding: 0.1em 0.3em; color: #1E4371; font-size: 110%; }
table td{ padding: 0.1em 0.3em; border: 1px solid #EEE; }


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

/* table reports */
table.reports{ width: 100%; margin: 0.2em 0 1em 0; border-collapse: collapse; }
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%; }



/* paging */
.paging{position: relative; width: 100%; white-space: nowrap; margin: 2em 0 0 0; padding: 1em 0; border-top: 3px solid #f9e11e !important; float: left; clear: both;  }
.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; }




/* BitSquad - peter */

/* 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.25 Verdana, Arial, Helvetica, sans-serif;}
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;}
*/


/* 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:#0254a0;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:#0254a0;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;}*/


/* User toolbar top */
div.wrapperToolbar{width:100%;height:75px;background:url(../../images/frontend/wrapper_bg.gif) 0px 0px repeat-x;margin:0px;padding:0px;font-size:11px !important;}
div.wrapperToolbar div.navi_container{width:960px;position:relative;z-index:999;margin:0 auto;background:none;}
div.wrapperToolbar div.navi_top{width:960px;height:40px;position:relative;margin:0 auto;border-bottom:solid 1px #000000;padding:0px;float:left;}
div.wrapperToolbar div.navi_bottom{width:960px;height:30px;position:relative;background:#ffffff;margin:0 auto;border-bottom:solid 1px #000000;z-index:10;padding:0px;float:left;}
div.wrapperToolbar div.navi_top ul#menu{width:500px;height:30px;padding:10px 0px 0px 20px;_padding:9px 0px 0px 20px;margin:0px;float:left;}
div.wrapperToolbar div.navi_top ul#menu li{/*width:100%;*/ display:block;float:left;height:30px;line-height:27px;margin:0px 15px 0px 0px;}
li.website{background:#ffffff;padding:0px 5px 0px 5px;border-top:solid 1px #000000;border-left:solid 1px #000000;border-right:solid 1px #000000;position:relative;top:1px;left:0px;}
li.website a{color:#000000;text-decoration:none;}
li.art_beheer{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.art_beheer a{color:#000000;text-decoration:none !important;}
li.gebr_beheer{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.gebr_beheer a{color:#000000;text-decoration:none !important;}
div.wrapperToolbar div.navi_top div.user_tools{float:right;height:20px;width:400px;margin:15px 15px 0px 0px;text-align:right;}
div.wrapperToolbar div.navi_top div.user_tools a{color:#000000;}


/* User toolbar top | Submenu */
div.wrapperToolbar div.navi_bottom ul#submenu{width:580px;height:30px;padding:0px 0px 0px 20px;color:#000000;float:left;margin:0px;}
div.wrapperToolbar div.navi_bottom ul#submenu li{/*width:100%;*/ display:block;float:left;height:30px;line-height:30px;margin:0px 15px 0px 0px;}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu	{}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a{color:#000000;text-decoration:none;padding:0px 0px 0px 20px;}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a:hover{color:#000000;text-decoration:underline;padding:0px 0px 0px 20px;}
li.toevoegen{background:url(../../images/frontend/icon-toolbar-add.gif) no-repeat 0px 7px;}
li.bewerken{background:url(../../images/frontend/icon-toolbar-modify.gif) no-repeat 0px 7px;}
li.verwijderen{background:url(../../images/frontend/icon-toolbar-delete.gif) no-repeat 0px 7px;}
li.kopie{background:url(../../images/frontend/icon-toolbar-copy.gif) no-repeat 0px 7px;}
div.opmerkingen_div_interface{float:right;height:30px;width:330px;margin:0px 0px 0px 0px;padding:0px 20px 0px 0px;text-align:right;}
div.opmerkingen_div_interface span.first_span{float:right;height:22px;_height:20px;width:auto;padding:8px 0px 0px 0px;margin:0px;}
div.opmerkingen_div_interface span.sec_span{float:right;height:22px;_height:20px;width:117px;padding:8px 0px 0px 0px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord_red.gif) no-repeat 0px 3px;}
div.opmerkingen_div_interface span.sec_span_approved{float:right;height:22px;_height:20px;width:117px;padding:8px 0px 0px 5px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord.gif) no-repeat 0px 7px;}
div.opmerkingen_div_interface table{width:300px;}
div.opmerkingen_div_interface td{height:30px;}
div.opmerkingen_div_interface a{height:30px;text-decoration:none;padding:0px 0px 0px 20px;}
div.opmerkingen_div_interface a:hover{text-decoration:underline;padding:0px 0px 0px 20px;}
a.opmerking	{background:url(../../images/frontend/icon-toolbar-comment.gif) no-repeat 0px 0px;text-decoration:underline !important;color: #0254a0;}
a.akkoord_red{color:#000000;padding:0px 5px 0px 0px !important;}

p.selectors{margin:5px 0px 5px 15px !important;}
p.selectors a{color:#000000;text-decoration:underline;padding:0px 5px 0px 0px;}
div.opmerking_repeat{float:left;border-bottom: solid 1px #eeeeee;margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;}
p.opmerking_form{color:#000000;margin:5px 0px 10px 18px !important;}
a.admin	{color:#000000;}
a.wijzig{color: #0254a0;}
a.verwijderen{color: #0254a0;}
a.close	{color:#ffffff;text-decoration:none !important;float:right;padding:20px 10px 0px 0px;}
a.close	img{border:solid 1px #ffffff;}

div#mylist textarea{height:90px;margin:10px 0px 0px 0px;}
div#mylist div.clearfix a.right{width:280px;text-align:right;margin:0px 0px 10px 0px;}
div#mylist{width:300px;background-color:#ffffff;border:solid 1px #000000;position:absolute;top:71px;right:20px;color:#000000;display:none;z-index:999;height:auto;padding:0px 0px 10px 0px;text-align:left;}
div#mylist p{float:left;margin:30px 10px 10px 10px;}
div#mylist p  a{color:#000000;}
div#mylist select{margin:0px 0px 0px 76px;}
div#mylist select{_margin:0px 0px 0px 74px;}
div#mylist p.opm_opslaan{text-align:right;padding:0px 0px 5px 0px;border-bottom: solid 1px #eeeeee;width:280px;}
div#mylist p.opm_opslaan a{color:#000000;text-decoration:underline;}
div#mylist form{height:100%;}
div#mylist form input{margin:0px;}
div#mylist ul li{margin:0px 0px 10px 0px;line-height:17px !important;}
div#mylist ul li input.checkbox{margin:0px;}


/* 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 30px;margin:0px 0px 10px 0px;list-style-type:disc;}
.article_editor p{margin:0px 0px 10px 0px;}
sup,sub{vertical-align:0;position:relative;}
sup{bottom:1ex;}
sub{top:0.8ex;}


/* 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:#ffffff !important;}
div.my_report table thead td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #eeeeee;color: #0254a0;font-size:110%;}
div.my_report table td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #eeeeee;font-size:106%;}


/* Loading */
table.maintable{width:100%;height:100%;}
td.maintable{vertical-align:middle;}
div.loading	{position:relative;width:479px;height:206px;background:url(/images/backend/loading_bg.png);_background:url(/images/backend/loading_bg.gif);margin:0 auto;text-align:center;}
img.loading	{width:48px;height:48px;margin:100px 0px 10px 0px;}
div.loading p{font-size:20px;color: #0254a0;}

.home-article p,
.home-article img,
.home-article h2{clear:none; width:auto;}
.home-article h2{padding-top:5px;}
.home-article p {margin: 0 0 10px 0;}