/* css */
@media screen {
/* importfile: /nl/brein/inproces/themas/default/css/visueel.css */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* --- sr-only --- */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
#introductie {display:none}
/* hide labels niet met diplay:none, maar op de sr-friendly manier. */
.x-hide-label label.x-form-item-label{display: inline; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/* dummy fieldset rond checkboxgroups */
.b-fieldsetcheckboxgroup {
    border: 0 none;
}

/* --- b-kop --- */
.b-kop {background: #003a62 url("/nl/brein/inproces/themas/default/css/../images/kop/watermerk.jpg") no-repeat;position: relative; border-bottom: 3px solid #fb8f1e;border-top: 1px solid #bcd2ef;}
.b-kop .x-toolbar {border:0;  background: transparent none; color: white; font-size: 11px;text-align:center; padding: 0.2em 0;line-height: normal; }
.b-kop .x-panel-body {border:0; background: transparent none;}
.b-kop .x-toolbar .x-btn button {color:#ffffff;}
.b-kop .x-toolbar .x-btn-over button {color:#000000;}
.b-kop-payoff {color: #ffffff; font-family: Tahoma, Arial; font-size: 16pt; position:absolute; left: 150px; top: 17px;}
.b-kop-logo {background: transparent url("/nl/brein/inproces/themas/default/css/../images/kop/logo.jpg") no-repeat; height:30px; width: 81px; position:absolute; right: 60px; top:10px; }
.b-kop .x-toolbar .b-kiesapplicatie {padding-left: 5px;}

/* --- b-voet --- */
.b-voet {height: 6px; background-color: #fb8f1e; color: #000000; line-height:2;font-size: 11px;text-align:center; padding: 0; border-top: 2px solid #ffffff; }

/* --- layouts --- */
.x-table-layout {width:100%; }
.x-date-menu {width: 175px}

/* --- x-panel --- */
.x-panel-header-text {font-weight: bold; color: #003a62; }
.x-panel-tl .x-panel-header {font-weight: normal;}
.x-panel-body .x-panel-body {background-color: #dfe8f6;}

.x-border-panel .x-panel .x-panel-ml, .x-border-panel .x-panel .x-panel-mc, .x-border-panel .x-panel .x-panel-mr { padding: 0;}
.x-border-panel .x-box-layout-ct, .x-border-panel .x-box-layout-ct .x-panel .x-panel-body .x-panel {border:0;}
.x-border-panel .x-box-layout-ct .x-grid-panel .x-panel-body {border: 1px solid #99BBE8;}
.x-border-panel .x-panel-body .x-treegrid .x-panel-mc .x-panel-body {border: 1px solid #99BBE8;}
.x-panel-body-noheader {border:0;}
.x-border-panel .x-box-layout-ct .x-box-item form {padding:3px;}
.x-portal .x-panel .x-panel-ml {padding-left: 6px;}
.x-portal .x-panel .x-panel-mc {padding-top: 6px;}
.x-portal .x-panel .x-panel-mr { padding-right: 6px;}

.x-column-layout-ct .x-column .x-panel, .x-column-layout-ct .x-column .x-tab-panel {margin:3px;}
.x-column-layout-ct .x-column .x-panel .x-panel, .x-column-layout-ct .x-column .x-tab-panel .x-panel {margin:0}

/* --- x-tab-panel --- */
.x-tab-panel-body table td {vertical-align: top !important;}
.x-tab-panel-body {background: transparent;}
.b-tabpanel-onerow ul.x-tab-strip {width: 10000px !important; }
.b-tabpanel-multirow ul.x-tab-strip { width: auto !important;}
.x-border-panel .x-panel-body .x-tab-panel .x-tab-panel-body {border:0}
.x-border-panel .x-panel-body .x-tab-panel .x-tab-panel-header {border-bottom:0}
.b-hide-tabstrip {display: none;}
ul.x-tab-strip li.right-tab {float: right;}

.x-column-layout-ct .x-column .x-panel .x-panel-body .x-tab-panel {margin:0;}
.x-column-layout-ct .x-column .x-panel .x-panel-body .x-tab-panel .x-tab-panel-header {border:0}
.x-column-layout-ct .x-column .x-panel .x-tab-panel .x-grid-panel {border:1px solid #8DB2E3;}
.x-column-layout-ct .x-column .x-panel .x-tab-panel .x-panel .x-panel .x-tab-panel .x-tab-panel-body {border:1px solid #8DB2E3;}


/*--- b-pagina-tabindex ---*/
.x-panel-body .b-pagina-tabindex {display:none;}
.x-panel-body .b-pagina-tab {margin-top: 1em;}

/* chatpanel */
.b-chat-photo {}
.b-chat-text-balloon {
    position:relative;
    padding:15px;
    margin:1em 0 3em;
    color:#000;
    background:#EEE;
}

/* tbv portaal opendocument in zaken */
.b-opendocument {margin: 10px;}

/* --- tree --- */
.x-treegrid .x-panel-body {background-color: #ffffff;}
.x-treegrid-ct .x-treegrid-root-node td, .x-treegrid-ct .x-treegrid-root-node th {overflow: hidden;}
.x-treegrid .x-tree-icon, .x-treegrid .x-tree-ec-icon, .x-treegrid .x-tree-elbow-line, .x-treegrid .x-tree-elbow, .x-treegrid .x-tree-elbow-end, .x-treegrid .x-tree-elbow-plus, .x-treegrid .x-tree-elbow-minus, .x-treegrid .x-tree-elbow-end-plus, .x-treegrid .x-tree-elbow-end-minus {width: 12px;}
.x-tree-node-expanded {font-weight: bold;}
.x-tree-node-collapsed {font-weight: bold;}
.x-tree-node .x-tree-selected {background-color: #ffc78f;}


/* --- b-overzicht --- */
.b-overzicht .x-grid-group-hd div.x-grid-group-title {color: #003a62;}
.b-overzicht-overleden {color: red;}
.x-panel.b-overzicht th, .x-panel.b-overzicht td {padding:0;}
/* --- fix voor planner --- */
.x-grid-group-collapsed .x-grid3-row {
    display: none;
}

/* --- b-kalender --- */
.b-kalender td.ext-cal-dtitle {font-size:inherit;line-height:normal;}


/* --- b-kaart --- */
.b-kaart .x-border-layout-ct .x-border-panel {padding-left:0px;}

/* --- x-window --- */
.x-window-tl .x-window-header {color: #003a62;}
.x-window.b-html-content .x-window-body {padding: 10px;}

/* --- x-form --- */
.x-form-item {font-size: 11px;}
.x-form-field {font-size: 11px;}
.x-form-label-top .x-form-element {padding-bottom:0px;padding-top:0px;}
.x-form-check-group .x-form-item {padding-bottom:0px;}
.x-form-check-wrap {line-height: 15px;}

.x-column-layout-ct .x-column .x-panel .x-tab-panel .x-panel .x-panel .x-tab-panel .x-tab-panel-body .x-form-field-wrap .x-form-trigger {right:0;} /*bug in extjs? */

/* --- b-formulier --- */
.b-form .x-table-layout {width:95%; margin:3px;}
.b-form .x-form-invalid-icon {display: none !important;}
.b-form .x-form-trigger.b-icoon-toevoegen {border-bottom:0;}
.b-form .b-form-label.x-form-item.h3 {font-weight: bold; color:#003a62; }
.b-form .x-form-item-label {color: #555555;}
.b-form textarea.invalid-content-body + span > table {
    background-image: url(/nl/brein/inproces/themas/default/css/../images/default/grid/invalid_line.gif); /* werkt nog niet */
    border: 1px solid #c30;
}
.b-form-extratext {color: #003a62; font-weight: bold;}

.b-zaakpanel .b-form .b-inhoudtab-formulier-kolom-half {width: auto; margin-right: 10px}
.b-form form .x-tab-panel .x-table-layout-ct table fieldset .x-form-element input[readonly] {background-image: none; background-color: transparent; border:0;}

.b-readonly {color:#666; border-color: #aaa;}

/* --- Aantekeningen --- */
.b-aantekeningpanel {border:1px solid #ccc}
.b-pagina .b-panel-body .b-aantekeningpanel td {border:0;padding:0}
.b-pagina .b-panel-body .b-aantekeningpanel table {border:0}
#startpagina .b-aantekeningpanel table {margin:0;}
.b-pagina .b-panel-body .b-aantekeningpanel .x-superboxselect ul, .b-pagina .b-panel-body .b-aantekeningpanel .x-superboxselect ul > li {
    list-style-type: none; margin: inherit;}

.b-aantekening-button {background-color: transparent; background-repeat: no-repeat; width: 16px; height: 16px; border:0; margin:0; padding:0;margin-left: 4px;}
.b-aantekening-button[action=create] {display: none; background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/toevoegen.png"); float:right}
.b-aantekening-button[action=remove] {background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/verwijderen.png"); float:right}
.b-aantekening-button[action=hide] {background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/alles-inklappen.gif"); float:right;}
.b-aantekening-button[action=show] {background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/alles-uitklappen.png"); float:right;}
.b-aantekening-button[action=edit] {background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/document_bewerken.gif"); float:left; margin-right: 5px;}

div[name=aantekeningen] {display: none; border: none; padding: 0; background-color: #f5f5f5; margin: 0; color: #999; }
.b-aantekening {color: #000; border: 1px solid #ccc; padding: 0.2em; background-color: #DFE8F6; margin-top: 0.2em; margin-bottom: 0.2em; }
.b-pagina .b-panel-body p.b-aantekening-tekst-afzender {font-weight: bold; margin: 0; height:18px;}
.b-pagina .b-panel-body p.b-aantekening-tekst-delenmet {border-bottom: 1px solid #000; font-weight: bold; margin: 0.5em 0 0 0; height:18px;}


/* --- b-inhoudtab --- */
.b-inhoudtab {overflow: hidden; } /* Voorkomt flikkerende toolbars bij uitklappen bijlagen panel */
.xb-inhoudtab-formulier-kolom-half {width: 50%}
form.x-panel-body .b-inhoudtab table {border-spacing: 0; }
form.x-panel-body .b-inhoudtab fieldset {padding:0; margin:0 !important; }
form.x-panel-body .b-inhoudtab .x-fieldset {border:0}
form.x-panel-body .b-inhoudtab .x-tab-panel-body .x-tab-strip-wrap  {border-bottom:0; }

/*
.b-documentpanel {border: 10px solid #003a62;}
.b-documentpanel .x-panel-body .x-panel-body {background-color: white;}
.b-documentpanel ul.x-tab-strip-top {background: white none;}
*/
.b-document-page {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    margin:5px;
    padding: 10px;
    box-shadow:10px 10px 5px #888;
    border-style: solid; border-color: #555555; border-width: 1px;
    background-color: white
}

/* --- scrolling formulier velden tbv IE --- */
.b-documentpanel .b-formulier form.x-panel-body .x-tab-panel .x-table-layout-ct fieldset .x-form-item label.x-form-item-label {position: static;}
.b-documentpanel .b-formulier form.x-panel-body .x-tab-panel .x-table-layout-ct fieldset .x-form-item div.x-form-element {position: static;}
.b-documentpanel .b-formulier form.x-panel-body .x-tab-panel .x-table-layout-ct fieldset .x-form-item div.x-form-element div.x-form-field-wrap {position: static;}
.b-documentpanel .b-formulier form.x-panel-body .x-tab-panel .x-table-layout-ct fieldset .x-form-item div.x-form-element div.x-form-field-wrap img.x-form-trigger {position: static;}
.b-documentpanel .b-formulier form.x-panel-body .x-tab-panel .x-table-layout-ct fieldset .x-form-item div.x-form-element div.x-form-field-wrap .x-form-field {position:static; vertical-align:top;}

/* --- verplichte velden indicatie --- */
.b-entiteitpanel .b-form form.x-panel-body .x-tab-panel fieldset label.b-form-verplicht
, .b-entiteitpanel .b-form form.x-panel-body .x-tab-panel fieldset div.b-form-verplicht label {background: transparent url("/nl/brein/inproces/themas/default/css/../images/formulier/verplichtveld.gif") no-repeat right;}
.b-entiteitpanel .b-form form.x-panel-body .x-tab-panel fieldset div.b-form-verplicht div.x-form-element label {background-image: none;}

/* --- b-fieldset-code --- */
.b-fieldset-code .x-fieldset-body {overflow:hidden; background-color: #ffffff;}
.b-fieldset-code fieldset {margin:0 !important; padding:0;}
.CodeMirror {overflow: auto;height: 100%; line-height: normal; font-family: 'Courier New', monospace; background-color: #f8f8f8; font-size: 12px;}
.CodeMirror-scrollbar {height: 100%}
.CodeMirror-scroll {height: 100%; overflow-y: auto; overflow-x: hidden;}

/* --- b-bijlagepanel --- */
.b-bijlagepanel {border: 1px solid #d6d6d6;}
.b-bijlagepanel .x-panel-tl {border-bottom: 1px solid #d6d6d6;}
.b-bijlagepanel .x-panel-ml, .b-bijlagepanel .x-panel-mc, .b-bijlagepanel .x-panel-mr {background:transparent none;}
.b-bijlagepanel .dataview-thumb {background: #efefef; height: 66px; width: 86px; text-align: center;}
.b-bijlagepanel .dataview-thumb-image {height: 60px; width: 80px;}
.b-bijlagepanel .dataview-thumb-mimetype {height: 50px; width: 50px; padding-top: 8px;}
.b-bijlagepanel .dataview-thumb-progress {height: 12px; background-color: #4477cc; font-size: 10px; color: white;}
.b-bijlagepanel .dataview-thumb-wrap {background-color: #eff5fb;border:1px solid #99bbe8; float: left; margin: 2px; margin-right: 0; padding: 5px; }
.b-bijlagepanel .dataview-thumb-wrap span {display: block; overflow: hidden; text-align: center; }
.b-bijlagepanel .dataview-thumb + div {color: #003a62; text-decoration: none; width: 86px;white-space: nowrap;}
.b-bijlagepanel .dataview-item-over { background-color: #ffffff; }
.b-bijlagepanel .dataview-item-selected {background-color: #ffffff;}
.b-bijlagepanel .dataview-item-edit {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/status-concept.gif") no-repeat bottom left; }
.b-bijlagepanel .dataview-item-changed {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/vernieuw.gif") no-repeat bottom left;  }
.b-bijlagepanel .dataview-item-changed .dataview-thumb + div, .b-bijlagepanel .dataview-item-edit .dataview-thumb + div { padding-left: 13px; width: 65px; }
.b-bijlagepanel .dataview-item-upload {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/upload.gif") no-repeat bottom left;  }
.b-bijlagepanel .dataview-item-upload .dataview-thumb + div { padding-left: 13px; width: 65px; }
.b-bijlagepanel .dataview-item-deleted {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/prullenbak.gif") no-repeat bottom left;  }
.b-bijlagepanel .dataview-item-deleted .dataview-thumb + div { padding-left: 13px; width: 65px; }
.b-bijlagepanel .dataview-item-selected .dataview-thumb {background:transparent; }
.b-bijlagepanel .x-panel-body {overflow-y: auto;} /*Toon scrollbar als er meer bijlages in staan */
.b-bijlagepanel .x-grid3-cell-inner, .x-grid3-hd-inner {text-overflow: clip;}

.b-chatpanel .dataview-thumb {background: #efefef; height: 66px; width: 86px; text-align: center;}
.b-chatpanel .dataview-thumb-image {height: 60px; width: 80px; }
.b-chatpanel .dataview-thumb-wrap {background-color: #eff5fb;border:1px solid #99bbe8; float: left; margin: 2px; margin-right: 0; padding: 5px; }
.b-chatpanel .dataview-thumb-wrap span {display: block; overflow: hidden; text-align: center; }
.b-chatpanel .dataview-thumb + div {color: #003a62; text-decoration: none; width: 86px;white-space: nowrap;}
.b-chatpanel .dataview-item-over { background-color: #ffffff; }
.b-chatpanel .dataview-item-selected {background-color: #ffffff;}

/* audittrail */
.b-audittrail .bijlage-changed {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vernieuw.gif") no-repeat bottom left; padding-left: 16px;}
.b-audittrail .bijlage-unchanged {padding-left: 16px;}
.b-audittrail .bijlage-deleted {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/prullenbak.gif") no-repeat bottom left; padding-left: 16px;}

/* lijst weergave */
.b-bijlagepanel .b-overzicht.x-grid-panel .x-grid3-cell-first .x-grid3-cell-inner {padding-left: 5px;}
.x-tab-panel-body .b-bijlagepanel .b-overzicht.x-grid-panel table td {vertical-align: middle !important;}
.b-bijlagepanel .b-overzicht.x-grid-panel .dataview-item-edit {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/status-concept.gif") no-repeat bottom left;display: inline-block; width: 16px; height: 16px; margin-right: 5px; }
.b-bijlagepanel .b-overzicht.x-grid-panel .dataview-item-changed {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/vernieuw.gif") no-repeat bottom left; display: inline-block; width: 16px; height: 16px; margin-right: 5px; }

/* zaakdossier */
.b-zaakdossier .document {background: #efefef; height: 96px; text-align: center;}
.b-zaakdossier .document-afwezig {color:gray;}
.b-zaakdossier .document-wrap {background-color: #eff5fb;border:1px solid #99bbe8; float: left; min-width: 100px; height: 100px; margin: 2px; margin-right: 0; padding: 5px; -moz-border-radius: 10px; border-radius: 10px;}
.b-zaakdossier .document-wrap span {display: block; overflow: hidden; text-align: center; }
.b-zaakdossier .document-documenttitel {width: 100%; font-weight:bold; border-bottom: 1px solid; padding-bottom: 2px; text-align: center;}
.b-zaakdossier .document-toevoegen {background: transparent url("/nl/brein/inproces/themas/default/css/../images/bijlage/toevoegen.png") no-repeat center; margin:auto; display:block; height: 70px; width: 50px;}
.b-zaakdossier .document-image {height: 50px; min-width: 80px;}
.b-zaakdossier .document-bijlage {float: left; padding: 5px; overflow: hidden; -moz-border-radius: 8px; border-radius: 8px;}
.b-zaakdossier .document + div {color: #003a62; text-decoration: none; width: 86px;white-space: nowrap;}
.b-zaakdossier .document-over { background-color: #ffffff; }
.b-zaakdossier .document-selected {background-color: #ffd740;}
.b-zaakdossier .bijlage-progress {height: 12px; background-color: #4477cc; font-size: 10px; color: white;}
.b-zaakdossier .bijlage-edit {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/status-concept.gif") no-repeat bottom left; }
.b-zaakdossier .bijlage-changed {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/vernieuw.gif") no-repeat bottom left;  }
.b-zaakdossier .bijlage-changed .document + div, .b-zaakdossier .bijlage-edit .document + div { padding-left: 13px; width: 65px; }
.b-zaakdossier .bijlage-upload {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/upload.gif") no-repeat bottom left;  }
.b-zaakdossier .bijlage-upload .document + div { padding-left: 13px; width: 65px; }
.b-zaakdossier .bijlage-deleted {background: #eff5fb url("/nl/brein/inproces/themas/default/css/../images/iconen/prullenbak.gif") no-repeat bottom left;  }
.b-zaakdossier .bijlage-deleted .document + div { padding-left: 13px; width: 65px; }
.b-zaakdossier .bijlage-selected .document {background:transparent; }
.b-zaakdossier .x-panel-body {overflow-y: auto;} /*Toon scrollbar als er meer bijlages in staan */
.b-zaakdossier .x-grid3-cell-inner, .x-grid3-hd-inner {text-overflow: clip;}

/* drag and drop van nodes in boomnavigatie */
.x-tree-node tr.x-tree-drag-insert-below a {border-bottom-color: #36c; border-bottom-style: dashed; border-bottom-width: 2px;}
.x-tree-node tr.x-tree-drag-insert-above a {border-top-color:#36c; border-top-style: dashed; border-top-width: 2px; }

/* --- b-context-menu --- */
.b-context-menu .x-menu-sep {height:2px;}

/* --- b-html-content --- */
.b-html-content h1 {font-size: 1.4em; margin: .67em 0}
.b-html-content h2 {font-size: 1.2em; margin: .75em 0 }
.b-html-content h3 {font-size: 1.1em; margin: .83em 0}
.b-html-content ul, .b-window-html-content ul li {list-style-type: disc;}
.b-html-content ol, .b-window-html-content ol li {list-style-type: decimal;}
.b-html-content em {font-style: italic;}
.b-html-content strong {font-weight: bold;}
.b-html-content p, .b-html-content ul, .b-html-content ol { margin: 1.12em 0 }
.b-html-content ul, .b-html-content ol {margin-left: 40px}
.b-html-content ol ul, .b-html-content ul ol, .b-html-content ul ul, .b-html-content ol ol { margin-top: 0; margin-bottom: 0 }
.b-html-content .b-pagina-tabindex {display:none; }

/* -- row stijlen in grids */
.b-row-afgehandeld {background-color: #cccccc;}
.b-row-geannuleerd {color: #555555}
.b-row-fout {background-color: #ff0000; color: #ffffff}
.b-row-afwezig {color: #666;}
.b-row-concept {background-color: #ffffcc;}
.b-row-definitief {background-color: #cccccc;}
.b-row-drag-insert-below {border-bottom-color: #36c; border-bottom-style: dashed; border-bottom-width: 1px;}
.b-row-check-false {color: #aaa;}
.b-row-check-true {color: #000}
.b-row-invalid {border-bottom-color: #ff0000; background-color: #ffcccc;}

/* -- row signaal class -- */
.b-row-signaal-alarm-overschrijding {border-color: #ff3333; border-width: thin; background-color: #ff6666; color: #000000}
.b-row-signaal-alarm-overschrijding.x-grid3-row-selected {background-color: #ff6666 !important; color: #ffffff}
.b-row-signaal-alarm {border-color: #ff0000; border-width: thin; color: #ff0000}
.b-row-signaal-waarschuwing {background-color: #ffdddd;}
.b-row-signaal-info {background-color: #ffffcc;}

.b-row-formulier-checkedout {background-color:  #ffddcc;}

/* --- iconen --- */
.b-lijst-kolom-icoon {width:16px; height:16px;}
.x-action-col-icon, .b-icoon {display: block; width:16px; height: 16px;
                              font-family: 'Courier New',Courier,monospace;
}
/* tbv comboboxen */
.b-combobox-icoon {width:16px; height:16px; display:inline-block; padding-right:8px; vertical-align: top;}
.b-combobox-text {display:inline-block; vertical-align: top;}

/* overzicht iconen */
.b-icoon-alles-inklappen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/alles-inklappen.gif") 0 no-repeat !important;}
.b-icoon-alles-uitklappen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/alles-uitklappen.png") 0 no-repeat !important;}
.b-icoon-volgorde {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/volgorde.gif") 0 no-repeat !important;}

/* fase iconen van fasen uit het modeldsp */
.b-icoon-initiatiefase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/initiatiefase.png") 0 no-repeat !important;}
.b-icoon-informatiefase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/informatiefase.png") 0 no-repeat !important;}
.b-icoon-consultatiefase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/consultatiefase.png") 0 no-repeat !important;}
.b-icoon-besluitvormingsfase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/besluitvormingsfase.png") 0 no-repeat !important;}
.b-icoon-uitvoeringsfase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/uitvoeringsfase.png") 0 no-repeat !important;}
.b-icoon-afhandelingsfase {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/afhandelingsfase.png") 0 no-repeat !important;}

/* status iconen Letop!! @Todo, we moeten deze stijlnamen veranderen naar b-icoon-status-.... omdat we overlap hebben met button iconen */
.b-icoon-aangeboden {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-aangeboden.gif") 0 no-repeat !important;}
.b-icoon-accepteren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-accepteren.gif") 0 no-repeat !important;}
.b-icoon-afdrukken {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/afdrukken.png") 0 no-repeat !important; color: gray}
.b-icoon-afgehandeld {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-afgehandeld.png") 0 no-repeat !important; color: gray}
.b-icoon-archief {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-archief.png") 0 no-repeat !important;}
.b-icoon-behandelen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-behandelen.png") 0 no-repeat !important;}
.b-icoon-besloten {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/besloten.png") 0 no-repeat !important;}
.b-icoon-toewijzen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/toewijzen.png") 0 no-repeat !important;}
.b-icoon-concept {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-concept.gif") 0 no-repeat !important;}
.b-icoon-controleren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/controleren.png") 0 no-repeat !important;}
.b-icoon-definitief {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-definitief.png") 0 no-repeat !important;}
.b-icoon-afwezig {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-afwezig.png") 0 no-repeat !important;}
.b-icoon-gepland {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-gepland.png") 0 no-repeat !important;}
.b-icoon-plannen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-plannen.png") 0 no-repeat !important;}
.b-icoon-historie {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-historie.gif") 0 no-repeat !important;}
.b-icoon-in-behandeling {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-in-behandeling.png") 0 no-repeat !important;}
.b-icoon-fout {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/status-fout.png") 0 no-repeat !important;}
.b-icoon-geannuleerd {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-geannuleerd.png") 0 no-repeat !important;}
.b-icoon-ontvangen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-ontvangen.png") 0 no-repeat !important;}
.b-icoon-check-true {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/check-true.png") 0 no-repeat !important;}
.b-icoon-check-false {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/check-false.png") 0 no-repeat !important;}
.b-icoon-overleden {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/overleden.png") 0 no-repeat !important;}
.b-icoon-failure {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/status-failure.png") 0 no-repeat !important;}
.b-icoon-success {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/status-success.png") 0 no-repeat !important;}
.b-icoon-akkoord {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/akkoord.png") 0 no-repeat !important;}
.b-icoon-bespreken {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/bespreken.png") 0 no-repeat !important;}
.b-icoon-realiseren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/status-realiseren.png") 0 no-repeat !important;}
.b-icoon-rule {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/tandwiel.png") 0 no-repeat !important;}
.b-icoon-waarschuwing {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/signaal-waarschuwing.gif") 0 no-repeat !important}
.b-icoon-importeren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/importeren.jpg") 0 no-repeat !important}
.b-icoon-exporteren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/exporteren.jpg") 0 no-repeat !important}

.b-icoon-signaal-alarm-overschrijding {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/signaal-alarm.gif") 0 no-repeat !important;}
.b-icoon-signaal-alarm {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/signaal-alarm.gif") 0 no-repeat !important;}
.b-icoon-signaal-waarschuwing {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/signaal-waarschuwing.gif") 0 no-repeat !important;}
.b-icoon-signaal-info {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/signaal-informatie.gif") 0 no-repeat !important;}

/* button iconen */
.b-icoon-help {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/help.png") 0 no-repeat !important;}
.b-icoon-annuleren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/annuleren.png") 0 no-repeat !important;}
.b-icoon-download {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/download.gif") 0 no-repeat !important;}
.b-icoon-herstellen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/herstellen.gif") 0 no-repeat !important;}
.b-icoon-publiceren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/publiceren.png") 0 no-repeat !important;}
.b-icoon-vernieuw {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vernieuw.gif") 0 no-repeat !important;}
.b-icoon-opties {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/opties.gif") 0 no-repeat !important;}
.b-icoon-voorbeeld {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/voorbeeld.png") 0 no-repeat !important;}
.b-icoon-zoeken {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/zoeken.png") 0 no-repeat !important;}
.b-icoon-tabel {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/tabel.png") 0 no-repeat !important;}
.b-icoon-voltooien {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/voltooien.png") 0 no-repeat !important;}
.b-icoon-document-bekijken {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/document_bekijken.png") 0 no-repeat !important;}
.b-icoon-document-kopieren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/document_kopieren.png") 0 no-repeat !important;}
.b-icoon-document-bewerken {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/document_bewerken.gif") 0 no-repeat !important;}
.b-icoon-document-toevoegen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/document_toevoegen.gif") 0 no-repeat !important;}
.b-icoon-dossier_open {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/dossier_open.gif") 0 no-repeat !important;}
.b-icoon-bijlage {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/bijlage.png") 0 no-repeat !important;}
.b-icoon-verwijderen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/verwijderen.png") 0 no-repeat !important;}
.b-icoon-prullenbak {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/prullenbak.gif") 0 no-repeat !important;}
.b-icoon-opslaan {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/opslaan.png") 0 no-repeat !important;}
.b-icoon-proces {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/proces.gif") 0 no-repeat !important;}
.b-icoon-wachten {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/wachten.gif") 0 no-repeat !important;}
.b-icoon-toevoegen, .x-tool-toevoegen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/toevoegen.png") 0 no-repeat !important;}
.b-icoon-ster {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/ster.png") 0 no-repeat !important;}
.b-icoon-wereld {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/wereld.png") 0 no-repeat !important;}
.b-icoon-mail {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/mail.gif") 0 no-repeat !important;}
.b-icoon-verversen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/verversen.gif") 0 no-repeat !important;}
.b-icoon-vorige {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vorige.gif") 0 no-repeat !important;}
.b-icoon-volgende {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/volgende.gif") 0 no-repeat !important;}
.b-icoon-excel {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/excel.png") 0 no-repeat !important;}
.b-icoon-verwijzing {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/verwijzing.png") 0 no-repeat !important;}
.b-icoon-bekijken {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/bekijken.gif") 0 no-repeat !important;}
.b-icoon-balie-kolom {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/balie.png") 0 no-repeat !important;}
.b-icoon-telefoon-kolom {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/telefoon.png") 0 no-repeat !important;}
.b-icoon-post-kolom {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/post.png") 0 no-repeat !important;}
.b-icoon-play {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/play.png") 0 no-repeat !important;}
.b-icoon-stop {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/stop.png") 0 no-repeat !important;}
.b-icoon-check-in {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vorige.gif") 0 no-repeat !important;}
.b-icoon-check-out {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/volgende.gif") 0 no-repeat !important;}
.b-icoon-wizard {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/wizard.png") 0 no-repeat !important;}

/* 10x10 iconen */
.b-icoon-klein {width:10px; height:10px; display: inline-block;}
.b-icoon-klein-luisteren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/geluid10x10.gif") 0 no-repeat !important;}
.b-icoon-klein-stopluisteren {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/geluidstop10x10.gif") 0 no-repeat !important;}
.b-icoon-klein-download {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/download10x10.png") 0 no-repeat !important;}

/* classes voor identificatie van een schema of fieldset / tabblad*/
.b-icoon-collectie {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/collectie.png") 0 no-repeat !important;}
.b-icoon-content {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/content.png") 0 no-repeat !important;}
.b-icoon-man {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/man.png") 0 no-repeat !important;}
.b-icoon-vrouw {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vrouw.png") 0 no-repeat !important;}
.b-icoon-geslachtonbekend {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/geslachtonbekend.png") 0 no-repeat !important;}
.b-icoon-groep {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/groep.png") 0 no-repeat !important;}
.b-icoon-afdeling {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/afdeling.png") 0 no-repeat !important;}
.b-icoon-rol {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/rol.png") 0 no-repeat !important;}
.b-icoon-overlegorgaan {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/overlegorgaan.png") 0 no-repeat !important;}
.b-icoon-organisatie {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/organisatie.png") 0 no-repeat !important;}
.b-icoon-partij {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/partij.png") 0 no-repeat !important;}
.b-icoon-medewerker {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/medewerker.png") 0 no-repeat !important;}
.b-icoon-bestuurder {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/bestuurder.png") 0 no-repeat !important;}
.b-icoon-hamer {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/hamer.png") 0 no-repeat !important;}
.b-icoon-hand-wijsvinger {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/hand-wijsvinger.png") 0 no-repeat !important;}
.b-icoon-nnp {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/nnp.png") 0 no-repeat !important;}
.b-icoon-np {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/np.png") 0 no-repeat !important;}
.b-icoon-kaart {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/kaart.png") 0 no-repeat !important;}
.b-icoon-kalender {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/kalender.png") 0 no-repeat !important;}
.b-icoon-melding {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/melding.png") 0 no-repeat !important;}
.b-icoon-log {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/log.png") 0 no-repeat !important;}
.b-icoon-rule {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/tandwiel.png") 0 no-repeat !important;}
.b-icoon-toegang {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/toegang.png") 0 no-repeat !important;}
.b-icoon-toezegging {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/toezegging.gif") 0 no-repeat !important;}
.b-icoon-vergadering {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/vergadering.png") 0 no-repeat !important;}
.b-icoon-zaak {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/zaak.png") 0 no-repeat !important;}
.b-icoon-zaaktypen {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/zaaktype.png") 0 no-repeat !important;}
.b-icoon-sjablonen {background:  url("/nl/brein/inproces/themas/default/css/../images/iconen/sjabloon.png") 0 no-repeat !important;}
.b-icoon-subzaak {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/subzaak.png") 0 no-repeat !important;}
.b-icoon-upload {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/upload.gif") 0 no-repeat !important;}
.b-icoon-json {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/json.png") 0 no-repeat !important;}
.b-icoon-form {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/form.png") 0 no-repeat !important;}
.b-icoon-fieldset {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/fieldset.gif") 0 no-repeat !important;}
.b-icoon-field {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/field.gif") 0 no-repeat !important;}

/* classes voor bijlagen */
.b-icoon-gif {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/image.png") 0 no-repeat !important;}
.b-icoon-jpg {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/image.png") 0 no-repeat !important;}
.b-icoon-png {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/image.png") 0 no-repeat !important;}
.b-icoon-pdf {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/pdf.gif") 0 no-repeat !important;}
.b-icoon-html {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/html.jpg") 0 no-repeat !important;}
.b-icoon-doc {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/doc.jpg") 0 no-repeat !important;}
.b-icoon-docx {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/docx.jpg") 0 no-repeat !important;}
.b-icoon-ppt {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/ppt.jpg") 0 no-repeat !important;}
.b-icoon-pptx {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/pptx.jpg") 0 no-repeat !important;}
.b-icoon-xls {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/xls.jpg") 0 no-repeat !important;}
.b-icoon-xlsx {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/xlsx.jpg") 0 no-repeat !important;}
.b-icoon-odt {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/odt.jpg") 0 no-repeat !important;}
.b-icoon-odc {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/odc.jpg") 0 no-repeat !important;}
.b-icoon-document {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/document.gif") 0 no-repeat !important;}
.b-icoon-ogone {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/ogone.jpg") 0 no-repeat !important;}
.b-icoon-edit {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/edit.png") 0 no-repeat !important;}
.b-icoon-open {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/open.gif") 0 no-repeat !important;}
.b-icoon-invoegen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/invoegen.gif") 0 no-repeat !important;}
.b-icoon-eigenschappen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/eigenschappen.gif") 0 no-repeat !important;}
.b-icoon-pixlr-express {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/pixlr-express.jpg") 0 no-repeat !important;}
.b-icoon-pixlr-editor {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/pixlr-editor.png") 0 no-repeat !important;}
.b-icoon-lijst {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/weergave-lijst.png") 0 no-repeat !important;}
.b-icoon-thumbs {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/weergave-iconen.png") 0 no-repeat !important;}
.b-icoon-convert-afmetingen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/wijzigen-afmeting.png") 0 no-repeat !important;}
.b-icoon-convert-linksom {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/roteren-linksom.png") 0 no-repeat !important;}
.b-icoon-convert-rechtsom {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/roteren-rechtsom.png") 0 no-repeat !important;}
.b-icoon-convert-horizontaalspiegelen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/spiegelen-horizontaal.png") 0 no-repeat !important;}
.b-icoon-convert-verticaalspiegelen {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/spiegelen-verticaal.png") 0 no-repeat !important;}

/* classes voor workflow iconen */
.b-icoon-event {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/wachten.gif") 0 no-repeat !important;}
.b-icoon-tool {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/tool.png") 0 no-repeat !important;}

/* classes voor archiflocatie iconen */
.b-icoon-gebouw {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/gebouw.png") 0 no-repeat !important;}
.b-icoon-ruimte {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/ruimte.png") 0 no-repeat !important;}
.b-icoon-kast {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/kast.png") 0 no-repeat !important;}
.b-icoon-doos {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/doos.png") 0 no-repeat !important;}
.b-icoon-map {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/map.png") 0 no-repeat !important;}

/* classes voor talk iconen */
.b-icoon-handshake {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/handshake.png") 0 no-repeat !important;}
.b-icoon-connect {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/connect.png") 0 no-repeat !important;}
.b-icoon-disconnect {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/disconnect.png") 0 no-repeat !important;}
.b-icoon-talk {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/talk.png") 0 no-repeat !important;}

/* toggle classes kcs */
.x-btn-noicon .x-btn-large .x-btn-text {width: 32px;}
.b-kop-buttonbalk {margin-top: 10px;}
.b-kop-buttonbalk .x-btn td {background-image: none;}
.b-icoon-telefoon.x-btn-pressed {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/telefoon_aan_32x32.png") 0 no-repeat !important;}
.b-icoon-telefoon {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/telefoon_uit_32x32.png") 0 no-repeat !important;}
.b-icoon-balie.x-btn-pressed {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/balie_aan_32x32.png") 0 no-repeat !important;}
.b-icoon-balie {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/balie_uit_32x32.png") 0 no-repeat !important;}
.b-icoon-post.x-btn-pressed {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/post_aan_32x32.png") 0 no-repeat !important;}
.b-icoon-post {background: url("/nl/brein/inproces/themas/default/css/../images/iconen/post_uit_32x32.png") 0 no-repeat !important;}
/* einde kcs toggle classes*/

/* override op standaard ext-ie css */
.ext-ie .x-fieldset {padding-top:10px}

/* extjs-ext - css */
.ux-float-layout-ct {
    position: relative;
}
.ux-float-layout-ct .ux-float-layout-sizer {
    background: transparent none;
    border: 0 none;
    padding: 0;
    margin: 0;
    width: 0;
}
.ux-float-layout-ct .x-box-item {
    position: absolute;
}
.ux-float-layout-ct .x-box-inner {
    overflow: auto;
}
.ux-float-layout-ct .x-masked-relative {
    position: absolute !important;
}

.floating-form .x-form-item
{
    display: inline;
    float:left;
    padding-right: 5px;
}

.floating-form label.x-form-item-label
{
    padding-right:0;
}
.ext-ie .floating-form .x-form-clear-left
{
    clear: none;
    display:none;
}

.floating-form .x-fieldset
{
    display: inline;
    float:left;
    margin-left: 5px;
}
.ext-strict .ext-webkit .x-small-editor .x-superboxselect {height: auto !important;}


/* chatpanel CSS
------------------------------------------------------------------------------------------------------------------------------- */
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.b-chat-photo {height: 40px; width: 40px; margin: 0px 2px 2px 2px; border: 2px solid #99BBE8; border-radius:5px;}
.b-chat-photo.left {float: left;}
.b-chat-photo.right {float: right;}

.b-chat-signature {font-style:italic; color:#aaa}

.b-chat-bubble {
    position: relative;
    padding: 8px;
    margin: 1em;
    border: 2px solid #99BBE8;
    color: #333;
    background: #EEE;
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.b-chat-bubble.left {
    margin-left:80px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.b-chat-bubble.right {
    margin-right:80px;
    background: #FFF;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates the bigger  triangle */
.b-chat-bubble:before {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#99BBE8 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
/* creates the smaller  triangle */
.b-chat-bubble:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#EEE transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.b-chat-bubble.top:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    right:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}
/* creates the smaller  triangle */
.b-chat-bubble.top:after {
    top:-13px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}
/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.b-chat-bubble.left:before {
    top:8px; /* controls vertical position */
    bottom:auto;
    left:-30px; /* value = - border-left-width - border-right-width */
    border-width:0px 30px 15px 0;
    border-color:transparent #99BBE8;
}
/* creates the smaller  triangle */
.b-chat-bubble.left:after {
    top: 10px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom: auto;
    left: -22px; /* value = - border-left-width - border-right-width */
    border-width: 0px 24px 12px 0;
    border-color: transparent #EEE;
}
/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.b-chat-bubble.right:before {
    top:8px; /* controls vertical position */
    bottom:auto;
    left:auto;
    right:-30px; /* value = - border-left-width - border-right-width */
    border-width:0px 0 15px 30px;
    border-color:transparent #99BBE8;
}
/* creates the smaller  triangle */
.b-chat-bubble.right:after {
    top:10px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom:auto;
    left:auto;
    right:-22px; /* value = - border-left-width - border-right-width */
    border-width:0px 0 12px 28px;
    border-color:transparent #FFF;
}

/* standaard stijlen voor brieven en rapporten */
.b-brief-container {
	width:100%;
	padding-top:4cm;
	font-size:16px;
	background-repeat:no-repeat
}
.b-brief-kop {
	margin-left: 16mm;
	margin-right: 12mm;
}
.b-brief-inhoud {
	margin-left: 16mm;
	margin-right: 12mm;
}
.b-brief-voet {
	position:absolute;
	top:260mm;
	margin-left: 1cm;
	margin-right: 1cm;
	margin-bottom: 14mm;
	text-align: center
}
/* standaard stijlen voor documenten */
.b-document-container {
	width:100%;
	padding-top:4cm;
	font-size:16px;
	background-repeat:no-repeat
}
.b-document-kop {
	margin-left: 16mm;
	margin-right: 12mm;
}
.b-document-inhoud {
	margin-left: 16mm;
	margin-right: 12mm;
}
.b-document-voet {
	position:absolute;
	top:260mm;
	margin-left: 1cm;
	margin-right: 1cm;
	margin-bottom: 14mm;
	text-align: center
}
/* Experimental FormGen*/
.b-formgen-typeBoolTrue {
	color:green;
}
.b-formgen-typeBoolFalse {
	color:red;
}
.b-formgen-typeObject {
	color: blue;
	font-style: italic;
}
.b-formgen-resizeLayer {
	background:red;
	text-align:center;
	font:bold 10px arial;
	overflow:hidden;
}
.b-formgen-component {
        border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius: 3px;
        font-size: 12px;
        vertical-align: middle;
        border: solid gray 1px;
        padding: 2px;
        width: 96%;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.b-formgen-component:hover {
    background: bisque;
}
.b-formgen-component span {
    padding: 2px;
}
.b-formgen-component-icon {
    font-size: 16px;
}
#FormGenComponentSelector .b-formgen-component {
	margin: 2px;
	float: left;
}
#FormGenComponentSelector .b-formgen-component.over {
	border-color: navy;
}
#FormGenComponentSelector .b-formgen-component.selected {
	border-color: blue;
}

.b-formgen-selectedElementParent *, .b-formgen-selectedElementParent {
	background: bisque;
}
.b-formgen-selectedElement *, .b-formgen-selectedElement {
	background: bisque;
}

div#NGSInfoWindow {border-width: 1px; border-style: solid; border-radius: 20px; padding: 10px}


/* ipml tags voor tinymce editor */
span[mce_name] {
      background-color:#EEEEEE;
      border:1px solid #CCCCCC;
}
span[mce_name="javascript"] {
    color: navy;
}

.ext-el-mask {
    opacity: 0.3;
}

/* styling voor foutmeldingen in het errorpanel van aanvraagpanel */
.b-aanvraagpanel .b-foutmelding {
    padding: 15px;
    font-size: 12px;
    color: #333;
}
.b-aanvraagpanel .b-foutmelding label {
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    color: #003a62;
}
.b-aanvraagpanel .b-foutmelding ul {
    line-height: 1.3;
    list-style-type: disc;
}
.b-aanvraagpanel .b-foutmelding li {
    list-style-type: disc;
    margin-left: 15px;
}
.b-aanvraagpanel .b-foutmelding .b-foutmelding-melding {
    color: red;
}

}
@media print {
/* importfile: /nl/brein/inproces/themas/default/css/formulier output.css */
/* --- b-formulier --- */
body { font-family: Arial, Helvetica;}
.b-formulier-organisatieinfo {display:inline-block;width: 50%;color:#003a62; font-size: 8pt; margin: 2px 2px 2px 6px;  }
.b-formulier-organisatielogo {float:right; margin-right: 5%;}
.b-formulier-title {font-size: 13pt; font-weight: bold; color:#003a62;margin:5px 2px 10px 6px;}
.b-formulier-table, .b-formulier-field-table {font-size: 8pt; border-collapse: separate; border-spacing:2px;}
.b-formulier-table {width: 95%; padding:2px; margin:3px; border:1px solid #888888;}
.b-fieldset-title {font-weight: bold; color:#003a62;padding: 5px 0;}
.b-formulier-table th {text-align: left;}
.b-field-label {width: 275px; background-color: #ffffff; color: #666666; padding:1px 3px;}
.b-field-value {vertical-align: top; padding:1px 3px; background-color: #d3d4d5;}

}
@media screen {
/* importfile: /nl/brein/inproces/website/themas/default/css/reset.css */
/* CSS Document */

/*
    Tripoli is a generic CSS standard for HTML rendering.
    Copyright ( C ) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http ://www.gnu.org/licenses/>.
*/

* {
	text-decoration: none;
	font-size: 100%;
	outline: none;
	padding: 0;
	margin: 0;
}
code, kbd, samp, pre, tt, var,
input, select, isindex, listing, xmp, plaintext {
	white-space: normal;
	font-size: 100%;
	font: inherit;
}
/*textarea geen white-space normal want dan negeert IE de Enter toets */
textarea {
	font-size: 100%;
	font: inherit;
}
dfn, i, cite, var, address, em {
	font-style: normal;
}
strong, h1, h2, h3 {
	font-weight: bold;
}
th, b, h4, h5, h6 {
	font-weight: normal;
}
a, img, a img, iframe, form, fieldset,
abbr, acronym, object, applet, table {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td, center {
	vertical-align: top;
	text-align: left;
}
body {
	background: white;
	line-height: 1;
	color: black;
}
q {
	quotes: "" "";
}
ul, ol, dir, menu, li {
	list-style: none;
}
sub, sup {
	vertical-align: baseline;
}
a {
	color: inherit;
}
a:hover {
        text-decoration: underline;
}
hr {
	display: none;
}
font {
	color: inherit !important;
	font: inherit !important;
	color: inherit !important; /* editor's note: necessary? */
}
marquee {
	overflow: inherit !important;
}
blink {
	text-decoration: none;
}
nobr {
	white-space: normal;
}

/* importfile: /nl/brein/inproces/website/themas/default/css/structuur.css */
/* 
    Document   : structuur
    Created on : 16-nov-2010, 11:22:56
    Author     : lizt
    Description:
        Default structuur CSS voor alle websites. Bevat positionering elementen, zoals float, overflow, width, height.
*/
/*--- Basis ---*/
.b-container-website { width: 90%; margin:auto}

.b-skiplink {margin:0;}
.b-skiplink a, .b-skiplink a:hover, .b-skiplink a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.b-skiplink a:active, .b-skiplink a:focus { position:static; width:auto; height:auto; }

/*--- Kop ---*/
.b-kop {overflow:hidden; width:100%; height: 96px;}
.b-kop-fotobalk {overflow:hidden; float:right; clear:right; height:96px; width: 75%; }
.b-kop-fotobalk-foto {height: 96px;width: 100%;}

.b-kop-menu, .b-kop-zoeken {float:left; position:relative; width: 25%; }
.b-kop-menu {height: 26px; }
.b-kop-menu ul li {display: inline;}

.b-kop-zoeken {height: 100px;}

/*--- Hoofdmenu ---*/
.b-panel-tbar { position: relative;  }
.b-menu { position: absolute; z-index: 999;  }
.b-menu ul li { display: inline; float: left; }
.b-menu ul li ul { position: absolute; left: -999em; top: 0; }
.b-menu ul li ul a { float: left; height: 100%;}
.b-menu ul li:hover ul, .b-menu ul li.hover ul { position: absolute; left: auto; top:auto; }

/*-- Accessibility menu --*/
.b-accessibilitymenu {height: inherit; }
.b-accessibilitymenu ul { float:right; height: inherit;}
.b-accessibilitymenu ul li {display: inline;}


/*--- Portaal indeling ---*/
.b-column-layout-ct {float:left;clear:both; width:100%}
.b-column {overflow: hidden; float:left;  }
.b-panel {clear:both;overflow: auto;}

/*-- Pagina interactie controls --*/
.b-pagina-controls ul li {display:inline;}

/*--- Voet ---*/
.b-voet {float:left; clear:both;}

}
@media all {
/* importfile: /nl/brein/inproces/themas/default/css/inhoud.css */
/* tekst */
.uitlijnen-verticaal-boven {vertical-align: top;}
.uitlijnen-verticaal-midden {vertical-align: middle;}
.uitlijnen-verticaal-onder {vertical-align: bottom;}
.uitlijnen-horizontaal-links {text-align: left;}
.uitlijnen-horizontaal-midden {text-align: center;}
.uitlijnen-horizontaal-rechts {text-align: right;}
.uitlijnen-horizontaal-uitvullen {text-align:justify; }
.zwevend-links {float: left; padding-right: 10px;}
.zwevend-rechts {float:right; padding-left: 10px;}



/* stijlen voor templates, niet zichtbaar in dropdown, alle classes beginnend met .b-template worden uitgefilterd uit de dropdown */
.b-template-container {position:relative;clear:both; padding-top: 0.5em; padding-bottom:0.5em; overflow: visible;}
.b-template-inline p:first-child {margin:0 !important;}
.b-template-inline {display:inline-block;vertical-align:top; overflow:visible;}
.b-template-marge-rechts {margin-right: 10px;}
.b-template-marge-links {margin-left: 10px;}
.b-template-breedte-half {width: 48.8%;}

/* tinymce ipml tags */
javascript, evaluate {
    color: blue;
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
}

/* individuele ipml tag opmaak */
javascript {
    padding-left: 10px;
    padding-right: 10px;
    background-image: url("/nl/brein/inproces/themas/default/css/../images/iconen/accolade-links.png"), url("/nl/brein/inproces/themas/default/css/../images/iconen/accolade-rechts.png");
    background-position: left top, right top;
    background-repeat: no-repeat;
}
/* 
 * Als evaluate element een title attribuut heeft dan fontsize 0 om te verbergen.
 * Display:none kan niet worden gebruikt omdat dan ook pseudoclass before wordt verborgen.
 */
evaluate[title] {
    font-size: 0;
    color: #fff;
    background-color: #fff;
    border: 0;
}

/* De inhoud van het title attribuut wordt getoond. Hierdoor kan de ipml worden verborgen. */
evaluate[title]:after{
    border: 1px solid;
    border-color: #CCCCCC;
    border-radius: 3px;
    color: black;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #E6EFF6;
    content: attr(title);
    font-size: 8pt;
}

evaluate[title].b-placeholder-select:after {
    background-color: #3280DB;
    border-color: #000000;
    color: #fff;
}

/* importfile: /nl/brein/inproces/website/themas/default/css/visueel.css */
/* 
    Document   : visueel
    Created on : 12-nov-2010, 15:52:18
    Author     : lizt
    Description:
        Default thema voor alle websites. Bevat opmaak elementen, zoals kleur en font instellingen.
*/

/*--- Basis elementen ---*/
body {font-family: Arial, Helvetica, sans-serif;  font-size:100%; }
h1, h2, h3 { color: #003a62; }
h1 { font-size: 125%; }
h2 { font-size: 115%; }
h3 { font-size: 100%; }
a.extern {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/pagina/extern.png") no-repeat 97% 70%; padding-right: 18px; overflow:visible;}

.verborgen {display:none;}
.zichtbaar {display: block;}

/* --- sr-only --- */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
#introductie {display:none}
/* hide labels niet met diplay:none, maar op de sr-friendly manier. */
.x-hide-label label.x-form-item-label{display: inline; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/* dummy fieldset rond checkboxgroups */
.b-fieldsetcheckboxgroup {
    border: 0 none;
}

/*--- Kop ---*/
.b-kop {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/kop/opvul.gif") repeat-x; border-bottom: 1px solid white;  }
.b-kop-fotobalk {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/kop/logo.jpg") no-repeat; }
.b-kop-fotobalk-foto {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/kop/fotobalk.jpg") no-repeat right top; }

.b-kop-menu {color: #ffffff; font-size: 70%;}
.b-kop-menu a  {color: #ffffff;}
.b-kop-menu a:hover {color: #ffffff;}
.b-kop-menu ul {padding-top: 0.5em;}
.b-kop-menu ul li:before {content: "|"; padding: 0 1em; }
.b-kop-menu ul li:first-child:before {content: ""; }

.b-kop-zoeken {color: #ffffff; font-size: 70%;}
.b-kop-zoeken fieldset {border:0; padding: 2em;}
.b-kop-zoeken label {font-weight: bold; display:block; margin-bottom: 0.3em; }
.b-kop-zoeken input { margin:0; border-width: 1px; border-style: solid; border-color: #999999 #c0c0c0 #c0c0c0 #999999; color: #7f7f7f; padding:0.3em 0.2em 0.2em 0.5em; font-size: 90%; width: 60%; }
.b-kop-zoeken a {color: #ffffff; text-decoration: underline;}
.b-kop-zoeken a:hover {text-decoration: none; }
.b-kop-zoeken .b-zoek-trigger {background: url("/nl/brein/inproces/website/themas/default/css/../images/kop/zoekknop.gif") no-repeat; vertical-align: top;width: 22px; height: 21px; border:0; }
.b-kop-zoeken p {text-align:right; font-size: 90%; margin: 0.4em 2.8em 0 0;}

/*--- Print header ---*/
.b-print-header, .b-logo {display: none;} /* alleen tonen bij printversie, hieronder wel de eigenschappen van de daarin opgenomen elementen specificeren */
.b-print-logo {display: inline-block; margin-right: 20px;}
.b-print-tekst {display: inline-block; font-size: 8pt;}

/*--- Hoofdmenu ---*/
.b-panel-tbar {background: url("/nl/brein/inproces/website/themas/default/css/../images/hoofdmenu/achtergrond.gif") repeat-x;height: 48px; border-top: 1px solid #d6d6d6; }
.b-menu { font-weight: bold; left:0.5em; background: transparent none; }
.b-menu ul { text-align: center;  }
.b-menu ul li {  height: inherit; font-size: 95%; line-height: 3; }
.b-menu ul li a { color: #545454;}
.b-menu ul li a:hover, .b-menu ul li:hover { background-color: #ffffff; }
.b-menu ul li ul {margin-left:-1px; background: #ededef url("/nl/brein/inproces/website/themas/default/css/../images/submenu/achtergrond.gif") repeat-x; text-transform: none; font-weight: normal; text-align: left; width: 18em; padding:1.4em; font-size: 75%; border-style: solid; border-width:0 1px 1px 1px; border-color: #cccace;}
.b-menu ul li ul li { line-height: normal; width: 100%;height:auto; padding: 0.4em 0; }
.b-menu ul li ul li a:hover, .b-menu ul li ul li:hover { color: #003a62; background-color: transparent; }
.b-menu ul li ul :hover { text-decoration: underline; }

.b-hoofdmenu-home {width: 70px;}
.b-hoofdmenu-wonenenwerken { width: 150px;}
.b-hoofdmenu-ondernemen {width: 130px;}
.b-hoofdmenu-ontdekbrein {width:135px;}
.b-hoofdmenu-bestuurenorganisatie {width: 190px;}


/*--- Accessibility menu ---*/
.b-accessibilitymenu {text-transform: uppercase; font-weight: bold;}
.b-accessibilitymenu ul {line-height: 2.5; padding-right: 0.5em; }
.b-accessibilitymenu ul li {font-size: 70%; color: #666666; height:inherit;line-height: 2; }
.b-accessibilitymenu a {color: #666666}
.b-accessibilitymenu ul a:before {padding-right: 0.6em;}


/*--- Portaal indeling ---*/
.b-column-layout-ct {margin-top: 1em}
.b-portaal-kolom-links {margin-right: 0.5em;}
.b-portaal-kolom-midden {margin: 0 0.5em 0 0.5em;}
.b-portaal-kolom-rechts {margin-left: 0.5em; float:right;}

.b-portaal-kolom-kwart {width: 24.4%; }
.b-portaal-kolom-half {width: 47.6%; }


/*--- Widgets ---*/
.b-panel {margin-bottom: 1em; font-size: 70%; border: 1px solid #d6d6d6; padding-bottom: 0.7em;}
.b-panel-header {font-family: inherit; padding: 0.4em 0.4em 0.6em 0.5em; background: #ffffff url("/nl/brein/inproces/website/themas/default/css/../images/widgets/header.gif") repeat-x; border:0; border-bottom: 1px solid #d5d5d5;}
.b-panel-header h2 {font-size: 125%; }
.b-panel-embedded {margin-bottom: 0; padding-bottom: 0; border: 0; font-size: 100%}
.b-panel-body {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/widgets/body.gif") repeat-x; border:0;}
.b-panel-footer a {display: inline-block; padding: 0.5em 0 0 0.5em; color: #000000;}
.b-panel-footer a:after {content: " \00BB"; }

.b-error-panel {margin: 1.5em 1.5em 4em;}

/*--- Tools --*/
.b-tool {background-repeat: no-repeat; cursor:pointer; float:right; height:15px; width:15px; margin-left:2px; overflow: hidden;}
.b-tool-rss {background-image:url("/nl/brein/inproces/website/themas/default/css/../images/widgets/rss.gif");}


/*--- b-pagina ---*/
.b-pagina {overflow: visible;}
.b-pagina .b-panel-body {padding: 0.2em 0.7em 0.2em 0.7em; }
.b-pagina .b-panel-body a {color: #dd9300; }
.b-pagina .b-panel-body p, .b-pagina .b-panel-body h2, .b-pagina .b-panel-body h3 {margin:1em 0;}
.b-pagina .b-panel-body ul, .b-pagina .b-panel-body ul>li {list-style-type: disc; margin:0.2em 0 0.2em 1.2em;}
.b-pagina .b-panel-body ol, .b-pagina .b-panel-body ol>li {list-style-type: decimal; margin:0.2em 0 0.2em 1.2em;}
.b-pagina .b-panel-body em {font-style: italic; }

.b-pagina .b-panel-body table {border-collapse: collapse; border:1px solid #999999;}
.b-pagina .b-panel-body th {font-weight: bold;border:1px solid #999999;padding:0.1em 0.2em; vertical-align: top;}
.b-pagina .b-panel-body td {border:1px solid #999999;padding:0.1em 0.2em;vertical-align: top;}

.b-pagina-kruimelpad { color: #666666; position: relative; font-size: 100%; padding: 0.3em;}
.b-pagina-kruimelpad ul {margin:0 !important;}
.b-pagina-kruimelpad li {display: inline; margin:0 !important;}
.b-pagina-kruimelpad ul li:before {content: ">"; padding-right: 0.5em; }
.b-pagina-kruimelpad ul li:first-child:before {content: ""; padding-right:0; }
.b-pagina-kruimelpad {display: none;}

.b-pagina-publicatieinformatie {color: #666666; font-size: 85%;}

/* afbeelding per bestandstype in link: work in progress = CSS3
.b-pagina .b-panel-body a[href*='.pdf'] {display:inline-block; padding:2px 0px 2px 20px; line-height:18px; min-height:18px; overflow:visible; background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/pdf.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.doc'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/doc.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.xls'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/xls.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.ppt'], .b-pagina .b-panel-body a[href*='.pps'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/ppt.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.zip'], .b-pagina .b-panel-body a[href*='.rar'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/zip.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.txt'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/link/txt.gif") center left no-repeat;}
.b-pagina .b-panel-body a[href*='.png'], .b-pagina .b-panel-body a[href*='.gif'], .b-pagina .b-panel-body a[href*='.jpg'], .b-pagina .b-panel-body a[href*='.jpeg'] {display:inline-block;padding:2px 0px 2px 20px;line-height:18px;min-height:18px;overflow:visible;background:transparent url(/nl/brein/inproces/website/themas/default/css/../images/link/image.gif) center left no-repeat;}
*/

/*--- b-pagina-tabindex ---*/
.b-pagina .b-panel-body .b-pagina-tabindex {border-bottom:1px solid #797979; line-height: 1.7; width:100%; margin-top:0.5em;  }
.b-pagina .b-panel-body .b-pagina-tabindex ul {list-style-type: none; margin:0; padding:0;}
.b-pagina .b-panel-body .b-pagina-tabindex li {list-style-type: none; margin:0; padding:0.2em 1em 0.3em;display: inline-block; height:1.6em; background-color: #cccccc; border-left: 1px solid #797979; }
.b-pagina .b-panel-body .b-pagina-tabindex a { color: #000000; }
.b-pagina .b-panel-body .b-pagina-tabindex .b-pagina-tab-actief {background-color: #ffffff; }

.b-javascript-uitgeschakeld .b-pagina .b-panel-body .b-pagina-tab.verborgen {display: block;}


/*--- productpagina sjabloon ---*/
.b-pagina .b-panel-body .b-pagina-product-formulierknop:hover {cursor: pointer; border-color: #797979; text-decoration: underline;}
.b-pagina .b-panel-body .b-pagina-product-zieook h2 {margin:1em 0 0.1em 0;}
.b-pagina .b-panel-body .b-pagina-product-formulierknop {text-decoration: none; border: 1px solid #ffffff; padding: 0.5em 1em 0.5em 1em; background-color: #d1e3f6; color: #000000; font-weight: bold; display: inline-block; margin:2em 0.2em 1.5em 0;height: 49px; line-height: 6;}
.b-pagina .b-panel-body .b-pagina-product-formulierknop-eherkenning {background: #d1e3f6 url("/nl/brein/inproces/website/themas/default/css/../images/iconen/e-herkenning.png") no-repeat 0.5em 0.5em; padding-left: 98px;}
.b-pagina .b-panel-body .b-pagina-product-formulierknop-digid {background: #d1e3f6 url("/nl/brein/inproces/website/themas/default/css/../images/iconen/digid.png") no-repeat 0.5em 0.5em; padding-left: 64px;}

/*--- sdu connect embedded ---*/
.b-pagina .b-panel-body .breadcrumbs {display: none;}


/*--- b-startpagina ---*/
#startpagina .b-panel-body {line-height: 1.5; font-size: 105%;}

/*--- b-klantdossier ---*/
.b-klantdossier {margin-bottom: 1em; }


/*--- b-sitemap ---*/
.b-sitemap .b-panel-body ul, .b-sitemap .b-panel-body li {list-style-type: none; margin:0;}
.b-sitemap .b-panel-body ul {margin-top:0.3em;}
.b-sitemap .b-panel-body ul ul {margin:0.2em 0 0.2em 0.5em;}
.b-sitemap .b-panel-body ul li {margin-bottom:1.7em;}
.b-sitemap .b-panel-body ul li li {margin:0.2em 0 0.2em 0.5em;}
.b-sitemap .b-panel-body ul ul ul, .b-sitemap .b-panel-body ul li li li {margin:0.2em 0 0.2em 1em;}

.b-sitemap .b-panel-body ul li a {color: #333333;}

.b-sitemap .b-panel-body ul li {font-weight: bold; margin-top: 0.5em; text-transform: uppercase; }
.b-sitemap .b-panel-body ul li li {font-weight: bold; text-transform: lowercase;}

.b-sitemap .b-panel-body ul li li li {font-weight: normal; list-style-type: disc; font-size: 90%; }


/*--- b-browsercheck ---*/
.b-browsercheck {padding: 10px; font-size: 10pt; background-color: #ffffd7; border: 2px solid #000000; color: #000000;position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -115px; width: 500px; height: 230px; z-index: 999999; overflow: hidden;}
.b-browsercheck .b-panel-header {border: 0; padding:0; background: transparent none; margin-bottom: 10px;}
.b-browsercheck .b-panel-header h2 {color: #000000; font-size: 11pt;}
.b-browsercheck .b-panel-header span {float: right; border:1px solid black;}
.b-browsercheck .b-panel-header span a {display: inline-block; font-weight: bold; color: #000000; margin: 3px 3px 0 3px;}
.b-browsercheck .b-panel-header span a:hover {text-decoration: none;}
.b-browsercheck .b-panel-body {border: 0; padding:0; background: transparent none;}
.b-browsercheck .b-panel-body ul, .b-browsercheck .b-panel-body li {list-style-type: none; margin:0; padding:0;}
.b-browsercheck .b-panel-body li {text-align: center; float:left;  width: 82px; height: 105px; overflow: hidden;}
.b-browsercheck .b-panel-body a.extern {background-image: none; padding-right: 0;}
.b-browsercheck .b-panel-body a {display: inline-block}
.b-browsercheck .b-panel-body div {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/browsercheck/waarschuwing.png") no-repeat; padding-left: 90px;}


/*--- Pagina interactie controls ---*/
.b-pagina-controls {font-size: 60%;margin-bottom: 3px; margin-top: 2em;}
.b-pagina-controls a {color: #919191;}
.b-pagina-controls img {margin-right: 0.5em;}

.b-pagina-control-item {background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/pagina/interactie_iconen.png") no-repeat scroll; cursor:pointer; display:inline-block !important; height:16px;line-height:16px; width:16px}

.b-icoon-favorites {background-position:0 -624px;}
.b-icoon-hyves {background-position:0 -704px;}
.b-icoon-linkedin {background-position:0 -736px;}
.b-icoon-delicious {background-position:0 -800px;}
.b-icoon-google {background-position:0 -832px;}
.b-icoon-igoogle {background-position:0 -848px;}
.b-icoon-googlebuzz {background-position:0 -864px;}
.b-icoon-twitter {background-position:0 -960px;}
.b-icoon-reddit {background-position:0 -976px;}
.b-icoon-hotmail {background-position:0 -1024px;}
.b-icoon-facebook {background-position:0 -1072px;}
.b-icoon-gmail {background-position:0 -1360px;}
.b-icoon-print {background-position:0 -1376px;}
.b-icoon-email {background-position:0 -1616px;}
.b-icoon-flickr {background-position:0 -1760px;}
.b-icoon-youtube {background-position:0 -1792px;}
.b-icoon-rss {background-position:0 -1808px;}
.b-icoon-googletranslate {background-position:0 -1856px;}
.b-icoon-pdfmyurl {background-position:0 -2000px;}
.b-icoon-mailto {background-position:0 -3792px;}
.b-icoon-nujij {background-position:0 -4224px;}
.b-icoon-printfriendly {background-position:0 -4464px;}
.b-icoon-pdfonline {background-position:0 -4784px;}

/*--- pagina templates ---*/
.b-pagina-kenmerken {display: inline-block; position: relative; width: 100%;}
.b-pagina-kolom {display: inline-block; vertical-align: top;}
.b-pagina-kolom-links {width: 49%;}
.b-pagina-kolom-rechts {width: 49%;}
.b-pagina-kenmerken strong {float: left; clear: left; margin-right: 0.5em; vertical-align: top;}
.b-pagina-kenmerken span { float: left; vertical-align: top;}

/* multirow tabpanels */
.b-tabpanel-onerow ul.x-tab-strip {width: 10000px !important;}
.b-tabpanel-multirow ul.x-tab-strip {width: auto !important;}

/*--- b-overzicht ---*/
.b-overzicht .b-panel-body {overflow: auto;}
.b-overzicht table {width: 100%;}
.b-overzicht th, .b-overzicht td {padding:0.5em}
.b-overzicht th {font-weight: bold; position:absolute; left:-999em; }
.b-overzicht td a {color: #000000;}

.b-overzicht-datecolumn, .b-overzicht-datecolumn a {color: #dd9300 !important; font-weight: bold;}
.b-overzicht table tbody tr:first-child {border-top:0}

.b-overzicht-row-odd { border-top:1px solid #d5d5d5;}
.b-overzicht-row-even {border-top:1px solid #d5d5d5;}

/*--- b-nieuws-alternatief ---*/
.b-nieuwsalternatief td.b-overzicht-samenvatting, #startpagina.b-nieuwsalternatief td.b-overzicht-samenvatting {padding-top:0; padding-bottom:1em;}
.b-overzicht.b-nieuwsalternatief .b-panel-body tr:hover { background-color:transparent;}
.b-overzicht.b-nieuwsalternatief .b-overzicht-samenvatting {width: 100%; color: #555555;}
.b-overzicht.b-nieuwsalternatief .b-overzicht-datecolumn {width: 60px;}
.b-overzicht.b-nieuwsalternatief .b-overzicht-datecolumn, .b-overzicht.b-nieuwsalternatief .b-overzicht-datecolumn a {width: 45px;}

/*--- b-toolbar-ct ---*/
.b-toolbar-ct p {border-bottom:1px solid #797979; position: relative; height: 2.1em; line-height: 1.7; }
.b-toolbar-ct a {float:left; border:0; font-family: inherit; padding: 0.2em 1em 0.3em 1em; position: relative; top:1px; height:1.5em; cursor: pointer; color: #000000;}
.b-toolbar-ct p a:first-child {padding-left:0.5em;}
.b-toolbar-ct .b-overzicht-statusbutton-active {background-color: #ffffff;border-left: 1px solid #ffffff; border-bottom:1px solid #ffffff; }
.b-toolbar-ct .b-overzicht-statusbutton-inactive {background-color: #cccccc; border-left: 1px solid #797979; border-bottom:1px solid #797979;}
.b-pagina .b-panel-body .b-toolbar-ct p {margin:0;}
.b-pagina .b-panel-body .b-toolbar-ct a {color: #000000;text-decoration:none;}


/*--- b-tabbladen ---*/
.b-pagina.b-tabbladen .b-panel-body .b-toolbar-ct {margin:-0.2em -0.7em 1.4em;}

/*--- b-overzicht als maincontent --*/
#startpagina.b-overzicht .b-panel-body .b-overzicht-row-odd, #startpagina.b-overzicht .b-panel-body .b-overzicht-row-even {border:0}
#startpagina.b-overzicht th, #startpagina.b-overzicht td {padding:0.2em; padding-left: 10px;}
#startpagina.b-overzicht a {color: #000000; text-decoration: none;}
#startpagina.b-pagina.b-overzicht .b-panel-body p {margin:0}
#startpagina.b-overzicht .b-panel-body table {border:0; border-collapse: separate;}
#startpagina.b-overzicht .b-panel-body th, #startpagina.b-overzicht .b-panel-body td {border:0; }


/*--- b-tabbladen als maincontent --*/
#startpagina.b-tabbladen .b-panel-body .b-toolbar-ct {margin:0;}


/*--- b-spotlight ---*/
.b-spotlight .b-panel-body {text-align: center;}
.b-spotlight .b-panel-body img {margin:0.5em 0 0.5em 0;}

/*--- b-zoekresultaat ---*/
.b-zoekresultaat .b-panel-body strong a {display:block;}
.b-zoekresultaat .b-panel-body p {margin-top: 0.5em;}

.b-zoekresultaat-blok {margin-bottom: 1em;}
.b-zoekresultaat-blok-header {border-bottom: 1px solid #003a62; margin-bottom: 0.5em;}
.b-zoekresultaat-blok-header :hover {cursor: pointer;}
.b-zoekresultaat .b-panel-body .b-zoekresultaat-blok-header h2 {display: inline-block; margin:0; padding-right: 1em;}
.b-zoekresultaat-blok-aantalhits {display: inline-block; color: #666666;}
.b-zoekresultaat-blok strong a {display:block;}
.b-zoekresultaat .b-panel-body .b-zoekresultaat-blok em {color: #666666; display: block; font-style: normal;}
.b-zoekresultaat .b-panel-body .b-zoekresultaat-blok p {margin:0 0 0.3em 0; padding-bottom: 0.2em;}

.b-zoekresultaat-blok-body {display: none;}
.b-javascript-uitgeschakeld .b-zoekresultaat-blok-body {display: block;}
.b-javascript-uitgeschakeld .b-zoekresultaat-blok-header :hover {cursor: auto;}

.b-javascript-ingeschakeld #samenwerkendecatalogi {display:none;}


/*--- b-carrousel ---*/
.b-carrousel {padding-bottom: 0;}
.b-carrousel .b-panel-header {display: none;}
.b-carrousel .b-panel-body { padding:2px }
.b-carrousel .b-panel-body .b-carrousel-container {width: 480px; height: 165px; overflow: auto; }
.b-carrousel .b-panel-body .b-carrousel-container ul {height: 165px; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.b-carrousel .b-panel-body .b-carrousel-container li {margin: 0; padding: 0; height: 100%; width: 100%; list-style-type: none;}
.b-carrousel .b-panel-body .b-carrousel-container img {width: 100%;height: 100%;vertical-align: top;border: 0;}
.b-carrousel .b-panel-body .b-carrousel-titel {position: relative; bottom:30px;display: block;left:0;width: inherit;height: 17px;padding: 7px 10px 7px 10px;background-color: #003a62;}
.b-carrousel .b-panel-body .b-carrousel-container a {color: #ffffff;font-weight: bold;font-size: 115%;text-decoration: none;}
.b-carrousel .b-panel-body .b-carrousel-container a:hover {color: #ffffff; }

.b-javascript-uitgeschakeld .b-carrousel .b-panel-body .b-carrousel-container {width: 520px; }
.b-javascript-uitgeschakeld .b-carrousel .b-panel-body .b-carrousel-container ul {width: 99.5%;}
.b-javascript-ingeschakeld .b-carrousel .b-panel-body .b-carrousel-container {overflow: hidden;}

/*--- uitgebreid zoeken ---*/
.b-uitgebreidzoeken .b-panel-body fieldset {border:0; padding: 0; margin:0.5em 0 0 0;}
.b-uitgebreidzoeken input[type=text] { margin:0; border-width: 2px; border-style: solid; border-color: #999999 #666666 #666666 #999999; padding:0.3em 0.2em 0.2em 0.5em; width: 50%; }
.b-uitgebreidzoeken .b-zoek-trigger {background: url("/nl/brein/inproces/website/themas/default/css/../images/kop/zoekknop.gif") no-repeat; width: 21px; height: 21px; border:0; }
.b-uitgebreidzoeken .b-panel-body fieldset strong {display:inline-block;}
.b-uitgebreidzoeken .b-panel-body #zoekenin label input[type=radio] {vertical-align: middle; margin-right: 0.3em; }
.b-uitgebreidzoeken .b-panel-body #zoekennaar label {display: inline-block; width: 13em;  }
.b-uitgebreidzoeken .b-panel-body #zoekennaar input {width: 25em;  }
.b-uitgebreidzoeken .b-panel-body #zoekennaar *  {margin-top: 0.2em; }
.b-uitgebreidzoeken .b-panel-body fieldset legend {font-weight:bold; margin: 0.2em 0 0.2em 0;}
.b-uitgebreidzoeken .b-panel-body #samenwerkendecatalogi {margin-top: 1em;}
.b-uitgebreidzoeken .b-panel-body #samenwerkendecatalogi input {vertical-align: middle;}

/*--- b-overheid.nl ---*/
.b-overheidnl .b-panel-body div { font-size:90%;border: 1px solid #000;margin-top:0.7em;}
.b-overheidnl .b-panel-body p { margin:0; padding:0 3px; margin:0; }
.b-overheidnl .b-panel-body p.kop {font: 1.6em bold;color: #FF8A00;border-bottom:3px solid #FF8A00;padding: 0 3px 3px 3px;}
.b-overheidnl .b-panel-body p.kop a{background:transparent url(http://www.overheid.nl/media/css/images/overheid.nl.png) no-repeat scroll 0 0;
                     display:block;margin: 3px 0 0 0;height:33px;left:27px;text-indent:-999em;top:33px;width:185px;}
.b-overheidnl .b-panel-body p.info { padding:3px 0 0 3px; color:#6D7F97; }
.b-overheidnl .b-panel-body p.voet{ border-top:1px solid #000;background:#8294A9;padding:0 3px;}
.b-overheidnl .b-panel-body p.voet a{ color: #ffffff;}
.b-overheidnl .b-panel-body fieldset { margin:0;padding:3px;border:0;font-weight:bold;}
.b-overheidnl .b-panel-body button { background:transparent url(http://www.overheid.nl/media/css/images/button.gif) no-repeat scroll right top;
                     border:medium none; clear:both;cursor:pointer;display:block;font-weight:bold;height:20px;padding:1px 25px 3px 0;
                     margin:3px 0 0 0;text-align:right;width:100%;}
.b-overheidnl .b-panel-body button:hover, .b-overheidnl .b-panel-body button:focus {background-position:right bottom;}

/*--- b-boomnavigatie ---*/
.b-boomnavigatie {background-color: #f2f2f2; overflow: visible;}
.b-boomnavigatie .b-panel-body {background-image: none;}
.b-boomnavigatie a {color: #666666;}
.b-boomnavigatie ul {padding-top:1em; padding-right: 1.3em; line-height: 1.5em; }
.b-boomnavigatie ul li {padding-left: 0.7em; margin-bottom: 0.4em;}
.b-boomnavigatie ul ul {margin-left: -0.7em; padding: 0.5em 0 0.2em 2em; background-color: #ffffff; width:100%; position: absolute; left: -999em;}
.b-javascript-uitgeschakeld .b-boomnavigatie ul li:hover ul {position: relative; left:auto;}
.b-javascript-ingeschakeld .b-boomnavigatie ul li.b-boomnavigatie-uitgeklapt ul {position: relative; left:auto;}
.b-boomnavigatie ul ul li { background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/boomnavigatie/twistie.gif") no-repeat left 0.5em; padding-left: 8px;}

/*--- b-boomnavigatie als maincontent --*/
#startpagina.b-boomnavigatie {background-color: transparent;}
#startpagina.b-boomnavigatie .b-panel-body {background-image: url("/nl/brein/inproces/website/themas/default/css/../images/widgets/body.gif");}
#startpagina.b-boomnavigatie .b-panel-body ul, #startpagina.b-boomnavigatie .b-panel-body ul > li {list-style-type: none; margin:0;}
#startpagina.b-boomnavigatie .b-panel-body ul {margin-top:0.3em; line-height:2;}
#startpagina.b-boomnavigatie .b-panel-body ul ul {margin:0 0 0 0.5em; line-height: 1.5; padding: 0 0 0 1.2em; background-color:transparent;}
#startpagina.b-boomnavigatie .b-panel-body ul li {margin-bottom:0; font-weight: bold;}
#startpagina.b-boomnavigatie .b-panel-body ul li li {margin:0.2em 0 0.2em 0.5em; font-weight: normal;}
#startpagina.b-boomnavigatie .b-panel-body ul ul ul, #startpagina.b-boomnavigatie .b-panel-body ul li li li {margin:0.2em 0 0.2em 1em;}
#startpagina.b-boomnavigatie ul ul li { background-image: none; padding-left: 0;}
#startpagina.b-boomnavigatie .b-panel-body ul li a {color: #000000;}


/*--- Bannerbalk ---*/
.b-banner ul {position: relative; overflow: visible;}
.b-banner ul li {margin-left:1em; float: left;text-align: center; width: 23.9%; border:1px solid #d6d6d6; display: inline;height: inherit; overflow: visible; padding:0.3em 0 0.2em 0;}
.b-banner ul li:first-child {margin-left:0}

/*--- b-footerpagina ---*/
.b-footerpagina {border:0; padding-bottom:0; background: #003a62 none ;margin: 0;}
.b-footerpagina .b-panel-header {display:none}
.b-footerpagina .b-panel-body { color: #ffffff; font-size: 8pt;line-height:1.5; padding: 0.5em 0.7em;border:0;}
.b-footerpagina .b-panel-body h2 {color: #ffffff; font-size: 100%; margin:0; }
.b-pagina.b-footerpagina .b-panel-body ul, .b-pagina.b-footerpagina .b-panel-body li {list-style-type: none;margin:0; }
.b-footerpagina .b-panel-body a {color: #ffffff; text-decoration: none;}
.b-footerpagina .b-panel-body a:hover {color: #ffffff; text-decoration: underline;}
.b-footerpagina .b-panel-body a:visited {color: #ffffff;}
.b-footerpagina .b-panel-body div {width: 23.2%;display: inline-block; padding: 0.5em;}


/*--- Voet ---*/
.b-voet {background: transparent url("/nl/brein/inproces/website/themas/default/css/../images/voet/achtergrond.gif") repeat-x; color:#ffffff; font-size: 70%; text-align:center; line-height: 2.5; width: 100%; margin: 2.5em 0 1em 0; padding: 2% 0 2% 0;}
.b-voet-regel a {color:#ffffff;}
.b-voet-regel2 p, .b-voet-regel2 ul, .b-voet-regel2 ul li {display: inline;}
.b-voet-regel2 ul li:before {content: "|"; padding: 0 1em; }


/*--- CompanyWebCast ---*/
#cwccontainer {width:100%; margin-bottom: 1.5em; }
#cwcvideocontainer {height: 291px;}
#cwcspeakercontainer {color: #999999; padding:0 0.5em; width:80%; display:inline-block; }
#cwcspeakercontainer div.b-template-marge-rechts {margin-right: 15px;}
#cwcspeakercontainer div.b-template-inline {vertical-align: bottom;}
#cwccontrolscontainer {width: 17%; text-align:right;display:inline-block;padding-top: 1em;vertical-align:top;}
.cwcbutton { background-color: #ccc; color: #333; padding: 0.2em 0.5em; font-size: 90%;}
span.cwcicoon {margin-left: 0.2em;}
span.cwcicoon:first-child {margin-left: 1em;}


/*--- b-slider ---
Aanpassen per implementatie
.slider
    - width (zelfde als images) : 700px
    - height (zelfde als images) : 306px
a.slider-navigatie-vorige
    - left (-helft afbeelding breedte +10px) : -340px
a.slider-navigatie-volgende
    - left (helft afbeelding breedte -50px) : 300px
.b-slider div.navBulletsWrapper
    - top (percentage default=93) tov volledige afbeelding
*/

.b-slider {padding:0}
.b-slider .b-panel-header {display:none;}
.b-slider .b-panel-body {padding:0;}

.slider-container {position:relative;}
.slider {width:700px; height:306px; background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/slider/laden.gif") no-repeat 50% 50%; position:relative; padding: 0; margin:0 auto; }
.slider img {position:absolute; border:none; visibility:hidden;}
.slider a.imgLink {z-index:2; display:none;position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%;}

/* tekstblok */
.b-slider div.mc-caption-bg, .b-slider div.mc-caption-bg2 { position:absolute; width:190px; height:auto; padding:20px; right:30px; bottom:30px; z-index:3; overflow:hidden; font-size:0; }
.b-slider div.mc-caption-bg { background-color:#fff; border-radius: 5px; }
.b-slider div.mc-caption { font-weight:bold; font-size:15px; line-height:20px; color:#000; z-index:4; padding:0px; text-align:center;}
.b-slider div.mc-caption a { color:#66FFFF;}

/* navigatie rondjes */
.b-slider div.navBulletsWrapper  {top:93%; left:20px; width:250px; background:none; position:relative; z-index:5; cursor:pointer; }
.b-slider div.navBulletsWrapper a  {width:12px; height:12px; background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/slider/navigatie-rondjes.png") no-repeat 0 -24px; float:left;overflow:hidden;vertical-align:middle;cursor:pointer; margin-right:5px;}
.b-slider div.navBulletsWrapper a.active {background-position:0 0;}
.b-slider div.navBulletsWrapper a:hover {background-position:0 -12px;}

/* vorige volgende navigatie */
.slider-navigatie { position:absolute; z-index:20; top:45%; left:50%; width:1px;}
a.slider-navigatie-vorige, a.slider-navigatie-volgende { width:36px;height:36px; background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/slider/navigatie.png"); display:block; cursor:pointer; position:absolute; top:0; }
a.slider-navigatie-vorige{background-position:0 0; left: -340px;}
a.slider-navigatie-volgende {background-position:36px 0;left:300px;}
a.slider-navigatie-vorige:hover{background-position:0 36px;}
a.slider-navigatie-volgende:hover {background-position:36px 36px;}

/* pauzeren en starten */
a.slider-navigatie-pauze, a.slider-navigatie-start { width:20px; height:20px; background:transparent url("/nl/brein/inproces/website/themas/default/css/../images/slider/pauzestart.gif"); 
     display:inline-block; *display:inline;zoom:1;/*IE hack*/ cursor:pointer;}
a.slider-navigatie-pauze{background-position:0 0;position: absolute; width: 1px; height: 1px; margin: -1px;}
a.slider-navigatie-start {background-position:0 -20px;}
a.slider-navigatie-pauze:hover{background-position:20px 0;}
a.slider-navigatie-start:hover {background-position:20px -20px;}
.slider:hover + div.slider-navigatie a.slider-navigatie-pauze, 
a.slider-navigatie-pauze:active, 
a.slider-navigatie-pauze:focus, 
a.slider-navigatie-pauze:hover {position: static; width: 20px; height: 20px; margin: 0;}

/* effecten */
.slider { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); }

/* zonder javascript */
body.b-javascript-uitgeschakeld  .slider  {background-image: none; overflow:auto;}
body.b-javascript-uitgeschakeld  .slider a {height:100%;display:block;}
body.b-javascript-uitgeschakeld  .slider img {visibility: visible; width: 100%;}
body.b-javascript-uitgeschakeld  .slider-navigatie {display: none;}


/* extjs formulieren aanpassingen tbv webrichtlijnen */
.x-panel-header {background-color: #5c6c81;}
.x-form-field { color: #111; }
.x-form-empty-field { color: #666; }
.x-tab-strip-active, .x-tab-strip-active a.x-tab-right { background-color: #38536c; }
.x-tab-strip span.x-tab-strip-text {font-weight: normal}


/* styling voor foutmeldingen in het errorpanel van aanvraagpanel */
.b-aanvraagpanel .b-foutmelding {
    padding: 15px;
    font-size: 12px;
    color: #333;
}
.b-aanvraagpanel .b-foutmelding label {
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    color: #003a62;
}
.b-aanvraagpanel .b-foutmelding ul {
    line-height: 1.3;
    list-style-type: disc;
}
.b-aanvraagpanel .b-foutmelding li {
    list-style-type: disc;
    margin-left: 15px;
}
.b-aanvraagpanel .b-foutmelding .b-foutmelding-melding {
    color: #cc0000;
}

}
@media screen {
/* importfile: applicatie.css*/
.b-container-website { width: 980px;}
body {background: transparent url('/data/applicatie/brein.website/body-bg-vervolg.png') repeat-x; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
h1, h2, h3, h4 { color: #003A62; }
h3 {font-size: 105%}
h4 {font-weight: bold;}
a.extern {background-image: none; padding-right: 0;}
a.meer-link {background-image: url('/data/applicatie/brein.website/opsommingsteken.gif') !important; background-repeat: no-repeat; background-position: 2px; padding-left: 12px;}

/*--- b-kop ---*/
.b-kop {background: transparent none; height: 75px;border:0}
.b-kop-logo {margin-left: 10px;width: 160px;margin-top: 10px; float: left;position: static !important; }
.b-kop-menu {float: right;margin-top: 42px; margin-right: 10px;}
.b-kop-menu ul {text-align: right; }

.b-kop-zoeken {display:inline-block; width: 300px;position: relative; text-align: right; float:right; height: auto; padding: 13px 10px 0 0;}
.b-kop-zoeken fieldset {padding: 0}
.b-kop-zoeken input {padding-bottom: 0.3em; padding-right: 16px; border-color: #dddddd #c3c3c3; border-radius: 3px; -moz-border-radius: 3px; background: #ffffff url('/data/applicatie/brein.website/zoek-icoon.png') no-repeat right; font-size: 95%;}
.b-kop-zoeken .b-zoek-trigger {display: none;}


/*--- hoofdmenu ---*/
.b-panel-tbar {background: #ffffff url("/data/applicatie/brein.website/tbar-bg.gif") repeat-x; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border:0;height: 53px;}
.b-menu {font-weight: normal; left:0; color: #003a62; }
.b-menu ul li {height: 40px; border-bottom: 2px solid transparent; font-size: 85%; line-height: 3.5;letter-spacing: .5px;}
.b-menu ul li a {height:100%; color: #003a62;padding: 0 1em;}
.b-menu ul li a:hover, .b-menu ul li:hover { text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;text-decoration: none; background-color: transparent; color: #f88e1e; border-bottom-color: #eeeeee; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}
.b-menu ul li:hover a {text-shadow: none;color: #f88e1e; text-shadow: 0; }


/*--- portaal ---*/
.b-column-layout-ct {background: transparent url('/data/applicatie/brein.website/header-vervolg.png') no-repeat; margin-top:0;}
.b-portaal-kolom-derde {width: 31.7%; }
.b-portaal-kolom-driekwart {width: 72.4%;}
.b-portaal-kolom-heel{width: 99%;}
.b-portaal-kolom-links {margin-left: 0.4em;}
.b-portaal-kolom-rechts {margin-right: 0.4em;}
.b-portaal-kolom-gezakt {padding-top: 100px;}
.b-portal {-moz-box-shadow: 0 27px 10px 7px #DDDDDD; -webkit-box-shadow: 0 27px 10px 7px #DDDDDD; box-shadow: 0 27px 10px 7px #DDDDDD;}


/*--- widgets ---*/
.b-panel {border:1px solid #f4f4f4; font-size: 75%; -moz-border-radius: 5px; border-radius: 5px; padding-bottom:0;}
.b-panel-header {background: transparent none; border:0; padding-left: 0.8em;}
.b-panel-body {background: transparent url('/data/applicatie/brein.website/panel-body.gif') repeat-x bottom; padding-bottom: 0.7em;}


/*--- b-carrousel ---*/
.b-panel.b-carrousel {border:0; }
.b-pagina.b-carrousel .b-panel-body {padding:0}
.b-carrousel .b-panel-body {padding:0; background-image: none;}
.b-carrousel .b-panel-body .b-carrousel-container {background: #cad5e4;height:179px;width:980px; }
.b-carrousel .b-panel-body .b-carrousel-container ul {height:179px;}
.b-carrousel .b-panel-body .b-carrousel-container img {height:179px;width:980px;float:left;}

.b-carrousel .b-panel-body .b-carrousel-titel {display:none; background-color: #ffffff; opacity:0.4;
filter:alpha(opacity=40); color:#003A62; line-height: 2.1; font-size: 85%; position:static; padding:0; float:left; margin-left: 40px; height: 139px; padding: 20px; width: 222px;}
.b-javascript-uitgeschakeld .b-carrousel .b-panel-body .b-carrousel-container {width: 940px; }


/*--- b-overzicht ---*/
.b-overzicht {padding-bottom: 0; overflow:visible;}
.b-overzicht-datecolumn, .b-overzicht-datecolumn a {color: #003A62 !important; width: 32px;}
.b-overzicht .b-panel-body {overflow: visible}
.b-overzicht .b-panel-body p {padding:0.5em 0.5em 0.5em 10px;}
.b-overzicht .b-panel-body tbody tr { background-image: none; }
.b-overzicht .b-panel-body a:hover {text-decoration: none; color: #F88E1E;}
.b-overzicht .b-panel-body tbody td {padding-left: 10px;}
.b-overzicht-row-odd {border-color:#e3e3e3;border:0;}
.b-overzicht-row-even {border-color:#e3e3e3;border:0;}
.b-overzicht .b-panel-body tr:hover { background-color:transparent;}
.b-overzicht  .b-panel-body tr:hover td a, .b-overzicht .b-panel-body tr:hover  td.b-overzicht-datecolumn a, .b-overzicht .b-panel-body tr a:hover  {color: #F88E1E !important;}


/*--- b-toolbar-ct ---*/
.b-toolbar-ct {background-color: #e7e7e7; padding-top:4px; font-size: 100%;}
.b-toolbar-ct p {border:0}
.b-toolbar-ct a, .b-pagina .b-panel-body .b-toolbar-ct a  { color: #003A62; margin-left:4px;}
.b-toolbar-ct p a:first-child {padding-left: 1em;}
.b-toolbar-ct .b-overzicht-statusbutton-active {color: #003A62; border-left:0;}
.b-toolbar-ct .b-overzicht-statusbutton-inactive {background-color: #dadada; border-left:0; border-bottom:0; }
.b-pagina .b-panel-body .b-toolbar-ct a:hover {text-decoration: none; color: #F88E1E;}


/*--- b-nieuwsalternatief ---*/
.b-overzicht.b-nieuwsalternatief.b-overzicht-zebra .b-panel-body tr.b-overzicht-row-even:hover {background-color:transparent;}
.b-overzicht.b-nieuwsalternatief.b-overzicht-zebra .b-overzicht-row-even {background-color:transparent;}
.b-overzicht-samenvatting {color: #606060;}


/*--- b-pagina ---*/
.b-pagina .b-panel-body a {color: #F88E1E;text-decoration: underline; }
.b-pagina .b-panel-body a:hover {color: #003A62; text-decoration: none;}
.b-pagina .b-panel-body {padding: 0.2em 0.8em;line-height: 1.3;}

.b-pagina-kruimelpad ul li a {text-decoration:underline;}
.b-pagina-kruimelpad ul li a:hover {color:#F88E1E;}
.b-pagina-kruimelpad {display: block; text-transform:lowercase;}

.b-pagina .b-panel-body .b-pagina-product-formulierknop {background-color: #d1dce2;}
.b-pagina .b-panel-body .b-breedte-volledig {width: 100%}

.b-pagina .b-volgons a {vertical-align: super; padding-left: 0.3em;}

.b-pagina .b-panel-body table {border: 0;}
.b-pagina .b-panel-body td {border:0;}


/*--- b-pagina-controls --- */
.b-pagina-controls {margin-bottom:0; font-size: 90%; color: #606060; background-color: #f0f0f0; padding:1em;-moz-border-radius: 10px; border-radius: 10px; }
.b-pagina-controls a {margin-left: 0.3em; vertical-align: top;}
.b-pagina .b-panel-body .b-pagina-controls p {margin:0;}


/*--- b-startpagina ---*/
#startpagina {border:0; }
#startpagina .b-panel-header {border:0; height: 40px; padding-top: 40px;}
#startpagina .b-panel-header h2 {font-size: 220%; color: #ffffff; font-weight: normal;}
#startpagina .b-panel-body {font-size:100%;line-height: 1.5;background-image: none;}


/*--- b-lijst-oplossingen ---*/
#startpagina.b-lijst-oplossingen .b-panel-body h2 {margin-top:0;}
#startpagina.b-lijst-oplossingen .b-panel-body .b-overzicht-row-odd h2 {margin-top:0.5em;}
#startpagina.b-lijst-oplossingen .b-panel-body p {margin-bottom:1em !important;}
#startpagina.b-lijst-oplossingen .b-panel-body a {color: #f88e1e; text-decoration: none;}
#startpagina.b-lijst-oplossingen .b-panel-body a:hover {color: #003a62 !important; text-decoration: underline;}
#startpagina.b-lijst-oplossingen .b-panel-body .b-overzicht-row-even {background-color: #f2f2f2;}
#startpagina.b-lijst-oplossingen .b-panel-body td {padding-top: 1em; padding-bottom: 1em;}
#startpagina.b-lijst-oplossingen img {margin-right: 0.5em;}



/*--- b-boomnavigatie ---*/
.b-boomnavigatie { background-color: transparent;}
.b-boomnavigatie .b-panel-body { background:transparent url('/data/applicatie/brein.website/panel-body.gif') repeat-x bottom;}
.b-boomnavigatie a { color: #000;}
.b-boomnavigatie a:hover {text-decoration: none; color: #f88e1e;}
.b-boomnavigatie ul {padding-top: 2px;}


/*--- b-uitgelichteklanten ---*/
.b-uitgelichteklanten {padding-bottom:0;}
.b-uitgelichteklanten .b-panel-header {display: none;}
.b-uitgelichteklanten .b-panel-body {background: #ffffff none; }
.b-uitgelichteklanten .b-panel-body p {margin-bottom: 0.7em;}
.b-uitgelichteklanten .b-panel-body img {margin-right: 1em;}


/*--- b-overzicht als hoofdinhoud ---*/
#startpagina.b-overzicht .b-panel-body tbody tr {background-image:none;}
#startpagina.b-overzicht .b-panel-body {padding-left: 0}
#startpagina.b-overzicht .b-panel-body td.b-lijst-titel {height: 40px;}

/*--- b-footerpagina ---*/
.b-footerpagina {background: #cad5e4; border:0; border-radius: 0; -moz-border-radius:0}
.b-footerpagina .b-panel-body {color: #003a62; font-size: 95%; line-height: 1.5; background-image: none;padding:1em 0.8em;}
.b-footerpagina .b-panel-body div { vertical-align: top;}
.b-footerpagina .b-panel-body h2 {color: #003a62;}
.b-pagina.b-footerpagina .b-panel-body ul {margin-top: 1em;}
.b-footerpagina .b-panel-body a {color: #003a62; text-decoration: none;}
.b-footerpagina .b-panel-body a:hover {text-decoration: underline;}
.b-footerpagina .b-panel-body a:visited {color: #003a62;}


/*--- b-voet ---*/
.b-voet {margin:0 0 2em 0;padding: 0.7em 0 0.7em 0;line-height: normal; border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px;border-top:0;}
.b-voet-regel2 {display:inline; float:left; text-align:left;margin-left: 1.2em;}
.b-voet-regel2 p {display: inline; }
.b-voet-regel2 ul, .b-voet-regel2 li {list-style-type: none; display: inline;}
.b-voet-regel2 li {margin-left: 0.5em;}
.b-voet-regel2 ul li:first-child:before  {content: "";}


/*--- stijlregels uit inhoud.css ---*/
.rand {border:1px solid #999}
.marge-boven-dubbel {margin-top: 2em !important}

/* importfile: portaal.css*/
body {background-image: url('/basis/ip_portaal.nsf/luentiteiten/applicatie.brein.website/$file/body-bg.png');}
.b-column-layout-ct {background: transparent none;}
.b-panel {border:0; border-radius: 0; -moz-border-radius:0; }
.b-panel-body {background-image: none;}

#startpagina .b-panel-header {height: auto; padding-top: 0.4em;background-image: none;}
#startpagina .b-panel-header h2 {font-size: 140%;color: #003a62;font-weight: bold;}

}
@media print {
/* importfile: /nl/brein/inproces/website/themas/default/css/print.css */
/* 
    Document   : print
    Created on : 16-nov-2010, 16:53:32
    Author     : lizt
    Description:
        Default afdruk opmaak voor alle websites.

*/
.b-panel-tbar {display: none;}
.b-kop {display: none;}
.b-skiplink {display: none;}
.b-boomnavigatie {display: none;}
.b-voet {display: none;}
.b-footerpagina {display: none;}
.b-portaal-kolom-links {display: none;}
.b-portaal-kolom-rechts {display: none;}
.b-banner {display: none;}
.b-spotlight {display: none;}
.b-carrousel {display: none;}
.b-slider {display: none;}
#intro {display: none;}

.b-portaal-kolom-midden.b-portaal-kolom-half .b-panel {display: none;}
.b-portaal-kolom-half {width:100%;}

#startpagina {display: block; width: 100%;}
#startpagina.b-panel { border:0;}
#startpagina .b-pagina-kruimelpad, .b-pagina-kruimelpad {display: none !important;}
#startpagina .b-pagina-controls, .b-pagina-controls {display:none;}
#startpagina.b-overzicht .b-toolbar-ct {display: none;}
#startpagina .b-panel-header, #startpagina .b-panel-body { border: 0;}
#startpagina .b-panel-footer {display: none;}
#startpagina .b-panel-tbar {display: none;}

.b-column-layout-ct {margin-top:0;}
.b-portaal-kolom-midden {margin:0;}

.b-print-header, .b-logo {display: block;  }

/* importfile: print.css*/
/*--- afwijkende opmaak afdrukversie ---*/

.rn-overzicht {overflow: visible;font-size: 75%}
.rn-overzicht td {vertical-align: top}
.rn-overzicht h3 {margin:0}

.b-panel-body, .b-panel-header {background: transparent none}
.x-grid-group-collapsed .x-grid-group-body {display:none}
.x-grid3-header {display: none;}
.x-toolbar {display:none;}
.x-grid-group-title {font-weight: bold}


.b-uitgelichteklanten {display:none}

}