/*Opmaak body*/
body    {
    background-color: #000000;
    font-family: tahoma, verdana;
    font-size: 11px;
    margin-top: 0px;
}
/*container van de gehele pagina*/
#container {
    width: 1000px;
    height: 678px;
    margin-right: auto;
    margin-left: auto;
}
/*header top*/
#header_top {
    position: relative;
    height: 35px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
/*header top links*/
#header_top_l {
    position: relative;
    float: left;
    height: 35px;
}
/*header top rechts*/
#header_top_r {
    position: relative;
    float: right;
    width: 657px;
    height: 35px;
    background-image: url('./afb/lijn_menu_top.jpg');
    background-repeat: no-repeat;
}
/*menu header*/
#hor_nav {
    position: relative;
    float: right;
    height: 80px;
    width: 628px;
}
#hor_nav ul {
    text-align: right;
    margin: 0;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 10px;
}
#hor_nav li {
    list-style-type: none;
    padding: 0em 0.20em;
    display: inline;
}
#hor_nav img {
    border: 1px solid white;
}
/*header bottom*/
#header_bottom {
    position: relative;
    height: 76px;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
/*logo jth*/
#logo {
    position: relative;
    float: left;
    width: 292px;
    height: 76px;
    margin-left: 35px;
}
/*middengedeelte*/
#midden {
    position: relative;
    height: 440px;
    border-left: 1px solid white;
    border-right: 1px solid white;    
}
/*midden_top*/
#midden_top {
    position: relative;
    width: 864px;
    height: 110px;
    margin-right: auto;
    margin-left: auto;
    z-index:1;
}
/*menu linkerkant*/
#menu_l {
    position: absolute;
    left: 0px;
    width: 354px;
    height: 110px;
    background-image: url('./afb/menu_left.jpg');
}

/*menu rechterkant*/
#menu_r {
    position: absolute;
    left: 509px;
    width: 355px;
    height: 110px;
    background-image: url('./afb/menu_right.jpg');
}
/*klok tussen het menu*/
#klok {
    position: absolute;
    left: 354px;
    width: 155px;
    height: 147px;
    background-color: #000000;
}
/*midden content*/
#midden_content{
    position: relative;
    width: 864px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -2px; /*IE: laat een 2px tussenruimte zien. Waarschijnlijk is het plaatje van de klok 2px te groot onder de cirkel*/
    background-image: url('./afb/bg_bottom.jpg');
    background-repeat: no-repeat;
}
/*footer*/
#footer {
    position: relative;
    height: 90px;
    background-image: url('./afb/footer_balk.jpg');
}
/*bedrijfsgegevens op de footer*/
#bed_geg {
    position: relative;
    float: left;
    margin-top: 17px;
    margin-left: 70px;
    color: #ffffff;
}
/*div voor de content*/
#content {
    position: absolute;
    left: 46px;
    width: 772px;
    height: 291px;
    background-color: transparent;
    color: white;
}
/*titelopmaak content*/
.content_titel {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}
/*tekstopmaak content*/
.content_tekst {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}    
/*opmaak div submenu links*/
#content_submenu {
    position: relative;
    float: left;
    width: 308px;
    height: 39px;
}
/*opmaak div sub_submenu rechts*/
#content_sub_submenu {
    position: relative;
    float: right;
    width: 308px;
    height: 40px;
}
#content_foto_album {
    position: relative;
    float: left;
    text-align: center;
    width: 180px;
    height: 260px;
}
.fotoalbum {
    width: 160px;
    height: 120px;
    overflow: hidden;
    margin-left: 8px;
    margin-bottom: 8px;
    border: 1px solid white;
}
.fotoalbum_overview_container {
    position: relative;
    float: left;
    width: 102px;
    height: 115px;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 30px;
    margin-bottom: 8px;
}
.fotoalbum_overview {
    position: relative;
    float: left;
    width: 100px;
    height: 75px;
    overflow: hidden;
    border: 1px solid white;
    text-align: center;
}

.fotoalbum_overview_tekst {
    position: relative;
    float: left;
    width: 100px;
    height: 20px;
    overflow: hidden;
}
#content_content {
    position: relative;
    float: left;
    width: 592px;
    height: 260px;
    overflow: auto;
}
#content_full {
    position: relative;
    float: left;
    width: 750px;
    height: 260px;
    overflow: auto;
}
#content_foto_nieuws {
    position: relative;
    float: left;
    text-align: center;
    width: 260px;
    height: 260px;
    margin-left: 20px;
}
/*link hoofdmenu van waar je bent*/
a.link_hoofd_bestemming {
    color: #ffc20e;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}
/*link van waar je bent*/
a.link_sub_bestemming {
    color: #ffc20e;
    text-decoration: none;
    font-size: 11px;
}
.oranje {
    color: #ffc20e;
    font-size: 11px;
}
#top_menu {
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}
#top_menu_taal {
    position: relative;
    float: right;
}
    
/*links in het bovenste menu*/
a.top_menu {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
}
/*links beschikbaar van waar je bent*/
a.link_subs_hoofd {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
}
.sub_links {
    position: relative;
    float: left;
    width: 80px;
    height: 39px;
    padding-left: 5px;
}
.sub_rechts {
    position: relative;
    float: left;
    width: 221px;
    height: 39px;
    padding-left: 2px;
}
.melding {
    margin-top: 50px;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    padding: 10px;
}
.melding_e {
    margin-top: 50px;
    color: red;
    font-size: 11px;
    text-align: center;
    padding: 10px;
}
/*foto show small*/
#foto_small {
    position: relative;
    float: left;
    width: 300px;
    height: 235px;
}
#foto_tekst {
    position: relative;
    float: left;
    width: 260px;
    height: 235px;
}    
/*test voor plaatjes*/
.links {
    position: relative;
    float: left;
    margin-left: 60px;
}

.hider {
    display: none;
}

#map_canvas {
    position: relative;
    float: left;
    width: 400px;
    height: 240px;
}
#route {
    position: relative;
    float: left;
    width: 265px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
table.directions td {
    background-color: black;
    color: white;
    font-size: 10px;
}
table.directions a {
    color: orange;
}
#bm {
    position: absolute;
    top: 73px;
    right: 10px;
    z-index: 1;
    height: 366px;
    width: 76px;
    overflow: hidden;
}
/*tekstopmaak table*/
.table_tekst {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}