/**
 *    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/17px verdana, tahoma, sans-serif;
}


#container {
    width: 899px;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    overflow-x: hidden;
    background: url(/img/tile.png) repeat-y;
}

#top-nav {
    width: 899px;
    height: 34px;
    background: url(/img/top-nav.png) no-repeat;
}

    #top-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #top-nav ul li {
        margin: 13px 0 5px 0;
        padding: 0;
        float: left;
        text-align: left;
        width: 224px;
        background: none;
    }
    
    #top-nav ul li a, #top-nav ul li a:link, #top-nav ul li a:visited {
        text-decoration: none;
        display: block;
        color: #fff;
        text-align: center;
        width: 224px;
        font: normal 12px/15px arial, sans-serif;
    }
    
    #top-nav ul li a:hover {
        text-decoration: underline;
    }
    #top-nav li ul {
		position: absolute;
		background-color: #002146;
		width: 224px;
		left: -999em;
	}
	#top-nav li:hover ul, #top-nav li.sfhover ul {
		left: auto;
	}

#content {
    float: left;
    width: 450px;
    color: #5f6060;
}

#sidebar {
    float: right;
    width: 449px;
    overflow: hidden;
}

    #sidebar-left {
/*        background-color: #431919;*/
        width: 224px;
        height: 111px;
        float: left;
        margin-top: -5px;
    }
    
    #sidebar-left ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #sidebar-left ul li {
        width: 130px;
        margin: 0 0 0 23px;
        padding: 0;
        background: url(/img/arrow-brown.png) no-repeat 100% 50%;
    }
    
    #sidebar a, #sidebar a:link, #sidebar a:visited {
        color: #fff;
        font: normal 11px/15px "trebuchet ms", arial, sans-serif;
        text-decoration: none;
    }
    
    #sidebar a:hover {
        text-decoration: underline;
    }
    
    #sidebar-right {
        margin-top: -5px;
/*        background-color: #041d44;*/
        width: 225px;
        height: 111px;
        float: right;
    }
    
    #sidebar-right .left {
        width: 70px;
        margin-left: 23px;
        _margin-left: 10px;
        color: #7f8082;
        display: block;
        float: left;
    }
    
    #sidebar-right .right {
        width: 120px;
        color: #fff;
        display: block;
        float: right;
        font-size: 10px !important;
    }
    
    #sidebar h1, #sidebar h1 a {
        font: bold 15px/15px verdana, tahoma, sans-serif !important;
        color: #fff !important;
        margin: 10px !important;
        padding: 0 !important;
    }
    
    #sidebar-right h1 {
    	margin-bottom: -5px !important;
    }
    
#logo {
    position: absolute;
    top: 430px;
    margin-left: 35px;
}

#footer {
    background: url(/img/footer-nav.png) no-repeat;
    width: 899px;
    height: 24px;
    float: left;
    border-top: 1px solid #fff;
}

    #footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #footer ul li {
        margin: 0;
        padding: 0;
        float: left;
        text-align: center;
        width: 224px;
        background: none;
    }
    
    #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
        text-decoration: none;
        color: #fff;
        font: normal 12px/24px arial, sans-serif;
    }
    
    #footer ul li a:hover {
        text-decoration: underline;
    }
    
#copydisc {
    width: 899px;
    text-align: right;
    float: left;
    background-color: #fff;
    font: normal 9px/17px verdana, tahoma, sans-serif;
    color: #5f6060;
}

    #copydisc a, #copydisc a:link, #copydisc a:visited {
        color: #5f6060;
        text-decoration: none;
    }
    
    #copydisc a:hover {
        text-decoration: underline;
    }
    
ul {
    margin: 0 0 20px 30px;
    padding: 0;
    list-style: none;
}

h1 {
    font: bold 17px/17px verdana, sans-serif;
    color: #041d44;
    margin: 45px 0 35px 15px;
    padding: 0 15px 0 0;
}

p {
    margin: 0 30px 20px 30px;
    padding: 0;
    font: normal 11px/17px verdana, sans-serif;
}

ul li {
    padding: 0 0 0 15px;
    margin: 0;
    background: url(/img/arrow.png) no-repeat 0% 50%;
}

#content a, #content a:link, #content a:visited {
    color: #041d44;
    text-decoration: underline;
}

#content a:hover {
    color: #4e5d73;
}

#content ul, #content ul li {
	list-style-type: disc;
	background: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#content ul li {
	padding: 0;
	margin-left: 20px;
}

#sidebar-left p {
	color: #fff;
}

#sidebar-left p a {
	font-weight: bold !important;
}

table {
    margin-left: 25px;
}
a { outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

.captcha-img { margin: 10px 0 0 0; }
#row p { margin: 0 0 10px 130px; }