
/*__________ RESET DEFAULTS __________ */

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

ul {
    padding-left: 1em;
    margin-left: 0;
}

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

/*__________ HTML DEFAULTS __________ */

body {
    background: url('../images/bg_body.gif') repeat-x left top;
    font-family: arial;
    font-size: 75%;
    line-height: 120%;
    color: #585858;
    text-align: center;
}

a {
    color: #00A2E3;
}

a:hover {
    color: #000000;
}

h6 {
    color: #585858;
    font-size: 100%;
}

h6 a {
    color: #585858;
}

table {
    font-size: 100%;
}

div#globalWrapper table {
    width: 450px;
}

/*__________ SIMSITE DEFAULTS __________ */

ul.ul_lijst li a {
}

h6.rubriek {
}

h6.rubriek a {
}

div#rubrieken_wrap {
    width: 100%;
}

div#externe_link_box iframe {
    width: 450px !important;
    height: 50% !important;
}

div#content iframe {
    width: 450px !important;
    height: 400px !important;
}

/*__________ WEBSITE __________ */

div#globalWrapper {
    background: url('../images/bg_content.gif') repeat-y left top;
    margin: 0px auto;
    text-align: left;
    width: 900px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: 1000px;
    _display: table;
    _height: 100%;
    
}

div#header {
    background: #FFF url('../images/top.jpg') no-repeat left top;
    border-bottom: 1px solid #E4E2E4;
    width: 900px;
    height: 169px;
    position: absolute;
}

div#paginatitel {
    border-left: 1px solid #E4E2E4;
    border-right: 1px solid #E4E2E4;
    color: #009AB9;
    font-weight: bold;
    position: absolute;
    left: 670px;
    top: 149px;
    height: 18px;
    padding: 2px 10px 0px 0px;
    text-align: right;
    width: 187px;
    z-index: 10;
}

div#content {
    padding: 185px 250px 50px 190px;
}

div#content table {
    _width: 450px;
}

div#content iframe {
    _width: 450px;
}

div#zoek {
    background-color: #008CAB;
    border-top: 1px solid #000;
    height: 56px;
    padding: 19px 0px 0px 15px;
    margin-top: 10px;
}

div#zoek input.zoek {
    width: 90px;
    border: 1px solid #000405;
}

div#zoek input#submit {
    background: none;
    border: none;
    background: url('../images/icon_zoek.gif') no-repeat left top;
    height: 23px;
    width: 23px;
}

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

div#homekoppel_nieuws a.homekoppeltitel_uitgebreid {
    text-decoration: none;
    color: #00A2E3;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

div#homekoppel_nieuws a.homekoppeltitel_uitgebreid:hover {
    color: #000;
}

div#homekoppel_nieuws div.homekoppelbody {
    margin-bottom: 37px;
    margin-top: 0;
}

div#homekoppel_nieuws a.homekoppeltitel {
    color: #00A2E3;
    text-decoration: underline;
    display: block;
}

div#directnaarhead {
    background: #009AB9 url('../images/bullet_snelmenu.gif') no-repeat 19px 50%;
    color: #FFF;
    width: 100%;
    padding: 3px 0px 3px 35px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

div#directnaar a {
    background: url('../images/pijltje.gif') no-repeat 19px 50%;
    color: #005161;
    display: block;
    text-decoration: none;
    padding-left: 36px;

}

div#twee_knoppen {
    background-color: #9BD7E3;
    height: 140px;
    margin: 20px 0 0 0;
}   

div#snelmenu a#a_afvalkalender, div#snelmenu a#a_faq {
    width: 77px;
    height: 110px;
    display: block;
    float: left;
    margin: 15px 5px;
}

div#snelmenu a#a_afvalkalender {
    background: url('../images/but_afvalkalender.gif') no-repeat left top;
}

div#snelmenu a#a_faq {
    background: url('../images/but_meestgestelde_vragen.gif') no-repeat left top;
}

/*__________ WEBSITE NAVIGATIE __________*/

div#snelmenu {
    border-top: 1px solid #000;
    background-color: #BDE5ED;
    position: absolute;
    left: 670px;
    top: 168px;
    width: 187px;
    padding-bottom: 15px;
}

div#snelmenuhead {
    background: #009AB9 url('../images/bullet_snelmenu.gif') no-repeat 19px 50%;
    color: #FFF;
    width: 100%;
    padding: 3px 0px 3px 35px;
    font-weight: bold;
    margin-bottom: 5px;
}

div#snelmenu a {
    background: url('../images/pijltje.gif') no-repeat 19px 50%;
    color: #005161;
    display: block;
    text-decoration: none;
    padding-left: 36px;

}


div#navhead {
    background: url('../images/menu_top.gif') no-repeat left top;
    position: absolute;
    left: 0px;
    top: 151px;
    height: 18px;
    width: 161px;
    z-index: 10;
}

div#navigatie {
    position: absolute;
    left: 0px;
    top: 170px;
    width: 158px;
    z-index: 20;
}

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

div#navigatie li {
    
}

div#navigatie ul li a {
    color: #0E4458;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 3px 0px 0px 15px;
}

div#navigatie ul li a.item_nonactive {

}

div#navigatie ul li a.item_active {
    background-color: #00A2E3;
    color: #FFF !important:
}

div#navigatie ul li ul li a.subitem_nonactive {
    background-color: #A0DAE7;
    font-weight: normal;
}

div#navigatie ul li ul li a.subitem_active {
    background-color: #53C3D1;
    font-weight: normal;
}
/* EXTRA BUTTONS SCROLLEN MEE */

#contentbuttons {
    /* netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    /* position absolute is nodig, ook voor IE 6 en hoger, anders werkt de expression niet! */
    position: absolute; 
    right: 150px; 
    bottom: 20px;
}

body > #globalWrapper > #contentbuttons {
    position: fixed;
    bottom: 20px;
    right: 19%;
    width: 80px;
}

#contentbuttons {
    _top: expression(( -20 - contentbuttons.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#contentbuttons div {
    margin-bottom: 0.5em;
}

#contentbuttons div.printknoponder {
    margin-bottom: 10px;
}
