/* ==========================================================================
   1. Basis & Resets
   ========================================================================== */
* {
    margin: 0; 
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 0.850em;
    line-height: 1.3em;
    color: #000000;
    background-color: #FFFFFF;
}

h2 { font-size: 11.9px; }
h3 { margin-top: 15px; margin-bottom: 5px; }
p { margin-top: 0; margin-bottom: 5px; }

img { 
    border: 0; 
    max-width: 100%; 
    height: auto;
}

ul, li {
    margin-left: 15px;
    display: block;
}

/* Links algemeen */
a:link, a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
a:hover { text-decoration: underline; }

/* ==========================================================================
   2. Layout & Structuur
   ========================================================================== */
#container {
    max-width: 960px;
    margin: auto;
    background-color: #FFFFFF;
    text-align: left;
}

div.center {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
    background: #FFFFFF;
}

#header {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #FFFFFF;
}

#content {
    width: 594px;
    min-height: 400px;
    text-align: left;
    background-color: #FFFFFF;
    padding-left: 4px;
    padding-top: 10px;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

#menu {
    text-align: left;
    background-color: #FFFFFF;
    width: 180px;
    line-height: inherit;
}

#wistudat {
    background-color: #FFFFFF;
    text-align: left;
    width: 176px;
    margin-left: 4px;
}

#footer {
    background-color: #666666;
    height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
    margin-bottom: 25px;
}

/* ==========================================================================
   3. Navigatiebalk (#navibar)
   ========================================================================== */
#navibar {
    color: #FFFFFF;
    background-color: #666666;
    height: 37px;
    width: 100%;
    padding-top: 2px;
    padding-right: 20px;
    display: flex; 
    justify-content: center;
}

/* Links in navigatiebalk wit forceren */
#navibar a,
#navibar a:link,
#navibar a:visited {
    color: #FFFFFF !important;
}

.nav-item.active a {
    font-weight: bold;
    cursor: pointer;
}

#active_menu { text-decoration: underline; }
#active_menu_nav { font-weight: bold; }

/* Legacy Joomla / Kassieke Menu Classes */
a.mainlevel:link, a.mainlevel:visited { color: #000000; margin-left: 0; }
a.mainlevel_nav:link, a.mainlevel_nav:visited { color: #FFFFFF; margin: 15px; }

/* ==========================================================================
   4. Bootstrap Tabs (Vaak gebruikt in Joomla)
   ========================================================================== */
.nav-tabs { margin-left: 120px; }
.nav-tabs a { color: #FFFFFF; }

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover, 
.nav-tabs>.active>a:focus,
.nav-tabs>li>a:hover, 
.nav-tabs>li>a:focus {
    color: #555555;
    cursor: default;
    background-color: #FFFFFF;
    border: 0px solid #DDDDDD;
    border-bottom-color: transparent;
}

/* ==========================================================================
   5. Componenten & Modules
   ========================================================================== */
.moduletable_banner { text-align: center; }
.moduletable_menu { min-height: 180px; }
.moduletable_wud { min-height: 180px; }
.contentheading { font-weight: bold; text-align: center; }
.PostContent { margin-left: 125px; }

/* Iframes / Centreren van content */
.contentpanewas, 
.wrapperwas, 
.contentpanewas iframe, 
#blockrandom {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

/* Utilitie classes */
.float { float: left; }
.clear { clear: both; }
.overall { background-color: #FFFFFF; }
.center-my-text { margin-right: 50px; } /* Let op: typfout 'margin right' hersteld naar 'margin-right' */

/* ==========================================================================
   6. Responsive Design (Mobiel / Tablet)
   ========================================================================== */
@media screen and (max-width: 960px) {
    .container {
        width: 100%;
    }
    
    #content {
        width: 95%; 
        border-left: none; 
        border-right: none; 
        padding-left: 40px; 
        padding-right: 40px; 
        text-align: center;
    }
    
    #menu, 
    #wistudat {
        display: none;
    }
    
    #navibar {
        border-left: none; 
        border-right: none; 
        margin-left: auto; 
        text-align: center;
    }
    
    .nav-tabs {
        margin-left: auto;
    }
    
    #_logo {
        width: auto;
        height: auto;
        margin-left: 0px;
    }
    
    .custom_logo {
        max-width: 100%; 
        margin-left: 4px;
    }
    
    .custom_banner { 
        max-width: 100%;
    }

    /* Mobiele menuknop styling (Kleur aangepast naar wens) */
    .navbar-toggler,
    [data-toggle="collapse"] {
        background-color: #FFFFFF !important;
        border-color: #555555 !important;
    }
}