/*___________________________________________________
layout
---------------------------------------------------*/
*
{
    margin: 0;
    padding: 0;
    font-family: verdana;
    font-size: 10px;
    line-height:17px;
    color: #000000;
}

html, body
{
    height: 100%;
}

body
{
    padding: 10px;
}

/*___________________________________________________
UP Helpers
---------------------------------------------------*/
.up-selector-HiddenDataWrapper
{
		display: block;
}

.up-selector-HiddenTriggerWrapper
{
		display: none;
}

/*___________________________________________________
page
---------------------------------------------------*/
#pageHeaderWrapper
{
    height: 50px;
    font-size: 14px;
    color: #000000;
}

#pageContentWrapper
{
    font-size: 10px;
    color: #000000;
}

#pageFooterWrapper
{
    height: 50px;
    width: 100%;
}

/*___________________________________________________
UpGallery
---------------------------------------------------*/
#UpGallery img
{
    margin: 0 5px 5px 0;
    border:1px solid #000000;
}

/*___________________________________________________
UpMap
---------------------------------------------------*/
#UpMap
{
    width: 500px;
    height: 500px;
    border:1px solid #000000;
}

/*___________________________________________________
DynamicContent
---------------------------------------------------*/
.dynamicContentView
{
    display:none;
}

.switchViewSave
{
    text-decoration:underline;
    cursor:pointer;
}

.saveToClipBoardTextArea
{
    font-family:Arial;
    font-size:10px;
    border:1px solid #000000;
    width:600px;
    height:200px;
}

/*___________________________________________________
toolbars
---------------------------------------------------*/
#sectionToolbar
{
    width: 250px;
}

#sectionToolbar ul
{
    width: 225px;
    list-style: none outside none;
}

#sectionToolbar li
{
    width: 225px;
    float: left;
    margin-bottom: 2px;
}

#sectionToolbar ul li a
{
    padding: 4px;
    display: block;
    text-decoration: none;
    background: #E3E3E3;
    line-height: 16px;   
    color: #000000;
}

#sectionToolbar ul li a:hover
{
    color: #ffffff;
    background: #585858;
}

#sectionToolbar ul li a.selected
{
    color:#ffffff;
    background: #3D3D3D;
}

#sectionToolbar ul li a div
{
    float: left;
    width: 19px;
    height: 16px;
    margin: 0 15px 0 10px; 
}

#sectionToolbar ul li a.stabu:hover
{
    color:#ffffff;
    background: #307A63;
}

#sectionToolbar ul li a.stabu.selected
{
    color:#ffffff;
    background: #307A63;
}

#sectionToolbar ul li a.raw:hover
{
    color:#ffffff;
    background: #D30037;
}

#sectionToolbar ul li a.raw.selected
{
    color:#ffffff;
    background: #D30037;
}

#sectionToolbar ul li a.bim-element-bestek:hover
{
    color:#ffffff;
    background: #0083D3;
}

#sectionToolbar ul li a.bim-element-bestek.selected
{
    color:#ffffff;
    background: #0083D3;
}

#sectionToolbar ul li a.spex:hover
{
    color:#000000;
    background: #ffff00;
}

#sectionToolbar ul li a.spex.selected
{
    color:#000000;
    background: #ffff00;
}

#sectionToolbar ul li a.PDF:hover
{
    color:#ffffff;
    background: #88CCFF;
}

#sectionToolbar ul li a.PDF.selected
{
    color:#ffffff;
    background: #88CCFF;
}

/*___________________________________________________
sectionContent
---------------------------------------------------*/
#sectionContent
{
}

#sectionContent ul
{
    margin-left: 12px;
}

.sectionContentView
{
    display:none;
}

/*___________________________________________________
saveTo...
---------------------------------------------------*/
.saveToBasket
{
    display:inline-block;
}

.saveToRealTime
{
    display:inline-block;
}

/*___________________________________________________
Osf
---------------------------------------------------*/

div.saveContainer *
{
    text-decoration: none !important;
}

#sectionToolbar ul li a[href='stabu2']:hover
{
    background: #419D44;
}

#sectionToolbar ul li a[href='stabu2'].selected
{
    background: #419D44;
}

.saveContainer {
    border:1px solid #ccc;
    width:100%;
    float:right;
    padding:5px;
    margin-bottom:20px;
    padding-top: 10px;
}

.saveButton {
    background:#FFFFFF;
    cursor:pointer;
    display:block;
    margin-bottom:5px;
    text-decoration:none;
}

.icon-suf {
    background: #419D44;
    width: 32px;
    color: white;
    border-radius: 6px;
    text-align: center;
    margin-right:10px;
    font-size:10px;
}

.icon-osf {
    background: #E50000;
    width: 32px;
    color: white;
    border-radius: 6px;
    text-align: center;
    margin-right:10px;
    font-size:10px;
}

.icon-rsx {
    background: #E50000;
    width: 32px;
    color: white;
    border-radius: 6px;
    text-align: center;
    margin-right:10px;
    font-size:10px;
}

.icon-txt {
    background: #14214E;
    width: 32px;
    color: white;
    border-radius: 6px;
    text-align: center;
    margin-right:10px;
    font-size:10px;
}

.copy {
    border-top: 1px solid #F2F2F2;
    margin-left: 2px;
    margin-top: 7px;
    margin-bottom: 4px;
    padding-top: 8px;
}

#suf_content, #sufx_content {
    border:1px solid #419D44;
    height:225px;
    overflow: auto;
    margin-right:25px;
    width: 330px;
    background: #ECF7ED;
}

#txt_content {
    border:1px solid #14214E;
    height:225px;
    overflow: auto;
    margin-right:25px;
    width: 330px;
    background: #D7E1FF;
}

#osf_content_stabu2, #osf_content_bimspex {
    border:1px solid #E50000;
    height:225px;
    overflow: auto;
    width: 330px;
    background: #FDEFEE;
}

.saveToFileOrPdf
{
    text-decoration: none;
    color: #6B6B6B;
    cursor: pointer;
}

div#c3a a.saveToFileOrPdf
{
    color: #ffffff;
    background: #585858;
    padding: 2px 5px;
    cursor: pointer;
}

table#html *  {font-size: 12px; line-height: 18px;}

div.viewContent #html tr.osf-post-bouwdeel-row td {color: #000080}
div.viewContent table#html tr.osf-post-bouwdeel-row, div.viewContent table#html tr.osf-post-specificatie-row {color: #000080}
div.viewContent tr.osf-post-spacer-row {height: 18px}

div.viewContent tr.osf-post-hoofdstuk-row td, tr.osf-post-element-row td {height: 20px}
div.viewContent tr.osf-post-paragraaf-row td {height: 20px}
div.viewContent tr.osf-post-subelement-row td {height: 20px}
div.viewContent tr.osf-post-elmbouwdeel-row td {height: 20px}

div.viewContent td {vertical-align: top}
div.viewContent  td.osf-kol1 {width: 100px}
div.viewContent  td.osf-kol2 {width: 25px}
div.viewContent  td.osf-kol3 {width: 25px}
div.viewContent  td.osf-kol4 {width: 450px}
    
div.viewContent tr.osf-post-specificatie-row td.osf-kol3 {height: 20px}
div.viewContent tr.osf-post-specificatie-row td.osf-kol4 {margin: 0px;padding: 0px}
div.viewContent tr.osf-post-invultekst-row td.osf-kol4 {color: #008000}
div.viewContent tr.osf-post-bestekpost-row td {height: 20px}
div.viewContent tr.osf-post-bouwdeel-row td { color: #000080}
    
div.viewContent span.osf-schraptekst {color: #008000;margin: 0px;padding: 0px}
div.viewContent span.osf-vastetekst, span.osf-invultekst {color: #800000}
div.viewContent span.osf-rubriekvastetekst {color: #2B2B28}

/*___________________________________________________
BWB
---------------------------------------------------*/

div.viewContent table#html tr.osf-post-header-row td {padding-top:12px}
div.viewContent table#html tr.osf-post-hoofdstuk-row td {padding-top: 12px}
div.viewContent table#html tr.osf-post-paragraaf-row td {padding-top: 12px}
div.viewContent table#html tr.osf-post-elmbouwdeel-row td {padding-top: 12px}
div.viewContent table#html tr.osf-post-subbouwdeel-row td {padding-top: 12px}
div.viewContent table#html tr.osf-post-werksoort-row td {font-weight: bold}

div.viewContent table#html .bwbgreen {color: #008000}
div.viewContent table#html .bwbred {color: #800000}
div.viewContent table#html .bwbblack * {color: #000000 !important}

/*___________________________________________________
Suf
---------------------------------------------------*/

.suf-schraptekst
{
    color: #008200;
}
.suf-vrijeinvultekst
{
    color: #840000;
}
.suf-bouwdeel
{
    color: #000084;
}
.suf-bouwdeel .suf-vrijeinvultekst
{
    color: #00166E;
}
.suf-kol1
{
    width: 75px;
}
.suf-kol2
{
    width: 50px;
}
.suf-kol3
{
    width: 38px;
}
.suf-kol4
{
    width: 500px;
}
.suf-post-header-row td
{
    font-weight: bold;
}
.suf-post-header-kol1
{
}
.suf-post-header-kol2
{
}
.suf-post-header-kol3
{
}
.suf-post-header-kol4
{
}
.suf-post-footer-row
{
}

/*___________________________________________________
RAW
---------------------------------------------------*/
.kolom_empty
{
}

.kolom_bpost
{
    padding:0 10px 0 0;
}

.kolom_hoofdcode
{
    padding:0 10px 0 0;
}

.kolom_deficode
{
    padding:0 10px 0 0;
}

.kolom_hoofdtekst
{
    padding:0 10px 0 0;
}

.kolom_romptekst
{
    padding:0 10px 0 0;
}

.kolom_tekstblok
{
    padding:0 10px 0 0;
}

.kolom_eenheid_res_verpl
{
    padding:0 10px 0 0;
}

.kolom_hoeveelheid_res_verpl
{
    padding:0 10px 0 0;
}

.kolom_kenmerk_res_verpl
{
    padding:0 10px 0 0;
}

.kolom_eenheid_bouwstof
{
    padding:0 10px 0 0;
}

.kolom_hoeveelheid_bouwstof
{
    padding:0 10px 0 0;
}

.kolom_kenmerk_aard
{
    padding:0 10px 0 0;
}

/**********
*** C3A ***
**********/

div#c3a
{
    float:left;
}

div#c3a h1
{
    font-size: 12px;
}

div#c3a h1, div#c3a h2, div#c3a h3
{
    margin-bottom: 15px;
}

div#c3a h1, div#c3a h2, div#c3a h3, div#c3a h5, div#c3a h7
{
    float: left;
    display: block;
    width: 100%;
}

div#c3a br
{
    display: block;
    content: " ";
}

div.c3a h1
{
    float: left;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
}

div.c3a h2
{
    float: left;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}

div.c3a h3
{
    float: left;
    display: block;
    width: 100%;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

div.c3a h3 *
{
    font-size: 14px;
}

h3.artikeldata span.artikelnummer, h3.artikeldata span.artikeltitel
{
    margin-right: 15px;
}

div.c3a h5
{
    float: left;
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    text-decoration: underline;
}

div.c3a h7
{
    float: left;
    display: block;
    width: 100%;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
}

div.c3a h7 *
{
    font-size: 11px;
}