/* Algemeen */
body {
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    min-width: 600px;
    background: #FFFFFF;
    font-size: 12px;
    color: #000000;
    font-family: Arial;
}

#container {
    width: 964px;
    margin: 0px auto;
    padding: 0;
    text-align: left;
    background-color: #FFFFFF;
}

#header {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 964px;
    height: 157px;
}

#topnav {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 964px;
    height: 48px;
    background: #FFFFFF url('../images/bg.jpg') repeat-y left top;
}

#midden {
    position: relative;
    top: 0px;
    left: 0px;
    width: 964px;
    background: #FFFFFF url('../images/bg.jpg') repeat-y left top;
}

#bottomline1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 964px;
    height: 20px;
    background: #FFFFFF url('../images/bg.jpg') repeat-y left top;
}

#bottomline2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 964px;
    height: 10px;
    background-color: #FFFFFF;
}

#bottom {
    position: relative;
    top: 0px;
    left: 0px;
    width: 924px;
    height: 90px;
    background: #FFFFFF url('../images/bg.jpg') repeat-y left top;
    padding: 20px;
}

div.spacer {
    clear: both;
}

/* Einde algemeen */

/* Header */
#logo-top, #logo-bottom {
    position: relative;
    top: 0;
    left: 0;
    float: left;
}

#rechtsbovenin {
    position: relative;
    top: 0;
    right: 0;
    float: right;
    width: 180px;
    height: 50px;
    background: #FFFFFF url('../images/rechtsbovenin.jpg');
}

#fotos {
    position: relative;
    top: 15px;
    left: 8px;
    float: left;
    width: 708px;
    height: 105px;
}

#fotos div {
    position: absolute;
    top: 17px;
    width: 56px;
    height: 42px;
    border: 2px solid #5b8517;
}

#foto1 {
    left: 0px;
}

#foto2 {
    left: 72px;
}

#foto3 {
    left: 144px;
}

#foto4 {
    left: 216px;
}

#foto5 {
    left: 288px;
}

#foto6 {
    left: 360px;
}

#foto7 {
    left: 432px;
}

#foto8 {
    left: 504px;
}

#foto9 {
    left: 576px;
}

#foto10 {
    left: 648px;
}

#logo_lijn {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 716px;
    height: 2px;
    font-size: 2px;
    background: #000000;
}

/* Einde header */

/* Center */
/* Links (navigatie)	*/
#links {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    width: 200px;
}

#kgb {
    height: 37px;
    width: 61px;
}

#paypal {
    position: relative;
    top: -5px;
    left: 94px;
    height: 37px;
    width: 87px;
}

.links_menu {
    position: relative;
    top: 15px;
    left: 20px;
    width: 167px;
    margin: 0;
    padding: 10px 0 20px 0;
    background: #8DC73F url('../images/links-menu-schaduw-rechts.jpg') repeat-y left top;
}

.links_menu_top {
    background: #8DC73F url('../images/links-menu-schaduw-boven.jpg') no-repeat left top;
    left: 20px;
    position: relative;
    top: 15px;
    width: 167px;
    height: 10px;
}

.links_menu_val_schaduw {
    background-color: #8DC73F;
    left: 20px;
    position: relative;
    top: 15px;
    width: 160px;
}

.navigatie {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* margin of padding: T R B L; */
#navigatie {
    padding: 3px 0 5px 9px;
    margin: 0;
    display: block;
    line-height: 23px;
    font-weight: bold;
}

#topnav #navigatie .navigatie {
    text-align: center;
}

#navigatie a {
    text-decoration: none;
    text-transform: uppercase;
}

#rechtsbovenin #navigatie {
    position: absolute;
    top: 6px;
    left: 40px;
    display: inline;
}

#rechtsbovenin #navigatie li {
    display: block;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
    line-height: 27px;
    font-size: 16px;
}

#topnav #navigatie {
    position: absolute;
    top: 12px;
    left: 284px;
    display: inline;
}

#topnav #navigatie li {
    display: block;
    margin-left: 18px;
    margin-right: 18px;
    float: left;
    line-height: 27px;
}

#topnav #navigatie li.navigatiestreep {
    display: inline;
    width: 1px;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    line-height: 27px;
}

.links_hr {
    border: 0;
    border-top: 1px solid #000000;
    width: 150px;
    position: relative;
    left: 50%;
    margin-left: -80px; /* half the width of the div */
    margin-top: 4px;
    font-size: 0px;
    line-height: 0px;
}

.wijzigingen {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 16px !important;
}

#wijzigingen {
    padding: 0 0 0 9px;
    margin: 0;
    display: block;
    font-size: 10px;
    line-height: 8px;
}

.wijzigingen a {
    text-decoration: none;
    text-transform: none !important;
}

#donamail {
    position: relative;
    top: 36px;
    left: 24px;
}

ul.nav, ul.nav ul {
    width: 150px; /* sets the size of the menu blocks */
    background-color: #8DC73F; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
    padding: 3px 0 5px 9px; /* stops the usual indent from ul */
    margin: 0;
    cursor: default; /* gives an arrow cursor */
}

ul.nav li {
    list-style-type: none; /* removes the bullet points */
    margin: 0px; /* Opera 7 puts large spacings between li elements */
    position: relative; /* makes the menu blocks be positioned relative to their parent menu item                                  the lack of offset makes these appear normal, but it will make a difference                                  to the absolutely positioned child blocks */
    color: #fff; /* sets the default font colour to white */
    background: url('../images/pxl.gif') no-repeat bottom left;
    margin-right: 0;
    z-index: 100;
    line-height: 28px;
}

ul.nav li ul li {
    line-height: 23px;
}

ul.nav li ul li a {
    font-size: 11px;
    font-weight: bold;
}

ul.nav li > ul {
    /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display: none; /* hides child menu blocks - one of the most important declarations */
    position: absolute; /* make child blocks hover without leaving space for them */
    top: 0; /* position same height as the parent menu item */
    left: 150px;
    /* this must not be more than the width of the parent block, or the mouse will
have to move off the element to move between blocks, and the menu will close */
    background: url('../images/submenu-bg.png');
}

ul.nav li:hover {
    color: #000000; /* makes the active menu item text black */
}

ul.nav li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements                                  the > targets only the child ul, not any child uls of that child ul */
    display: block; /* makes the child block visible - one of the most important declarations */
}

/* and some link styles */
ul.nav li a {
    color: #000000;
    display: block;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

ul.nav li a:hover {
    color: #000000;
}

ul.nav li a.parent {
    background-image: url("../images/arrow.gif");
    background-position: right center;
    background-repeat: no-repeat;
}

ul.nav li:hover > a {
    color: #000000;
}

/* supports links in branch headings - should not be display: block; */
ul.nav ul { /* copy of above declaration without the > selector, except left position is wrong */
    display: none;
    position: absolute;
    top: 2px;
    left: 78px;
}

/* Einde links	*/

/* Midden */

#content {
    position: relative;
    top: 32px;
    left: 0px;
    float: left;
    width: 514px;
    background-color: #FFFFFF;
    padding: 25px;
    padding-bottom: 50px;
}

#content_banner {
    padding: 0px;
    text-align: center;
    padding-bottom: 20px;
}

#content_links {
    position: relative;
    top: 0;
    left: 0;
    padding-right: 20px;
    width: 352px;
    float: left;
    border-right: 1px solid #90c340;
}

#content_rechts {
    position: relative;
    top: 0;
    left: 20px;
    width: 120px;
    float: left;
}

#content h1 {
    font-size: 14px;
    color: #5b8517;
    padding: 0;
    margin: 0;
}

#content h2 {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #5b8517;
    padding: 0 10px 0 10px;
    margin: 12px 0 0 0;
    display: inline-table;
}

a {
    color: #000000;
}

a.szk {
    color: #C80201;
}

a.rood {
    color: red;
}

.content_tekst {
    font-size: 12px;
    color: #6A8D25;
    font-family: Arial;
}

.content_tekst_szk {
    font-size: 12px;
    color: #C80201;
    font-family: Arial;
}

.content_tekst_rood {
    font-size: 12px;
    color: red;
    font-family: Arial;
}

.content_tekst_wit {
    font-size: 12px;
    color: #DBEDBB;
    font-family: Arial;
    background-color: #6A8D25;
}

.content_tekst_wit_szk {
    font-size: 12px;
    color: #FEE9E8;
    font-family: Arial;
}

.content_disclaimer {
    font-size: 12px;
    color: grey;
    font-family: Arial;
}

.content_messages {
    border-top: 1px solid #3C4F18;
    width: 540px;
}

td {
    font-size: 12px;
    font-family: Arial;
}

p {
    margin: 0 0 12px 0;
    padding: 0;
}

.spacer a {
    color: #476134;
}

/* Einde midden */

/* Baasje gezocht */

#baasje_gezocht {
    position: relative;
    top: 32px;
    left: 20px;
    float: left;
    width: 160px;
}

.baasje_gezocht_menu {
    position: relative;
    top: 0;
    left: 0;
    width: 167px;
    margin: 0;
    padding: 0 0 10px 0;
    background: #ffffff url('../images/rechts-menu-schaduw-rechts.jpg') repeat-y left top;
}

.baasje_gezocht_header {
    position: relative;
    top: 0;
    left: 0;
    width: 152px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
}

.baasje_gezocht_header a {
    text-decoration: none;
}

.baasje_gezocht_hr {
    border: 0;
    border-top: 1px solid #000000;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -75px; /* half the width of the div */
    margin-top: 4px;
    font-size: 0px;
}

.baasje_gezocht_poes {
    position: relative;
    top: 0;
    left: 7px;
    right: 7px;
    width: 148px;
    height: 90px;
}

.baasje_gezocht_tekst {
    position: relative;
    top: 18px;
    left: 0;
    width: 70px;
    height: 56px;
    line-height: 14px;
    float: left;
}

.baasje_gezocht_tekst a {
    text-decoration: none;
}

.baasje_gezocht_foto {
    position: relative;
    top: 18px;
    right: 0;
    width: 70px;
    height: 56px;
    float: right;
    text-align: center;
}

.streep {
    text-decoration: line-through;
    padding: 0;
    margin: 0;
}

#baasje_gezocht_meer {
    position: relative;
    top: 0;
    left: 3px;
    right: 3px;
    width: 152px;
    height: 42px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    padding-top: 8px;
}

#baasje_gezocht_meer a {
    text-decoration: none;
    text-transform: uppercase;
}

.baasje_gezocht_tekstblok {
    position: relative;
    top: 0;
    left: 7px;
    right: 7px;
    width: 148px;
    font-size: 9px;
}


.baasje_gezocht_menu_top {
    background: #8DC73F url('../images/rechts-menu-schaduw-boven.jpg') no-repeat left top;
    position: relative;
    /*	left: 20px; */
    top: 2px;
    width: 167px;
    height: 10px;
}

.baasje_gezocht_menu_val_schaduw {
    background-color: #8DC73F;
    position: relative;
    /*	left: 20px;
        top: 15px; */
    width: 160px;
}

/* Einde baasje gezocht */

/* Bottom section */

#bottomtext {
    position: relative;
    top: 0;
    left: 0;
    width: 924px;
    height: 42px;
    font-size: 9px;
    text-align: right;
}

ul#bottom_social_logos {
    position: absolute;
    top: 60px;
    left: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left;
}

ul#bottom_social_logos li {
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    line-height: 42px;
}

ul#bottom_social_logos li a {
    float: left;
}

#bottom_sponsor {
    position: absolute;
    top: 60px;
    right: 20px;
}