body 
{
    background-color: #FFFFFF;
    padding: 3px 10px 10px 10px;
}

div.header
{
    border-bottom: 1px solid black;
    
    height: 95px;
}


div.header h1
{
    text-indent: -5000px;
    height: 0px;
}

div.header div#headerlogos
{
    height: 95px;
}

div.header div#headerlogos a
{
    text-decoration: none;
}

div.header div#headerlogos a#lnkSb
{
    margin-right: 22px;
}


div.menuContainer
{
    height: 27px;
    
    position: absolute;
    margin-left: 380px;
}


div.menuContainer div.RadMenu_TRS
{
    position: static;
}

h2
{
    margin-right: 10px;
    float: right;
    margin-bottom: 10px;
}


/* Zorgt ervoor dat de SelectControl niet over de (rechts gefloate) h2 komt (zowel voor ssb-specifiek als voor framework pagina's). */
div.pnlSelect
{
    clear: both;
}


p.hometext 
{
    margin: 0px auto;
    text-align: center;
    padding: 50px;
}


div.header div.menuContainer div.RadMenu
{
    float: none;
    left: 390px;
    width: auto;
}


/* Overrides op fw verkleuring, zie fwcommon voor uitleg. */

div.menuContainer div.RadMenu,
/* De children van een opgeklapt item, dus de uitgeklapte items. */ 
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup
{
    background-color: #006D87;
}

/* De children van een opgeklapt item, dus de uitgeklapte items. */ 
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a,
/* Label in menu-items met een checkbox */
div.menuContainer div.RadMenu ul.rmGroup li.sysCheckbox label
{
    color: White;
}

/* Hover over root-menu-items. */
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem a.rmLink:hover,
/* Tijdens het klikken op een menu-item (root en child). */
div.menuContainer div.RadMenu li.rmItem a.rmFocused,
/* Een opengeklapt (root-)item. */
div.menuContainer div.RadMenu li.rmItem a.rmExpanded
{
    background-color: White;
}

/* Hover over root-menu-items. */
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem a.rmLink:hover,
/* Link tijdens het klikken op een menu-item (root en child). */
div.menuContainer div.RadMenu li.rmItem a.rmFocused,
/* Link van een opengeklapt (root-)item. */ 
div.menuContainer div.RadMenu li.rmItem a.rmExpanded
{
    color: Black;
}


div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a.rmLink:hover,
/* De fw achtergrondkleur van een aangeklikt item is ook wit, dus ook daarvoor zwarte tekstkleur. */
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a.rmFocused
{
    /* De achtergrondkleur volgt de witte framework achtergrondverkleuring, maar de default tekstkleur in de menu van SSB */
    /* is wit */
    color: Black;
}


/* Geen borders rond de list-items. */
div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem 
{
    border: 0px solid #FFF;
}



input.debugImage
{
    /* De luis altijd in de rechter-benedenhoek van de browser. */
    position: fixed;
    right: 0;
    bottom: 0;
}


p.footer
{
    text-align: center;
    
    background-color: #f1f1f1;
    
    margin: 45px 180px 0px 180px;
    padding: 10px;
}


/* Berichten */
/* ========= */

div.berichtenWrap
{
    width: 601px;
}


/* Popups */
/* ====== */

/* Controls in edit popup krijgen een beetje padding geven. */
div.editable_ff,
div.pnlNota,
div.pnlGebruikersSelect /* deze zijn niet voor popup, maar mogen toch ook de padding krijgen. */
{
    padding: 22px 15px 15px 15px;
}

div.editable_ff,
div.berichtenWrap
{
    margin: 0px auto;
}


div.pnlConfirm input.button 
{
    width: 80px;
}


/* Landen */
/* ====== */

/* Overrides op fw landen select */
div div.pnlLandenSelect
{
    width: 548px;
    padding-top: 0px; /* padding-top van editable_ff overriden omdat de 'selecteer' knop in lookup tussen de rand van de popup en de ff komt */
}


div div.pnlLandenSelect div.row
{
    padding-bottom: 0px; /* 2px onder normale hier weg doen, want er is maar 1 rij. */
}


div div.pnlLandenSelect div.row div.col
{
    width: 209px;
    margin-right: 25px;
}

div div.pnlLandenSelect div.row div.btnSearch
{
    width: auto;
    margin-right: 0px;
}

div div.pnlLandenSelect div.row div.col label
{
    width: 41px;
}


div div.pnlLandenSelect div.row div.colNaam input.naam,
div div.pnlLandenSelect div.row div.colCode input.code
{
    margin-left: 45px;
}

div div.pnlLandenSelect div.row div.btnSearch input.submit
{
    margin-right: 0px;
}


/* Welkom */
/* ====== */

div.pnlContent 
{
    padding: 45px 180px 0px 180px;
}

div.pnlContent p.onderhoud,
div.pnlContent div.info div.info-lang
{
    margin-bottom: 45px;
}

div.pnlContent h3
{
    font-size: 14px;
    margin-bottom: 15px;
}

div.pnlContent p.onderhoud
{
    padding: 15px;
    background-color: #FFF8C6;
    font-weight: bold;
    color: Red;
}



/* Alle paragrafen (incl. contactgegevens) */
div.pnlContent p,
div.pnlContent div.info div.info-lang ul li
{
    line-height: 18px;
}

/* Enkel paragrafen in de twee tekstblokken */
div.pnlContent div.info div.info-lang p
{
    margin-bottom: 10px;
}

div.pnlContent div.info div.info-lang ul
{
    margin-left: 20px;
    margin-bottom: 20px;
}

div.pnlContent div.info div.info-lang p a:hover
{
    color: #C2B60E;
}


div.pnlContent div#documents
{
    padding: 0px 25px 25px 25px;
    height: 200px;
}

div.pnlContent div#documents div.leaflet
{
    float: left;
    margin-right: 5px;
}

div.pnlContent div.pnlContact
{
    clear: both; /* niet floaten naast het laatste document */
}


div.leaflet
{
    text-align: center;
    width: 150px;
    padding: 7px;
    
    color: #737679;
    background-color: #F1F1F1;
}

div.leaflet p,
div.leaflet p a
{
    font-size: 12px;
}


div.leaflet p
{
    margin-bottom: 7px;
}


div.leaflet p.title
{
    font-weight: bold;
}

div.leaflet p.image img
{
    border: 1px solid #C2B60E;
}

div.leaflet p.docInfo
{
    line-height: 16px;
    vertical-align: middle;
}

div.leaflet p.docInfo a
{
    color: #C2B60E;
    text-decoration: none;
}

div.leaflet p.docInfo a,
div.leaflet p.docInfo span
{
    
}

div.leaflet p.docInfo a:hover
{
    text-decoration: underline;
}

div.pnlContact
{
    /*height: 75px;*/
    margin: 10px;
    padding: 15px;
    
    border: 1px solid black;
}

div.pnlContact h4
{
    margin-bottom: 10px;
}


div.pnlContact div.jh
{
    float: right;
}


/* Change password */
/* =============== */

div.change_pwd_form span.login_msg_title,
div.change_pwd_form div.submit_row input
{
    background-color: #02708B;
}

div.change_pwd_form div.row input
{
    border-color: #354B62;
}

div.change_pwd_form div.row label
{
    color: #354B62;
}

body form i.bi-eye-slash 
{
    font-size: 25px;
    margin-left: 298px;
    margin-top: -24px;
}

/* Misc */
/* ==== */

/* Boodschap die weergegeven wordt bij readable xml bericht indien xml leeg is. */
p.msgNotFound
{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 100px;
}

div.iu_buttons,
div.pnlExportButtons,
div.pnlButtons
{
    float: right;
    margin: 0 auto;
    margin-top: 10px;    
}

div.iu_buttons input.button,
div.pnlExportButtons input.button
{
    margin-left: 4px;
}

/* Notification control */
.notificationContainer {
    width: auto;
    padding: 5px;
    display: table-cell;
    vertical-align: middle
}

.notificationContainer .imageContainer, 
.notificationContainer .melding {
    text-align: left;
    padding: 8px;
    display: table-cell;
    vertical-align: middle
}

.notificationContainer img {
    vertical-align: middle;
}

.notificationContainer .melding
{
    font-size: 13px;
    font-weight: bold;
}