
/*================================
# Colors
@ SESSION used for the definition of colors. Used on every medium!
================================*/

/* Reset all styles */
@import url("reset.css");

/*-------------------------
= BODY
------------------------- */
body {
    text-align:left;
    background:#fff url(../images//body.png) left -8px repeat-x;
}

h1,
.hidden {
    display:none;
}

/*-------------------------
= SITE LAYOUT
------------------------- */
#globalwrapper {
    position:relative;
    width:960px;
    margin:0 auto;
    overflow:hidden;
    font-size:100%;
    background-color:#fff;
}

#top {
    position: relative;
    padding-top:6px;
    overflow:hidden;
    margin-bottom:25px;
    min-height:77px;
}

#header {
    position:relative;
    height:212px;
    overflow:hidden;
    background-color:;
}


#content {
    position:relative;
    float:left;
    width:745px;
    overflow:hidden;
    margin-bottom:20px;
    min-height:450px;
}

#aside {
    position:relative;
    float:right;
    width:200px;
    margin-top:-222px;
    margin-bottom:20px;
    margin-right:5px;

}

#footer {
    clear:both;
    min-height:140px;
    background-color:;
    margin-bottom:30px;
    overflow:hidden;
}

#footer a {
    color:;
}

#footer a:hover {
    color:;
}

/*-------------------------
= HYPERLINKS COLORS
------------------------- */
#snelmenu a,
.ftright li a,
.rubriekintrotekst a,
.simloket_tab_content a,
#rubriek_total_wrap a,
.module_simfaq a {
    color:; /* BLUE */
    text-decoration:underline;
}

#snelmenu a:hover,
.ftright li a:hover,
#snelmenu li.active a,
.ftright li.active a,
.rubriekintrotekst a:hover,
.simloket_tab_content a:hover,
#rubriek_total_wrap a:hover,
.module_simfaq a:hover {
    color:; /* ORANGE */
}

.ftleft a,
.ftcenter a {
    font-weight:bold;
}

.ftleft a:hover,
.ftcenter a:hover {
    color:; /* ORANGE */
}

/*-------------------------
= MAINMENU
------------------------- */
.mainmenu {
    width:200px;
    float:left;
    margin-left:5px;
}

.mainmenu li a {
    display:block;
    background-color:;
    color:#fff;
    font-size:130%;
    line-height:130%;
    font-weight:bold;
    padding:10px 15px;
    border-bottom:1px solid #fff;
}

.mainmenu li a:hover,
.mainmenu li.active a,
.mainmenu li.active .submenu li.active a,
.mainmenu li.active .submenu li a:hover {
    color:;
}

.submenu {
    display:none;
}

.mainmenu li.active .submenu {
    display:block;
    border-bottom:1px solid #fff;
}

.mainmenu li.active .submenu a {
    font-weight:normal;
    color:#fff;
    background-color:;
    border-bottom:none;
    padding:8px 15px 8px 30px;
    padding-left:30px;
}

/* Toon een balk op Medium Internet, waar er geen navigatiestructuur is */
.mainmenu_leeg {
    width:200px;
    float:left;
    margin-left:5px;
    height:400px;
    background-color:;
}


/*-------------------------
= LOGO
------------------------- */
#logo {
    clear:right;
    float:right;
    margin-top:41px;
    margin-right:50px;
    width:113px;
    height:63px;
    background:url(../images/logo.png) no-repeat;
    text-transform:uppercase;
}

#logo a {
    display:block;
    width:113px;
    height:63px;
    font-size:0%;
    color:#fff;
}

/*-------------------------
= SNELMENU
------------------------- */
#snelmenu {
    position: absolute;
    right: 0;
    top: 6px;
    font-size:11px;
    padding-top:6px;
}

#snelmenu li {
    float:left;
    border-left:1px solid ;
    padding:0 8px;
}

#snelmenu li.first,
#snelmenu li.one_item {
    border-left:none;
}

/*-------------------------
= PIC PER PAGE
------------------------- */
#picperpage {
    position:relative;
    width:740px;
    height:150px;
    background:url() no-repeat;
    overflow:hidden;
    margin:6px 0 5px 6px;
}

#rs_flash_div {
    display:none;
    position:absolute;
    right:0;
    bottom:0;
    background-color:;
    padding-bottom:6px;
    text-align:center;
    line-height:120%;
}

#rs_flash_div object {
    margin-bottom:6px;
}

#rs_flash_div a {
    color:;
    font-size:110%;
}

/*-------------------------
= Addthis
------------------------- */
.addthis_toolbox {
    float: left;
    position: relative;
    left: 150px;
    top: 10px;
    border-right: solid 1px #1E45A0;
    height: 16px;
    padding-right: 5px;
}

.at300bs {
    background: #FFFFFF url('../images/internet/twitter-icoon-all.png') no-repeat !important;
    background-position: 0 0 !important;
    height: 21px !important;
    width: 96px !important;
}

.at300bs:hover {
    background: #FFFFFF url('../images/internet/twitter-icoon-all-oranje.png') no-repeat !important;
    background-position: 0 0 !important;
    height: 21px !important;
    width: 96px !important;
    opacity: 1;
}

/*-------------------------
= MODULEOPTIONS
------------------------- */
#moduleoptions {
    float:right;
    margin-right:215px;
    margin-bottom:6px;
}

#moduleoptions li {
    float:left;
    border-left:1px solid #fff;
    padding:0 10px;
}

#moduleoptions li.vergroot {
    border-left:none;
}

#moduleoptions li a {
    padding-left:28px;
    font-size:110%;
    line-height:130%;
    color:#fff;
}

#globalwrapper #moduleoptions li a:hover {
    color:;
}

#moduleoptions li.vergroot a {
    background:url(../images//btn_portal_vergroot.png) no-repeat;
}

#moduleoptions li.leesvoor a {
    background:url(../images//btn_portal_leesvoor.png) no-repeat;
}

#moduleoptions li.print a {
    padding-bottom:3px;
    background:url(../images//btn_portal_print.png) no-repeat;
}

#globalwrapper #moduleoptions li.vergroot a:hover {
    background:url(../images//btn_vergroot_hover.png) no-repeat;
}

#globalwrapper #moduleoptions li.leesvoor a:hover {
    background:url(../images//btn_leesvoor_hover.png) no-repeat;
}

#globalwrapper #moduleoptions li.print a:hover {
    background:url(../images//btn_print_hover.png) no-repeat;
}

#content #moduleoptions {
    margin:12px 0 26px 0;
}

#content #moduleoptions li {
    border-color:;
}

#content #moduleoptions li a {
    color:;
}

#content #moduleoptions li.vergroot a {
    background:url(../images//btn_internet_vergroot.png) no-repeat;
}

#content #moduleoptions li.leesvoor a {
    background:url(../images//btn_internet_leesvoor.png) no-repeat;
}

#content #moduleoptions li.print a {
    padding-bottom:3px;
    background:url(../images//btn_internet_print.png) no-repeat;
}

#moduleoptions li.uitloggen a {
    padding-bottom:3px;
    background:url(../images/kluis/icon_uitloggen.gif) no-repeat;
}

/*-------------------------
= PAGTITEL
------------------------- */
.pagtitel {
    position:absolute;
    bottom:0;
    width:710px;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    background-color:;
    padding:10px 20px;
    min-height:15px;
    padding-left:230px;
}

.pagtitel_portal_home {
    width:920px;
    padding:10px 20px;
}

/*-------------------------
= DIRECT AANVRAGEN
------------------------- */
.aanvragen {
    background-color:;
    padding-top:5px;
    height:161px;
    overflow:hidden;
    margin-bottom:19px;
}

.aanvragen a.btn_aanvragen,
.aanvragen div.btn_aanvragen,
#search p a {
    display:block;
    width:195px;
    height:38px;
    background:url(../images//btn_right.png) no-repeat;
    color:;
    font-size:150%;
    font-weight:bold;
    text-indent:8px;
    line-height:250%;
    margin-left:3px;
    margin-bottom:6px;
}

.aanvragen a.btn_aanvragen:hover,
#search p a:hover {
    background-image:url(../images//btn_right_hover.png);
    color:;
}

.aanvragen h3 {
    font-size:120%;
    color:;
    font-weight:bold;
    margin:0 11px 6px;
}

.aanvragen ul,
#snelnaar ul {
    margin:0 11px 17px;
}

.aanvragen li,
#snelnaar li {
    margin-bottom:2px;
}

.aanvragen li a,
#snelnaar li a,
.actueel li a,
.vragen li a {
    display:block;
    background:url(../images//right_li.png) left 4px no-repeat;
    font-size:120%;
    color:;
    padding-left:14px;
    line-height:120%;
}

.actueel li a,
.vragen li a {
    background:url(../images//black_li.png) left 6px no-repeat;
}

.actueel li a,
.vragen li a {
    background-position:left 7px;
}

.aanvragen li a:hover,
#snelnaar li a:hover,
.actueel li a:hover,
.vragen li a:hover {
    color:;
    background-image:url(../images//right_li_hover.png);
}

/*-------------------------
= SEARCH
------------------------- */
#search {
    background-color:;
    height:77px;
    overflow:hidden;
    padding-top:8px;
    margin-bottom:14px;
}

#search fieldset legend {
    display:none;
}

.searchbox_trefwoord {
    width:120px;
    height:14px;
    padding:4px;
    border:1px solid ;
    font-size:110%;
    font-style:italic;
    color:;
    float:left;
    margin-left:6px;
}

.searchbox_trefwoord:focus {
    text-align:left;
    color:#000;
    font-style:normal;
}

.searchbox_submit {
    border:none;
    background-color:;
    height:24px;
    color:#fff;
    font-size:110%;
    font-weight:bold;
    padding:0 12px;
    text-transform:uppercase;
    font-family:arial;
}

.searchbox_submit:hover {
    cursor:pointer;
}

#search p a {
    margin-top:8px;
}

/*-------------------------
= BANNER
------------------------- */
#banner {
    margin-bottom:14px;
}

#banner li {
    margin-bottom:10px;
}

#banner a {
    display:block;
}

#banner li a img {
    position:relative;
    width:200px;
    display:block;
    vertical-align: bottom;
}

#banner .banner_text {
    display:block;
    font-size:150%;
    font-weight:bold;
    line-height:130%;
    color:;
    background-color:;
    padding:6px 10px 6px 10px;
    text-align:center;
}

#banner .banner_text:hover {
    color:;
    background-color:;
}

/*-------------------------
= DIRECT NAAR
------------------------- */
#snelnaar {
    clear:both;
    background-color:;
    padding-top:5px;
    padding-bottom:2px;
    margin-bottom:14px;
}

#snelnaar h2 {
    background:url(../images//right_directnaar_head.png) no-repeat;
    width:182px;
    height:25px;
    font-size:150%;
    font-weight:bold;
    color:#fff;
    margin:0 4px 12px;
    padding-top:10px;
    padding-left:10px;
}


/*-------------------------
= KRUIMELSPOOR
------------------------- */
#kruimelspoor {
    font-size:110%;
    color:#fff;
    font-weight:bold;
    margin-left:20px;
}

#kruimelspoor a {
    color:#fff;
}

#kruimelspoor a:hover {
    color:;
}

/*-------------------------
= PORTALCONTENT
------------------------- */
/* Box */
.box {
    margin-bottom:18px;
}

.box li a,
#birthdays li a {
    color:#333;
    line-height:150%;
}

.box li a:hover,
#birthdays li a:hover {
    color:;
}

.box li .box_intro a {
    color:;
    font-size:100%;
}

.box li .box_intro a:hover {
    color:;
}

#birthdays li span {
    display:inline;
}

.more,
.box .more {
    font-size:120%;
    color:;
    text-decoration:underline;
}

.more:hover,
.box .more:hover {
    color:;
}

.box_title {
    background-color:;
    clear:both;
    color:#FFFFFF;
    font-size:150%;
    font-weight:bold;
    padding:10px 20px;
}

/* Goed weten */
.goedweten li {
    width:235px;
    float:left;
    padding:16px 15px 6px 15px;
}

.goedweten li .item_title {
    font-size:120%;
    margin-bottom:18px;
}

.box_intro {
    font-size:120%;
    line-height:150%;
    margin-bottom:16px;
}

/* Vragen */
.vragen .box {
    padding:17px 14px;
    margin-bottom:0;
}

.vragen .more {
    margin-left:14px;
    line-height:120%;
}

/*-------------------------
= CONTENT
------------------------- */
.modulecontent,
.homecontent {
    width:500px;
    float:right;
    margin-right:15px;
    font-size:120%;
    line-height:150%;
}

#intro a,
.vervolg a,
.intro a,
.box_intro a,
.item_intro a,
.downloads a {
    color:;
    text-decoration:underline;
}

#intro a:hover,
.vervolg a:hover,
.intro a:hover,
.box_intro a:hover,
.item_intro a:hover,
.downloads a:hover {
    color:;
}

.modulecontent h3,
.modulecontent h4,
.modulecontent h5,
.modulecontent h6,
.box_intro h3 {
    color:;
}

.modulecontent h3,
.box_intro h3 {
    font-size:116.7%;
}

.module_items h6 {
    font-size:100%;
}

.module_items h6.tussenkop {
    font-size: 100%;
}

.modulecontent .rubriekintrotekst h5 {
    margin-top: 12px;
}

/*-------------------------
= FOOTER
------------------------- */
.ftleft,
.ftcenter,
.ftright {
    width:295px;
    float:left;
    padding:22px 12px;
    min-height:96px;
}

.ftcenter {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

#footer h3 {
    font-size:140%;
    color:;
    margin-bottom:12px;
}

#footer .text {
    font-size:120%;
    color:;
    line-height:160%;
}

.ftright li {
    float:left;
    padding:0 6px;
    border-left:1px solid ;
    margin-bottom:4px;
}

.ftright li.first,
.ftright li.one_item {
    border-left:none;
    padding-left:0;
}

.ftright li a {
    font-size:120%;
    font-weight:bold;
}


/*-------------------------
= ITEMS
------------------------- */
ul.itemlist,
ul.itemlist_bullet,
ul.ul_lijst {
    margin:0;
    padding:0;
}

ul.itemlist li.item,
ul.itemlist_bullet li.item {
    margin:0;
    padding:0;
    margin-bottom:8px;
    overflow:visible;
}

ul.itemlist_bullet li.item {
    padding-left:15px;
    background:url(../images//black_li.png) left 6px no-repeat;
    zoom:100%;
}

li.item .sim_default_toon_plaatje {
    max-width:150px;
    clear:left;
}

.bestuur_en_organisatie li.item .sim_default_toon_plaatje {
    max-width:450px;
}

.item_intro,
ul.ul_lijst li.lijstitem .lijstitem_intro,
ul.ul_lijst li.lijstitem_bullet .lijstitem_intro {
    margin-top:2px;
    padding-bottom:12px;
    clear:both;
}

.meerinfo {
    display:inline-block;
    color:;
    font-weight:normal;
    text-decoration:underline;
}

.meerinfo:hover {
    color:;
}

a.item_title,
.ul_lijst li > a {
    display:block;
    font-weight:bold;
    color:;
    margin-bottom:2px;
    float:left;
}

a.item_title:hover,
.ul_lijst li > a:hover {
    color:;
}

.module_items img {
    max-width:480px;
}

.module_items ul.itemlist li.item,
.module_items ul.itemlist_bullet li.item {
    overflow:hidden;
    background:url(../images//bullet_klein.gif) left 6px no-repeat;
}

span.kenmerken_toon_document_grootte {
    font-size:90%;
    color:grey;
    margin-left: 3px;
}

.module_items img.xml_site_image {
    max-width:150px;
    margin-left:0;
    margin-top:5px;
}

ul.ul_lijst li.lijstitem .lijstitem_intro p a,
ul.ul_lijst li.lijstitem_bullet .lijstitem_intro p a {
    color:;
}

ul.ul_lijst li.lijstitem .lijstitem_intro p a:hover,
ul.ul_lijst li.lijstitem_bullet .lijstitem_intro p a:hover {
    color:}


/*-------------------------
= RUBRIEKEN
------------------------- */
h6.rubriek {
    padding-left:15px;
    background:url(../images/internet/bullet_klein.gif) left 6px no-repeat;
    margin-bottom:6px;
}

h6.rubriek a {
    color:;
    font-weight:bold;
}

h6.rubriek a:hover {
    text-decoration:underline;
}

h6.rubriektitel {
    margin-bottom:40px;
}

.rubriek_item p {
    margin-bottom:0.5em;
}

.rubriek .rubriek {
    padding-bottom:0;
}

.rubriek > h6.rubriek {
/*
    background:none;
    padding-left:0;
*/
}

.rubriek_item .rubriek  a.rubriek {
    font-weight:normal;
}

/*-------------------------
= DOWNLOADS
------------------------- */
.downloads {
    font-weight:bold;
}

.downloads ul {
    margin-top:12px;
}

.downloads ul.itemlist li.item,
.downloads ul.itemlist_bullet li.item {
    position:relative;
    margin-bottom:8px;
    font-size:90%;
    font-weight:normal;
    background:none;
    padding-left:0;
}

li a.word, li a.excel, li a.pdf, li a.jpg, li a.gif, li a.png, li a.bmp, li a.tiff, li a.avi, li a.mpg, li a.ppt {
    font-weight:normal;
    padding-right:0;
    padding-left:25px;
    margin-left:22px;
    background-position:left top;
}

li a.pdf {
    background-position:left top;
    float: none;
    margin-left: 3px;
}

.module_documentenlijst .downloads {
    font-size:100%;
}

.readspeaker_doc {
    display:inline-block;
    background:url(../images//btn_internet_readspeaker.png) left 0px no-repeat;
    color:grey !important;
    font-size:0%;
    margin-left: 6px;
    color:#fff;
    width:13px;
    height:14px;
    text-indent: -999px;
}

/*-------------------------
= GEKOPPELDE ITEMS
------------------------- */
div#gekoppeldeitems a {
    margin-bottom:4px;
    padding-left:15px;
    background:url(../images//black_li.png) left 6px no-repeat;
    color:;
}

div#gekoppeldeitems a:hover {
    text-decoration:underline;
}

/*-------------------------
= BUTTONS
------------------------- */
.module_items .archief,
.module_contact .contact_submit,
.module_reactie input[type="submit"],
.module_peiling .verstuur_poll {
    display:inline-block;
    font-size:117%;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:;
    padding:4px 9px;
    border:none;
    margin-top:6px;
}

/*-------------------------
= CONTENT
------------------------- */

/*-------------------------
= OVERIGE
------------------------- */
.module_reactie table tr td h6 {
    display:block;
    background-color:;
    border-bottom:medium none;
    color:#FFFFFF;
    font-size:110%;
    font-weight:bold;
    line-height:120%;
    margin:0;
    padding:4px 4px 4px 12px;
}

.module_contact .contact_input,
.module_contact .contact_textarea,
.module_reactie table tr td input,
.module_reactie table tr td textarea {
    border: 1px solid #1E45A0;
}

.module_links ul.itemlist li.item,
.module_links ul.itemlist_bullet li.item {
    overflow:hidden;
}

#externeLinkIframe {
    width:500px;
    height:500px;
}

.item_intro #intro {
    font-size:100%;
}

#gekoppeldeitems {
    float:left;
    margin-bottom:10px;
}

.topOfPage {
    display:none;
    position:absolute;
    right: 208px;
    text-align:left;
}

.backPreviousPage {
    display:none;
    position:absolute;
    left: 208px;
    text-align:left;
}

.topOfPage img,
.backPreviousPage img {
    width:18px;
    height:18px;
}

.vervolg,
#intro {
    clear:left;
}
