/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS', Trebuchet; font-size: 12px; color: #444; }
input, select, textarea { font-family: 'Trebuchet MS', Trebuchet; font-size: 12px; color: #444; }
body { background: #354e61; }
img { border: 0px; display: block; }
a { text-decoration: none; color: #095781; }
a:hover { text-decoration: underline; }
a:focus { outline-style: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 830px; }

    /* ### HEADER CONTAINER ### */
    #headerCntr { padding: 0px 15px 0px 15px; width: 800px; height: 328px; background: url('../images/headerBg.gif') repeat-y; }
    #headerCntr h1 { padding: 30px 0px 20px 0px; text-align: center; font-size: 18px; font-weight: normal; color: #354e61; }
    
        /* ### MENU CONTAINER ### */
        #menuCntr { width: 800px; height: 37px; background: url('../images/menuBg.gif') repeat-x; }
        #menuCntr ul { overflow: hidden; width: 798px; list-style: none; }
        #menuCntr li { padding-right: 3px; float: left; display: inline; background: url('../images/menuLi.gif') no-repeat right; }
        #menuCntr li.last { padding-right: 0px; background: none; }
        #menuCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; text-decoration: none; text-transform: uppercase; font: 12px/37px Verdana; color: #000; }
        #menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
        
    /* ### CONTENT CONTAINER ### */
    #contentCntr { padding: 10px 16px 0px 50px; overflow: hidden; width: 764px; background: url('../images/contentBg.gif') repeat-y; }
        
    /* ### ARCHIVE ### */
    div.archief_datum {
        text-align: left;
        width: 100px;
        margin: 0px;
        padding: 4px;
        float: left;
    }
    div.archief_titel {
        text-align: left;
        width: 375px;
        margin: 0px;
        padding: 4px;
        float: left;
    }
    
    /* ### CONTACT ### */     
    div.formulier form 
    {
        padding: 15px;
        width: 360px;
        font: 11px/20px Arial, sans-serif;
        font-size: small;
    }
    div.formulier label 
    {
        float: left;
        width: 160px;
        margin-right: 15px;
        font: 11px/20px Arial, sans-serif
    }
    div#naw {
        width: 210px;
        float: left;
        padding: 0 15px 15px 15px;
        border-top: 5px solid #354e61;
        text-align: left;
        margin-top: 5px;
        margin-right: 5px; 
    }
    
    div#smoelenboek {
        width: 165px;
        float: left;
        padding: 0 15px 15px 15px;
        border-top: 5px solid #354e61;
        text-align: center;
        margin-top: 5px;
        margin-right: 5px; 
    }
    
    div#smoelenboek div.image img {
    width: 105px;
    height: 140px;
    padding: 5px;
    }


        /* ### LEFT CONTAINER ### */
        #leftCntr { float: left; width: 500px; }
        
            /* ### TEXT BOX ### */
            .textBox { overflow: hidden; width: 500px; }
            .textBox h1 { padding-bottom: 20px; font-size: 24px; font-weight: normal; color: #000; }
            .textBox img.right { float: right; }
            .textBox p { padding-bottom: 20px; line-height: 18px; }
            .textBox ul { padding-left: 10px; list-style:disc inside; }
            .textBox li { list-style:disc inside;}
        
        /* ### RIGHT CONTAINER ### */
        #rightCntr { padding-right: 8px; z-index: 3; float: right; display: inline; width: 224px; }
        #rightCntr h3 { padding-bottom: 10px; font-size: 18px; font-weight: normal; color: #000; }
        
            /* ### NIEUWS BOX ### */
            .nieuwsBox { padding-bottom: 20px; width: 224px; }
            .nieuwsBox h2 { padding: 0px 0px 0px 10px; line-height: 18px; font-size: 12px; font-weight: bold; }
            .nieuwsBox p { padding: 0px 0px 20px 10px; line-height: 18px; }
            .nieuwsBox ul { padding-left: 10px; list-style: none; }
            .nieuwsBox li { line-height: 18px; font-weight: bold; }
            .nieuwsBox a { text-decoration: none; color: #444; }
            .nieuwsBox a:hover { text-decoration: underline; }
            
            /* ### SPONSOR BOX ### */
            .sponsorBox { width: 224px; }
            .sponsorBox ul { list-style: none; }
            .sponsorBox li { padding-bottom: 10px; }
        
    /* ### FOOTER CONTAINER ### */
    #footerCntr { padding: 30px 10px 20px 10px; overflow: hidden; width: 810px; font: 10px/18px Verdana; color: #dbdbdb; background: url('../images/footerBg.gif') no-repeat; }
    #footerCntr a { text-decoration: none; color: #dbdbdb; }
    #footerCntr a:hover { text-decoration: underline; }
    #footerCntr ul { float: left; width: 300px; list-style: none; }
    #footerCntr li { float: left; display: inline; }
    #footerCntr li a { padding: 0px 5px 0px 5px; }
    #footerCntr p { padding-right: 5px; float: right; width: 500px; text-align: right; }