html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { margin:0; padding:0; color:#5e5d5d; font:small Century Gothic, Arial }
div#wrapper { width:1000px; position:relative; margin:0 auto; padding:248px 0 0 0; background-color:white; background-repeat:no-repeat }
div#wrapper.foto1 { background-image:url(../gfx/bg/foto1_bg.jpg) }
div#wrapper.foto2 { background-image:url(../gfx/bg/foto2_bg.jpg) }
div#wrapper.foto3 { background-image:url(../gfx/bg/foto3_bg.jpg) }
div#wrapper.foto4 { background-image:url(../gfx/bg/foto4_bg.jpg) }
div#wrapper.foto5 { background-image:url(../gfx/bg/foto5_bg.jpg) }
div#wrapper.foto6 { background-image:url(../gfx/bg/foto6_bg.jpg) }
div#wrapper.foto7 { background-image:url(../gfx/bg/foto7_bg.jpg) }
div#wrapper.foto8 { background-image:url(../gfx/bg/foto8_bg.jpg) }
div#wrapper.foto9 { background-image:url(../gfx/bg/foto9_bg.jpg) }
body#index div#wrapper         { background-image:url(../gfx/brug_home.jpg) }
body#contact div#wrapper       { background-image:url(../gfx/contact_bg.jpg) }

div#page { margin:0 8px 0 269px; padding:0 0 30px }
body#index div#page { margin-right:277px }
body#fotoalbums div#wrapper { padding-top:225px; padding-bottom:60px }
body#fotoalbums div#page { margin-left:30px; padding-bottom:60px }
h1 { color:#0171b9; margin:0 0 23px; font-size:140%; font-weight:bold; text-transform:uppercase }
h2 { color:#0171b9; font-size:110%; margin:0 0 0.5em }
h3 { color:#0171b9; font-size:100%; margin:0 0 0.5em }
h4 { color:#0171b9; font-size:90%; margin:0 0 0.5em }
h5 { color:#e34b96; font-size:90%; margin:0 0 0.2em }
p  { margin:0 0 1.2em }
a  { color:#42b732 }
a:hover { color:#e34b96 }
ul { margin:0 0 1em 22px; padding:0 }
ul.evenementen li { margin:0 0 4px 0 }
ul.evenementen h2 { margin:16px 0 0 0 }

/*body#activiteiten div#page { margin-left:187px }*/
td, th { padding:0px 8px; font-size:85% }
th { color:white; text-align:left; padding:2px 8px; background:#0079c2; border-bottom:1px solid white }
td { background:#a8deff; color:#333;  }
tr.omschrijving td div { height:0px; overflow:hidden; padding:0px 8px }
tr.selected td div { height:auto; padding:4px 0 8px  }
tr.omschrijving td { border-bottom:1px solid white }
a img { border:0 }
td.arrow { vertical-align:top; background-image:url(../gfx/td_arrow.gif); padding:0 4px; background-repeat:no-repeat; background-position:7px 12px;  }
tr.selected td.arrow { background-position:7px -25px }
tr.flds { cursor:pointer; min-height:30px }
tr.flds td { height:30px; }

div.album { float:left; margin:0 20px 20px 0; }
div.album2 { float:left; margin:0 20px 20px 0; width:200px; overflow:hidden }
div.album img { display:block; margin:3px 0 }
div.album2 h2 { margin:0; font-size:12px }
div.thumbs img { display:block; float:left; margin:3px 20px 17px 0 }
a img { border:0 }
div.album a, div.album2 a, div.thumbs a { color:#0171b9; font-size:85%; text-decoration:none; margin-right:10px }
div.small a { font-size:85%; text-decoration:none; margin-right:10px }

div.slideshow { position:relative; margin-top:3px; height:400px; overflow:hidden }
div.slideshow img { position:absolute; top:0; left:0; z-index:8;  }
div.slideshow img.bovenop { z-index:10 }
div.slideshow img.erachter { z-index:9 }
bbbbody#fotoalbums div#page img { border:3px solid #0079c2 }

div#agenda { display:none }
body#index div#agenda { display:block; position:absolute; left:35px; top:248px }
div#agenda a { display:block; text-decoration:none; width:150px; color:#e34b96; background-image:url(../gfx/agenda_bg.gif); background-repeat:no-repeat; padding:0 0 10px 70px; min-height:54px; font-size:12px; font-weight:bold }
div#agenda a#no { position:absolute; left:-68px; background:none }
div#agenda a em { display:block; position:absolute; color:white; font-style:normal; left:3px; padding:3px 21px 0 0; width:38px; text-align:right; font-size:24px; font-weight:bold }
div#agenda br { display:none }
div#agenda a br { display:inline }
body#agenda h2 { color:#e34b96; position:relative; margin:0 0 0 70px }
body#agenda h2 em { display:block; position:absolute; color:white; background-image:url(../gfx/agenda_bg.gif); background-repeat:no-repeat; font-style:normal; left:-70px; width:38px; height:48px; padding:3px 21px 0 0; text-align:right; font-size:24px; font-weight:bold }
body#agenda p { margin-left:70px }
body#agenda div#page { margin-left:35px; }

div#menu { position:absolute; left:36px; top:149px; }
div#menu img#logo { display:block }
div#menu ul { position:absolute; padding:0; margin:0; left:224px; top:26px; width:496px }
div#menu li { list-style-type:none; display:inline }
div#menu li a { display:block; float:left; text-decoration:none; color:#0171b9; font-weight:bold; padding:0px 9px 12px }
div#menu li a:hover { color:#42b732 }
div#menu li a.selected { color:#42b732; background-image:url(../gfx/menu_golfje.png); background-repeat:no-repeat; background-position:center bottom }

div#menu li ul { display:none }
div#menu li.selected ul { display:block; position:absolute; left:-235px; top:119px; width:180px; height:313px; padding:20px 10px; background:#54bfff url(../gfx/submenu_bg.gif) no-repeat; }
body#trefpunten div#menu li.selected ul { height:auto; background:white url(../gfx/submenu_tref.png) no-repeat; height:481px }
div#menu li ul li a { color:white; float:none;  }
body#trefpunten div#menu li ul li a { font-size:85%; padding:0 5px 6px }
div#menu li ul li a:hover,
div#menu li ul li a.selected { color:#004875; background:none }

div#menu li.selected li ul { display:none }

div#menu div#menu_projecten ul { visibility:hidden }
div#menu div#menu_projecten li ul { visibility:visible }

div#menu div#menu_evenementen { display:none }
body#evenementen div#menu div#menu_evenementen { display:block }
div#menu div#menu_evenementen ul { display:block; position:absolute; left:-11px; top:145px; width:180px; height:313px; padding:20px 10px; background:#54bfff url(../gfx/submenu_bg.gif) no-repeat; }
div#menu div#menu_evenementen a { color:white; float:none;  }
div#menu div#menu_evenementen li a:hover,
div#menu div#menu_evenementen li a.selected { color:#004875; background:none }

div#button { display:block; position:absolute; right:12px; top:36px }
body#index div#button { top:82px }
div#button a { display:none }
body#index div#button a { display:block }
div#button a { width:238px; height:29px; background-repeat:no-repeat; margin:0 0 7px; padding:7px 0 0 0; text-decoration:none }
div#button a strong { text-transform:uppercase }
div#button a:hover { color:#0171b9 }
div#button a { background-image:url(../gfx/button_nieuwsbrief_home.gif); color:white; font-size:130%; text-align:center }
div#button a#evenementen { font-size:12px; font-weight:bold; padding:4px 0px 6px; height:25px; width:238px }
div#button a#fotoalbums  { display:block; background:none; position:relative; font-size:110%; left:-220px; top:79px; color:#0171b9; }
div#button a#fotoalbums:hover  { color:#42b732; }
body#index div#button a#fotoalbums { position:static; font-size:130%; padding-top:8px; background-image:url(../gfx/button_fotoalbum_home.gif); height:28px }

form#zoeken { position:absolute; right:12px; top:166px; width:230px; height:30px; padding:6px 0 0 8px; background-image:url(../gfx/zoeken_bg.png); margin:0 0 7px }
form#zoeken label { color:white }
form#zoeken input.text { border:1px solid #999; font-size:13px; width:170px }
form#zoeken input.submit { background:none; color:white; border:0; cursor:pointer }

form#formulier { margin:0 0 30px 0;}
form#formulier label { display:block; width:140px; float:left; }
form#formulier input.text { width:200px; display:block; margin:0 0 8px 0;}
form#formulier input.submit { margin-left:140px; display:block;}

div.foto { float:right; margin:48px 0 0 30px }

div#projecten { display:none }
body#index div#projecten { display:block; position:absolute; right:12px; top:208px }
div#projecten a { display:block; width:108px; height:63px; padding:26px 118px 0 12px; font-size:100%; position:relative; background-image:url(../gfx/project_bg.png); color:white; margin:0 0 7px; text-decoration:none }
div#projecten a img { position:absolute; right:4px; top:4px }

div#map { height:454px; margin:0 0px 0px 0; border:1px solid #7f8083; }
div.overlay { height:454px; position:relative; top:-455px; left:1px; background-image:url(../gfx/map_overlay.png); background-repeat:no-repeat }

form#selecteren { padding:5px 11px 11px; height:35px; margin-bottom:4px; background:#0079c2; color:white; font-size:85%;  }
form#selecteren div { float:left; width:24%; }
form#selecteren select, form#selecteren input.tekst { display:block; width:148px; font-size:11px; margin:0 0 12px 0; padding:0 }
form#selecteren label { display:block; font-weight:bold; margin-bottom:2px }
form#selecteren input.submit { display:block; float:left; margin:15px 0 0 0; font-size:11px; cursor:pointer }
form#selecteren a { display:block; float:left; margin:13px 0 0 12px; color:white; text-decoration:none }
form#selecteren a:hover { text-decoration:underline }



div#activiteit label { display:block; width:200px; float:left; font-weight:normal;}
div#activiteit div { padding:3px 12px; margin-bottom:1px; font-size:90%; font-weight:bold; background:#a8deff; color:#333 }
div#activiteit p   { padding:10px 0 0; font-weight:normal; font-size:110%; line-height:1.4em;}

body#activiteiten table th a { color:white; }
body#activiteiten table a.arrow { background:url(../gfx/arrow_up.gif) no-repeat; padding-right:12px; background-position: right -10px;}
body#activiteiten table a.arrow_up { background:url(../gfx/arrow_up.gif) no-repeat; padding-right:12px; background-position: right 6Px; }


a#disclaimer { display:none; }
body#activiteiten a#disclaimer { display:block; position:absolute; top:505px; left:6px; }