/**************************************************************************************************

    BODY

**************************************************************************************************/

body {
    background: #e5e5f8 url("body-bg.png") repeat-y center top;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
}

/**************************************************************************************************

    PAGEWRAPPER

**************************************************************************************************/

div#pageWrapper {
    margin: 0 auto;
    width: 984px; /* +1px left border +1px right border */
    background: #fff url("wrapper-bg.png") repeat-y left top;
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
}

/**************************************************************************************************

    HEADER

**************************************************************************************************/


div#systempage {
    position: relative; /* to absolutely position the titelbanner */
    width: 984px;
    height:auto;
    background: transparent;
}

div#header {
    position: relative; /* to absolutely position the titelbanner */
    width: 984px;
    height: 160px;
    background: #fff url("header-bg.png") no-repeat left top;
    border-bottom: 1px solid #7f97b1;
}

div#logo {
    float: left;
    width: 217px;
    height: 160px;
}

div#languagemenu {
    float: right;
    width: 120px;
    height: 28px;
    padding: 0 20px;
}

div#servicemenu {
    float: right;
    height: 28px;
}

div#doelgroepmenu {
    float: right;
    height: 28px;
}

div#titlebanner {
    position: absolute;
    top: 50px;
    left: 237px;
}

/**************************************************************************************************

    CONTENTWRAPPER

**************************************************************************************************/

div.webpartspace{
	padding-bottom:10px;
}

div#contentWrapper {
    float: left;
    width: 748px;
    padding-bottom: 38px; /* distance to pagefooter if content is longest */
}

div#menubar {
    float: left;
    width: 823px;
    height: 30px;
}

div#content {
    width: 748px;
    padding-left: 0px;
}

div#content div.column1 { 
    float: left;
    width: 100px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column2 { 
    float: left;
    width: 200px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column3 { 
    float: left;
    width: 300px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column4 { 
    float: left;
    width: 664px;
    padding: 0px 0px 0px 10px;
    overflow: hidden;
}
div#content div.hhbleft { 
    float: left;
    width: 184px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
div#content div.hhbright { 
    float: left;
    width: 544px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column33 { 
    float: left;
    width: 764px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column31 { 
    float: left;
    width: 241px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
div#content div.column32 { 
    float: left;
    width: 502px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}

/*
div#content div.column1 { 
    float: left;
    width: 176px;
    padding: 38px 10px 38px 10px;
    overflow: hidden;
}

div#content div.column2 { 
    float: left;
    width: 372px;
    padding: 38px 10px 38px 10px;
    overflow: hidden;
}

div#content div.column3 { 
    float: left;
    width: 568px;
    padding: 38px 10px 38px 10px;
    overflow: hidden;
}

div#content div.column4 { 
    float: left;
    width: 764px;
    padding: 38px 10px 38px 10px;
    overflow: hidden;
}
*/

div#content div.right20 { /* not used! */
    margin-right: 19px;
}

div#content div.sponsorbar {
    width: 420px;
    clear: both;
    border-top: 1px solid #d7d7d7;
    padding: 20px 201px 20px 202px;
    margin: 0 0 0 -20px;
}

/**************************************************************************************************

    SIDEBAR

**************************************************************************************************/

div#sidebar {
    float: left;
    width: 160px; /* +1px left border */
    padding-bottom: 38px; /* distance to pagefooter if sidebar is longest */
    border-left: 1px solid #b1b1b1;
}

/**************************************************************************************************

    pagefooter

**************************************************************************************************/

div#pagefooter {
    width: 984px;
    height: 60px;
    clear: both;
}