/* reset ------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } /*ol, ul { list-style: none; }*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* general ------------------------------------------------------------------*/ body { background: #00175b; font: 13px/18px Verdana, Arial, sans-serif; color: #38393c; line-height: 18px; } h1 { margin: 0 0 18px 0; font-size: 24px; line-height: 29px; color: #938340; font-weight: normal; } h2 { margin: 0 0 18px 0; font-size: 18px; line-height: 23px; color: #00175b; font-weight: normal; } h3 { font-size: 13px; line-height: 18px; color: #00175b; font-weight: bold; } ul, ol { margin: 0 0 18px 16px; } li { line-height: 23px; } p, form { margin: 0 0 18px 0; } p { line-height: 18px; } a { color: #38393c; } a:hover { color: #00175b; } input, textarea, select { font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #38393c; } strong { color: #00175b; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ small { font-size: 9px; } /* page structure ------------------------------------------------------------------*/ #mainWrapper { width: 100%; background: #eeeccf; } #wrapper { position: relative; width: 980px; margin: 0 auto; background: url(/images/bg_wrapper.png) repeat-y;} #header { position: relative; float: right; width: 759px; min-height: 76px; padding-right: 13px; background: url(/images/bg_header.gif) no-repeat left top; } #sidebar { float: left; width: 188px; padding: 0 8px 0 12px;} .content { position: relative; float: right; width: 724px; padding: 0 25px 20px 23px; } #footerWrapper { clear: both; width: 100%; } #footer { width: 759px; margin: 0 auto; padding: 7px 13px 18px 208px; color: #fff; font-size: 12px; } /* language page ------------------------------------------------------------------*/ #hp #wrapper { width: 626px; background-image: url(/images/bg_hpwrapper.gif);} #hp #topframe{ margin-bottom: 80px; padding: 189px 0 0 0; position:relative;} #hp #slogan { width: 621px; height: 50px; position:absolute; top:188px; z-index:10;background: url(/images/bg-slogan.png) no-repeat; text-align:center;} #hp #sfeerbeeld img { position:absolute;top:0;} #hp #logo { margin: 0 auto 37px auto; } #hp #languages { float: none; width: 621px; height: 46px; background: url(/images/bg_hplanguages.png) no-repeat; text-align: center; } #hp #languages li { padding: 0 17px; background: none; font-size: 15px; font-weight: normal; text-transform: none; } #hp #languages li a { padding-left: 15px; background: url(/images/bg_next.gif) no-repeat 0 3px; color: #fff; line-height: 46px; } #hp #languages li a:hover { background-image: url(/images/bg_next_hover.gif); color: #38393c; } #hp #footer { width: 621px; padding: 7px 5px 18px 0; } /* header ------------------------------------------------------------------*/ #languages { float: right; margin: 0; list-style: none; } #languages li { display: inline; padding-left: 8px; background: url(/images/bg_languages.png) no-repeat 0 50%; text-transform: uppercase; font-size: 10px; font-weight: bold; } #languages li#cms_nl /*#languages li:first-child*/ { background: none; } #languages li a { text-decoration: none; color: #938340; } #languages li a:hover, #languages li.active { color: #00175b; } /*#slogan { width: 533px; height: 50px; margin-bottom: 20px; padding: 173px 0 0 40px; color: #38393c; font-size: 15px; line-height: 50px; font-style: italic; letter-spacing: 0.03em; }*/ #slogan { width: 533px; height: 223px; margin-bottom: 20px; /*padding: 173px 0 0 40px;*/ color: #38393c; font-size: 15px; line-height: 50px; font-style: italic; letter-spacing: 0.03em; } #slogan div { position: absolute; top: 173px; width: 533px; height: 52px; padding: 0 0 0 40px; background: url(/images/mask_slogan.png) no-repeat; } #agendaLink { position:relative; display: block; width: 182px; height: 174px; margin: 0 0 20px 0; background: url(/images/bg_agendalink02.png) no-repeat; color: #fff;/*text-indent: -9999px;*/; text-decoration: none; } #agendaLink span { position: absolute; bottom: 3px; left: 10px; font-size: 12px; /*font-weight: bold;*/ display: block; } #agendaLink:hover { background: url(/images/bg_agendalink02_over.png) no-repeat; } #header ul#subNav { margin: 0 0 20px 23px; list-style: none; } #header ul#subNav li { float: left; margin-right: 5px; /*padding-left: 5px; border-left: 1px solid #938340;*/ border-right: 1px solid #938340; color: #938340; line-height: 15px; white-space: nowrap; } #header ul#subNav li.last { border: none; padding: 0; } /*#header ul#subNav li:after { content: '|'; } #header ul#subNav li:last-child:after { content: ''; }*/ #header ul#subNav li a { margin-right: 5px; text-decoration: none; color: #938340; } #header ul#subNav li a:hover, #header ul#subNav li.active a { color: #00175b; } .agenda_zoek { display: block; } #nieuwsblokBorder { position: absolute; top: 57px; right: 35px; display: block; background: #00175B; overflow: hidden; width: 181px; height: 168px; } /*img.corner{ position: absolute; top: 0; right: -1px; z-index: 20; }*/ .corner{ position: absolute; top: 0; right: -1px; width: 26px; height: 36px; background: url(/images/corner_indekijker.png) no-repeat; z-index: 20; } .nieuwsblok { position: absolute; text-decoration: none; top:-20px; left:0; } .nieuwsblok div.beeld { overflow:hidden; height:116px; width:181px; background:#00175B; } .nieuwsblok div.tekst { display: block; color: #fff; padding: 7px 12px 5px 10px; line-height: 13px; font-size: 12px; background: #00175B; height: 168px; width: 168px; } .nieuwsblok a { color: #fff; } .nieuwsblok a:hover { color: #fff; text-decoration: none; } /* sidebar ------------------------------------------------------------------*/ #logo { display: block; margin-bottom: 18px; } #sidebar form { margin: 0; } #sidebar form div { margin-bottom: 18px; } #sidebar form input, #sidebar form select { float: left; width: 120px; } #sidebar .formButton { float: right; width: 55px; height: 20px; padding: 0; background: #938340; border: none; color: #fff; font-size: 10px; cursor: pointer; } #districtmap { margin-bottom: 10px; } /*** navigation ***/ #navigation ul { margin: 0 0 18px 0; list-style: none; } #navigation ul li { width: 188px; margin-bottom: 3px; line-height: 18px; } #navigation ul li a { display: block; width: 168px; padding: 2px 10px; background: #d9d4a8; text-decoration: none; font-size: 14px; } #navigation ul li a:hover { background: #B8AE68; color: #fff; } #navigation ul li.active a { background: #938340; color: #fff; } #navigation ul ul { background: #938340; margin: 0; padding-bottom: 6px; } #navigation ul ul li { margin-bottom: 2px; } #navigation ul ul li a { width: 140px; padding: 0 10px 0 38px; } #navigation ul ul li a:hover { background: #4B5470; color: #fff; } #navigation ul ul li.active a { background: #00175b; color: #fff; } /* content ------------------------------------------------------------------*/ #downloads { margin: 0 0 18px 0; list-style: none; } #downloads li { font-size: 12px; } #downloads img { margin-right: 10px; } #pictures { margin-bottom: 18px; } #thePicture { float: left; } #thumbs { float: right; width: 260px; margin: 0; list-style: none; } #fotos { width: 330px; margin: 0; list-style: none; } #fotos li { float: left; margin: 0 6px 8px 0; } #fotos li a { float: left; width: 105px; height: 77px; padding-top: 3px; background: #eeeccf; list-style: none; line-height: 1; text-align: center; } #fotos li.rowend { margin-right: 0; } #fotos li a:hover, #fotos li.active a { background: #938340; } #pictures #thumbs, #pictures #thumbs #fotos { width: 222px; } #pictures #thumbs li { display: inline; margin: 0 0 8px 6px; } #loginblokbinnen div { margin: 0 0 5px 0; } #loginblokbinnen label { float: left; width: 140px; } #loginblokbinnen input { width: 250px; } #loginblokbinnen input.btn_submit { width: auto; margin: 5px 0 0 140px; padding: 2px 20px; background: #938340; border: none; color: #fff; cursor: pointer; } /*** districts ***/ #districts ul { float: left; margin: 0; list-style: none; } #districts li { line-height: 18px; } #districts #districtClubmap { position: relative; float: right; width: 471px; height: 391px; } #districts #districtClubmap li a.pin { position: absolute; z-index: 10; display: block; width: 8px; height: 8px; text-indent: -9999px; } #districts .district8 { background: url(/images/bg_district62.gif) no-repeat; } #districts .district8 li a.pin { background: url(/images/bg_district62_club.gif) no-repeat; } #districts .district8 li a.pin:hover, #districts .district8 li.visible a.pin { background-image: url(/images/bg_district62_club_hover.gif); } #districts .district9 { background: url(/images/bg_district217.gif) no-repeat; } #districts .district9 li a.pin { background: url(/images/bg_district217_club.gif) no-repeat; } #districts .district9 li a.pin:hover, #districts .district9 li.visible a.pin { background-image: url(/images/bg_district217_club_hover.gif); } #districts .district10 { background: url(/images/bg_district163.gif) no-repeat; } #districts .district10 li a.pin { background: url(/images/bg_district163_club.gif) no-repeat; } #districts .district10 li a.pin:hover, #districts .district10 li.visible a.pin { background-image: url(/images/bg_district163_club_hover.gif); } #districts #districtClubmap li a { position: absolute; } #districts #districtClubmap li div { display: none; position: absolute; z-index: 100; width: 245px; margin: 0 0 0 10px; border: 1px solid #d9d4a8; background: #fff; font-size: 11px; line-height: 14px; } #districts #districtClubmap li.visible div { display: block; } /*#districts .district8 li div { left: 0; } #districts .district9 li div, #districts .district10 li div { left: -260px; }*/ #districts #districtClubmap li div h1 { margin: 14px 0 0 25px; color: #00175b; font-size: 12px; line-height: 14px; font-weight: bold; } #districts #districtClubmap li p { margin: 0; padding: 5px; background: #00175b; text-align: right; } #districts #districtClubmap li p a { position: static; padding-right: 12px; background: url(/images/bg_clublink.gif) no-repeat right center; color: #fff; } #districts #districtClubmap li dl { margin: 0 0 0 25px; } #districts #districtClubmap li dt { font-weight: bold; } #districts #districtClubmap a.close { position: static; float: right; width: 15px; height: 15px; margin: 5px; background: url(/images/bg_close.gif) no-repeat; text-indent: -9999px; } #districts #districtClubmap .arrow { position: absolute; top: 9px; left: -12px; z-index: 20; display: block; width: 31px; height: 27px; background: url(/images/bg_clubarrow.gif) no-repeat; } /*** district62 ***/ #districts #districtClubmap #club24 a.pin, #districts #districtClubmap #club24 div { left: 125px; top: 56px; } /* Eeklo */ #districts #districtClubmap #club25 a.pin, #districts #districtClubmap #club25 div { left: 196px; top: 257px; } /* Beaumont */ #districts #districtClubmap #club11 a.pin, #districts #districtClubmap #club11 div { left: 91px; top: 48px; } /* Brugge */ #districts #districtClubmap #club12 a.pin, #districts #districtClubmap #club12 div { left: 83px; top: 54px; } /* Brugge 't Vrije */ #districts #districtClubmap #club13 a.pin, #districts #districtClubmap #club13 div { left: 92px; top: 58px; } /* Brugge-West */ #districts #districtClubmap #club26 a.pin, #districts #districtClubmap #club26 div { left: 225px; top: 207px; } /* Charleroi */ #districts #districtClubmap #club27 a.pin, #districts #districtClubmap #club27 div { left: 219px; top: 217px; } /* Charleroi 2000 */ #districts #districtClubmap #club28 a.pin, #districts #districtClubmap #club28 div { left: 231px; top: 217px; } /* Charleroi le Tilleul */ #districts #districtClubmap #club29 a.pin, #districts #districtClubmap #club29 div { left: 121px; top: 98px; } /* Deinze */ #districts #districtClubmap #club30 a.pin, #districts #districtClubmap #club30 div { left: 168px; top: 185px; } /* Enghien */ #districts #districtClubmap #club31 a.pin, #districts #districtClubmap #club31 div { left: 139px; top: 85px; } /* Gent */ #districts #districtClubmap #club32 a.pin, #districts #districtClubmap #club32 div { left: 34px; top: 121px; }/* Ieper */ #districts #districtClubmap #club33 a.pin, #districts #districtClubmap #club33 div { left: 62px; top: 59px; } /* Jabbeke */ #districts #districtClubmap #club34 a.pin, #districts #districtClubmap #club34 div { left: 98px; top: 29px; } /* Knokke-Heist Oostkust */ #districts #districtClubmap #club46 a.pin, #districts #districtClubmap #club46 div { left: 86px; top: 120px; } /* Kortrijk */ #districts #districtClubmap #club35 a.pin, #districts #districtClubmap #club35 div { left: 193px; top: 198px; } /* La Louvière */ #districts #districtClubmap #club36 a.pin, #districts #districtClubmap #club36 div { left: 172px; top: 72px; } /* Lokeren */ #districts #districtClubmap #club37 a.pin, #districts #districtClubmap #club37 div { left: 83px; top: 128px; } /* Mandel-Leie */ #districts #districtClubmap #club38 a.pin, #districts #districtClubmap #club38 div { left: 73px; top: 84px; } /* Midden West */ #districts #districtClubmap #club39 a.pin, #districts #districtClubmap #club39 div { left: 166px; top: 203px; } /* Mons */ #districts #districtClubmap #club40 a.pin, #districts #districtClubmap #club40 div { left: 78px; top: 139px; } /* Mouscron-Comines */ #districts #districtClubmap #club41 a.pin, #districts #districtClubmap #club41 div { left: 52px; top: 50px; } /* Oostende */ #districts #districtClubmap #club42 a.pin, #districts #districtClubmap #club42 div { left: 117px; top: 125px; } /* Oudenaarde */ #districts #districtClubmap #club43 a.pin, #districts #districtClubmap #club43 div { left: 202px; top: 240px; } /* Thuin-Fontaine */ #districts #districtClubmap #club44 a.pin, #districts #districtClubmap #club44 div { left: 18px; top: 72px; } /* Westkust */ #districts #districtClubmap #club45 a.pin, #districts #districtClubmap #club45 div { left: 160px; top: 86px; } /* Wetteren */ #districts #districtClubmap #club4736 a.pin, #districts #districtClubmap #club4736 div { left: 85px; top: 155px; } /* Péruwelz */ /*** district217 ***/ #districts #club14 a.pin, #districts #club14 div { left: 171px; top: 106px; } /* Aalst-Noord */ /*#districts #club46 a.pin, #districts #club46 div { left: 181px; top: 106px; }*/ /* Alost-Aalst */ #districts #club49 a.pin, #districts #club49 div { left: 224px; top: 50px; } /* Antwerp 2 */ #districts #club47 a.pin, #districts #club47 div { left: 233px; top: 50px; } /* Antwerpen Busy Metropool */ #districts #club48 a.pin, #districts #club48 div { left: 224px; top: 60px; } /* Antwerpen Singel */ /*#districts #club50 a.pin, #districts #club50 div { left: 233px; top: 60px; }*/ /* Anvers-Antwerpen */ #districts #club51 a.pin, #districts #club51 div { left: 217px; top: 84px; } /* Boom-Willebroek */ #districts #club52 a.pin, #districts #club52 div { left: 217px; top: 116px; } /* Brussel-Bruxelles-Breughel */ #districts #club53 a.pin, #districts #club53 div { left: 226px; top: 116px; } /* Bruxelles */ #districts #club54 a.pin, #districts #club54 div { left: 236px; top: 116px; } /* Bruxelles Ouest */ #districts #club55 a.pin, #districts #club55 div { left: 217px; top: 126px; } /* Bruxelles Renaissance */ #districts #club56 a.pin, #districts #club56 div { left: 226px; top: 126px; } /* Brussel Zavel */ #districts #club12121 a.pin, #districts #club12121 div { left: 182px; top: 130px; } /* Dendervallei */ #districts #club57 a.pin { left: 277px; top: 241px; } /* Dinant-Hastière */ #districts #club57 div { left: 17px; top: 241px; } /* Dinant-Hastière */ #districts #club58 a.pin, #districts #club58 div { left: 193px; top: 122px; } /* Gaasbeek */ #districts #club59 a.pin { left: 289px; top: 267px; } /* Gedinne-Wellin */ #districts #club59 div { left: 29px; top: 267px; } /* Gedinne-Wellin */ #districts #club60 a.pin, #districts #club60 div { left: 232px; top: 162px; } /* Genappe-Villers-la-Ville */ #districts #club15 a.pin, #districts #club15 div { left: 173px; top: 137px; } /* Geraardsbergen-Oudenberg */ #districts #club12400 a.pin, #districts #club12400 div { left: 227px; top: 95px; } /* Mechelen */ #districts #club61 a.pin { left: 276px; top: 188px; } /* Namur */ #districts #club61 div { left: 16px; top: 188px; } /* Namur */ #districts #club62 a.pin { left: 266px; top: 193px; } /* Namur Citadelle */ #districts #club62 div { left: 6px; top: 193px; } /* Namur Citadelle */ #districts #club63 a.pin { left: 275px; top: 198px; } /* Namur Confluent */ #districts #club63 div { left: 15px; top: 198px; } /* Namur Confluent */ #districts #club64 a.pin, #districts #club64 div { left: 173px; top: 128px; } /* Ninove-Geraardsbergen */ #districts #club65 a.pin, #districts #club65 div { left: 210px; top: 173px; } /* Nivelles */ #districts #club66 a.pin, #districts #club66 div { left: 242px; top: 257px; } /* Philippeville */ #districts #club67 a.pin, #districts #club67 div { left: 200px; top: 61px; } /* Waasland */ #districts #club68 a.pin, #districts #club68 div { left: 246px; top: 144px; } /* Wavre */ /*** district163 ***/ #districts #club69 a.pin { left: 288px; top: 89px; } /* Aarschot */ #districts #club69 div { left: 28px; top: 89px; } /* Aarschot */ #districts #club70 a.pin { left: 391px; top: 355px; } /* Arlon */ #districts #club70 div { left: 131px; top: 355px; } /* Arlon */ #districts #club71 a.pin { left: 376px; top: 340px; } /* Attert, Sûre et Semois */ #districts #club71 div { left: 116px; top: 340px; } /* Attert, Sûre et Semois */ #districts #club50 a.pin { left: 314px; top: 75px; } /* Beringen */ #districts #club50 div { left: 54px; top: 75px; } /* Beringen */ #districts #club72 a.pin { left: 434px; top: 315px; } /* Diekirch-Ettelbruck */ #districts #club72 div { left: 174px; top: 315px; } /* Diekirch-Ettelbruck */ #districts #club73 a.pin { left: 304px; /*top: 102px;*/ top: 89px; } /* Diest */ #districts #club73 div { left: 44px; /*top: 102px;*/ top: 89px; } /* Diest */ #districts #club74 a.pin { left: 379px; top: 193px; } /* Esneux-Aywaille */ #districts #club74 div { left: 119px; top: 193px; } /* Esneux-Aywaille */ #districts #club5182 a.pin { left: 380px; top: 355px; } /* Gaumes Ardennes */ #districts #club5182 div { left: 115px; top: 355px; } /* Gaumes Ardennes */ #districts #club75 a.pin { /*left: 312px; top: 75px;*/ left: 300px; top: 65px; } /* Geel */ #districts #club75 div { /*left: 52px; top: 75px;*/ left: 40px; top: 65px; } /* Geel */ #districts #club76 a.pin { left: 367px; top: 102px; } /* Genk */ #districts #club76 div { left: 107px; top: 102px; } /* Genk */ #districts #club16 a.pin { left: 334px; top: 108px; } /* Hasselt */ #districts #club16 div { left: 74px; top: 108px; } /* Hasselt */ #districts #club77 a.pin { left: 280px; top: 72px; } /* Heist-op-den-Berg */ #districts #club77 div { left: 20px; top: 72px; } /* Heist-op-den-Berg */ #districts #club78 a.pin { left: 400px; top: 156px; } /* Herve */ #districts #club78 div { left: 140px; top: 156px; } /* Herve */ #districts #club79 a.pin { left: 306px; top: 151px; } /* Hesbaye */ #districts #club79 div { left: 46px; top: 151px; } /* Hesbaye */ #districts #club80 a.pin { left: 320px; top: 193px; } /* Huy-Ocquier */ #districts #club80 div { left: 60px; top: 193px; } /* Huy-Ocquier */ #districts #club81 a.pin { left: 411px; top: 216px; } /* Les Fagnes */ #districts #club81 div { left: 151px; top: 216px; } /* Les Fagnes */ #districts #club82 a.pin { left: 360px; top: 163px; } /* Liège */ #districts #club82 div { left: 100px; top: 163px; } /* Liège */ #districts #club83 a.pin { left: 373px; top: 163px; } /* Liège-Bierset-Hesbaye */ #districts #club83 div { left: 113px; top: 163px; } /* Liège-Bierset-Hesbaye */ #districts #club84 a.pin { left: 367px; top: 172px; } /* Liège-Sud */ #districts #club84 div { left: 107px; top: 172px; } /* Liège-Sud */ #districts #club17 a.pin { left: 416px; top: 355px; } /* Luxembourg-Esch-sur-Alzette */ #districts #club17 div { left: 156px; top: 355px; } /* Luxembourg-Esch-sur-Alzette */ #districts #club85 a.pin { left: 365px; top: 252px; } /* Marche-Ciney */ #districts #club85 div { left: 105px; top: 252px; } /* Marche-Ciney */ #districts #club86 a.pin { left: 349px; top: 182px; } /* Seraing */ #districts #club86 div { left: 89px; top: 182px; } /* Seraing */ #districts #club87 a.pin { left: 310px; top: 125px; } /* Tienen-Tirlemont */ #districts #club87 div { left: 50px; top: 125px; } /* Tienen-Tirlemont */ #districts #club88 a.pin { left: 350px; top: 140px; } /* Tongeren */ #districts #club88 div { left: 90px; top: 140px; } /* Tongeren */ #districts #club89 a.pin { left: 401px; top: 179px; } /* Verviers-Spa */ #districts #club89 div { left: 141px; top: 179px; } /* Verviers-Spa */ /*** clubinfo ***/ #clubinfo h1 { float: left; width: 604px; } #clubinfo img { float: right; width: 100px; border: #938340 2px solid; margin-right: 9px; } #clubinfo dl { float:left; width: 604px; } #clubinfo dt { position: relative; left: 0; top: 18px; width: 250px; font-weight: bold; } #clubinfo dd { width: 349px; margin: 0 0 0 255px; /*margin: 0 0 18px 255px;*/ } /*** agenda ***/ #agenda.content { min-height: 410px; } #agenda h1 { width: 534px; } #districtAgenda h1 { margin: 0 0 4px 23px; } #districtAgenda h2 { position: relative; width: 732px; height: 29px; margin-left: 5px; padding-left: 18px; background: url(/images/bg_districtagenda.gif) no-repeat; font-size: 15px; line-height: 29px; color: #fff; } #districtAgenda h2 a { position: absolute; right: 23px; top: 0; color: #fff; font-size: 11px; } #agendaPunten { float: left; width: 500px; padding-right: 10px; } #agendaPunten td { padding: 2px; border-bottom: #938340 1px solid; } #agendaPunten .agenda_datum { width: 86px; } #agendaPunten .agenda_onderwerp { width: 226px; } #agenda .agenda_onderwerp .agenda_bron { color: #938340; font-style: italic; } #agendaPunten.agenda_meerinfo { width: 86px; } #agendaPunten .agenda_inschrijven { width: 86px; } .download { overflow: hidden; clear: both; margin: -20px 5px 10px 0; } .download a { font-size: 11px; font-weight: normal;text-decoration: none; width: 153px; background: #d9d4a8 url(/images/pdf-picto.gif) no-repeat 2px 0; padding: 2px 0 2px 28px; display: block;} .download a span { font-size: 9px; } .download a:hover{ background-color: #B8AE68; color: #fff; } .size { white-space: nowrap; font-size: 9px; } .pdf_generator { width: 498px; margin: 0 0 20px 0; padding: 2px 0 2px 0; background: #d9d4a8; } .pdf_generator a { padding: 2px 0 2px 28px; background: url(/images/pdf-picto.gif) no-repeat 2px 0; color: #424242; text-decoration: none; } .pdf_generator a:hover { color: #938340; } a.print_agenda { display: block; position: absolute; top: 10px; right: 250px; color: #938340; font-size: 11px } a.print_agenda:hover { color: #38393C; text-decoration: none; } #agenda .fullwidth { width: 720px; } #agenda .fullwidth .agenda_datum { width: 96px; } #agenda .fullwidth .agenda_onderwerp { width: 410px; padding-right: 10px; } #agenda .fullwidth .agenda_onderwerp .agenda_bron { color: #938340; font-style: italic; } #agenda .fullwidth .agenda_meerinfo { width: 96px; } #agenda .fullwidth .agenda_inschrijven { width: 96px; } a.print_agenda_fullwidth { display: block; position: absolute; top: 10px; right: 44px; color: #938340; font-size: 11px; } a.print_agenda_fullwidth:hover { color: #38393C; text-decoration: none; } /*#agendaPunten { float: left; width: 285px; padding-right: 10px; }*/ /*.agendaPunt { margin-bottom: 18px; } .agendaPunt p { margin: 0; }*/ /*#dateSelection { position: relative; float: right; width: 425px; }*/ #dateSelection { position: relative; float: right; /*position: absolute;*/ top: -40px; right: 0; width: 180px; } /*#dateSelection { position: relative; float: right; position: absolute;top: 0; right: 15px; width: 180px; }*/ /*#kalender { position: relative; width: 255px; height: 320px; background: url(/images/bg_kalender.jpg) no-repeat; } #kalender p { position: absolute; top: 41px; left: 2px; width: 241px; height: 33px; text-align: center; } #kalender p span { font-size: 20px; color: #fff; line-height: 33px; } #kalender p a { position: absolute; display block; width: 45px; height: 33px; text-indent: -9999px; } #kalender a#prevMonth { left: 0; background: url(/images/bg_prev.gif) no-repeat center center; } #kalender a#prevMonth:hover { background-image: url(/images/bg_prev_hover.gif); } #kalender a#nextMonth { right: 0; background: url(/images/bg_next.gif) no-repeat center center; } #kalender a#nextMonth:hover { background-image: url(/images/bg_next_hover.gif); } #kalender table { position: absolute; top: 91px; left: 30px; border-collapse: separate; border-spacing: 4px; } #kalender th, #kalender td { width: 22px; height: 25px; line-height: 25px; font-weight: normal; text-align: center; } #kalender th { font-size: 15px; color: #938340; } #kalender td { background: #fff; font-size: 11px; font-weight: bold; color: #938340; } #kalender td.empty { background: transparent; } #kalender td#currentday, #kalender td#currentday a { background: #00175b; color: #fff; } #kalender td a { display: block; width: 22px; height: 25px; background: #938340; color: #fff; text-decoration: none; } #kalender td a:hover { color: #38393c; }*/ #kalender { float: right; position: relative; width: 180px; height: 226px; background: url(/images/bg_kalender_small.jpg) no-repeat; } #kalender p { position: absolute; top: 28px; left: 2px; width: 170px; height: 24px; text-align: center; } #kalender p span { font-size: 14px; color: #fff; line-height: 26px; } #kalender p a { position: absolute; /*display: block;*/ width: 25px; height: 24px; text-indent: -9999px; } #kalender a#prevMonth { left: 0; background: url(/images/bg_prev.gif) no-repeat center center; } #kalender a#prevMonth:hover { background-image: url(/images/bg_prev_hover.gif); } #kalender a#nextMonth { right: 0; background: url(/images/bg_next.gif) no-repeat center center; } #kalender a#nextMonth:hover { background-image: url(/images/bg_next_hover.gif); } #kalender table { position: absolute; top: 50px; left: 4px; border-collapse: separate; border-spacing: 4px; } #kalender th, #kalender td { width: 19px; height: 19px; line-height: 19px; font-weight: normal; text-align: center; } #kalender th { font-size: 12px; color: #938340; } #kalender td { background: #fff; font-size: 9px; font-weight: bold; color: #938340; } #kalender td.empty { background: transparent; } #kalender td#currentday, #kalender td#currentday a { background: #00175b; color: #fff; } #kalender td a { display: block; width: 19px; height: 19px; background: #938340; color: #fff; text-decoration: none; } #kalender td a:hover { color: #38393c; } /*#agendaform { position: absolute; top: 0; right: 0; width: 170px; margin-top: 14px; font-size: 11px; }*/ #agendaform { float: right; position: relative; /*top: 0; right: 0;*/ width: 170px; /*margin-top: 14px;*/ margin-right: 10px; font-size: 11px; } #agendaform fieldset { margin-bottom: 7px; } #agendaform fieldset legend { display: none; } #agendaform fieldset div { padding-bottom: 13px; } #agendaform fieldset label { float: left; width: 38px; line-height: 25px; } #agendaform fieldset select { width: 170px; } #agendaform fieldset fieldset legend { display: block; margin: 0; padding: 0; } #agendaform fieldset fieldset div { clear: both; padding-bottom: 3px; } #agendaform fieldset #vandag, #agendaform fieldset #vanmaand, #agendaform fieldset #totdag, #agendaform fieldset #totmaand { width: 19px; } #agendaform fieldset #vanjaar, #agendaform fieldset #totjaar { width: 30px; } #agendaform fieldset .kalenderLink img { vertical-align: bottom; } #agendaform fieldset a { vertical-align: middle; } #agendaform #kalendersearch { float: right; } #agendaform #kalenderdiv { position: absolute; top: 0; right: 0; z-index: 99; visibility: hidden; width: 275px; height: 230px; border: 1px solid #938340; background: #d9d4a8; } #kalenderPopup { background: #d9d4a8; } #dateForm { margin: 0; } #dateForm a { text-decoration: none; } #dateForm table#kalenderTabel { margin: 0 40px; border-collapse: separate; border-spacing: 4px; } #dateForm th, #dateForm td { width: 22px; height: 22px; line-height: 22px; font-weight: normal; text-align: center; } #dateForm th { font-size: 15px; color: #938340; } #dateForm td { background: #fff; font-size: 11px; font-weight: bold; color: #938340; } #dateForm #kalenderTitel { margin: 5px; text-align: center; } #dateForm #kalenderTitel a { text-decoration: none; font-size: 9px; } #dateForm td.weekend { background-color: #eee; } #dateForm td.today { background-color: #00175b; } #dateForm td a { display: block; width: 22px; height: 22px; color: #938340; text-decoration: none; } #inschrijvingsform { margin-top: 18px; } #inschrijvingsform legend { display: none; } #inschrijvingsform div { clear: both; padding: 5px 0; } #inschrijvingsform label { float: left; width: 110px; } #inschrijvingsform fieldset input { float: left; } #inschrijvingsform .radio { clear: none; float: left; padding: 0; } #inschrijvingsform .radio label, #inschrijvingsform .radio input { float: none; } #inschrijvingsform .radio label { padding-right: 18px; } /*** projects ***/ #projects h1 { margin-bottom: 4px; } #projectlist { width: 100%; margin: 0 0 18px 0; border-bottom: 1px solid #938340; list-style: none; } #projectlist li { float: right; margin-left: 10px; } #projectlist li a { display: block; padding: 0 0 0 13px; background: url(/images/bg_projecttableft.png) no-repeat; text-decoration: none; font-size: 14px; line-height: 22px; } #projectlist li a span { display: block; padding: 0 13px 0 0; background: url(/images/bg_projecttabright.png) no-repeat right top; } #projectlist li.active a, #projectlist li a:hover { background-image: url(/images/bg_projecttableft_active.png); color: #fff; } #projectlist li.active a span, #projectlist li a:hover span { background-image: url(/images/bg_projecttabright_active.png); } /*** bestuur ***/ #bestuur dt { float: left; clear: left; position: relative; left: 0; top: 18px; width: 250px; font-weight: bold; } #bestuur dd { display: inline; float: left; width: 460px; margin: 0 0 0 255px; padding: 0 0 8px 0; /*margin: 0 0 18px 255px;*/ } #bestuur dd img { float: right; width: 100px; /*height: 125px;*/ margin: 0 0 5px 20px; } /*** leden ***/ .clubleden { float: left; width: 340px; margin-right: 10px; } .clubleden span { font-size: 12px; font-style: italic; color: #938340; } .ledenLijstDetail { margin: 0 0 18px 0; } .ledenLijstDetail dt { float: left; width: 200px; } /*** goed doel ***/ a.archief {font-size:11px; background: url(/images/pijltje.gif) no-repeat 660px 0; text-align: right; width: 720px; display: block;} a:hover.archief {background: url(/images/pijltje_over.gif) no-repeat 660px 0;} /*** downloads ***/ #downloadpage table { width: 704px; } #downloadpage th { padding: 0 0 10px 0; } #downloadpage .pDownload td { border-top: 1px solid #d9d4a8; } #downloadpage td { padding: 5px 0; vertical-align: top; } #downloadpage #description { width: 250px; text-align: left; } #downloadpage .filetype { width: 150px; text-align: center; } #downloadpage .dimension { width: 150px; text-align: center; } #downloadpage .filesize { width: 130px; text-align: right; } /*** search ***/ #search p { margin-bottom: 9px; font-size: 11px; } #itv_popup { z-index: 2; } /*** fotoalbum ***/ #fotoalbum h1 { margin-bottom: 4px; } #yearList { width: 100%; margin: 0 0 18px 0; border-bottom: 1px solid #938340; list-style: none; } #yearList li { float: right; margin-left: 10px; } #yearList li a { display: block; padding: 0 0 0 13px; background: url(/images/bg_projecttableft.png) no-repeat; text-decoration: none; font-size: 14px; line-height: 22px; } #yearList li a span { display: block; padding: 0 13px 0 0; background: url(/images/bg_projecttabright.png) no-repeat right top; } #yearList li.active a, #yearList li a:hover { background-image: url(/images/bg_projecttableft_active.png); color: #fff; } #yearList li.active a span, #yearList li a:hover span { background-image: url(/images/bg_projecttabright_active.png); } #albumList { margin: 0 0 18px 0; list-style: none; } #albumList li { float: left; margin-right: 8px; padding-right: 8px; border-right: 1px solid #38393c; line-height: 14px; font-size: 12px; } #albumList li.last { border: none; } #albumList li.active a { text-decoration: none; font-weight: bold; } #fotoalbum #thumbs { width: 330px; } #fotoalbum #pages { overflow: auto; width: 320px; margin: 0 0 18px 0; padding: 4px 5px; background: #aa9e4e; font-size: 14px; } #fotoalbum #pages a { float: left; padding: 0 5px; border-right: 1px solid #fff; line-height: 15px; color: #fff; text-decoration: none; } #fotoalbum #pages a:hover { color: #00175b; } #fotoalbum #pages span { float: left; padding: 0 5px; border-right: 1px solid #fff; line-height: 15px; } #fotoalbum #pages a.vorige, #fotoalbum #pages a.volgende, #fotoalbum #pages span.vorige, #fotoalbum #pages span.volgende { width: 7px; margin: 0 5px; padding: 0; border: none; text-indent: -9999px; } #fotoalbum #pages a.last, #fotoalbum #pages span.last { border: none; } #fotoalbum a.vorige { padding: 0 0 0 10px; background: url(/images/bg_prev.gif) no-repeat 0 2px; } #fotoalbum a.vorige:hover { background-image: url(/images/bg_prev_hover.gif); } #fotoalbum a.volgende { padding: 0 10px 0 0; background: url(/images/bg_next.gif) no-repeat 0 2px; } #fotoalbum a.volgende:hover { background-image: url(/images/bg_next_hover.gif); } #fotoalbum #pages span.vorige { background: url(/images/bg_prev_inactive.gif) no-repeat 0 2px; } #fotoalbum #pages span.volgende { background: url(/images/bg_next_inactive.gif) no-repeat 0 2px; } #fotoalbum #largePhoto { float: left; } /*** verslagen ***/ .link_verslagen { display: block; margin: 0 15px 0 0; font-size: 11px; color: #938340; text-align: right; } /*** in de kijker ***/ .content_indekijker { position: relative; float: left; width: 478px; margin-right: 30px; /*padding: 0 25px 20px 23px;*/ } .content_indekijker h1 { width: 478px; } .content_indekijker p { width: 477px; /*text-align: justify;*/ } #indekijkerblok { float: right; width: 216px; color: #fff; text-align: center; } .indekijker { width: 212px; border: #938340 2px solid; margin-bottom: 15px; } .indekijjker img { display: block; } .indekijker span { display: block; width: 208px; padding: 2px; background-color: #938340; } #pictures { clear: both; float: none; } /* footer ------------------------------------------------------------------*/ #footer p { float: left; margin: 0; } #footer a { margin-left: 13px; color: #fff; font-weight: bold; } #footer #duoLink { float: right; font-weight: normal; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } /* Search Clubs ------------------------------------------------------------------*/ .hidden { position: absolute; left: 135px; visibility: hidden; } .ajax_popup { width: 350px; padding-top: 0; border: 1px solid black; background-color: #ECF5D9; text-align: left; } a.clicklink { display: block; padding: 2px 6px 2px 6px; text-decoration: none; } a:hover.clicklink { background-color: #546540; color: #FFF; } /* autocomplete ----------------------------------*/ .jqac-menu { background: #fff; border: 1px solid #aaa; color: #000; } .jqac-menu ul { overflow: hidden; margin: 1px; padding: 1px; list-style: none; } .jqac-menu .jqac-link { display: block; cursor: pointer; } .jqac-menu .jqac-highlight { background: #938340; color: #fff; } .jqac-menu .jqac-warning { font-style: italic; } .jqac-menu .jqac-loading { font-style: italic; text-decoration: blink; } .jqac-menu em { text-decoration: underline; } .jqac-menu .jqac-info { display: inline; padding: 0 0 0 5px; text-align: right; font-style: italic; font-size: 11px; color: #999; }