﻿body 
{ 
    background-color:  #FFFFFF;
}

h1
{
    display: none;
}

div.header
{
    height: 40px;
}

/* Login */

div.fwLogin,
div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel input,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel input,
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input 
{
    border-color: #005A87;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-TitlePanel
{
    background-color: #005A87;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input
{
    background-color: #005A87;
    font-weight: bold;
}

div div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel
{
    margin-bottom: 20px;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel label,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel label
{
    color: #000000;
}

div div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel
{
    margin-right: 0px;
}

div.fwLogin,
div.quickLogin
{
    margin: 0px auto;
}

div.fwLogin
{
    margin-top: 200px;
}

div.buiten_onder
{
    margin-top: 50px;
}

/**** PASWOORD WIJZIGEN ***/

div.change_pwd_form span.login_msg_title
{
    background-color: #005A87;
}

div.change_pwd_form div.row input
{
    border-color: #005A87;
}

div.change_pwd_form div.row label
{
    color: #000000;
}

div.change_pwd_form div.submit_row input
{
    background-color: #005A87;
}

div div.change_pwd_form span.login_msg_title,
div div.change_pwd_form div.submit_row input
{
    background-color: #005A87;
    border-bottom: 1px solid #000000; 
}

div div.change_pwd_form div.row input,
div div.change_pwd_form
{
    border: 1px solid #000000;
}

/** EINDE PASWOORD WIJZIGEN **/


/* MENU */

div.RadMenu 
{
    border: 1px solid #000000; /* Zwarte border, we willen een omlijning */
}

div.header div.menuContainer div.RadMenu ul.rmRootGroup li.rmItem
{
    border-right: 1px solid #000000; /* Menu items van elkaar scheiden door een zwart lijntje */
}

div.header div.menuContainer div.RadMenu ul.rmRootGroup li.rmLast
{
    border-right: 0; /* Zwart lijntje niet van toepassing op het laatste menu-item (meest rechtse).*/
}

/* 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: #005A87;
}

/* 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 #000000;
}
