
body {
    font-family: Verdana;
    font-size: 62.5%;
    line-height: 133%;
}

a {
    color: #1A555C;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p, ol , h1, h2, div.intro, .linked_items li, fieldset {
    margin: 0 0 1em;
}

#content ol li {
    list-style: decimal outside;
    margin-left: 30px;
}

.intro ul, #intro ul, .text ul {
    list-style: none;
    margin-bottom: 1em;
    margin-left: 0;
}

ul.bullets {
    list-style: none;
    margin-left: 0;
}

.ul_lijst ul li, ul.bullets ul li, .intro ul li, .text ul li, .categories ul li, #contentwrapper ul li, .wysiwyg ul li {
    background-image: url("../images/bullet.png");
    background-position: 0px 6px;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 13px;
}

div.linked_items ul li.item {
    margin-bottom:0px;
}

#contentwrapper .linked_items li.tussenkop {
    background: none;
    padding-left: 0;
    font-weight: bold;
    margin: 1em 0 0 0;
}

ul.no_bullets li {
    background: none!important;
    padding-left: 0!important;
}

ul.no_bullets li > ul.no_bullets {
    padding-left: 13px;
}

#content ul li h2, .categories ul li {
    margin-bottom: 0;
}

.categories li ul {
    margin-bottom: 1em;
}

#skiplinks {
    left: -999em;
    position: absolute;
}

div#globalwrapper {
    background-color: #FFFFFF;
    background-position: center top;
    background-repeat: repeat-y;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 930px;
}

/*_______________ HEADER _______________*/
#header {
    border-bottom: 1px solid #E7EE29;
    min-height: 261px;
    left: 0px;
    position: absolute;
    top: 20px;
    width: 930px;
}

#header #search {
    float: right;
}

#header #search legend {
    display: none;
}

#header #search label {
    display: none;
}

.topbar {
    height: 40px;
    width: 100%;
}

#search_trefwoord {
    background-image: url("../images/searchbox.png");
    background-repeat: repeat-x;
    border: 1px solid #e6e6e6;
    border-right: 0;
    color: #555;
    float: left;
    font-size: 120%;
    height: 18px;
    padding-right: 10px;
    text-align: right;
    width: 164px;
}

#search .searchbox_submit {
    background-color: #1E5A62;
    border: 0;
    color: #FFF;
    float: left;
    font-weight: bold;
    font-size: 110%;
    height: 22px;
}

/*_______________ SNELMENU _______________*/
#snelmenu {
    padding-top: 5px;
    overflow: hidden;
    text-align: right;
    float: right;
}

#snelmenu ul {
    float: right;
}

#snelmenu ul li {
    float: left;
    margin-right: 30px;
}

/*_______________ PORTALMENU _______________*/
#portalnav {
    left: 0px;
    position: absolute;
    top: 42px;
    z-index: 10;
}

#portalnav > ul > li {
    background: none #E7EE29;
    color: #000;
    margin-top: 9px;
    float: left;
    font-size: 160%;
    padding: 0px;
    width: 232px;
}

#portalnav > ul > li.item_5, #portalnav > ul > li.item_7 {
    width: 233px;
}

#portalnav > ul > li > a {
    display: block;
    padding: 12px 10px 13px;
    width: 218px;
}

#portalnav > ul > li a {
    color: #000;
}

#portalnav > ul > li a:hover {
    text-decoration: none;
}

#portalnav > ul > li.active {
    background-color: #4E7E46;
    margin-top: 0;
    padding-top: 9px;
}

#portalnav > ul > li.active > a {
    color: #FFF;
}

#portalnav > ul > li:hover {
    margin-top: 0;
    padding-top: 9px;
}

div#header div#portalnav > ul > li > div > ul  {
    display: none;
    background-color: #E7EE29;
    font-size: 75%;
    padding: 0px 5px 4px;
    z-index: 15;
}

div#header div#portalnav > ul > li:hover ul {
    display: block;
}

div#header div#portalnav ul.mainmenu > li > a {
    display: block;
    padding: 7px 6px;
}

div#header div#portalnav ul.mainmenu > li > a:hover, div#header div#portalnav ul.mainmenu > li.active > a {
    background-color: #4E7E46;
    color: #FFF;
    display: block;
    padding: 7px 6px;
}

#subsitetitle {
    background-color: #E7EE29;
    font-size: 160%;
    left: 0px;
    padding: 12px 10px 13px;
    position: absolute;
    top: 51px;
    width: 910px;
}

/*_______________ CARROUSEL _______________*/
div#header #carrousel {
    background: url();
    height: 145px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 89px;
    width: 930px;
}

div#header #carrousel_overlay {
    background: url(../images/gradient.png) repeat-y;
    border: 5px solid #E7EE29;
    border-top: 0;
    height: 140px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 89px;
    width: 920px;
    z-index: 6;
}

div#header #carrousel_overlay > a {
    left: 15px;
    position: absolute;
    top: 24px;
}

#carrousel_start_stop {
    bottom: 0px;
    position: absolute;
    right: 0px;
}

#carrousel_start_stop a {
    cursor: pointer;
    float: left;
    height: 32px;
}

#carrousel_pager {
    display: none;
}

#crumbtrail {
    float: left;
    margin: 204px 0 4px 9px;
    width: 658px;
}

#sitebuttons {
    float: right;
    height: 20px;
    margin: 204px 9px 4px 0;
    text-align: right;
    width: 254px;
}

#sitebuttons a {
    border-left: 2px solid #E7EE29;
    padding: 0px 4px;
}

#sitebuttons span a {
    border: 0;
}

#sitebuttons.portal a {
    border: 0;
    display: inline-block;
    height: 19px;
    margin: 0 0 0 16px;
    padding-left: 21px;
}

.btn_print {
    cursor: pointer;
}

.portal span a {
    background: url(../images/fontsize_icon.png) left top no-repeat;
}

.portal a.btn_print {
    background: url(../images/print_icon.png) left top no-repeat;
}

.portal a.btn_browsealoud {
    background: url(../images/browse_aloud_icon.png) left top no-repeat
}

/*_______________ CONTENT _______________*/
div#globalwrapper div#contentwrapper {
    color: #333;
    float: right;
    font-size: 120%;
    line-height: 150%;
    margin-top: 308px;
    padding: 0px;
    width: 699px;
}

div#globalwrapper div#contentwrapper.wide {
    width: 930px;
}

div#contentwrapper #content {
    float: left;
    margin: 0 9px 0 9px;
    position: relative;
    width: 439px;
}

div#contentwrapper #content.wide {
    width: 670px;
}

div#contentwrapper #content img {
    max-width: 439px;
}

div#contentwrapper #content.wide img {
    max-width: 652px;
}

#content .homewysiwyg {
    float: right;
    width: 439px;
}

h1, #content .homewysiwyg h2, #content #news h2, div#contentwrapper #rightbar h2 {
    color: #1A555C;
    font-size: 133.4%;
    font-weight: normal;
    line-height: 120%;
}

#content h2 {
    font-size: 109.1%;
    margin-bottom: 0.7em;
}

#news {
    float: right;
    margin-right: 31px;
    width: 200px;
}

#news ul li:hover, #koppelboxgevraagd ul li:hover, #snelnaar ul li:hover {
    background-image: url("../images/bullet_hover.png");
}

#news ul li a, #koppelboxgevraagd ul li a, #snelnaar ul li a {
    color: #333;
}

#news ul li.no_link, #koppelboxgevraagd ul li.no_link, #snelnaar ul li.no_link {
    background: none;
    font-weight: bold;
    padding-left: 0;
    padding-top: 0.5em;
}

.btn_back {
    cursor: pointer;
    font-size: 91.6%;
    position: absolute;
    right: 0px;
    top: -15px;
}

.documents.bullets li {
    background-position: 0px 6px!important;
}

.documents li, .items li {
    margin-bottom: 1em;
}

.module_sitemap .subitems {
    margin-top: 1em;
}

/*_______________ RIGHTBAR _______________*/
div#contentwrapper #rightbar {
    float: right;
    margin: 0 9px 0 31px;
    min-height: 20px;
    width: 202px;
}

#koppelboxgevraagd, #snelnaar {
    margin-bottom: 2.5em;
}

/*_______________ SIDEMENU _______________*/
div#globalwrapper #sidemenucontainer {
    float: left;
    margin: 301px 31px 0 0;
    width: 200px;
}

#sidemenucontainer a {
    color: #1B5950;
    display: block;
}

#sidemenucontainer a:hover {
    text-decoration: none;
}

#sidemenucontainer > ul > li > a {
    border-bottom: 1px solid #E7EE29;
    font-size: 140%;
    padding: 9px;
}

#sidemenucontainer > ul > li > ul  a {
    font-size: 120%;
    padding: 10px 9px 10px 19px;
}

#sidemenucontainer > ul > li > ul li.active  a, #sidemenucontainer > ul > li > ul  a:hover {
    background: url(../images/bullet_menu.png) no-repeat 4px 13px;
}

#sidemenucontainer ul.submenu {
    display: none;
}

#sidemenucontainer .active ul.submenu {
    display: block;
}

/*_______________ FOOTER _______________*/
#footer {
    border-top: 1px solid #E7EE29;
    float: left;
    margin: 20px 0 0;
    padding-top: 10px;
    width: 930px;
}

.footer_adres {
    background: url(../images/bg_footer.png) left center repeat-x #F9FCF6;
    border: 1px solid #DDE7D4;
    overflow: hidden;
    padding: 9px;
}

.footer_adres div {
    float: left;
    padding-right: 100px
}

.footer_adres div p {
    margin-bottom: 0.8em;
}

/*_______________ SOCIAL MEDIA _______________*/
.footer_adres div.socialmedia {
    width: 100%;
    padding-right: 0px;
    text-align: right;
}

.footer_adres div.socialmedia ul {
    float: right;
}

.footer_adres div.socialmedia ul li a {
    background-color: transparent;
    display: block;
    height: 16px;
    margin-left: 20px;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
    width: auto;
}

.footer_adres  div.socialmedia ul li a span {
    left: 0px;
    position: relative;
}

#koppelboxfooter {
    float: right;
    margin: 20px 18px 10px 0px;
}

#koppelboxfooter li {
    border-left: 1px solid #999;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
}

#koppelboxfooter li.first, #koppelboxfooter li.one_item {
    border: 0;
}

#koppelboxfooter li a {
    color: #999;
}

/*_______________ OVERIGE _______________*/
#contentwrapper #googlemap_legend li {
    background: none;
    display: block;
    overflow: hidden;
    padding: 0;
}

#googlemap_legend li span {
    float: left;
}

#googlemap_legend li span.title {
    display: block;
    padding: 4px;
}
