/**
 *    Author            :    Gauke Pieter Sietzema, Sterc Concept
 *    Website            :    http://www.sterc.nl
 *    Contact            :    info@sterc.nl
 *  Created date    :    
 */

html, body {
    margin: 0;
    padding: 0;
    font: normal 11px/19px arial, tahoma, sans-serif;
    color: #333;
    background: url(../img/tile.gif) 50% repeat-y;
    background-color: #eee;
}


div#container {
    position: absolute;
    width: 828px;
    top: 10px;
    margin-left: -414px;
    left: 50%;
}

#header {
    width: 828px;
    height: 86px;
    overflow: hidden;
}

#nav {
    height: 48px;
    position: relative;
    top: 5px;
    width: 828px;
    overflow: hidden;
}

    #nav img {
        float: left;
        width: 118px;
        height: 48px;
        overflow: hidden;
        border: 0;
    }

    #nav ul {
        width: 710px;
        height: 48px;
        background-color: #a21a1a;
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #nav ul li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #nav ul li a, #nav ul li a:link, #nav ul li a:visited {
        background-color: #a21a1a;
        color: #fff;
        text-decoration: none;
        line-height: 48px;
        padding: 0 10px 0 10px;
        font: bold 16px/48px garamond, georgia, serif;
    }

    #nav ul li a:hover {
        text-decoration: underline;
    }

#buttons {
    clear: both;
    position: relative;
    top: 10px;
}

    #buttons img {
        border: 0;
    }

    #buttons ul {
        width: 828px;
        height: 61px;
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #buttons ul li {
        float: left;
        margin: 0 0 0 9px;
        padding: 0;
    }

    #buttons ul li:first-child, #buttons .first {
        margin: 0;
    }

#content {
    width: 828px;
    position: relative;
}

    #content div {
        float: left;
        width: 180px;
        padding: 10px 10px 0 10px;
        margin-right: 9px;
    }
    
    #content div.last {
        margin: 0;
    }
    
    #content div p {
        font: normal 11px/16px arial, sans-serif;
        color: #333;
    }
    
    #content a, #content a:link, #content a:visited {
        text-decoration: none;
        color: #a21a1a;
    }
    
    #content a:hover {
        text-decoration: underline;
    }

#footer {
    position: relative;
    top: 10px;
    clear: both;
    width: 828px;
    height: 243px;
    overflow: hidden;
    background: url(../img/footer.png) no-repeat;
}

    #footer-left {
        float: left;
        width: 265px;
        padding: 20px;
    }
    #footer-middle {
        float: left;
        width: 160px;
        padding: 20px;
    }
    #footer-left h1 {
        font: bold 25px/24px georgia, serif;
        margin: 0;
        padding: 0;
    }
    
    #footer-left p {
        font: normal 11px/16px arial, sans-serif;
        margin: 10px 0 0 0;
        padding: 0;
        color: #fff;
    }

    #footer-left a, #footer-left a:link, #footer-left a:visited {
        color: #ffce78;
        text-decoration: none;
    }
    
    #footer-left a:hover {
        text-decoration: underline;
    }
        
    #footer-nieuws {
        float: right;
        width: 170px;
        height: 180px;
        overflow: hidden;
        margin: 13px 13px 0 0;
        _margin-right: 8px;
    }
    
    #footer-nieuws p {
        font: normal 11px/13px arial, sans-serif;
        margin: 0;
        padding: 0;
        color: #000;
    }
    
    #footer-nieuws a, #footer-nieuws a:link, #footer-nieuws a:visited {
        text-decoration: none;
        color: #a21a1a;
    }
    
    #footer-nieuws a:hover {
        text-decoration: underline;
    }
    
#disclaimer p {
    position: relative;
    top: 40px;
    margin: 0;
    height: 30px;
    text-align: center;
    padding: 0;
    color: #a21a1a;
    font: normal 10px/10px verdana, tahoma, sans-serif;
}
    
    #disclaimer a, #disclaimer a:link, #disclaimer a:visited {
        color: #a21a1a;
        font: normal 10px/10px verdana, tahoma, sans-serif;
        text-decoration: none;
    }
    
    #disclaimer a:hover {
        color: #a21a1a;
        font: normal 10px/10px verdana, tahoma, sans-serif;
        text-decoration: underline;
    }
    
.thumbnail {
    border: 0;
}

#lang {
    position: absolute;
    left: 50%;
    top: 118px;
    margin-left: 365px;
    z-index: 100;
}

    #lang img {
        border: 0;
        margin-left: 5px;
    }