﻿/* Site Master Division Cascading Style Sheet */
/* */
/* In dit Style Sheet worden alleen de divisions vermeld */
/* waar in de "Site.master"-Page naar verwezen wordt. */
/* Ver. 1.0 Rev. KA-JoZs. */
/* copyright 2010 "Milieu Centraal" / "Knowledge Activators" */
html {
    min-height: 100%;
    height: 100%;
    overflow: auto;
    }
body {
    font-family: Helvetica, Arial, sans-serif;
    font-family: Arial, sans-serif;
    font-size: 70%;
    height: 100%;
    min-height: 100%;
    margin: 0 0 0 0;
    border-style: none;
    overflow: visible;
    /* Pas op! Gebruik hier geen: overflow: hidden; */
}
    /* Voor een verschaalbaar ontwerp gebruik een percentage van het */ 
    /* brouser-window breedte. Bijvoorbeeld: width: 70%; */
    /* Voor een vaste breedte gebruik bijvoorbeeld: width: 830px; */ 
    /* Voor een breedte afhankelijk van de lettergroote gebruik bijvoorbeeld: width: 60EM; */
    /* Bij een page breedte van 70% (width: 70%) kan dit bijvoorbeeld 10% zijn (margin: 0 0 0 10%). */
    /* Division "window" neemt de zelfde afmetingen aan als het Browser window */
div#window {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.5%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: visible;
    }
div#scalable_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index: 1;
    }
div#page {
    position: relative;
    width: 72em;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #FFE8C6;
    background-color: White;
    overflow: hidden;
    z-index: 2;
    }
/* De Developer Toolbar is uitsluitend */
/* bestemd voor een ontwikkel omgeving. */
/* In de .skin file moet Visible="False" */
/* zijn voor "DdlDomein" en "DdlDoelgroep" */
div#Developer_ToolbarMDIV {
    position: absolute;
    top: 0;
    left: 25%;
    height: 1.5em;
    width: 70%;
    background-color: Transparent;
    font-size: 0.8EM;
    overflow: visible;
    z-index: 1;
    }
.development {
    font-size: 0.9EM;
    color: #999999;
    text-decoration: none;
    }
div#Top_Mdiv {
    position: absolute;
    top: 0;
    left: 0;
    height: 5.5em;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_LogoLinks_Mdiv {
    position: absolute;
    top: 0;
    left: 2%;
    height: 100%;
    width: 23%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_LogoLinks_Links_Mdiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 15.2em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: visible;
    z-index: 3;
    }
div#Top_LogoLinks_KOP1_Mdiv {
    position: absolute;
    top: 1.8em;
    left: 0%;
    width: 13.5em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
    text-align: right;
    z-index: 0;
    }
div#Top_LogoLinks_KOP2_Mdiv {
    position: absolute;
    top: 1.8em;
    left: 0%;
    width: 13.5em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
    text-align: right;
    z-index: 10;
    }
div#Top_FotoFrame1_Mdiv {
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 14%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_Foto1_Mdiv {
    float: left;
    height: 100%;
    width: 90%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
    z-index: 1;
    }
div#Top_FotoFrame2_Mdiv {
    position: absolute;
    top: 0;
    left: 39%;
    height: 100%;
    width: 14%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_Foto2_Mdiv {
    float: left;
    height: 100%;
    width: 90%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_FotoFrame3_Mdiv {
    position: absolute;
    top: 0;
    left: 53%;
    height: 100%;
    width: 14%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_Foto3_Mdiv {
    float: left;
    height: 100%;
    width: 90%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_FotoFrame4_Mdiv {
    position: absolute;
    top: 0;
    left: 67%;
    height: 100%;
    width: 14%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
}
div#Top_Foto4_Mdiv {
    float: left;
    height: 100%;
    width: 90%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    overflow: hidden;
    }
div#Top_LogoRechts1_Mdiv {
    position: absolute;
    top: 25%;
    left : 82%;
    height: 3em;
    width: 9em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    z-index: 0;
    }
div#Top_LogoRechts2_Mdiv {
    position: absolute;
    top: 25%;
    left : 82%;
    height: 3em;
    width: 9em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    border-style: none;
    z-index: 10;
    }
div#titel_balk_Mdiv {
    position: absolute;
    top: 6.1em;
    left: 25%;
    height: 2em;
    width: 75%;
    margin: 0% 0% 0% 0%;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
    background-color: #FF9900;
    z-index: 2;  
}
div#navigatieMDIV {
    position: absolute;
    top: 8.5em;
    left : 2%;
    height: 85%;
    width: 23%;
    }
div#inhoudMDIV {
    position: absolute;
    top: 8.5em;
    left : 25%;
    height: 82%;
    width: 75%;
    overflow: hidden;
    z-index: 1;
    }
div#bottomMDIV {
    position: absolute;
    top: 99%;
    left : 0%;
    height: 0%;
    width: 100%;
    font-size: 0.9EM;
    color: White;
    line-height: 1.0EM;
    background-color: #874baf;
    overflow: hidden;
    }