* {margin: 0; padding: 0; border: 0;}
html {
scrollbar-track-color: #fbfff5;
scrollbar-face-color: #FFF;
scrollbar-arrow-color: #CCC;
scrollbar-3dlight-color: #CCC;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color: #FFF;
scrollbar-darkshadow-color: #CCC;}
body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
background: #FFF;
text-align: center;
color: #000;}
#container {
position: relative;
width: 990px; height: 590px;
margin: 0 auto;
text-align: left;}
/************ HEADER ************/
#header {
width: 990px; height: 107px;
background-color: #FFF;}
#header img {
float: left;
padding: 10px 0 0 19px;}
#header h1 {
float: left;
font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 43px 0 0 15px;
letter-spacing: 0.1em;}
#header p { display: none;}
.groen { color: #ABD037;}
#navheader {
float: right;
width: 300px;
font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 46px 0 0 0;}
#lognav {
list-style: none; /* dit is de ul met id=lognav */
float: right;}
#lognav li { display: inline; width: 100%; }
#lognav li a {
font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000;
text-decoration: none;
padding: 0px 0 0 20px;
margin-bottom: 0px;}
#lognav li a:hover { color: #7C7C7C;}
#lognav li a.activelog, #lognav li a:hover.activelog {color: #7C7C7C;}
/* op lustrumpagina's is geen plaats voor deze div */
#body_15 #navheader {display: none;} #body_151 #navheader {display: none;}
#body_152 #navheader {display: none;} #body_153 #navheader {display: none;}
#body_154 #navheader {display: none;} #body_155 #navheader {display: none;}
#body_156 #navheader {display: none;} #body_157 #navheader {display: none;}
#body_158 #navheader {display: none;}
/************ KOLOMMEN OPBOUW ************/
#kolommen {
position: absolute;
top: 107px; left: 0;
width: 990px; height: 510px; /*503px;*/}
#kolom1, #kolom2, #kolom3, #kolom4, #kolom5 {
position: absolute; top: 0;
height: 495px; /* 510-15 */
padding-top: 15px;
background-color: #FBFFF5;}
#kolom1 { display: none;}
#kolom2 { left: 0px; width: 150px; background: url(images/bgkolom2.gif) repeat-y;}
#kolom3 { left: 150px; width: 161px; height: 510px; padding-top: 0;
background-repeat: no-repeat;
background-position: top left;}
#kolom4 { left: 311px; width: 518px; height: 495px; padding-top: 15px; overflow: auto;}
#kolom5 { left: 829px; width: 161px; background: url(images/bgkolom5.gif) repeat-y;}
/************ KOLOM 1 is vervallen ************/
/************ KOLOM 2 ************/
/************ SPONSOR BANNERS ************/
#sponsor {
position: absolute;
top: 365px; left: 0;
text-align: center;
width: 131px; /*141px;*/
padding: 0 10px;}
#sponsor h2 {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 1.5em;}
#sponsor p {
font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.2em;}
/************ KOLOM 3 ************/
/************ FOTO'S IN KOLOM 3 ************/
/*pagina's extern links*/
#body_00 #kolom3 { background-image: url(foto/extern/index.jpg);} /*home*/
#body_01 #kolom3 { background-image: url(foto/extern/watisbnw.jpg);} /*watisbnw*/
#body_011 #kolom3 { background-image: url(foto/extern/watisbnw.jpg);} /*watisbnw*/
#body_02 #kolom3 { background-image: url(foto/extern/lidworden.jpg);} /*lidworden*/
#body_021 #kolom3 { background-image: url(foto/extern/kennismaken.jpg);} /*aanmelden*/
/*#body_03 #kolom3 { background-image: url(foto/extern/bestuur.jpg);}*/ /*bestuur*/
#body_031 #kolom3 { background-image: url(foto/extern/voorgaandebesturen.jpg);} /*voorgaande besturen*/
/*#body_04 #kolom3 { background-image: url(foto/extern/3ledenrva.jpg);}*/ /*raad van advies*/
#body_05 #kolom3 { background-image: url(foto/extern/commissies.jpg);} /*commissies*/
#body_06 #kolom3 { background-image: url(foto/extern/excursies.jpg);} /*excursies*/
#body_07 #kolom3 { background-image: url(foto/extern/contact.jpg);} /*contact*/
#body_08 #kolom3 { background-image: url(foto/extern/english.jpg);} /*english*/
/*pagina's extern rechts*/
#body_11 #kolom3 { background-image: url(foto/extern/agenda.jpg);} /*agenda*/
#body_111 #kolom3 { background-image: url(foto/extern/jaaragenda.jpg);} /*jaaragenda*/
#body_12 #kolom3 { background-image: url(foto/extern/spraakmakend.jpg);} /*spraakmakend*/
#body_121 #kolom3 { background-image: url(foto/extern/excursiecommissie.jpg);} /*eerder spraakmakend*/
#body_13 #kolom3 { background-image: url(foto/extern/indepers.jpg);} /*pers*/
#body_131 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_132 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_133 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_134 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_135 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_136 #kolom3 { background-image: url(foto/extern/egeraath.jpg);} /*persarchief*/
#body_14 #kolom3 { background-image: url(foto/extern/got.jpg);} /*got*/
#body_143 #kolom3 { background-image: url(foto/extern/moskou.jpg);} /*got*/
#body_144 #kolom3 { background-image: url(foto/extern/moskou2.jpg);} /*got*/
#body_16 #kolom3 { background-image: url(foto/extern/contact.jpg);} /*inloggen*/
#body_161 #kolom3 { background-image: url(foto/extern/contact.jpg);} /*inloggen*/
/*pagina's intern links*/
#body_21 #kolom3 { background-image: url(foto/intern/indexintern.jpg);} /*home intern*/
#body_22 #kolom3 { background-image: url(foto/intern/almere1.jpg);} /*prikbord*/
#body_221 #kolom3 { background-image: url(foto/intern/almere2.jpg);} /*plaats bericht*/
#body_23 #kolom3 { background-image: url(foto/intern/spraakmakend.jpg);} /*spraakmakend*/
#body_231 #kolom3 { background-image: url(foto/intern/excursiecommissie.jpg);} /*eerder spraakmakend*/
#body_232 #kolom3 { background-image: url(foto/intern/almere3.jpg);} /*plaats bericht*/
#body_24 #kolom3 { background-image: url(foto/intern/got.jpg);} /*got*/
#body_243 #kolom3 { background-image: url(foto/intern/moskou.jpg);} /*got ronde tafels*/
#body_244 #kolom3 { background-image: url(foto/intern/moskou2.jpg);} /*got*/
#body_25 #kolom3 { background-image: url(foto/intern/almere4.jpg);} /*statistieken*/
#body_26 #kolom3 { background-image: url(foto/intern/avalon.jpg);} /*archief*/
#body_261 #kolom3 { background-image: url(foto/lustrum/lyon-kade.jpg);} /*lustrum*//* oog */
#body_262 #kolom3 { background-image: url(foto/lustrum/lyon-huizen.jpg);} /*lustrum jaarprogramma*/
#body_263 #kolom3 { background-image: url(foto/lustrum/lyon-trapparty.jpg);} /*oudleden reunie*/
#body_264 #kolom3 { background-image: url(foto/lustrum/lyon-huizen.jpg);} /*lustrumcommissie*/ /*leden commissie*/
#body_265 #kolom3 { background-image: url(foto/lustrum/lyon-kade.jpg);} /*sponsoring*/
#body_266 #kolom3 { background-image: url(foto/lustrum/lyon-oud-riool.jpg);} /*smoelenboek*/
#body_267 #kolom3 { background-image: url(foto/lustrum/lyon-trapparty.jpg);} /*foto's lustrum*/ /*diashow*/
#body_27 #kolom3 { background-image: url(foto/intern/brandweer.jpg);} /*faq*/
#body_271 #kolom3 { background-image: url(foto/intern/brandweer.jpg);} /*faq vraag indienen*/
#body_28 #kolom3 { background-image: url(foto/intern/contact.jpg);} /*contact*/
/*pagina's intern rechts*/
#body_31 #kolom3 { background-image: url(foto/intern/graham.jpg);} /*mijn account*/
#body_311 #kolom3 { background-image: url(foto/intern/net.jpg);} /*aanpassen profiel*/
#body_312 #kolom3 { background-image: url(foto/intern/net.jpg);} /*aanpassen inloggegevens*/
#body_313 #kolom3 { background-image: url(foto/intern/net.jpg);} /*overzicht bijeenkomsten*/
#body_314 #kolom3 { background-image: url(foto/intern/net.jpg);} /*facturen*/
#body_32 #kolom3 { background-image: url(foto/intern/agenda.jpg);} /*agenda*/
#body_321 #kolom3 { background-image: url(foto/intern/jaaragenda.jpg);} /*jaaragenda*/
#body_322 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_323 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_324 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_325 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_326 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_327 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_328 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief*/
#body_329 #kolom3 { background-image: url(foto/intern/moore.jpg);} /*archief 2009*/
#body_33 #kolom3 { background-image: url(foto/intern/groen-huis.jpg);} /*wieiswie*/
#body_331 #kolom3 { background-image: url(foto/intern/parkrand.jpg);} /*zoek voornaam*/
#body_332 #kolom3 { background-image: url(foto/intern/rottier-huls.jpg);} /*zoek achternaam*/
#body_333 #kolom3 { background-image: url(foto/intern/madrid.jpg);} /*zoek bedrijfsnaam*/
#body_334 #kolom3 { background-image: url(foto/intern/boomvoorhuis.jpg);} /*zoek beroepcategorie*/
#body_335 #kolom3 { background-image: url(foto/intern/bruggebouw.jpg);} /*telefoonlijst*/
#body_34 #kolom3 { background-image: url(foto/intern/slotervaart.jpg);} /*werkbank*/
#body_341 #kolom3 { background-image: url(foto/intern/lantarenpaal.jpg);} /*werk gevraagd*/
#body_342 #kolom3 { background-image: url(foto/intern/almere.jpg);} /*werk aangeboden*/
#body_343 #kolom3 { background-image: url(foto/intern/indexintern.jpg);} /*oproep werkbank*/
/* foto spraakmakend */
#fotospraakmakend {
float: left;
width: 161px; height: 510px;}
/* foto's bestuur */
#fotobestuur1, #fotobestuur2, #fotobestuur3,
#fotobestuur4, #fotobestuur5, #fotobestuur6 {
float: left; width: 161px; height: 85px;}
/* foto's raad van advies */
#fotorva1, #fotorva2,#fotorva3 {
float: left; width: 161px; height: 170px;}
/************ KOLOM 4 TEKST ************/
/************ CONTENT ************/
#content { padding: 0 20px /*10px*/;}
#content.kort { padding: 0 20px;
height: 385px; overflow: auto;}
#carousel { width: 450px; height: 75px;
padding: 5px 20px 5px 20px;}
#carousel p {
font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.6em;}
#carousel p a {
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C8812;}
#content .item, #content.itemtelefoon { margin-bottom: 3.0em;}
#content h1 {
font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.9em;}
#body_03 #content h1 {
margin-bottom: 0.0em;}
#content h2 {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.9em;}
#content h2 a { font-weight: bold; color: #6C8812; }
#content h3 {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;}
#content h3 a { font-weight: bold; color: #6C8812; }
#content h4 { /* datum */
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.0em;}
#content p {
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 1.2em;}
#content p.lees {
margin-top: -1.2em;}
#content p.lees a {
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C8812;
text-decoration: underline;}
#content p.onderste {
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.0em;}
#content a {
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C8812;
text-decoration: underline;}
/*#content a:hover { text-decoration: underline;}*/
#content ul {
list-style-type: square;
margin: 0 0 /*0.9em*/ 1.0em 18px;}
#content li {
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;}
/*#content ul.link li { margin-bottom: 1.5em;}*/
#body_144 #content ul li, #body_244 #content ul li { margin-bottom: 1.2em;} /* vervallen?*/
#content ol {
margin: 2px 0 0 24px;
line-height: 1.3em; }
/* tabellen */
#content table {
/*width: 325px;*/ /* 362px - 20 padding - 18 scrollbar */
width: 460px; /* 518px - 40padding -18 scrollbar */
border: none;
font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 0.9em;}
#content table.mceLayout {
border: 1px solid #ABD037;}
#content table.mceToolbar { margin-bottom: 0.0em;}
#content td {
font: normal 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
padding: 3px 10px 3px 0;
vertical-align: top;}
#content td p {
font: normal 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0em;}
/************ PROFIEL ************/
#pijlen {
text-align: right;}
img.pijl {
float: right;
margin: 0 0 0 10px;}
#content h1.profiel {
margin-bottom: 0.9em; margin-top: 1.8em;}
.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;}
.fltrt {
float: right;
margin: 5px 0px 10px 10px;}
.fltrt2 {
float: right;
margin: 0px 0px 20px 20px;}
.fltlft {
float: left;
margin-right: 8px;}
/************ BESTUUR EN RAAD VAN ADVIES ************/
#tekst1, #tekst2, #tekst3, #tekst4, #tekst5, #tekst6, #tekst7, #tekst8, #tekst9 {
position: absolute;}
#tekst1 p, #tekst2 p, #tekst3 p,
#tekst4 p, #tekst5 p, #tekst6 p,
#tekst7 p, #tekst8 p, #tekst9 p {
margin-bottom: 0;
font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;}
#tekst1 { bottom: 425px;}
#tekst2 { bottom: 340px;}
#tekst3 { bottom: 255px;}
#tekst4 { bottom: 170px;}
#tekst5 { bottom: 85px;}
#tekst6 { bottom: 0px;}
#tekst7 { bottom: 340px;}
#tekst8 { bottom: 170px;}
#tekst9 { bottom: 0px;}
/************ ZOEKEN ************/
#alfabet { /*text-align: center;*/ margin-bottom: 2.0em;}
#alfabet span {
font: normal 1.2em/2em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding-right: 0.5em; padding-left: 0.5em;}
#alfabet a {
font: bold 1.2em/2em Verdana, Arial, Helvetica, sans-serif; color: #6C8812;
padding-right: 0.5em; padding-left: 0.5em;}
/************ FORMULIEREN ************/
form { }
#content fieldset {
margin: 0 0 1.5em 0;
padding: 0;
border: 1px solid #ABD037; }
#content legend {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C8812;
padding: 0;
margin-left: 0.6em;}
#content fieldset ol {
padding: 1em 1.3em/*10px*/ 0 1.3em /*7px*/;
margin-left: 0;
list-style: none;}
#content fieldset li {
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding-bottom: 0.9em; margin: 0;}
#content fieldset .mceLayout table {
width: 100%;}
#content label {
display: block;
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 2px; }
#content label.radiobuttons {
display: block;
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000;
margin-bottom: 8px; margin-top: 4px; }
#content fieldset input.txt, input.dag, input.maand, input.jaar, input.loginnaam, input.password, input.file {
width: 230px;
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 1px 0 1px 2px;
background-color: #FFF;
border: 1px solid #ABD037; }
input.dag { width: 30px;}
input.maand { width: 30px;}
input.jaar { width: 30px;}
input.file { width: 234px; /* width: 100%;*/}
input.radio { margin-right: 0.6em;}
#content input.submit2,
#content input.reset {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 0px 2px 0px 2px;
background-color: #ABD037;
border: 1px solid #6C8812;}
#content fieldset input.submit2,
#content fieldset input.reset {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 0px 2px 0px 2px;
background-color: #ABD037;
border: 1px solid #6C8812;}
#content fieldset.submit { border: none; margin-top: -1.5em;}
#content fieldset.submit input.submit2,
#content fieldset.submit input.reset {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 0px 2px 0px 2px;
background-color: #ABD037;
border: 1px solid #6C8812;}
#content fieldset.wit { border: none; margin-top: -1.5em;}
#content fieldset.wit input.submit2,
#content fieldset.wit input.reset {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
padding: 0px 2px 0px 2px;
background-color: #ABD037;
border: 1px solid #6C8812;}
#content input.ondernemers { width: 84px;}
#content input.afmelden { width: 120px;}
#content select {
font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #000;
background-color: #FFF;
border: 1px solid #ABD037; }
#content select.ondernemers { width: 367px; margin-right: 10px;}
#content textarea {
width: 150px; height: 60px;
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;
background-color: #FFFFFF;
border: 1px solid #ABD037;
padding-left: 10px;
/*scrollbar-track-color: #FFF;
scrollbar-face-color: #FFF;
scrollbar-arrow-color: #000;
scrollbar-3dlight-color: #FFF;
scrollbar-highlight-color: #FFF;
scrollbar-shadow-color: #FFF;
scrollbar-darkshadow-color: #FFF;*/}
#content textarea.bedrijf { width: 150px;}
#content textarea.kort {
width: 150px; height: 40px;}
#content .ster { color: #D60059;}
#content .voetnoot { font-size: 10px; color: #D60059;}
/************ KOLOM 5 ************/
#lustrum {
position: absolute;
top: 375px; left: 10px;
text-align: center;
width: 141px;
padding: 0 10px;}
#colofon {
position: absolute;
bottom: 0;
width: 136px;
padding: 0 5px 15px 20px;}
#colofon a {
text-decoration: none;
color: #000;
}