/* 
    Document   : layout
    Created on : 15-apr-2010, 12:06:17
    Author     : Kaj Nelissen
*/

* {
    padding: 0;
    margin: 0;
}

ul, ol {
    list-style-type: none;
}

body {
    font-size: 62.5%;
    font-family: Verdana;
    background: #88cc6e url("../images/background.png") repeat-y top center;
    padding-top: 0px;
}

#container {
    width: 1000px;
    /*background: #88cc6e url("../images/content_bg.png") repeat-y top center;*/
    margin: auto;
}

#top {
    width: 980px;
    height: 30px;
    padding: 0 10px 0 10px;
    color: #5488ac;
    font: bold 1.2em/30px Verdana;
}

#breadcrumb {
    float: left;
    display: block;
    padding-left: 10px;
    width: 680px;
}

div.styleswitch {
    float: left;
    display: block;
    margin-right: 10px;
    width: 120px;
    text-align: center;
    cursor: pointer;
}

div.styleActive {
    float: left;
    display: block;
    width: 150px;
    text-align: center;
    color: #fff;
}

#header {
    position: relative;
    width: 1000px;
    height: 200px;
    background: url("../images/header.png") no-repeat top left;
}

#quickLinks {
    position: absolute;
    top: 160px;
    left: 10px;
    display: block;
    height: 40px;
    width: 200px;
    color: #fff;
    font: bold 1.2em/40px Verdana;
    text-align: center;
}

#nav {
    position: absolute;
    top: 141px;
    left: 221px;
    width: 580px;
    height: 49px;
    padding: 0 0 0 20px;
}

#midsection {
    width: 980px;
    padding: 0 10px 0 10px;
    min-height: 600px;
    background: url("../images/content_bg.png") repeat-y top center;
}

#midsection #sidebar {
    width: 170px;
    min-height: 400px;
    /*border: 1px #000 solid;*/
    margin-right: 40px;
    float: left;
    font: 1.2em/24px Verdana;
    text-align: right;
    /*color: #3b6582;*/
}

#midsection #sidebar div.sideheader {
    width: 200px;
    height: 40px;
    text-align: center;
    color: #fff;
    font: bold 12px/40px Verdana;
    background: url("../images/sidemenu_header.png") no-repeat top left;
}

#midsection #content {
    width: 770px;
    padding: 7px 0 20px 0;
    /*border: 1px red solid;*/
    font: 1.2em/1.2em Verdana;
    float: left;
}

#footer {
    position: relative;
    width: 1000px;
    height:100px;
    background: url("../images/footer.png") no-repeat top left;
    font: 1.2em/24px Verdana;
    color: #3b6582;
}

#footer #userNav {
    position: absolute;
    left: 210px;
    top: 0px;
    width: 780px;
    height: 30px;
    text-align: center;
}

#footer #copyright {
    /*float: left;*/
    position: absolute;
    height: 48px;
    width: 400px;
    left: 210px;
    top: 42px;
}

#footer #bottomNav {
    position: absolute;
    left: 610px;
    top: 42px;
    width: 380px;
    height: 48px;
    text-align: right;
}