* {
    font-family:Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}

body {
    background: #F0F0F0;
    font-size: 75%;
    line-height: 166%;
    color: #333333;
    text-align: center;
}

a {
	text-decoration: underline;
	color: #005A9C;
	font-weight: normal!important;
}

a:hover {
    text-decoration: underline;
	color: #005A9C;
	font-weight: normal;
	background-color: #FAE9A9;
}
	
a:active {
    text-decoration: underline;
    font-weight: normal;
    color: #005A9C;
}

a:visited {
    text-decoration: underline;
    font-weight: normal;
    color: #036FCE;
}

h6, div#intro, div.vervolg {
    color: #333333;
    display: inline;
}

h6,
h6.rubriek,
h6.rubriek a {
	font-size: 75%;
	font-variant: normal;
    font-weight: normal;
    margin: 0;
}

h6.rubriektitel {
    font-size: 110%;
    font-variant: small-caps;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px 0;
    color: #005A9C;
}

/* WEBSITE */

div#globalwrapper {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    background: #FFFFFF;
}

div#topbar {
    float: left;
    clear: both;
    width: 940px;
    padding: 10px;
    background: #F0F0F0;
}

div#search {
    float: right;
}

input#keyword {
    border: 1px solid #005A9C;
    font-style: italic;
    width: 84px;
    font-size: 75%;
    padding: 0.25em 4px;
    vertical-align: top;
}

input#submit {
    background: #F4C829;
    font-weight: bold;
    color: #FFFFFF;
    border: none 0px;
    height: 19px;
    text-transform: uppercase;
    vertical-align: top;
    padding-bottom: 4px;
}

ul#quickmenu {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#quickmenu li {
    float: left;
    margin: 0 10px 0 0;
}

div#mediummenu {
    float: left;
    clear: both;
    width: 960px;
    background: #F4C829;
    border-bottom: 4px solid #005A9C;
}

div#mediummenu ul {
    float: left;
    list-style: none;
    padding: 10px 20px 0 20px;
}

div#mediummenu ul li {
    float: left;
    width: 150px;
    margin: 0 3px 0 0;
}

div#mediummenu ul li a {
    position: relative;
    display: block;
    width: 150px;
    background: url(../images/internet/top_medium_off.gif) no-repeat #FAE9A9;
    text-decoration: none;
}

div#mediummenu ul li a span {
    position: relative;
    display: block;
    width: 150px;
    min-height: 2.75em;
    padding: 0.5em 0;
    background: url(../images/internet/right_medium.gif) top right repeat-y;
    cursor: pointer;
}

div#mediummenu ul li a span span {
    position: absolute;
    display: block;
    width: 150px;
    min-height: 0;
    bottom: 0;
    padding: 0.5em 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #005A9C;
    line-height: 133%;
    text-align: center;
    background: none;
}

div#mediummenu ul li a:hover,
div#mediummenu ul li a.medium_active {
    background: url(../images/internet/top_medium_on.gif) no-repeat #005A9C;
}

div#mediummenu ul li a:hover span,
div#mediummenu ul li a.medium_active span {
    color: #FFFFFF;
}

div#headerimage_portal {
    position: relative;
    float: left;
    clear: both;
    width: 960px;
    height: 214px;
    background: url() no-repeat #FFFFFF;
}

div#introtext {
    position: absolute;
    top: 65px;
    width: 380px;
    height: 60px;
    background: url(../images/internet/bg_introtext.png);
    padding: 10px;
    font-size: 90%;
    color: #FFFFFF;
}

div#headerimage {
    float: left;
    clear: both;
    width: 960px;
    height: 131px;
    background: url() no-repeat #FFFFFF;
}

div#columns_portal,
div#columns {
    float: left;
    clear: both;
    width: 920px;
    padding: 20px;
    background: #FFFFFF;
    color: #005A9C;
}

/* PORTAL */

div#columns_portal div#leftcolumn {
    float: left;
    width: 575px;
    margin: 0 75px 0 0;
    color: #005A9C;
}

div#columns_portal div#leftcolumn h2 {
    font-size: 150%;
    color: #005A9C;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

div#columns_portal div#leftcolumn ul {
    list-style: square;
    margin: 0 0 0 1.5em;
    padding: 0;
}

div#columns_portal div#leftcolumn ul li {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #B1CCE1;
}

div#columns_portal div#leftcolumn ul li.last {
    border: none;
}

div#columns_portal div#leftcolumn ul li a {
    color: #005A9C;
}

div#columns_portal div#leftcolumn ul li a:visited {
    color: #036FCE;
}

div#columns_portal div#rightcolumn {
    float: left;
    width: 270px;
    color: #005A9C;
    padding: 43px 0 0 0;
}

div#columns_portal div#rightcolumn a img {
    float: right;
}

div#columns_portal div#rightcolumn div#contact {
    font-size: 75%;
    text-align: right;
    color: #005A9C;
    margin: 0 0 20px 0;
}

div#columns_portal div#footer {
    float: left;
    width: 100%;
    border-top: 1px solid #BFD6E6;
    margin-top: 15px;
    font-size: 75%;
}

/* CONTENT */
div#columns div#leftcolumn {
    float: left;
    width: 150px;
    margin: 0 20px 0 0;
}

div#columns div#leftcolumn.gone {
    display: none;
}

div#columns div#leftcolumn div#navcontainer ul {
    list-style: none;
    margin: 0;
    padding: 12px 0 0 0;
}

div#columns div#leftcolumn div#navcontainer ul li {
    position: relative;
    background: url(../images/internet/bg_nav.gif) 15px bottom no-repeat;
    padding: 0 0 6px 0;
    margin: 0 0 4px 0;
}

div#columns div#leftcolumn div#navcontainer ul li a {
    display: block;
    width: 135px;
    border-left: 10px solid #FFFFFF;
    background: #FFFFFF;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
    color: #0059AC;
    padding: 0 0 0 5px;
    text-decoration: none;
}

div#columns div#leftcolumn div#navcontainer ul li.hover a,
div#columns div#leftcolumn div#navcontainer ul li a.item_active {
    border-left: 10px solid #F4C829;
    background: #005A9C;
    color: #FFFFFF;
}

div#columns div#leftcolumn div#navcontainer ul li ul {
    position: absolute;
    top: -12px;
    left: 150px;
}

div#columns div#leftcolumn div#navcontainer ul li ul li {
    border-bottom: 1px solid #FFFFFF;
    background: none;
    padding: 0;
    margin: 0;
}

div#columns div#leftcolumn div#navcontainer ul li ul li a,
div#columns div#leftcolumn div#navcontainer ul li.hover ul li a {
    background: #005A9C;
    color: #FFFFFF;
    border: none;
    width: 145px;
    text-transform: none;
    display: block;
}

div#columns div#leftcolumn div#navcontainer ul li ul li a:hover {
    background: #F4C829;
    border: none;
    color: #015A9C;
}

div#columns div#centercolumn {
    float: left;
    width: 580px;
    margin: 0 20px 0 0;
}

div#columns div#centercolumn.wide {
    width: 747px;
    margin: 0;
}

div#columns div#centercolumn div#topbar {
    float: left;
    width: 560px;
    background: #005A9C;
    font-size: 75%;
    color: #FFFFFF;
    padding: 0 10px;
    margin: 0 0 30px 0;
}

div#columns div#centercolumn.wide div#topbar {
    width: 730px;
}

div#columns div#centercolumn div#topbar a {
    font-weight: normal;
    color: #FFFFFF;
}
div#columns div#centercolumn div#topbar a:hover {
    color: #015A9C;
    text-decoration: none;
}

div#columns div#centercolumn div#topbar div#pageoptions {
    float: right;
}

div#columns div#centercolumn div#topbar div#pageoptions a.logout {
    background: url(../images/internet/icon_uitloggen.gif) no-repeat;
    padding: 0 0 0 18px;
}

div#columns div#centercolumn div#content {
    float: left;
    /*min-height: 400px;*/
    height: auto;
    color: #333333;
    width: 100%;
}

div#columns div#centercolumn div#content h1,
div#columns div#centercolumn div#content h6 {
    font-size: 150%;
    font-variant: small-caps;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px 0;
    color: #005A9C;
}

div#columns div#centercolumn div#content ul,
div#columns div#centercolumn div#content ol {
    margin: 0 0 0 23px;
}

div#columns div#centercolumn div#content ul li,
div#columns div#centercolumn div#content ol li {
    vertical-align: top;
}

div#columns div#centercolumn div#content ul.ul_lijst li.lijstitem_bullet {
    border-bottom: solid 1px #BFD6E6;
    padding-bottom: 5px;
}

div#columns div#centercolumn div#content div#intro ul li,
div#columns div#centercolumn div#content div#intro ol li {
    width: 94%;
    vertical-align: top;
}

div#columns div#centercolumn div#content h2, div#columns div#centercolumn div#content h6 {
    font-size: 130%;
    width: 100%;
    display: block;
}

div#columns div#centercolumn div#footer {
    border-top: 1px solid #BFD6E6;
    font-size: 75%;
    float: left;
    width: 100%;
    margin-top: 10px;
}

div#columns div#rightcolumn {
    float: left;
    width: 150px;
}

div#columns div#rightcolumn h2 {
    background: #FADE75;
    color: #005A9C;
    font-weight: normal;
    font-size: 100%;
    text-transform: uppercase;
    padding: 0 12px;
    margin: 0;
}

div#columns div#rightcolumn ul#quicklinks {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0;
}

div#columns div#rightcolumn ul#quicklinks li {
    background: url(../images/internet/bg_quicklinks.gif) 9px bottom no-repeat;
    padding: 0 0 4px 0;
    margin: 0 0 2px 0;
}

div#columns div#rightcolumn ul#quicklinks li a {
    display: block;
    padding: 0 0 0 10px;
    width: 140px;
    font-size: 90%;
    font-weight: normal;
    color: #005A9C;
    text-transform: uppercase;
    text-decoration: none;

}

div#columns div#rightcolumn ul#quicklinks li a:hover {
    background: #F4C829;
    color: #005A9C;
}

div#columns div#rightcolumn ul#banners {
    list-style: none;
}

div#columns div#rightcolumn ul#banners li {
    margin: 0 0 10px 0;
}

img {
    border: none;
}

div#globalwrapper div#columns div#centercolumn div#content table.links_table tr td h6 {
    font-size: 100%;
}

a#readspeaker, 
div.tedownloaden ul.ul_lijst li a.readspeaker_doc {
    display: block;
    width: 86px;
    height: 18px;
    background: url("../images/internet/lees-voor.gif") no-repeat;
}

div.tedownloaden ul.ul_lijst li a.readspeaker_doc {
    font-size: 1px;
    margin-left: 10px;
    line-height: 1px;
    color: white;
}