/* STRUCTURAL START */

html, body {
    padding: 0;
    margin: 0;
    background: #D1CDCD;
    font-family: Verdana;
    font-size: 100%;
}

#wrapper {
    width: 990px;
    margin: 0 auto;
}

#snelmenu_container {
    float: left;
    background: #ECECEC;
    border-top: 1px solid #C5C3C4;
    width: 100%;
    height: 65px;
    padding: 10px 0 0 23px;
}

#search {
    float: right;
}

#search fieldset {
    border: 0px none;
}

#search fieldset legend {
    display: none;
}

#search fieldset input#search_trefwoord {
    width: 191px;
    height: 21px;
    background-image: url('../images/internet/search.gif');
    background-repeat: no-repeat;
    border: 0px none;
    float: left;
    color: #828282;
    font-size: 75%;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    margin-top: 10px;
}

#search fieldset input.searchbox_submit {
    background-image: url('../images/internet/btn_search.gif');
    background-repeat: no-repeat;
    border: 0px none;
    height: 21px;
    width: 21px;
    margin-right: 15px;
    margin-top: 10px;
}

#snelmenu {
    display: inline;
}

#header {
    float: left;
    background: #FFF;
    padding: 0 0 0 18px;
    width: 990px;
    height: 225px;
}

#header h1 {
    padding: 13px 0 0 6px;
    margin: 0 0 7px 0;
    color: #828282;
    font-size: 170%;
    height: 67px;
    border-bottom: 13px solid #828282;
}

#header #headerimage_overlay {
    position: absolute;
    width: 718px;
    height: 151px;
    background: url("../images/subsite/overlay_nextpage.gif") no-repeat;
}

#header #headerimage {
    float: left;
    width: 718px;
    height: 151px;
    background: url("") no-repeat;
}

#header #logo {
    margin: 2px 0 0 19px;
    float: left;
}

#header #logo img {
    border: none;
}

#mainwrapper {
    float: left;
    background: #FFF;
    padding: 0 0 0 18px;
}

#mainwrapper #navigation {
    float: left;
    width: 146px;
    margin: 19px 30px 0 3px;
}

#mainwrapper #content #kruimelspoor {
    margin: 0 0 10px 0;
}

#mainwrapper #content {
    float: left;
    width: 539px;
}

#mainwrapper #extra {
    float: left;
    width: 181px;
    margin: 37px 47px 0 26px;
}

#mainwrapper #extra #extra_wysiwyg {
    float: left;
    font-size: 75%;
    width: 100%;
}

#footer {
    float: left;
    width: 990px;
    height: 26px;
    background: url("../images/subsite/footer_grey.gif") no-repeat;
    font-size: 65%;
    color: #FFF;
}

#footer .footer_left {
    float: left;
    width: 70%;
    height: 26px;
    text-align: left;
    padding: 6px 0 0 27px;
}

#footer .footer_right {
    float: left;
    width: 30%;
    height: 26px;
    text-align: right;
    padding: 6px 23px 0 0;
}

#footer .footer_right a {
    color: #FFFFFF;
    text-decoration: none;
}

/* STRUCTURAL END */


/* SNELMENU START */

#snelmenu_container ul {
    display: inline;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#snelmenu_container ul li {
    float: left;
}

#snelmenu_container ul li a {
    border-right: 1px solid #969696;
    color: #828282;
    margin-right: 5px;
    padding-right: 5px;
    text-decoration: none;
    font-size: 67.5%;
}

#snelmenu_container ul li div#readspeaker {
    width: 80px;
    height: 20px;
}

#snelmenu_container ul li div#readspeaker h2 {
    font-weight: normal;
    font-size: 70%;
    margin-bottom: 0px;
    margin-top: 4px;
    float: right;
    color: #828282;
}

#snelmenu_container ul li a#pro_readspeaker_href {
    width: 80px;
    height: 20px;
    background-image: url('../images/subsite/readspeaker_icon.gif');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    display: block;
    border: 0px none;
    float: left;
}

#snelmenu_container ul li a:hover, #snelmenu_container ul li.active a {
    color: #000;
}

/* SNELMENU END */


/* NAVIGATION START */

#navigation ul {
    list-style: none;
}

#navigation ul, #navigation li {
    padding: 0;
    margin: 0;
}

#navigation ul.mainmenu li a {
    display: block;
    background: url('../images/subsite/mmenu_off_grey_top.gif') no-repeat;
    margin: 0 0 5px 0;
    color: #828282;
    text-decoration: none;
    font-size: 75%;
}

#navigation ul.mainmenu li a span {
    display: block;
    background: url('../images/subsite/mmenu_off_grey_bot.gif') left bottom no-repeat;
    padding: 5px;
}

#navigation ul.mainmenu li a:hover, #navigation ul.mainmenu li.active a {
    display: block;
    background: url('../images/subsite/mmenu_grey_top.gif') no-repeat;
    margin: 0 0 5px 0;
    color: #FFFFFF;
}

#navigation ul.mainmenu li a:hover span, #navigation ul.mainmenu li.active a span {
    display: block;
    background: url('../images/subsite/mmenu_grey_bot.gif') left bottom no-repeat;
    padding: 5px;
}

#navigation ul.mainmenu li ul.submenu li {
    background: none;
    background-color: #FFF;
    padding: 0 0 5px 0;
    margin: 0;
}

#navigation ul.mainmenu li ul.submenu li a {
    display: block;
    margin: 0;
    color: #000;
    text-decoration: none;
    font-size: 75%;
}

#navigation ul.mainmenu li ul.submenu li a span {
    background: #FFF url('../images/subsite/submenu_bullet_off.gif') 5px 7px no-repeat;
    display: block;
    padding: 0 0 0 15px;
}

#navigation ul.mainmenu li ul.submenu li a:hover, #navigation ul.mainmenu li ul.submenu li.active a {
    display: block;
    background: none;
    margin: 0;
    color: #828282;
}

#navigation ul.mainmenu li ul.submenu li a:hover span, #navigation ul.mainmenu li ul.submenu li.active a span {
    background: #FFF url('../images/subsite/submenu_bullet_on.gif') 5px 7px no-repeat;
    display: block;
    padding: 0 0 0 15px;
}

#navigation ul.mainmenu li ul.submenu {
    display: none;
    padding: 7px 0 10px 0;
}

#navigation ul.mainmenu li.active ul.submenu {
    display: block;
    visibility: visible;
}

/* NAVIGATION END */


/* CRUMBLE START */

#kruimelspoor h2 {
    display: none;
}

#kruimelspoor {
    border-bottom: 1px solid #828282;
    padding: 8px;
    color: #828282;
    font-size: 90%;
}

#kruimelspoor a {
    color: #828282;
    text-decoration: none;
}

#kruimelspoor a:hover {
    color: #828282;
    text-decoration: none;
}

/* CRUMBLE END */


/* CONTENT START */



#content {
    font-size: 75%;
    line-height: 140%;
}

#content h2 {
    color: #828282;
    font-size: 180%;
    font-weight: normal;
}

/*
#content, #content #intro, #content .vervolg, #content .lijstitem_intro, #content h6, #content #evenementen_maanden, #content #evenementen_selectedmaand, #content table#evenemententable td, #content .calendarHeader {
    font-size: 75%;
    line-height: 140%;
}
*/

#content table.calendar td.calendarHeader {
    width: 700px;
}

#content #gekoppeldeitems {
    display: none;
}

#content br.brclear {
    display: none;
}

#content ul, #extra li {
    padding: 0;
    margin: 0;
}

#content ol {
    margin-left: 20px;
}

#content ul li {
    list-style: none;
    background-image: url('../images/subsite/bullet_grey.gif')!important;
    background-position: left 6px;
    background-repeat: no-repeat!important;
    padding: 0 0 0 15px;
}

span.hoofdstuk_titel img.but_klein {
    background-image: url('../images/subsite/bullet_grey.gif')!important;
    background-position: left 6px;
    background-repeat: no-repeat!important;
}

#content ol li {
    list-style: decimal;
    background: none;
    padding: 0 0 0 0;
}

#content ul li.lijstitem {
    background-image: none !important;
    border-bottom: 1px solid #828282;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}

#content #evenementen_maanden ul li, #content #evenementen_jaren ul li {
    list-style: none;
    background: none;
    padding: 0;
}

#content ul li a {
    color: #000000;
    text-decoration: none;
}

#content ul li a:hover {
    color: #828282;
}

#content a {
    color: #828282;
    text-decoration: underline;
    font-weight: bold;
}

#content a:hover {
    color: #828282;
}

#content #evenementen {
    width: 344px;
}

#content #evenementen_selectedmaand {
    text-align: left;
    margin: 4px;
}

div#content div#evenementenkalender table.smallcalendar tr td.calendartop  {
    background-color: #828282;
}

div#content div#evenementenkalender table.smallcalendar tr td.calendarCell {
    background-color: #A7CC59;
}

div#content div#evenementenkalender table.smallcalendar tr td.calendarToday  {
    background-color: #828282;
}

div#content .meerinfo, div#content .archief {
    display: block;
    width: 100px;
    margin: 5px 0 0 0;
    font-weight: bold;
}

#content .hoofdstuk_naarboven {
    display: none;
}

#footertop {
    float: left;
    background: #FFF;
    width: 990px;
    padding: 0 254px 15px 197px;
}

#footertop img {
    border: none;
}

#footertop .footertop_left {
    float: left;
    width: 265px;
    text-align: left;
    margin: 20px 0 10px 0;
}

#footertop .footertop_right {
    float: left;
    width: 274px;
    text-align: right;
    margin: 20px 0 10px 0;
}

/* CONTENT END */


/* EXTRA START */

#extra h2 {
    border-bottom: 1px solid #828282;
    color: #828282;
    font-size: 112.5%;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#extra ul, #extra li {
    padding: 0;
    margin: 0;
}

#extra ul li {
    list-style: none;
    background: url('../images/subsite/bullet_grey.gif') left 6px no-repeat;
    padding: 0 0 0 15px;
}

#extra div#banner {
    margin-top: 10px;
    width: 95%;
}

#extra div#banner ul li {
    list-style: none;
    background: none;
    padding: 0px;
    margin-bottom: 10px;
}

#extra div#banner ul li a img {
    border: 0px;
}

#extra a {
    color: #000000;
    text-decoration: none;
    font-size: 75%;
}

#extra a:hover {
    color: #828282;
}

/* EXTRA END */