/*__________ HTML DEFAULTS __________ */
body {
    font-family: Arial;
    font-size:10px; 
    background: #ffffff;
    text-align:center;
    color:#666666;     
}

body pre {
    font-size:130%;
}

a {
    text-decoration:none;
    color:#20201E;
}

a img {
    border:none;
}

h1 {
    display:none;
}

.hidden {
    display:none;
}

/*__________ SITE LAYOUT __________ */
div#globalwrapper {
    position:relative;
    width:995px;
    margin:0 auto;
    background:#fff;       
    text-align:left;
    font-size:100%;
    overflow:hidden;
    min-height:600px; 
}

div#header {    
    width:100%;
    height:166px;
    background:url(../images/internet/header_bg.gif) left bottom repeat-x;
}

a#logo {
    display:block;
    float:left;
    width:215px;
    height:80px;
    background:url() center top no-repeat;
    font-size:0%;
    margin-top:9px;
    color:#fff;
}


/*__________ PORTAL __________ */
div#portal {
    position:relative;
    width:995px;
    height:500px;
    background:url() no-repeat;
}

div.logo-overlay {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-220px;
    margin-top:-170px;
    width:365px;
    height:345px;    
    background:url() no-repeat;
}


div.box {
    margin-top:15px;
    width:235px;
    float:right;
    clear:both;
}
div.top {
    margin-top:32px;
}


div.arrow {
    width:37px;
    height:75px;
    float:left;    
}
div.top div.arrow {
    background:url(../images/internet/blue.png) no-repeat;
}
div.middle div.arrow {
    background:url(../images/internet/green.png) no-repeat;
}
div.bottom div.arrow {
    background:url(../images/internet/white.png) no-repeat;
}


div.boxcontent {
    width:144px;
    float:left;
    padding:12px 40px 18px 14px;
    background:#fff;
    color:#009DE0;
    font-size:130%;
    line-height:150%;
    min-height:100px;
}
div.top div.boxcontent {
    background:#599CE0;
    color:#fff;
}

div.middle div.boxcontent {
    background:#74AC3E;
    color:#fff;
}

div.boxcontent a {
    color:#fff;
    text-decoration:underline;
}

div.bottom div.boxcontent,
div.bottom div.boxcontent a {
    color:#009DE0;
}

div.boxcontent ul,
div.boxcontent ol {
    padding-left:14px;
}

div.boxcontent ul li {
    list-style:disc;
}

div.boxcontent ol li {
    list-style:decimal;
}

/*__________ MEDIUM __________ */
div#content {
    background:url(../images/internet/menu_bg.gif) left top repeat-y;
    overflow:hidden;
}

div#mediumcolumns {
    width:795px;
    float:right;
    overflow:hidden;    
    background-image: url("../images/internet/right_menu.gif");
    background-position: right top;
    background-repeat: repeat-y;    
}

div#contentmodule {
    font-size:110%;
    line-height:140%;
    width:520px;
    padding:20px 36px;
    float:left;
    overflow:hidden;
}

div#aside {
    width:200px;
    float:right;
}

div#contentmodule h2 {
    font-size:190%;
    color:#75AD3F;
    margin-bottom:22px;
    line-height:100%;
}

div#intro {
    color:#009DE0;
    margin-bottom:20px;
}

div#intro a,
div.vervolg a {
    color:#009DE0;
    font-weight: bold;
    text-decoration:underline;
}

div#intro a:hover,
div.vervolg a:hover {
    color: #009DE0;
}

/*__________ ELEMENTS __________ */
div#icons {
    display:block;
    padding:10px;   
    margin-bottom:0px;
    font-size:120%;
    float: right;
    width: 180px;
    background-color: #FFFFFF;
}

div#icons a {
    color:#7A7A7A;
    margin-right:8px;
}

div#icons a.fontsize {
    float:left;
}

div#icons a.btn_print {
    float: left;
}

div#icons a#readspeaker_href {
    display:block;
    width:17px;
    height:17px;
    background:url(../images/internet/readspeaker.gif) no-repeat;
    font-size:0%;
    float:left;
    margin-top:-2px;
}

div#icons a.print {
    float:left;
}

div#snelnaar {
    padding:0px;
    margin-bottom:16px;    
    float: right;
    width: 200px;
}

div#snelnaar h2 {
    color:#fff;
    font-size:130%;
    background-color:#75AD3F;
    padding:5px 4px 12px 5px;  
}

div#snelnaarbox {
    background-color:#E3EFD9;
    padding:10px 8px;
    font-size:110%;
    line-height:140%;
    min-height: 92px;
}

div#snelnaarbox a {
    text-decoration:underline;
}

div#snelnaarbox a:hover {
    color: #009DE0;
}

div#snelnaarbox ul li {
    margin-left:15px;
    list-style:disc;
}

div#logoright {
    background-image: url("../images/internet/logoright.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    float: right;
    width: 200px;
    position: absolute;
    top: 320px;
    height: 210px;
}

/*__________ SEARCH __________ */
div#search {
    width:200px;
    float:right;
}

div#search h2 {
    display:block;
    width:145px;
    border-left:2px solid #C0E7F7;
    padding-top:10px;
    padding-left:8px;
    font-size:120%;    
    color:#666;
    font-weight:normal;
}

div#search form {
    padding:8px 0 0 3px;
}

div#search form fieldset legend {
    display:none;
}

input#search_trefwoord {
    float:left;
    border:1px solid #D9F0FA;
    background:#D9F0FA;
    height:19px;   
    padding-top:2px;
    font-size:130%;
    color:#666;
    margin-right:8px;
    width:140px;
}

input.searchbox_submit {
    width:40px;
    height:23px;
    float:left;
    background:#666;
    border:none;
    color:#fff;
    font-size:120%;
    font-weight:bold;
}

div#search form p {
    padding-top:4px;
    clear:both;
}

div#search form p a {
    color:#343997;
    font-size:90%;
    font-weight:bold;
    padding-left:10px;
    background:url(../images/internet/search_advanced.gif) left 4px no-repeat;
}

div#search form p a:hover {
    color:#189515;
}

/*__________ SNEL MENU __________ */
div#snelmenu {
    float:right;
    width:470px;
}

div#snelmenu ul li {
    float:left;
}

div#snelmenu ul li a {
    display:block;
    width:145px;
    border-left:2px solid #C0E7F7;
    padding-top:10px;
    padding-left:8px;
    font-size:120%;    
    color:#666;
}

div#snelmenu ul li a:hover {
    color:#000;
}

/*__________ PORTAL NAVIGATION __________ */
div#portalnavigation,
div#mainnavigation {
    width:100%;
    padding-top:3px;
    margin-left:58px;
    clear:both;    
}

div#portalnavigation ul.mainnavigation li,
div#mainnavigation ul.mainmenu li {
    float:left;
    margin-right:5px;
}

div#portalnavigation ul.mainnavigation li.last,
div#mainnavigation ul.mainmenu li.last {
    margin-right:0;
}

div#portalnavigation ul.mainnavigation li a,
div#mainnavigation ul.mainmenu li a {
    display:block;
    width:132px;
    height:32px;
    background:#666;
    padding:5px;
    color:#fff;
    font-size:140%;
}

div#portalnavigation ul.mainnavigation li a.active,
div#mainnavigation ul.mainmenu li.active a {
    background:#009DE0;
    height:62px;
}

div#portalnavigation ul.mainnavigation ul.mainmenu,
div#mainnavigation ul.mainmenu ul.submenu {
    position:absolute;
    padding-top:32px;
    background:#666666;
    z-index:10;
}

div#portalnavigation ul.mainmenu li,
div#mainnavigation ul.submenu li {
    float:none;
    margin-right:0;
    margin-bottom:7px;
}

div#portalnavigation ul.mainmenu li.last,
div#mainnavigation ul.submenu li.last {
    margin-bottom:10px;
}

div#portalnavigation ul.mainmenu li a,
div#mainnavigation ul.submenu li a {
    font-size:120%;
    height:auto;
}

div#portalnavigation ul.mainnavigation ul.mainmenu li a:hover,
div#mainnavigation ul.mainmenu ul.submenu li a:hover {
    background:#fff;
    color:#666;
}

/*__________ MEDIUM NAVIGATION __________ */
div#navigation {
    padding-top:30px;
    width:200px;
    padding-bottom:150px;
    font-size:120%;
    overflow:hidden;
    float:left;
}

div#navigation ul li {
    margin-bottom:8px;
}

div#navigation ul li a {
    display:block;
    padding:8px 4px 8px 18px;
    color:#fff;
}

div#navigation ul li.active a {
    color:#75AD3F;
    background:#fff;
}

div#navigation ul li ul.submenu {
    display:none;  
}

div#navigation ul li.active ul.submenu {
    display:block;
    background:#75AD3F;
    padding-top:4px;
    padding-bottom:6px;    
}

div#navigation ul li ul.submenu li {
    margin-bottom:2px;
}

div#navigation ul li ul.submenu li a {
    width:100%;
    background:none;
    color:#fff;
    padding:3px 4px 3px 18px;
}

div#navigation ul li ul.submenu li.active a {
    text-decoration:underline;
}

div#navigation ul li ul.submenu li a:hover {
    background:none;
    color:#fff;
    text-decoration:underline;
}


/*__________ EXTRA __________ */
a.but_naarboven {
    position:absolute;
    bottom:35px;
    right:15px;
    font-size:110%;
    font-weight:bold;
    display:block;
    padding:2px;
    color:#199513;
}

p.word {
    margin-top:0;
    margin-bottom:0.5em;
}

p.word a,
div.vervolg a,
div#intro a {
    color: #000000;
    font-weight: normal;
    text-decoration:underline;
}

ul#itemlist {
    margin-bottom:8px;
}

a.archief {
    display:block;
    width:65px;
    height:20px;
    font-size:0%;
}

img.sim_default_toon_plaatje {
    margin-left:0;
}

.error {
    font-size:130%;
    font-weight:bold;
    line-height:150%;
    color:red;
    padding:10px;
}

iframe#opus {
    overflow:hidden;
    height:450px;
    font-size:80%;
}

br.brclear {
    display:none;
}

div#gekoppeldeitems {
    clear:both;
    margin-bottom:15px;
}

div#gekoppeldeitems a {
    background:url(../images/internet/bullet_klein.gif) left 5px no-repeat;
    padding-left:15px;
    width:350px;
}

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

/*__________ DOWNLOADS __________ */
div.downloads {
    margin-bottom:30px;
    color:#20201E;
    font-weight:bold;
}

div#contentmodule div.downloads ul {
    font-weight:normal;
}

div#contentmodule div.downloads ul.itemlist_bullet li.item {
    background: url(../images/internet/bullet_klein.gif) left 5px no-repeat;
    padding-left:15px;
}

div#contentmodule div.downloads ul li.item {
    padding:0;
    margin:0;
    border:none;
}

div.downloads ul li a {
    color:#000;    
}

div.downloads ul li a:hover {
    color:#009DE0;
    text-decoration:underline;
}

h6.tussenkop {
    color:#FF0000;
    margin-bottom:4px;
}

a.meerinfo {
    color: #009DE0;
}