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

/* Editor styles zoals ul, ol, subscript e.d. */
.article_editor {padding:0px 0px 40px 0px;float:left;width:100%;}
.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;}
.article_editor a {color:#0056a2;text-decoration:underline;}
.article_editor a:hover {color:#0056a2;text-decoration:none;}

p.special-font {font: normal 100% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif;color:#000;}
p.special-font-inleiding {width:320px;font: normal 100% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif;color:#000;}
sup, sub { vertical-align: 0;position: relative; }
sup { bottom: 1ex;}
sub { top: 0.8ex;}

/* Site elementen */

/* Global Defaults */
html, body		    {margin: 0px;padding: 0px;border: 0px;width: 100%;height: 100%;}
html                {background:url('../../images/frontend/html-bg.gif') repeat-x;overflow-y:scroll;overflow: -moz-scrollbars-vertical;}
body                {font: 0.75em/1.8em Arial, Verdana, Helvetica, "Lucida Grande", sans-serif;color:#87888a;}
body#frontend       {background:url('../../images/frontend/body-bg.gif') center top no-repeat;}
body.iPad           {background:none !important;}
body#frontend.special{background:url('../../images/frontend/body-bg-special.gif') center top no-repeat;}
body#frontend.home  {background:url('../../images/frontend/body-bg-home.gif') center top no-repeat;}
body#frontend.home.logged-in  {background:url('../../images/frontend/body-bg-home.gif') center 75px no-repeat;}
body#frontend.logged-in  {background:url('../../images/frontend/body-bg.gif') center 75px no-repeat;}

/* Headlines */
h1, h2, h3, h4, h5, h6  {margin: 0;padding: 0;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none;}
h1{ color: #009ee0; margin: 0 0 0.4em 0; padding: 0 0 5px 0; font: normal 170% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; letter-spacing: 0px; border-bottom:solid 1px #e4e5e5 ; }
h2{ color: #009ee0; margin: 0.3 0 0.3em 0; padding: 0 0 0.4em 0; font: normal 150% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #009ee0; margin: 0.4 0 0.2em 0; padding: 0 0 0.4em 0; font: normal 140% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #009ee0; margin: 0; padding: 0 0 0.4em 0; font: normal 130% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; }
h5{ color: #009ee0; margin: 0; padding: 0; font: normal 106% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; }

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a {margin: 0;padding: 0;font: normal normal normal 1em/1.25 Arial, Verdana, 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;}

/* Links and Images */

a.blue_link				{color: #009ee0; text-decoration: underline;}
a.blue_link:hover		{color: #009ee0; text-decoration: underline;}
a.red_link				{color: #c70042; text-decoration: underline;}
a.red_link:hover		{color: #c70042; text-decoration: underline;}

a.read-more{ color: #009ee0;text-decoration: none; font-size: 11px; line-height: normal; padding: 0.3em 0 0em 12px; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/page-options-arrow.gif') 0em 0.6em no-repeat; }
a.read-more:hover{ color: #009ee0;text-decoration: underline; font-size: 11px; line-height: normal; padding: 0.3em 0 0em 12px; width: 100%;display: block; font-weight: normal;background: url('../../images/frontend/page-options-arrow.gif') 0em 0.6em no-repeat; }

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

/* Images */
img                     {border: none;display:block;}

/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.center-page{ margin: 0 auto;}
.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: 80%; }
.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; }
.no-display {display:none !important;}
.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; }
.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; }

.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 */
div.bron {width:100%;padding:0;}
div.bron p{ margin:0;padding:0;font-style:italic;}

/* paging */
.paging{position: relative; width: 550px; white-space: nowrap; margin: 1em 0 10px 0; padding: 0 0 60px 0; float: left; clear: both; text-align:center; color:#bcbdbf; }
.paging a{color: #009ee0;}
.paging a.next{ color: #009ee0; border: none; text-decoration: none; padding:0 10px 0 0;background:url(../../images/frontend/icon-forward-darkblue.gif) right 5px no-repeat;}
.paging a.prev{ color: #009ee0; border: none; text-decoration: none; padding:0 0 0 10px;background:url(../../images/frontend/icon-back-darkblue.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: bold; color: #5d5d5d; text-decoration: none;font-size:130%; }
.paging div.left {width:100px;float:left;height:20px;text-align:left;}
.paging div.middle {width:350px;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%;line-height:14px; }
.box-border{ border: 1px solid #009ee0; 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: 980px; text-align: left; }
.iPad div#framework { width:740px !important; } 

#container {width: 100%;height: 100%;float: left;overflow: visible;}

#container .page-title{ float: left; }

div.header {font: 11px Arial, Verdana, Helvetica, "Lucida Grande", sans-serif;position: relative;width: 980px;height:100px;float:left;}

div.header span.company-title{ width:255px;height:60px;float:left; }
div.header span.company-title a{ width:255px;height:60px;overflow: hidden;display: block; }

div.header span.language {text-align:right;width:120px;height:18px;position:absolute;top:2px;right:7px;color:#0056a2;font-size:10px;font-weight:bold;} /* was b0e0f5*/
div.header span.language a {color:#7f7f7f;text-decoration:none;}
div.header span.language a:hover {color:#0056a2;text-decoration:underline;}

div.navigation{font: 11px Arial, Verdana, Helvetica, "Lucida Grande", sans-serif;color:#000000;width:725px;float:left;display:block;position:relative;top:25px; }
div.navigation ul.nav{ margin:0;padding:0;list-style: none;}
div.navigation ul.nav li{ margin:0;padding:0;list-style:none;float:left;width:auto;display:inline;clear:none;color: #7f7f7f; }
div.navigation ul.nav li a{ text-decoration: none; float: left; width: auto; display: block; clear: none; color: #7f7f7f !important; margin: 0; padding:0 7px 0 7px; border-right:solid 1px #b0e0f5;}
div.navigation ul.nav li a:hover, div.navigation ul.nav li.selected a{ color: #009ee0 !important; text-decoration: none; }
div.navigation ul.nav li a span{ display: block; }
div.navigation ul.nav ul li a span{ display: block; }

div.navigation div.bg-search-box{ float:left;width:141px;height:23px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: relative;top:-5px; left:10px; z-index: 100; }
div.navigation input.search-box{ width:114px;height:20px;margin:0; padding:0px; font-size: 90%; color: #000000; border: none; background: transparent; outline: none; -moz-outline: none;position: absolute; right: 5px; top: 1px;line-height:18px; }
div.navigation input.search-box-submit{width:20px;height:20px;position: absolute; left: 0px; top: 1px; background: transparent; border: none; cursor: pointer; }

/* nav container */
div.nav-container{ display: block; width: 175px; clear: both; float: left; border: 1px none #CBCBCB; margin: 0; overflow: hidden;font-size:11px; position:relative;} /*with border width: 223*/

h4.nav-list-title           {border-bottom:solid 1px #e4e5e5;margin:0;color:#0056a2;padding:4px 0 4px 8px;width:167px;display:block;float:left;font-size:10px;font-weight:normal;background:url('../../images/frontend/icon-arrow-right.gif') 2px 8px no-repeat;}
h4.nav-list-title a         {padding:0;text-transform:uppercase;color:#0056a2;text-decoration:none;width:167px;}
h4.nav-list-title-selected  {margin:0;padding:4px 0 4px 8px;color:#FFF;width:167px;display:block;float:left;font-size:10px;font-weight:normal;background:url('../../images/frontend/selected.gif') 0 2px no-repeat;}
h4.nav-list-title-selected a{padding:0;text-transform:uppercase;color:#FFF;text-decoration:none;width:167px;}

div.nav-container ul.nav-list{background:transparent;padding:5px 0 5px 0 ;display: block;width: 175px;clear:both;float:left;border-bottom:solid 1px #e4e5e5; }
div.nav-container ul.nav-list li{ display:block;clear: both;float:left;padding:0;list-style-type: none;width:100%;}
div.nav-container ul.nav-list li a.selected{ color: #009ee0; }
div.nav-container ul.nav-list li a{ text-decoration: none; color: #87888a; float: left; line-height: 1.2em; margin: 0px; padding: 0.3em 0 0.3em 10px;background:url('../../images/frontend/icon-double-arrow-right.gif') 0 5px no-repeat; }
div.nav-container ul.nav-list li a:hover{ text-decoration: none;color:#009ee0; }
div.nav-container ul.nav-list li a.empty{ color: #999 !important; cursor: default !important;padding: 0.3em 0 }
div.nav-container ul.nav-list li a.empty:hover{ text-decoration: none !important; color: #999 !important; cursor: default; }
div.nav-container ul.nav-list li a.empty span{ color: #999 !important; font-size: 86%;  }

/* subfacetlist */
div.nav-container ul.nav-list ul{ background: #FFF; list-style-type: none; padding: 0; margin: 0; display: block; width: 190px; clear: both; float: left; }
div.nav-container ul.nav-list ul li{ background: #FFF; padding: 0 0 0 12px; width: 178px; position:relative;background:url('../../images/frontend/icon-arrow-right-pink.gif') 0px 4px no-repeat;}
div.nav-container ul.nav-list ul li a{text-decoration: none; color: #999999; padding: 0; width: 176px; position:relative;border-bottom: 1px dashed #e20076;padding: 0.1em 0;}

span.bg-nav {display:block;width:319px;height:40px;position:absolute;bottom:0px;left:-143px;background:url(../../images/frontend/bg-nav-bottom.gif) 0 0 no-repeat;}

/* facetlist */

div.verfijn {margin:0px 0px 5px 20px;}
div.verfijn a.selection {text-decoration:underline;cursor:pointer;}
 
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; 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{ font-weight: bold; color: #000;background: #66ccff; }
ul.facet-list li a{ text-decoration: none !important; color: #000 !important; width: 180px; float: left; color: #000; line-height: 1.2em; margin: 0 0 0 5px; padding: 0.3em 0; }
ul.facet-list li a:hover{ text-decoration: underline !important; }
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{ 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%; }

/* 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; position:relative;}
ul.facet-list li ul label{ width: 168px; float: right; font-weight: normal; }
/*ul.facet-list li ul{ background: #FFF; }*/
ul.facet-list ul li.selected { font-weight: normal !important; /*background: #FFF;*/ }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 43px; }

/* subfacetlist, links with arrows no labels */
div.facet-container .icon-arrow-link a{ float: left; display: block; width: 197px; clear: both; color: #000 !important; padding: 0.3em 0 0.3em 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.3em 0 0.3em 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; }
div.facet-container .icon-arrow-link li li.selected a, div.facet-container .icon-arrow-link li li.selected a:hover{ font-weight: bold !important; }
div.facet-container .icon-arrow-link li li a, div.facet-container .icon-arrow-link li li a:hover{ font-weight: normal !important; padding: 0.3em 0 0.3em 45px; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 34px 7px; }

/* added styles for facetnav with links and checkbox */
ul.facet-list li li a{  width: 158px; 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{ 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%; }


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; } Zorgt voor probleem in checkboxes Opera*/
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  { display: inline; float: left; width: 14px; }
input.radio     { background: none; border: none; display: inline; float: left; width: 14px; }

label{ display: block; clear: both; margin: 0; 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: 980px; height: 100%; float: left; margin:0px;background: url('../../images/frontend/bg-footer.jpg') -150px bottom no-repeat; }
#content .content-pane{ width: auto;position:relative; }
#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: 175px; float: left; margin:0px 20px 60px 0px;padding:11px 0 50px 0;position:relative;}
#content .center-pane{ width: 550px; float: left; margin:0 20px 0px 0; }
#content .right-pane{ width: 200px; float: left; z-index: 98; margin:0; padding:0 0 50px 0;overflow:hidden;}
#content .backend {padding:0px 0px 0px 20px;width:650px;}

body#frontend.special .article_editor {background:url('../../images/frontend/RuudSondag.jpg') left top no-repeat;}
body#frontend.special2 .article_editor {background:url('../../images/frontend/DiederikGijsbers.jpg') left top no-repeat;}
body#frontend.special3 .article_editor {background:url('../../images/frontend/FransvandeNoort.jpg') left top no-repeat;}
body#frontend.special4 .article_editor {background:url('../../images/frontend/RobdeFluiterBalledux.jpg') left top no-repeat;}
body#frontend.special5 .article_editor {background:url('../../images/frontend/YvesLuca.jpg') left top no-repeat;}

#container.wide .article_editor {background:none;}
#container.wide .article_editor h1 {width:555px;}
#container.wide .left-pane{ width: 175px; margin-right: 20px; float: left; }
#container.wide .center-pane{ width: 765px; padding-right: 0px; float: left;margin:0; }
#container.wide .right-pane{ position: absolute; top:0px;right: 0px; width: 200px; float: right; }

#container.home .header{height:60px;overflow:hidden;}
#content.home-page .flash-content {width:980px;height:400px;background:url(../../images/frontend/bg-flash.jpg) 0 -3px no-repeat;margin:-3px 0 0 0;}

#content.home-page .content-pane{ overflow: visible !important; width: 980px; }
#content.home-page {width: 980px; height: 100%; float: left; margin:0px;background: none; }
#content.home-page .center-pane{ overflow: visible !important; position: relative; background:none; width: 980px;float: left;margin:0; }
#content.home-page .footer-pane{ width: 980px; height:305px; margin: 0px; float: left;background:url(../../images/frontend/bg-footer-pane.jpg) 0px 0px no-repeat; }
#content.home-page .footer-pane-left{ width: 245px; height:228px; margin: 0px; float: left;background:none; }
#content.home-page .footer-pane-middle{ width: 315px; height:228px; margin: 0px; float: left; background:none;}
#content.home-page .footer-pane-right{ width: 420px; height:228px; margin: 0px; float: left; background:none;}

#content.home-page .footer-pane-right-inner{ width:375px;height:178px;float:left;padding:0;font-size:11px;position:relative;left:22px;top:45px;}
#content.home-page .footer-pane-right-inner h2{ font: bold 120% Arial, Verdana, "Lucida Grande", sans-serif;text-transform:uppercase;margin:0px 0px 9px 0px;color:#009ee0;}
#content.home-page .footer-pane-right-inner h2 span{ font: bold 105% Arial, Verdana, "Lucida Grande", sans-serif;text-transform:none;margin:0px 0px 9px 0px;color:#0056a2;}
#content.home-page .footer-pane-right-inner p  {font: normal 100% Arial, Verdana, "Lucida Grande", sans-serif;color:#5c5c5c;width:170px;line-height:1.5em;} 
#content.home-page .footer-pane-right-inner a  {color:#009ee0;display: block; text-decoration: none; background: url('../../images/frontend/page-options-arrow.gif') left 0.3em no-repeat;padding:0px 0px 0px 12px;margin: 10px 0 3px 0;} 

#content.home-page a.intro-link {position:absolute;top:180px;left:110px;width:220px;height:30px;}

/* Related sidebar */
#content.home-page div.related-sidebar     {width:180px;height:178px;float:left;background:none;padding:0;font-size:11px;position:relative;left:35px;top:45px;} 
#content.home-page div.related-sidebar h2  {font: bold 120% Arial, Verdana, "Lucida Grande", sans-serif;text-transform:uppercase;margin:0px 0px 9px 0px;color:#0056a2;} 



#footer         {position:relative;float:left;clear:both;width:980px;height:30px;background: url('../../images/frontend/footer-slogan.gif') right top no-repeat;}
#footer p       {font-size:11px;float:left;margin:8px 0 0 0;}
#footer span    {font-size:11px;}
#footer a       {color:#87888a;text-decoration:underline;}
#footer a:hover {color:#87888a;text-decoration:none;}

#footer.home-page   {position:relative;float:left;clear:both;width:980px;height:30px;background: url('../../images/frontend/footer-slogan.gif') right top no-repeat;margin:-20px 0 0 0 }


/* 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% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px;text-decoration:underline;}

/*table.main{ width: 100%; margin: 2em 0; border-collapse: collapse; background: #d4e7f7  }
table.main thead td{ background: #66ccff; border-top: 1px solid #3399ff; padding: 0.1em 0.6em; color: #1E4371; font-size: 100%; color: #000; font-weight: bold; white-space: nowrap; }
table.main td{ padding: 0.2em 0.6em; border-bottom: 1px solid #FFF; }
td.red {color:#c70042 !important;}*/

ul.arrows{ display:block; margin: 0; height:100%; 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{ color:#009ee0;display: block; text-decoration: none; background: url('../../images/frontend/icon-forward-darkblue.gif') left 0.3em no-repeat;padding:0px 0px 0px 12px;margin: 0 0 3px 0;}
ul.external li a:hover{ color:#009ee0;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;color:#87888a; }
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;color:#87888a; }
div.my_report label{color:#87888a; }

/* Page options */
.page-container     {padding:0px;margin:0px;background:url('../../images/frontend/page-container-rep.gif') left bottom repeat-y;font-size:11px;}
.page-container a   {text-decoration:none;color:#009ee0;}
.page-container a.sub{text-decoration:none;color:#87888a;}
.page-container .line {margin: 8px 0 6px 0px; width: 170px; border-top: 1px #dedede solid; display: block; clear: both; height:1px;float:left; }
.page-container h5 {font: bold 100% Arial, Verdana, "Lucida Grande", sans-serif;margin:0px 0px 5px 0px;color:#0056a2;}
.page-container h5 span {font-weight:bold;color:#58646c;}
.page-container-bottom {width:200px;height:7px;overflow:hidden;background:url('../../images/frontend/page-container-bottom.gif') no-repeat;}

div.page-container-wrapper {padding:0px;margin:0px;z-index:998;}
div.page-container-wrapper .padding-small {padding:5px 5px 0px 15px;}
div.page-options-header {width:200px;height:33px;background:url('../../images/frontend/page-options-header.gif') no-repeat;position:relative;}
a.open-options {width:27px;height:31px;position:absolute;top:0px;right:0px;}

a.page-options-add      {width:170px;padding:0px 0px 0px 12px; background:url('../../images/frontend/page-options-plus.gif')  left 0.3em no-repeat;margin:0 0 3px 0;float:left;clear:both;}
a.page-options-view     {width:170px;padding:0px 0px 0px 12px; background:url('../../images/frontend/page-options-arrow.gif') left 0.3em no-repeat;margin:0 0 3px 0;float:left;clear:both;}
a.page-options-print    {width:170px;padding:0px 0px 0px 12px; background:url('../../images/frontend/page-options-arrow.gif') left 0.3em no-repeat;margin:0 0 3px 0;float:left;clear:both;}
a.page-options-email    {width:170px;padding:0px 0px 0px 12px; background:url('../../images/frontend/page-options-arrow.gif') left 0.3em no-repeat;margin:0 0 3px 0;float:left;clear:both;}
a.page-options-pdf      {width:170px;padding:0px 0px 0px 12px; background:url('../../images/frontend/page-options-arrow.gif') left 0.3em no-repeat;margin:0 0 3px 0;float:left;clear:both;}

div.addthis_toolbox		{margin:10px 0 5px -4px;float:left;}
.at15t_compact			{margin-right:0px !important;}
/*
.addthis_button_facebook	{margin-right:4px;}
.addthis_button_twitter		{margin-right:4px;}
.addthis_button_linkedin	{margin-right:4px;}
*/
/* Related sidebar */
div.related-sidebar-top     {width:200px;height:20px;float:left;background:url('../../images/frontend/bg-related-top.gif') left top no-repeat;margin:20px 0 0 0;} 
div.related-sidebar         {width:180px;float:left;background:url('../../images/frontend/bg-related.gif') left top repeat-y;padding:0 5px 0 15px;font-size:11px;} 
div.related-sidebar h5      {font: bold 120% Verdana, "Lucida Grande", sans-serif;text-transform:uppercase;margin:0px 0px 9px 0px;color:#0056a2;} 
div.related-sidebar-bottom  {width:200px;height:20px;float:left;background:url('../../images/frontend/bg-related-bottom.gif') left top no-repeat;} 

/* Related sidebar */
#content.home-page div.related-sidebar     {width:180px;height:178px;float:left;background:none;padding:0;font-size:11px;position:relative;left:35px;top:45px;} 
#content.home-page div.related-sidebar h2  {font: bold 120% Arial, Verdana, "Lucida Grande", sans-serif;text-transform:uppercase;margin:0px 0px 9px 0px;color:#0056a2;} 

/* tag cloud */
#content.home-page div.tag-cloud  {text-align:center;width:230px;height:178px;float:left;background:none;padding:0;font-size:11px;position:relative;left:22px;top:45px;} 
#content.home-page div.tag-cloud h2  {text-align:left;font: bold 120% Arial, Verdana, "Lucida Grande", sans-serif;text-transform:uppercase;margin:0px 0px 9px 0px;color:#0056a2;} 
#content.home-page div.tag-cloud a  {color:#87888a;text-decoration:none;padding:5px} 
#content.home-page div.tag-cloud a:hover  {color:#009ee0;text-decoration:none;} 
#content.home-page div.tag-cloud a.tag1  {font: normal 100% Arial, Verdana, "Lucida Grande", sans-serif;} 
#content.home-page div.tag-cloud a.tag2  {font: normal 115% Arial, Verdana, "Lucida Grande", sans-serif;} 
#content.home-page div.tag-cloud a.tag3  {font: normal 130% Arial, Verdana, "Lucida Grande", sans-serif;} 
#content.home-page div.tag-cloud a.tag4  {font: normal 145% Arial, Verdana, "Lucida Grande", sans-serif;} 
#content.home-page div.tag-cloud a.tag5  {font: normal 160% Arial, Verdana, "Lucida Grande", sans-serif;} 

/* Short nav */
div.short-nav {position: relative; width: 100%;white-space: nowrap;padding:20px 0 60px 0;margin:0;float:left;clear:both;}
div.short-nav a{ color: #bcbdbf; border: none; text-decoration: none; padding:0;}
div.short-nav a.next{ color: #009ee0; border: none; text-decoration: none; padding:0 10px 0 0;background:url(../../images/frontend/icon-forward-darkblue.gif) right 5px no-repeat;}
div.short-nav a.prev{ color: #009ee0; border: none; text-decoration: none; padding:0 0 0 10px;background:url(../../images/frontend/icon-back-darkblue.gif) left 5px no-repeat;}
div.short-nav a.prev:hover, div.short-nav a.next:hover{ text-decoration: underline; }

/* results */
div.results     {float:left;width:550px;height:126px;background:url('../../images/frontend/bg-result.gif') left top no-repeat;margin:0 0 10px 0;}
div.results p   {font-size:11px;line-height:1.4em;margin:0 0 5px 0;}
div.results .left-content  {width:390px;height:106px;float:left;padding:10px;font-size:11px;}
div.results .right-content {width:120px;height:106px;float:left;padding:10px;font-size:11px;text-align:right;}
div.results .right-content a {color:#009ee0;text-decoration:none;float:right;clear:both;}
div.results .right-content span {color:#009ee0;text-decoration:none;width:120px;display:block;}
div.results .right-content a.results-add {color:#009ee0;text-decoration:none;background:url('../../images/frontend/page-options-plus.gif') left 0.3em no-repeat;padding:0 0 0 12px;}
div.results .right-content a.results-add:hover {color:#009ee0;text-decoration:underline;}
div.results .right-content span.results-added {color:#bcbdbf;}
div.results .right-content span.results-read {color:#87888a;}
div.results h4 a {font: normal 18px "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif;text-decoration:none;color:#009ee0;}
div.results .read {color:#87888a !important;}

/* 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:120%;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 0 10px;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 10px;float:left;}
        div.sendafriend-blockcontainer-bottom span {float:left;margin:0;width:200px;}
        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: 3px 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;}


div#userForm {padding:0 0 80px 0;}

table.bestelform {width:100%;border-collapse: collapse;float:left;}
table.bestelform td.a {width:30%;}
table.bestelform td.b {width:70%;}
table.bestelform td.c input {float:left;width:20px;margin-top:6px;}
table.bestelform td.c label {float:left;clear:none;width:80px;padding-top:8px;}
table.bestelform td.d input {float:none;width:20px;display:inline;}
table.bestelform td.d label {float:none;width:100px;display:inline;}

table.bestelform td.permission input {float:none;display:inline;width:20px;}
table.bestelform td.permission label {float:none;display:inline;width:100%;}
table.bestelform td.button input {width:90px;margin:20px 0 0 165px}

div.bestelform {float:left;margin:0 0 80px 0;}
div.bestelform label {float:left;text-decoration:none;width:130px;padding:5px 0px 5px 0px;min-height:20px;}
div.bestelform input {float:left;margin:3px 0 0 0;width:250px;}
div.bestelform select {float:left;margin:0;width:256px;}

/*
div.relacontainer {float:right;width:350px;}
div.bestelform div.reladiv-a {width:100px;}
div.bestelform div.reladiv-b {width:100px;}
div.bestelform div.reladiv-a input, div.bestelform div.reladiv-b input {float:right;margin:3px 0 0 0;position:relative;top:25px;}
div.bestelform div.reladiv-a label, div.bestelform div.reladiv-b label {float:left;margin:3px 0 0 0;width:100px;}
*/

/* publicaties */
div.publicaties-container {background:#bfbfc1;float:left;margin:0 0 40px 0px;width:520px}
div.publicaties {background:#bfbfc1;width:510px;padding:10px 10px 0px 10px;float:left;}
div.publicaties_last {background:#bfbfc1;width:510px;padding:10px;float:left;}
div.content-pub {background:#f0f0f1;padding:5px;float:left;}
div.tekst-pub h2 {font-size:150%;margin:5px 0 2px 0;padding:0;}
div.tekst-pub a {float:right;width:110px;display:block;}
div.tekst-pub a:hover {float:right;width:110px;}

/* downloads */

table.downloads 
{	
	font-size:1em;
	font-style:normal;
	padding:3px;
	margin: 20px 0 20px 0;
	border-collapse:collapse;
	border-top: solid 1px #ccc;
	color: #009ee0;
	background:#fff !important;
	width:550px;
}

table.downloads tr.hi td{background: #fff;} /*overrulen highlight.js*/
table.downloads tr.border td {border-bottom: solid 1px #ccc;}	
table.downloads tr td {border: none;padding:0px;}
table.downloads a {text-decoration: none;display: block;height: 25px;line-height:22px;/**/}
table.downloads td.mainblock a  {color:#009ee0;cursor:pointer;padding-top:2px;font-weight:bold;background: url('../../images/frontend/plus_icon.gif') no-repeat 11px 10px;padding-left:30px;}
table.downloads td.mainblock a:hover {text-decoration: underline;background: #f7f7f7 url('../../images/frontend/plus_icon.gif') no-repeat 11px 10px;} /* hightlight hoofd tr's */
table.downloads td.mainblock a.download {background: url('../../images/frontend/download_icon.gif') no-repeat 11px 10px;}
table.downloads td.mainblock a.download:hover {background: #f7f7f7 url('../../images/frontend/download_icon.gif') no-repeat 11px 10px;text-decoration: underline;}

/* Openklappers */
table.downloads tbody.subblock   {display:none;} /* eerste staat van uitklappers*/
table.downloads tbody.subblock td{border: none;margin:0;padding: 0;}
table.downloads tbody.subblock a {margin-left: 18px;cursor: pointer;border-bottom: solid 1px #e5e5e5;}

table.downloads tbody.subblock a span.tekst     {height: 25px;float: left;color: #707070;padding-top: 2px;background: url('../../images/frontend/download_icon.gif') no-repeat left center;padding-left: 20px;}
table.downloads tbody.subblock a span.pdf       {float: right;width: 89px;text-align: right;padding-right: 11px;height: 24px;color: #707070;padding-top: 2px;font-size: 0.8em;text-decoration: none;}
table.downloads tbody.subblock a:hover span.tekst{text-decoration: underline;background: url('../../images/frontend/download_icon.gif') no-repeat center left;}
table.downloads tbody.subblock a:hover          {text-decoration:none; background: #f7f7f7;} /* hightlight uitklappers */

table.downloads tbody td.mainblock a span.tekst     {height: 25px;float: left;}
table.downloads tbody td.mainblock a span.pdf       {float: right;width: 89px;text-align: right;padding-right: 11px;height: 24px;color: #707070;padding-top: 2px;font-size: 0.8em;text-decoration: none;font-weight: normal;}
table.downloads tbody td.mainblock a:hover span.tekst{text-decoration: underline;}
table.downloads tbody td.mainblock a.download:hover {background: #f7f7f7 url('../../images/frontend/download_icon.gif') no-repeat 11px 10px;text-decoration:none;}


p.vgw-quote	{ color: #009ee0; margin: 0.3 0 0.3em 0; padding: 0 0 0.4em 0; font: normal 120% "Palatino Linotype", Arial, Verdana, "Lucida Grande", sans-serif; letter-spacing: 0px; }
a.xls-download    {cursor:pointer;background:url(../../images/frontend/xls-download.gif) no-repeat;display:block;float:right;width:100px;height:14px;margin:-2px 0 0 0;}

div.contactform	span				{width:400px;display:block}
div.contactform	div.row				{margin:10px 0;}
div.contactform	div.question		{margin:10px 0;}
div.contactform	div.row textarea	{width:80%;}
div.contactform	div.row input		{width:80%;}

div.contactform table.contactradio input	{width:auto;}
div.contactform table.contactradio label	{width:auto;}

.contact tr.hi td, td.hi {background: none;}

/*	Loading block voor in backend & frontend wanneer artikel wordt opgeslagen. 
	wordt aangeroepen in fbplugins: function OpenLoadingFacetBase(strMessage) */ 
div.loading	{position:relative;width:479px;height:206px;background:url(/images/backend/loading_bg.png);margin:0 auto;text-align:center;display:block;}
img.loading	{width:48px;height:48px;display:block;position:absolute;top:99px;left:216px;}
div.loading p{font-size:20px;color: #C4C098;position:absolute;top:163px;left:150px;}