body, html {
    padding:0; margin:0;
    background-color: #FFF;
}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
a:link {color: #036;}
a:active {color: #036;}
#containerShadow {
    width: 1000px;
    position: relative;
    margin: auto;
    margin-top: 14px;
}
#container {
    font: 12px 'Arial', sans-serif;
    color: #333;
    width: 984px;
    margin-left: 8px;
    border-top: 1px solid #CCC;
}
#header { height: 67px; padding-right: 15px; }
    #header img {float: left;}
    #language, #shortcuts {
        float: right;
        font-size: 11px;
        font-weight: bold;
        color: #036;
        margin: 40px 0 0 0;
    }
    #language {margin: 40px 0 0 5px; border: 1px solid #CCC; padding: 0 10px;}
    #language a, #shortcuts a {
        color: #036;
        text-decoration: none;
    }
        
#navigation {clear: both; height: 34px; padding-bottom: 20px;}
    #navigation #nav_level1 {float:left; height: 17px; background-color: #036; width: 979px; border-top: 1px solid #036; border-bottom: 1px solid #036; padding: 0 0 0 5px; margin:0;}
    
    #navigation #nav_level1 li {    
        float:left;
        display: block;
        list-style-type:none;
        font: bold 12px Arial, sans-serif;
        background-color: #036;
        color: #FFF;
        height: 17px;
        line-height: 17px;
        border-right: 1px solid #036;
        margin:0; padding:0;
}
    
    #navigation #nav_level1 li a {
        float:left;
        display: block;
        height: 17px;
        line-height: 17px;
        color: #FFF;
        padding: 0 5px;
        text-decoration: none;
        font: bold 12px Avenir, Arial, sans-serif;
    }
    
    #navigation #nav_level1 li a:hover, #navigation #nav_level1 li.active a {
        color: #036;
        background-color: #FFF;
}
    #navigation #navLine2 {float:left; height: 18px; width: 984px;}
    
    #navigation #nav_level2 {float:left; height: 18px; width: 969px; border-bottom: 1px solid #036; padding: 0 0 0 5px; margin:0;}
    
    #navigation #nav_level2 li {    
        float:left;
        display: block;
        font: normal 12px Arial, sans-serif;
        color: #FFF;
        height: 18px;
        border-right: 1px solid #036;
        list-style-type:none;
}
    
    #navigation #nav_level2 li a {
        float:left;
        display: block;
        height: 18px;
        line-height: 6px;
        color: #FFF;
        padding: 0 5px;
        text-decoration: none;
        font: normal 12px Avenir, Arial, sans-serif;
    }
    
    #navigation #nav_level2 li a:hover, #navigation #nav_level2 h2.active a {
        color: #036;
        background-color: #FFF;
    }

    #contentBox #nav_level3 {
        background-color: #F3F3F9;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #contentBox #nav_level3 li {
        color: #036;
        padding: 0 0 0 10px;
        margin:0;
        letter-spacing:0;
        line-height: 20px; 
    }

    #contentBox #nav_level3 li a {
        background-image: url('/www.intergem.be/images/arrow_1_off.gif');
        background-position: 0px 2px;
        background-repeat: no-repeat;
        padding: 0 0 0 15px;
        margin:0;
        text-decoration: none;
    }

    #contentBox #nav_level3 li a:hover {
        background: url('/www.intergem.be/images/arrow_1_on.gif');
        background-position: 0px 2px;
        background-repeat: no-repeat;
    }


    #contentBox #nav_level3 li a.active {
        background: url('/www.intergem.be/images/arrow_1_sel.gif');
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

    #contentBox #nav_level3 li a span {
        color: #036;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        padding-left: 15px;
        padding: 0;
        margin:0;
    }

    #contentBox #nav_level3 li a:hover span {
        color: #399;
        text-decoration: underline;
    }

    #contentBox #nav_level3 li a:active span {
        color: #399;
    }    

#cornerSubnav {width: 10px; height: 18px; float: right;}
#contentBox {clear: both;}

#breadcrumbs {float: left; width: 554px; padding: 0 25px 10px 25px;}
#breadcrumbs, #breadcrumbs a {font-size: 10px; color: #036;}
#breadcrumbs a:hover {text-decoration: none;}


#contentBox #left {float: left; width: 150px; padding: 0 0 0 5px;}
#contentBox #middle {float: left; width: 554px; padding: 0 25px;}
    #contentBox h1 {font-size: 17px; font-weight: bold; letter-spacing: -1px; line-height: 22px;}
    #contentBox #content h4 {color: #003366; font-size: 12px; font-weight: bold; line-height: 18px; padding: 5px 0;}
#contentBox #right {float: left; width: 210px; padding: 0 15px 0 0;}
    #contentBox #right .rightSnippet {color: #333; line-height: 14px; padding: 5px; margin: 5px 0;}
    #contentBox #right .rightSnippet h3 {font-size: 14px; font-weight: bold; line-height: 18px; letter-spacing: -1px; margin: 0; padding: 0;}
    #contentBox #right .rightSnippet .blueBox {background-color: #002A72; color: #FFF;}
    #contentBox #right .rightSnippet .blueBox a {color: #FFF; text-decoration: none;}
    #contentBox #right .rightSnippet .blueBox div.line {border-bottom: 1px solid #FFF; padding: 5px;}
    #contentBox #right .rightSnippet .blueBox .blueBoxItem {margin:4px 0;}
    #contentBox #right .rightSnippet .blueBox span {font-weight: bold;}
    #contentBox #right .rightSnippet .blueBox ul {clear: both; margin: 0; padding: 0; margin-left: 15px;}
    #contentBox #right .rightSnippet .blueBox ul li {margin: 0; padding: 0; font-size: 11px;}
    #contentBox #right .rightSnippet .blueBox .center {text-align: center; font-size: 13px; font-weight: bold;}
#contentBox #middleright {float: left; width: 779px; padding: 0 25px 0 25px;}    
    
#footer {
    height: 18px;
    border-top: 1px solid #CCC;
    color: #999;
    font-size: 9px;
    line-height: 18px;
    padding-left: 12px;
    margin-top: 20px;
    clear: both;
}
    #footer a {color: #999;}

.clear {clear:both;}

.RedDot { font-size: 11px; color: #F00; }
    #RdConfig  {padding: 2px 0px 1px 0px; background: #F9FCCF; border-bottom: 1px solid #999; font-size: 11px; font: 'Arial', sans-serif; line-height: 13px; color: #666; }
    #RdOpen    { margin: 0px 10px 0px 10px; padding: 0px 0px 1px 0px; float: left; }
    #RdPreview { margin: 0px 10px 0px 0px; padding: 1px 0px 1px 20px; float: left; background: url('/www.intergem.be/images/preview.gif') no-repeat; }
    #RdConfig a, #RdConfig a:hover { text-decoration: none; color: #666; }
    .RedDot a, .RedDot a:hover { background: transparent; border: 0px none; }

/* Toevoegingen Eandis */
    div.tip {border: 1px solid #01814E;background-color: #F0FFE1;padding:5px;}
    div.warning {border: 1px solid red;background-color: #FFF1D9;padding:5px;}
    
    div.btn {display:block;text-align:center;width:240px;border:1px solid #C0C1DC;background: #F0F0F0 url('/www.intergem.be/images/application/btnBackground.gif') repeat-x;margin:5px 5px 10px 5px;padding:3px 0;}
    div.btn:hover {background: url('/www.intergem.be/images/application/btnBackgroundOver.gif') repeat-x;}
    div.btn a,div.btn a.hover{color: #0E2B8D; text-decoration:none;margin:0px 5px;}
    
    #lldocs ul {display: block;padding: 0;margin: 0;clear:both;width:100%;}
    #lldocs ul li {padding: 2px 5px;margin:0;position: relative;list-style-type:none;} 
    #lldocs ul li span {margin: 2px 5px;} 
    #lldocs ul li span.size {right: 0;position: absolute;} 
    #lldocs ul li span.name {color: #666;width: 80%;display: inline-block;}
    #lldocs ul li a {text-decoration: none;}
    #lldocs ul li a:hover {text-decoration: underline;}
    #lldocs ul li img {vertical-align: top;border: none;}
    #lldocs ul li.even {background-color: #F7F7F7;} 
/* END Toevoegingen Eandis */