
/* START OWN CSS */

body {
    color:#002a5b;
}

#content a {
    text-decoration:none;
}

#content a {
    text-decoration:underline;
}

#content a:hover {
    color:#bdd042;
    text-decoration:none;
}

#container {
    width:960px;
    margin:0 auto;
}

#header {
    width:962px;
}

#headertop {
    width:962px;
    height:58px;
    padding-top:12px;
}

#logo {
    width:140px;
    height:58px;
    background-image:url(../images/internet/logo.png);
    background-repeat:no-repeat;
    float:left;
    margin-left:14px;
}

#logo a {
    width:140px;
    height:58px;
    display:block;
}

#rightheader {
    width:400px;
    height:58px;
    float:right;
}

#snelmenu {
    height:14px;
    width:397px;
    padding-top:6px;
    padding-right:3px;
}

#search_read {
    height:30px;
    width:350px;
    float:right;
    clear:both;
    padding-top:8px;
}

#search {
    width:250px;
    height:22px;
    float:left;
    margin-left:13px;
}

#readspeaker {
    width:84px;
    height:22px;
    float:left;
}

#mainmenu {
    width:965px;
    height:40px;
    padding-top:10px;
    position:relative;
}

/* FOR THE PORTAL */
#subwysiwyg {
    width:962px;
    position:absolute;
    top:50px;
    left:0;
}

#content_img {
    width:962px;
    height:288px;
    overflow:hidden;
    clear:both;
    margin-top:17px;
}

div#wysiwyg {
    padding:20px 15px 15px 15px;
    border:2px solid #bcd34f;
    margin-top:15px;
    font-size:110%;
    line-height:160%;
}

div#wysiwyg ul {
    list-style-type: none;
    list-style-image: url('../images/bullet_klein.gif');
    padding-left: 15px;
}

div#wysiwyg a {
    font-weight: bold;
	color: #004595;
}

/* END FOR THE PORTAL */

#contentcontainer {
    width:962px;
    overflow:hidden;
    padding-top:12px;
    background-image:url(../images/internet/footer.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    min-height:400px;
}

#leftcol {
    width:190px;
    float:left;
}

#content {
    width:537px;
    float:left;
    padding:20px 15px 10px 30px;
    font-size:120%;
    color:#004595;
}

#content.contentwide {
    width:727px;
}

#content.portal {
    padding:20px 15px 15px 15px;
    border:2px solid #bcd34f;
    margin-top:15px;
    font-size:110%;
    line-height:160%;
    width:932px;
}

#content a {
    color:#004595;
}

#rightcol {
    width:190px;
    float:left;
    overflow:hidden;
}

#rightcol.donotshow {
    display:none;
}

#footer {
    padding:17px 0 0 0;
    color:#004595;
    letter-spacing:1px;
    text-align:center;
    font-size:110%;
    clear:both;
}

#footer.vervolg {
    border-top:1px solid #bcd34f;
    padding-top:10px;
    margin-top:6px;
}

#footer a {
    color:#004595;
    text-decoration:underline;
}

/* MAINMENU FOR PORTAL AND STYLING MENU FOR OTHER PAGES */
#mainmenu ul {
    list-style-type:none;
}

#mainmenu ul li {
    float:left;
}

#mainmenu ul li a {
    width:175px;
    height:28px;
    background-image:url(../images/internet/but_inactive.gif);
    background-repeat:no-repeat;
    float:left;
    display:block;
    margin-right:3px;
    padding:12px 0 0 15px;
    font-size:120%;
    color:#004595;
    font-weight:bold;
}

#mainmenu ul li.hover a {
    background-image:url(../images/internet/but_active_portal.gif);
}

#mainmenu ul li a:hover {
    text-decoration:none;
    background-image:url(../images/internet/but_active_portal.gif);
}

#mainmenu ul li.last a {
    margin-right:0px;
    background-image:url(../images/internet/but_inactive_loket.gif);
}

div#mainmenu ul li.last.odd a:hover, div#mainmenu ul li.last.pos_19 a:hover {
    background-image:url(../images/internet/but_active_portal.gif);
}

#mainmenu ul li ul {
    display:none;
}

/* MAINMENU FOR ALL OTHER PAGES */

#portal ul li.medium_active {
    display:none;
}

#mainmenu div#active_menu_item {
    float:left;
}

#mainmenu div#active_menu_item a.active_item {
    width:175px;
    height:28px;
    background-image:url(../images/internet/but_active_bl.gif);
    background-repeat:no-repeat
    float:left;
    display:block;
    margin-right:3px;
    padding:12px 0 0 15px;
    font-size:120%;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}


/* SUBMENU */

#subnavigation {
    font-size:110%;
}

#subnavigation ul {
    border:2px solid #a7c300;
    width:186px;
}

#subnavigation ul li {
    width:186px;
    background-color:#a8c400;
}

#subnavigation ul li a {
    display:block;
    width:162px;
    background-color:#a8c400;
    color:#ffffff;
    padding:4px 4px 4px 20px;
    border-bottom:1px solid #ffffff;
    text-decoration:none;
    font-weight:bold;
}

#subnavigation ul li.last a {
    border-bottom:0px;
}

#subnavigation ul li a:hover {
    background-image:url(../images/internet/submenu_active_item.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#subnavigation ul li.active a {
    background-image:url(../images/internet/submenu_active_item.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    color:#004595;
}

#subnavigation ul li ul {
    display:none;
}

#subnavigation ul li.active ul {
    display:block;
    border:0;
}

#subnavigation ul li.active ul li a {
    display:block;
    width:162px;
    background-color:#ffffff;
    color:#004595;
    padding:4px 4px 4px 20px;
    border-bottom:1px solid #a9c300;
    background-image:none;
}

#subnavigation ul li ul li a:hover {
    background-image:none;
    background-color:#d8e685;
}

#subnavigation ul li ul li.active a {
    background-color:#d8e685;
}

/* SUBWYSIWYG BOXES */
#subwysiwyg div.wysiwyg_box {
    width:146px;
    height:79px;
    background-color:red;
    position:relative;
    background-color:#dde7a0;
    color:#004595;
    padding:12px 22px 22px 22px;
    font-size:110%;
    line-height:150%;
    overflow:hidden;
}

#subwysiwyg div.wysiwyg_box a {
    color:#004595;
    text-decoration:underline;
}

#subwysiwyg div.box_1 {
    position:absolute;
    top:0;
    left:0;
}

#subwysiwyg div.box_2 {
    position:absolute;
    top:0;
    left:193px;
}

#subwysiwyg div.box_3 {
    position:absolute;
    top:0;
    left:386px;
}

#subwysiwyg div.box_4 {
    position:absolute;
    top:0;
    left:579px;
}

#subwysiwyg div.box_5 {
    position:absolute;
    top:0;
    left:772px;
}

/* SNELMENU */

#snelmenu ul {
    list-style-type:none;
    float:right;
}

#snelmenu ul li {
    float:left;
}

#snelmenu ul li a {
    float:left;
    display:block;
    padding:0 15px 0 15px;
    font-size:110%;
    color:#004595;
    border-right:1px solid #5073ad;
    height:12px;
    line-height:110%;
    font-weight:bold;
}

#snelmenu ul li.first a {
    padding-left:0;
}

#snelmenu ul li.last a {
    padding-right:0;
    border-right:0;
}

#snelmenu ul li.one_item a {
    border-right:0;
}

/* SEARCHBOX */

#search_read form fieldset legend {
    display:none;
}

#search_read form fieldset input#search_trefwoord {
    height:16px;
    width:169px;
    border:1px solid #224191;
    margin:0;
    padding:1px;
    float:left;
    font-size:110%;
}

#search_read form fieldset input.searchbox_submit {
    margin:0;
    padding:0;
    height:20px;
    width:70px;
    background-color:#224191;
    border:0;
    background-image:none;
    float:left;
    color:#eff4fa;
    font-size:90%;
    text-transform:uppercase;
    font-weight:bold;
}

#readspeaker h2 {
    display:none;
}

#readspeaker a {
    height:29px;
    width:80px;
    display:block;
    background-image:url(../images/internet/lees_voor_btn.jpg);
    background-repeat:no-repeat;
    float:right;
}

/* SNELNAAR */

#snelnaar {
    width:186px;
    border:2px solid #bdd042;

}

#snelnaar h2 {
    background-color:#bdd042;
    width:168px;
    height:22px;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:120%;
    padding:3px 0 0 18px;
}

#snelnaar ul {
    padding:10px 5px 10px 18px;
    list-style-type:none;
}

#snelnaar ul li a {
    font-size:110%;
    color:#004595;
    line-height:160%;
}

/* BANNERS */

#banner ul {
    list-style-type:none;
}

#banner ul li {
    padding:10px 0 10px 0;
}

/* KRUIMELSPOOR */
#print_back_wrap {
    clear:both;
    overflow:hidden;
}

#kruimelspoor {
    width:350px;
    font-size:91.6%;
    color:#bcd041;
    float:left;
    font-weight:bold;
}

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

#kruimelspoor a:hover {
    text-decoration:underline;
}

/* PRINT / BACK BUTTONS */

ul.print_back {
    float:right;
    list-style-type:none;
}

ul.print_back li {
    float:left;
}

ul.print_back li a {
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    font-size:90%;
    padding-left:20px;
    background-repeat:no-repeat;

}

ul.print_back li a.back_btn {
    margin-right:15px;
    background-image:url(../images/internet/arrow.gif);
    background-position:0 1px;
}

ul.print_back li a.print_btn {
    margin-right:15px;
    background-image:url(../images/internet/print.gif);
    background-position:top left;
}

/* CONTENT CSS */
#content h2 {
    color:#004595;
    font-size:125%;
    padding:15px 0 10px 0;
    font-weight:bold;
}

div#content h6 {
    color:#004595;
    font-size:100%;
    padding:5px 0 10px 0;
    font-weight:bold;
}

#content h6.rubriek {
    font-size:100%;
    padding:0;
    font-weight:normal;
}

#content h6.rubriek a {
    font-weight:bold;
    text-decoration:none;
}

#content h6.rubriek a:hover {
    color:#bdd042;
    text-decoration:none;
    text-decoration:none;
}

#content div#rubrieken_wrap td span.rubriek h6.rubriek img.but_klein {
    display:none;
}

#content a.archief {
    display:block;
    float:left;
    margin-top:10px;
}

#content a.naar_boven {
    display:block;
    float:right;
    text-transform:uppercase;
    font-size:90%;
    font-weight:bold;
    text-decoration:none;
    margin-top:10px;
}

/* CSS PORTAL CONTENT */

#content.portal div#sitemap_container div.sitemap_medium h2 {
    font-size:110%;
    margin-top:10px;
}

#content.portal div#sitemap_container div.sitemap_medium div.medium_name {
    font-size:130%;
}

/* LIJSTITEMS STYLING */

#content ul#itemlist li a.item_title:hover {
    text-decoration:underline;
}

#content a.meerinfo {
    display:block;
    background-image:url(../images/internet/arrow_green.jpg);
    background-position:0 5px;
    background-repeat:no-repeat;
    padding-left:15px;
    color:#bdd042;
}

#content a.meerinfo:hover {
    text-decoration:underline;
}

#content ul.ul_lijst li.lijstitem {
    padding-left:0;
}

#content ul.itemlist_bullet li.item {
    background-position:left 6px
}


/* ZOEKMODULE */

#content form#simplesearchfrm div div label {
    padding-top:10px;
    display:block;
}

#content form#simplesearchfrm div div label input#archive,#content form#simplesearchfrm div div label input#documents {
     margin-right:5px;
}
