/*__________ RESET DEFAULTS __________ */

* {
    padding: 0;
    margin: 0;
    -moz-box-sizing     :   border-box;
    box-sizing          :   border-box;
}

ul {
    padding-left: 1em;
    margin-left: 4px;
}

ol {
    list-style-position:inside;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

/*__________ HTML DEFAULTS __________ */

body {
    margin: 0;
    padding: 0;   
    text-align: center;
    margin-bottom: 10px;
    _margin-bottom: 0;
}

h6 {
    font-size: 100%;
}

/* start auto css */
body {
    color: #050A0D;
    font-family: arial;
    font-size: 85%;
    line-height: 120%;
    background: url(../images/bg_homepage.gif) top left repeat-x #FCEEC5;
}

a {
    color: #B62726;
}

a:hover {
    color: #002462;
}

ul.ul_lijst {
    padding-top:5px;
}

ul.ul_lijst li a {
    padding-left:12px;
}

h6 {
    color: #003068;
    font-size: 90%;
}

h6.rubriektitel {
    color: #003068 ;
    font-size: 100%;
}

span.kruimelspoor {
    color: ;
    font-family: ;
    font-weight: ;   
}

/* end auto css */

table {
    font-size: 100%;
}


/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
}

h6.rubriek {
}

h6.rubriek a {
}

div#rubrieken_wrap {
    width: 100%;
}


/*__________ WEBSITE __________ */

div#globalWrapper {
    margin: 0px auto;
    text-align: left;
    width: 938px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: 583px;
    _display: table;
    _height: 583px;
    background: url(../images/bg_body_hp.gif) left top repeat-y transparent;

}

div#header {
    width: 100%;
    height: 98px;
    float: left;
}

div#logo a {
    width: 284px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 37px;
    background: url(../images/logo.jpg) top left no-repeat;
}

div#top {
    width: 926px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 6px;
    background: url(../images/bg_top.jpg) top left repeat-x;
}

div#content {
    background: url(../images/shadow_left_hp.gif) 0px 0px no-repeat;
}

div#main_np {
    position: relative;
    margin: 0px 0 0 146px;
    width: 786px;
    min-height: 513px;
    _height: 513px;
    padding: 45px 10px 20px 43px;
    background: url(../images/watermark_nextpage.gif) 100% 90% no-repeat #EFF2F7;
}

div#main_np:after { 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
}

div#bg_right_line {
    margin: 0;
    padding: 0;
    background: url(../images/shadow_right_hp.gif) right top no-repeat;
    height: 326px;
    width: 6px;
    position: absolute;
    top: 0; 
    left: 933px;
}

div#footer {
    margin: 0px auto;
    background: url(../images/footer_bg.gif) top left no-repeat;
    width: 938px;
    height: 8px;
}

div#search {
    width: 231px;
    height: 43px;
    position: absolute;
    right: 6px;
    top: 55px;
    background: #FFC000;
    border-left: 2px solid white;    
    border-bottom: 1px solid white;  
}

div#search form#searchformsite input#keyword {
    width: 145px;
    height: 17px;
    margin: 12px 0 0 17px;
    border: 1px solid #021A88;
    padding-left: 2px;
}

div#search form#searchformsite input#submit {
    background: url(../images/btn_search.gif) top left no-repeat;
    border: none;
    width: 42px;
    margin-left: 8px;
    cursor: pointer;
    padding: none;
    height: 16px;
}

div#address {
    color: #003742;
    padding: 19px 0px 19px 15px;
    margin-top: 5px;
}

div#header_image, div#header_image_1, div#header_image_2 {
    position: absolute;
    top: 55px;
    left: 7px;
    width: 694px;
    height: 172px; 
}

div#header_image img {
    width: 694px;
    height: 172px; 
    position: absolute;
}

div#header_image_1 {
    background: url(../images/header_hp.jpg) top left no-repeat;
}

div#header_image_2 {
    background: url() top left no-repeat;
}

div#right_hp {
    position: absolute;
    top: 98px;
    right: 5;
    width: 229px;
    height: 484px;
}

div#buttons_home {
    width: 231px;    
    height: 207px;
    padding: 104px 0 0 10px;   
    position: absolute;
    right: 6px;
    top: 98px;   
}               


div#koppelbox_hp {
    width: 231px;
    height: 277px;
    background: url(../images/bg_koppelbox_hp.gif) top left repeat-x;
    margin-top: 207px;
}

div#koppelbox_header {
    width: 232px;
    height: 21px;
    background: url(../images/bullet_yellow_hp.gif) 15px 7px no-repeat #002462;
    color: white;
    padding: 3px 0 0 40px;
    font-weight: bold;
    font-size: 90%;
}

div#koppelbox_content {
    width: 231px;
    height: 256px;
    border-left: 1px solid #A6BDDF;
    padding: 5px 0 0 10px;
}

div#koppelbox_content a {
    width: 206px;
    height: 21px;
    background: url(../images/bg_button_linkbox.jpg) top left no-repeat;
    display: block;
    color: #012363;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    padding: 2px 0 0 20px;
    margin-top: 5px;
}

div#central_hp {
    position: absolute;
    top: 270px;
    left: 6px;
    width: 688px;
    min-height: 313px;
    _height: 313px;
    background-color: #FFF;
}

div#spacer_hp {
    width: 695px;
    height: 35px;
    background: #D7E5FF;
    border-right: 1px solid white;
}

div#actuel_hp {
    width: 694px;
    height: 21px;
    background: url(../images/bullet_blue_hp.gif) 15px 7px no-repeat #FFCA00;
    color: #021561;
    font-weight: bold;
    font-size: 90%;
    padding: 3px 0 0 40px;
}

div#actueel_hp {
    margin-top: 207px;
}

div#actuel_content_hp {
    width: 694px;
    height: 111px;
    background: url(../images/bg_actueel_hp.jpg) top left repeat-x;
    padding: 0px 0 0 13px;
}

div#details a {
    width: auto;
    height: auto;
    display: block;
    background: none !important;
    margin: 0;
    padding: 0;
}

div#actuel_content_hp a {
    display: block;
    color: #0D3374;
    text-decoration: none;
    background: url(../images/bullet_linkbox.gif) left no-repeat;
    padding: 2px 0 0 11px;
    font-weight: bold;
    font-size: 90%;
}

div#actuel_content_hp a:hover {
    color: #018BBC;
}

div#logo_hp {
    position: absolute;
    top: 56;
    _top: 57px;
    right: -6px;        
    _right: 0px;        
    width: 48px;
    height: 111px;
    background: url(../images/watermark_hp.jpg) left no-repeat;
}

div#naar {
    width: 462px;
    height: 146px;
    position: absolute;
    top: 167px;
    left: 0;
    border-right: 2px solid white;
}

div#naar_header {
    width: 462px;
    height: 21px;
    background: url(../images/bullet_yellow_hp.gif) 15px 7px no-repeat #002462;
    color: white;
    padding: 3px 0 0 40px;
    float: left;
    font-weight: bold;
    font-size: 90%;
}

div#naar_content {
    width: 462px;
    height: 125px;
    background: url(../images/bg_directnaar.gif) top left no-repeat;
    float: left;
    padding: 10px 0 0 15px;
}

div#naar_content a {
    display: block;
    color: #0D3374;
    text-decoration: none;
    background: url(../images/bullet_linkbox.gif) left no-repeat;
    padding: 2px 0 0 11px;
    font-weight: bold;
    font-size: 90%;
    width: 230px;
}

div#naar_second {
    position: absolute;
    left: 237px;
    height: auto;
    width: 231px;
    padding: 10px 0 0 8px;	
}

div#naar_second a {
    display: block;
    color: #0D3374;
    text-decoration: none;
    background: url(../images/bullet_linkbox.gif) left no-repeat;
    padding: 0px 0 0px 11px;
    font-weight: bold;
    font-size: 90%;
    width: 230px;
    height: auto;
}

div#naar_content a:hover {
    color: #B13B3B;
    text-decoration: underline;
}

div#naar_second a:hover {
    color: #B13B3B;
    text-decoration: underline;
}

div#weer {
    width: 230px;
    height: 146px;
    position: absolute;
    top: 167px;
    left: 464px;
}

div#weer_header {
    width: 230px;
    height: 21px;
    background: url(../images/bullet_yellow_hp.gif) 15px 7px no-repeat #002462;
    color: white;
    padding: 3px 0 0 40px;
    float: left;
    font-weight: bold;
    font-size: 90%;
}

div#weer_content {
    width: 230px;
    height: 124px;
    background: #DBE4ED;
    float: left;
}

/*__________ WEBSITE NAVIGATIE MAIN __________*/

div#quickmenu {
    float: right;
    margin-top: 20px;
    width: 100%;
    text-align: right;
}


div#quickmenu a {
    text-decoration: none;
    font-size: 95%;
    color: black;
    margin: 0 5px;
    padding-left: 10px;
}

div#quickmenu span.quickmenu_nonactive a, 
div#quickmenu span#increase {
    background: url(../images/border_quickmenu.gif) left no-repeat;
}

span.smaller_font {
   font-size: 80%; 
}

div#navigation {
    position: absolute;
    left: 7px;   
    width: 694px;
    height: 43px;
    z-index: 20;
    border-bottom: 1px solid white;
    text-align: center;
    background: url(../images/nav_bg.gif) top left repeat-x;
}

div.navigation_home {
    top: 227px;
}

div.navigation {
    top: 55px;
}

div#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#navigation ul li {
    float: left;
}

div#navigation ul li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 3px 12px 0px 12px;
    color: white;
    height: 38px;
    width: 115px;
    background: #013066;
    margin-top: 4px;
    border-right: 1px solid white;
    font-size: 80%;
}


div#navigation ul li a:hover {
    background: #8AA8CA;
    border-top: 1px solid white;
}

div#navigation ul li a.item_nonactive {
    background: #013066;
}

div#navigation ul li a.item_active {
    background: #8AA8CA;
    border-top: 1px solid white;
}

div#navigation ul li#hoofdli6 a {
        width: 118px;
        border-right: 1px solid #002462;
}

/*SUBNAVIGATION */
div#navigation ul#navlist li ul.subcontainer {
    position: absolute;
    top: 38px;
    width: 157px;
    font-size: 90%;
    _font-size: 85%;
    font-weight: normal;
    text-align: left;
    background: #013066;
    padding: 5px 0 10px 0;
    margin-top: 4px;
    margin-left: 0px;
    border: 1px solid white;
}

div#navigation ul#navlist li ul.subcontainer li {
    padding: 0px;
    background: none;
    height: auto;
    _height: 17px;
}

div#navigation ul#navlist li  ul.subcontainer li a,
div#navigation ul#navlist li  ul.subcontainer li a.subitem_nonactive {
    color: white;    
    display: block;
    width: 155px;
    height: auto;
    _height: 17px;
    background: #013066;
    border: none;
    font-weight: normal;
    font-size: 95%;
    padding: 0px 16px 0px 18px;
    margin-top: -1px;
}

div#navigation ul#navlist li  ul.subcontainer li a:hover {
    background: #B72726;
    color: white;
    text-decoration: none;
}

div#subnavigation {
    line-height: 120%;
    padding: 45px 0px 20px 0px;
    position: absolute;
    top: 196px;
    left: 6px;
    width: 140px;
    height: auto; 
    background: #002462;
    color: white;
}

div#subnavigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#subnavigation ul.subcontainer li {
    padding: 2px 0px 0px 0px;  
}

div#subnavigation ul.subcontainer li a {   
    color: white;
    text-decoration: none;
    font-weight: normal; 
    font-size: 95%;   
    padding: 0;
    display: block;
    width: 140px;
    height: auto;
    padding: 0 5px 0 10px;
}

div#subnavigation ul.subcontainer li a:hover,
div#subnavigation ul.subcontainer li a.subitem_active {  
    background: #B72726;
    color: white;
}
/* ---------------------*/

div#scrollbar {
    position: absolute;
    top: 38px;
    left: 134px;        
    width: 390px;
    height: 16px;
    z-index: 1;
}

span#tickertipe {
    width: 370px;
    height: 16px;
    float: left;
}

span#tickertipe a {
    color: #000066;
    text-decoration: none;
}

span#tickertipe a:hover {
    color: #0F86AD;
}

span#left_corner {
    background: url(../images/corner_tickertape_left.gif) top left no-repeat;
    width: 9px;
    height: 16px;
    float: left;
    display: block;
}

span#right_corner {
    background: url(../images/corner_tickertape_right.gif) top left no-repeat;
    width: 9px;
    height: 16px;
    float: left;
    display: block;
}

/* Next page */

div#header_image_np {
    position: relative;
    left: 6px;
    width: 926px;
    height: 96px;
    _height: 98px;
    background: url() top left no-repeat;
    border-bottom: 1px solid #6B8BB2; 
    border-top: 1px solid white;
    _border-top: 2px solid white;
}

div#subsite_naam_repeat {
    margin-top:35px;
    height:44px;
    background: url(../images/bg_subsitenaam_repeat.png) top left repeat-x;
    float:right;
    padding:6px 20px 0 10px;
    color:#002462;
}

div#subsite_naam_left {
    margin-top:35px;
    width:15px;
    height:44px;
    background: url(../images/bg_subsitenaam_left.png) top left no-repeat;
    float:right;
}

div#but_terug a {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 42px;
    height: 16px;
    background: url(../images/but_terug.gif) top left no-repeat;
}

div#content_title {
    color:#B82626;
    font-size:120%;
    font-weight:bold;
    margin:0pt 0pt 20px;
    padding-top: 20px;  
}

/* Overwritten css */
h1#kop_actueelweer {
    display: none;
}

div#meteo_actueel p {
    border: 0px;
    margin: 2px 0 0 105px;
    font-size: 90%;
    font-weight: bold;  
}

div#meteo_actueel a img {
    display: block;
    margin-right: 15px;
}

div#meteo_actueel img {
    cursor:pointer;
    float: left;
    display: block;
    border:0;
    margin: 5px 0px 0px 10px;
    padding-right: 0px;
    _margin-left: 5px; 
}

img#weersymbool {
    margin: 15px 0px 5px 15px;
    display: block;
    float: left;
}

div#meteo_actueel {
    border: 0px;
    padding-bottom: 1px;
    padding-top: 5px;
}

ul.ul_lijst li a.lijstitem_titel {
    color: #002462;
    font-weight: bold;
}

ul.ul_lijst li a.lijstitem_titel:hover {
    color: #B72726;
}

ul.ul_lijst li.lijstitem, ul.ul_lijst li.lijstitem_bullet {
    margin-top:-5px;
    padding:0;
    font-size: 90%;
    background-position:left 6px;
}

strong {
    color: #013068;
}

div#intro {
    font-size: 90%;
}

h6.rubriek {
    color: black;
    font-weight: normal;
    margin: 5px 0pt 0pt;
}

marquee#scroller a {
    color: #022F68;
    text-decoration: none;
}

marquee#scroller a:hover {
    color: #B72726;
}

.koppelboxtitel {
    color: white;
}

div#koppelboxkolom2 , div#koppelboxkolom1, div#koppelboxkolom3 {
    height: auto;
}

iframe#opus {
    height: 600px !important;
    width: 700px !important;
    margin: 0;
    padding: 0;
    float: left;
}

a.rubriek {
    font-size: 95%;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

.rubriek:hover {
    color: #B82626;
}

p.word {
    font-size: 90%;
}

div.vervolg {
    font-size: 90%;
}

td.calendarHeader {
    color: white;
}

td.calendarHeader a.calenderlink{
    color: white;
}

/* Important, 7th mainmenu is available through a button, should not be shown.*/
li#hoofdli7 {
    display:none;
}

h6.rubriek.img {
    background: url('../images/bullet_klein.gif') no-repeat 0px 4px;
    padding-left: 12px;
}

div#kruimel {
    position: absolute;
    left: 43px;
    top: 16px;
    width: auto;
    font-size: 90%;
    color: #A4ADA2;      
} 

div#kruimel a.home {
	margin-right: 5px;
}

div#kruimel a {
	color: #A4ADA2;
}   

span.kruimelspoor a { 
	margin:0 5px;
}

span.kruimelspoor span.active a {
        text-decoration: none;
}

a#pro_readspeaker_home {
    background: url(../images/leesvoor.png) no-repeat right;
    position: absolute;
    top: 37px;
    left: 607px;
    width: 59px;
    height: 16px;
}
a#pro_readspeaker_href {
    background: url(../images/leesvoor.png) no-repeat right;
    position: absolute;
    top: 25px;
    left: 650px;
    width: 59px;
    height: 16px;
}

div.tedownloaden ul.ul_lijst li a.readspeaker_doc, 
table td a.readspeaker_doc {
    width: 65px;
    height: 16px;
    background: url(../images/leesvoor.png) no-repeat;
    color: #eff2f7;
    text-align: right;
    font-size: 1px;
    padding-right: 0px;
    margin-left: 10px;
}

div.tedownloaden ul.ul_lijst li a.readspeaker_doc:hover, 
table td a.readspeaker_doc:hover {
    color: #eff2f7;
}