/* KLEUREN

blauw       : #0000ff;
licht-blauw : #7373ff;
donker-blauw: #3030bf;
heel-donk-bl: #0000a6;

*/







/* voor dnn titels */
/* .holder_foto_A2_edit .SubHead,
.holder_foto_B2_edit .SubHead, */



.FotoPane .SubHead
{
    color:#000000; padding:1px;
    background-color:#ffffff; font-weight:normal;
}




.FotoImg
{
    position:absolute;
    overflow:hidden;
    width:800px; height:800px;
}


.FotoHolder
{
    float:left;  margin-top:10px; margin-left:10px;
    width:175px; height:135px; /* 3:2 */
    position:relative; overflow:hidden;
}


.FotoPane
{
    height:125px; width:175px; padding:0px; margin:0px; border:none; 
    z-index:0;
    overflow:hidden; background-color:#ffffff;
    border:solid 2px #0000a6;
}





        /* ------------ ------------ CONTAINERS begin ------------ ------------ */
        
        
         
        
        .contentInner
        {
        }
        
      
        

        /* ------------ ------------ RECHTER BALK begin ------------ ------------ */
        
        .contentRechterBalk
        {
            color:#ffffff;
            background-color:Transparent;
            margin:0px; padding:0px;
        }


 




/* ======================================================== DNN CONTENT ======================================================== */




.Normal
{
       text-align:left; font-family:Arial; font-size:12px; vertical-align:top;
       line-height:167%;
       margin:0px; padding:0px;
}

h1 { font-size:20px; font-family:Arial; font-weight:bold; color:#3030bf; margin:0px; }


A:link, A:visited, A:active { color:#0000ff; font-weight:bold; text-decoration:none; }
A:hover { color:#7373ff;  font-weight:bold; text-decoration:none; }




.NormalBlack
{
       text-align:left; font-family:Arial; font-size:12px; vertical-align:top;
       line-height:167%; color:#ffffff;
       margin:0px; padding:0px;
       width:100%;
       background-color:#000000;
       background-image:url(images/container_schoolbord.jpg); background-repeat:repeat;
       background-position:left top;
}
.NormalBlack h1, .NormalBlack h2, .NormalBlack h3
{ color:#ffffff; }

.NormalBlack A:link, .NormalBlack A:visited, .NormalBlack A:active { color:#9999ff; font-weight:bold; text-decoration:none; }
.NormalBlack A:hover { color:#ccccff;  font-weight:bold; text-decoration:none; }




.photo-frame { margin:0px; padding:0px; border:none; }
.photo-frame .topx-- { margin:0px; padding:0px; border:none; }
.photo-frame .top-x- { margin:0px; padding:0px; border:none; }
.photo-frame .top--x { margin:0px; padding:0px; border:none; }
.photo-frame .midx-- { margin:0px; padding:0px; border:none; }
.photo-frame .mid--x { margin:0px; padding:0px; border:none; }
.photo-frame .botx-- { margin:0px; padding:0px; border:none; }
.photo-frame .bot-x- { margin:0px; padding:0px; border:none; }
.photo-frame .bot--x { margin:0px; padding:0px; border:none; }


.FotoHolderBoven div,
.FotoHolderBoven p,
.FotoHolderBoven td,
.FotoHolderBoven img
{ margin: 0px !important; vertical-align:top; }
.FotoHolderBoven img {border: 0px !important}





/* ======================================================== HTML ======================================================== */



html  {  margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; height:100%; }
body {  margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; height:100%; 
        background-image:url(images/bg_shadow.png);
    background-repeat:repeat-y; background-position:center top;
    }



td, tr, div
    {
        text-align:left; font-family:Arial; font-size:12px; vertical-align:top; margin:0px; padding:0px;
        line-height:167%;
    }




/* ======================================================== PAGINA INDELING ======================================================== */

.BG
{
}


.pane_pagina /* out of use */
{
    background-image:url(images/bg_shadow.png);
    background-repeat:repeat-y; background-position:center top;
    background-color:#e0e0e0;
    height:100%;
    width:100%;
    text-align:center;
}

.pane_table
{
    width:1000px; height:100%; /* 980px + boder_left + border_right = 994px; */
}




/* ------------ schaduw vlakken in tint basiskleur ------------ */
.border_left
    { width:10px; background-color:Transparent; }
.border_right
    { width:10px; background-color:Transparent; }



/* ======================================================== HEADER ======================================================== */

.pane_header_TR
{
    height:135px;
}

.pane_header
{
    height:135px;
    background-image:url(images/header_bg.png);
    background-position:left top;
    background-repeat: no-repeat;
}

        /* ------------ header: logo en twee foto's in circles ------------ */
        
        .header_holder_logo
        {
            float:right; height:135px; width:135px; margin-top:9px;
            
        }

        .header_logo
        {
            width:125px; height:125px; background-repeat:no-repeat; background-position:center center;
            background-image:url(images/logo_Albert_Schweitzerschool.png); background-repeat:no-repeat;
            border:solid 2px #00007a;
            background-color:#ffffff;
        }
        
        
        
        
.HeaderTekst
{
    color:#ffffff;
    float:left;  padding-top:20px; margin-left:30px; padding-right:20px;
    
    position:relative; overflow:hidden;
}

.HeaderTekst_link:link, .HeaderTekst_link:active, .HeaderTekst_link:visited
{
    color:#ffffff; font-weight:normal;
}


.HeaderTekst_link:hover
{
    color:#ccccff; font-weight:normal;
}


/* ------------ header MENU ------------ */


.border_HR2px
{
    background-color:#0000a6;height:2px;
}


        .header_menu_paddingleft
        {
            margin-left:163px;
            height:30px;
        }

        .header_menu
        {
            background-color:#0000a6;
            background-image:url(images/menubalk.png); background-repeat:repeat-x; background-position:left top;
            color:#ffffff; font-weight:bold; 
            height:30px; padding-top:0px;
            width:994px;
        }


        .header_menu_css
        {
            padding-left:0px; padding-top:0px;  cursor:default;
            border-left:solid 2px #00007a;
            height:30px;
        }




/* ======================================================== MAIN ======================================================== */

/* --- kolom links --- */

.pane_left
{
    width:165px; height:100px;
    background-color:#7373ff;
    background-image:url(images/menuleft_bg.png); background-repeat:no-repeat; background-position:left top;
}


.pane_left_bottom
{
    width:165px;
    vertical-align:bottom; padding-bottom:40px;
    background-color:#7373ff; /* 0000a6 */
    
    background-image:url(images/zwarte_schaduw_onder.png);
    background-position:left bottom; background-repeat:repeat-x;
}


        .submenu_css
        {
            padding-left:25px; padding-top:15px;  cursor:hand; color:#ffffff;
        }


        .holder_foto_C1
        {
            height:300px; width:165px;
            background-position:center center;
        }
        .holder_foto_C2
        {
            height:300px; width:165px;
            background-image:url(images/circle_ROOD.png); background-repeat:no-repeat; 
             background-position:-350px -250px;/* background-position:-550px -250px; */
        }



/* --- kolom rechts --- */

.pane_right
{
}

        .holder_foto_D1
        {
            height:265px; width:135px;
            background-position:center center;
        }
        .holder_foto_D2
        {
            height:265px; width:135px;
            background-image:url(images/circle_CYAAN.png); background-repeat:no-repeat;
            /* background-position:0px -300px; */ background-position:-270px -300px;
        }





.zwarte_schaduw_onder
{
    background-image:url(images/zwarte_schaduw_onder.png);
    background-position:left bottom; background-repeat:repeat-x;
}



/* --- main content --- */


.pane_content
{
    width:845px;
    margin:0px; padding:0px;
    background-color:#ffffff;
}






/* ======================================================== FOOTER ======================================================== */


.footer_line_height { height:2px; }
.footer_line { height:2px; background-color:#0000a6; padding-top:0px; }

.footer_pane_height
{
    height:15px;
}
.footer_pane
{
    width:980px;
    background-image:url(images/footerbalk.png); background-repeat:repeat-x; background-position:left bottom;
    background-color:#ffffff;
}


.footer_login
{
    width:165px;
    text-align:center;
}


.footer_login_dnn, .footer_login_dnn:link, .footer_login_dnn:visited, .footer_login_dnn:active
{
    font-size:15px; width:24px; height:15px; background-image:none;
}

.footer_login_dnn:hover
{
    font-size:15px; width:24px; height:15px; background-repeat:no-repeat; background-position:center center; background-image:url(images/login.png); 
}




/* --- HTML --- */















/* ======================================================== DNN MENUS ======================================================== */


/* ---------------------------------------------------------- TOPMENU (RadMenu) geen popups ---------------------------------------------- */


.RadMenu_TOPMENU
{
    padding:0px; margin:0px; 
    
}

.RadMenu_TOPMENU .rootGroup
{
    padding:0px; margin:0px; 
}

 .RadMenu_TOPMENU .rootGroup .text
{
    font-weight:bold; font-size:12px; text-decoration:none;
}



.RadMenu_TOPMENU .rootGroup .link
{
    /* float:left; /* om min breedte */
    padding-right:10px; padding-left:10px; padding-top:4px; padding-bottom:4px;
    color:#ffffff;cursor:hand;
    background-color:Transparent;
    border-right:solid 2px #0000a6;
}



.RadMenu_TOPMENU .rootGroup .link:hover,
.RadMenu_TOPMENU .rootGroup .focused,
.RadMenu_TOPMENU .rootGroup .expanded
{
    color:#0000ff;
    background-color:#ffffff;
    background-image:url(images/menu_fade.png); background-position:left bottom; background-repeat:repeat-x;
    text-decoration:none; cursor:hand;
    border-right:solid 2px #0000a6;
}

/* ----------------- TOPMENU  POPUP ----------------- */  

/* vvvvvvvvv niet gebruikt vvvvvvvvvv 

.RadMenu_TOPMENU .group
{
    background-color:#ee2222;
}
.RadMenu_TOPMENU .group .text
{
     margin-left:10px; margin-right:20px; text-align:left; 
}*/




/* ----------------- LEFTMENU ----------------- */

.submenu_css
{
    padding:0px; margin:0px; cursor:default;
}

/* ------------------------------------------------------------ LEFTMENU (RadPanelBar) ---------------------------------------------- */

.RadPanelBar
{
    width: 165px !important;  
    border-width:0px !important;
    font-family:Arial; 
    font-size:12px; 
    font-weight:bold; 
    line-height: 120% !important;
    margin-top:10px;
        border-top-style:solid;
        border-top-width:2px!important;
        border-top-color:#0000a6;

    }

.rpRootGroup       
{  border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important;  border-color:#ffffff; }
.rpItem   { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important; }
.rpLink
{
    background-color:#0000ff;
    background-image:url(images/menuleft.png); background-position:left bottom; background-repeat:repeat-x;
    padding:0px !important; margin:0px !important;
                                     border-bottom-style:solid;
                                 border-bottom-width:2px!important;
                                 border-bottom-color:#0000a6;

     }
.rpOut		  { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important;  border-color:#ffffff; }
.rpText		  { border-style:none; border-width:0px !important; border-color:#ffffff; padding-left: 0px !important;  }


.rpRootGroup .rpText {padding-top:8px!important; padding-bottom:8px!important; padding-left:10px!important; padding-right:5px!important; }
.rpGroup .rpText {padding-top:0px!important; padding-bottom:0px!important; padding-left:20px!important; padding-right:5px!important; }



.rpExpandable {border-style:none; border-width:0px !important; }
.rpSlide      {border-style:none; border-width:0px !important; }



/* root-knop : normal */
.menupanel_root { color:#ffffff!important; text-decoration:none; text-decoration:none!important;  border-bottom:solid 2px #0000a6; }
/* root-knop : active */
.menupanel_root_hover { color:#0000a6!important; text-decoration:none; background-color: #ffffff; 
                                background-image:url(images/menuleft_over.png); background-position:left bottom; background-repeat:repeat-x; 
                                 border-bottom-style:solid;
                                 border-bottom-width:2px!important;
                                 border-bottom-color:#0000a6;
                                }

/* sub-knop : normal */
.menupanel_subpage { color:#ffffff!important; font-weight:normal!important; text-decoration:none!important; /*line-height:25px;*/}
/* sub-knop : active */
.menupanel_subpage_hover { color:#ffbf00!important; background-color:#ffffff!important; 
                           background-image:url(images/menu_fade_rood.png); background-position:left bottom; background-repeat:repeat-x; 
                           font-weight:normal!important; text-decoration:none;   /*line-height:25px;*/}




/* ---------------------------------------------------- LEFTMENU ADMIN met popups (RadMenu) ---------------------------------------------- */



.RadMenu_LEFTMENU
{
    padding:0px; margin:0px;
    width:165px;
}

.RadMenu_LEFTMENU .rootGroup
{
    padding:0px; margin:0px; width:165px;
        height:auto;
}

.RadMenu_LEFTMENU .rootGroup .text
{
    font-size:12px; text-decoration:none; 
    padding-top:5px; padding-bottom:5px; margin-left:10px; margin-right:10px;
    width:145px; display:block; white-space:normal;
}



.RadMenu_LEFTMENU .rootGroup .link
{
    cursor:hand;
    background-color:Transparent; color:#ffffff;
    border-top:dotted 1px #ffffff; 
}

.RadMenu_LEFTMENU .rootGroup .last
{
    border-bottom:dotted 1px #ffffff; 
    margin-bottom:5px; 
}

.RadMenu_LEFTMENU .rootGroup .link:hover,
.RadMenu_LEFTMENU .rootGroup .focused,
.RadMenu_LEFTMENU .rootGroup .expanded
{
    text-decoration:none; cursor:default;
    width:145px;
    color:#ffbf00;
}


.RadMenu_LEFTMENU .group
{
    background-color:#ee2222;
    width:270px; /* = 2x rechter pane */
    margin:0px; padding:0px;
}
.RadMenu_LEFTMENU .group .text
{
    text-align:left; margin:0px; padding:0px; display:block;
}

.RadMenu_LEFTMENU .slide, .RadMenu_LEFTMENU .slide .slide, .RadMenu_LEFTMENU .slide .slide .slide
{
    border:solid 2px #ffffff; margin:0px; padding:0px;
}

.RadMenu_LEFTMENU .group .link,
.RadMenu_LEFTMENU .group .link:hover,
.RadMenu_LEFTMENU .group .link:focused,
.RadMenu_LEFTMENU .group .link::expanded
{
    border-top:none; 
    margin:0px; padding:0px;
}


.RadMenu_LEFTMENU .group .last
{
    border-bottom:none; margin:0px; padding:0px;
}

.RadMenu_LEFTMENU .expandLeft, .RadMenu_LEFTMENU .expandRight
{
}

/* ----------------- sub-sub-menu's ---------------- */

.RadMenu_LEFTMENU .group
{
    background-color:#ee2222;
    width:270px; /* = 2x rechter pane */
    margin:0px; padding:0px;
}
.RadMenu_LEFTMENU .group .text
{
     text-align:left; margin:0px; padding:0px; display:block;
}

.RadMenu_LEFTMENU .slide, .RadMenu_LEFTMENU .slide .slide, .RadMenu_LEFTMENU .slide .slide .slide
{
    border:solid 2px #ffffff; margin:0px; padding:0px;
}

.RadMenu_LEFTMENU .group .link,
.RadMenu_LEFTMENU .group .link:focused,
.RadMenu_LEFTMENU .group .link:expanded
{
    padding:3px; margin:2px;
    width:270px; 
    background-color:#ee2222; color:#ffffff;
}

.RadMenu_LEFTMENU .group .link:hover
{
    padding:3px; margin:2px; cursor:hand;
    width:270px; 
    background-color:#ffffff!important; color:#ffbf00;
    background-image:url(images/menu_fade_rood.png); background-position:left bottom; background-repeat:repeat-x; 
}


.RadMenu_LEFTMENU .group .last
{
    border-bottom:none; margin:0px; padding:0px;
}

.RadMenu_LEFTMENU .expandLeft, .RadMenu_LEFTMENU .expandRight
{
}