.grijs { background-color: #85757F; } .geel { background-color: #FFFF00; } .oranje { background-color: #FF9900; } .rood { background-color: #FF0000; } .paars { background-color: #FF00FF; } .groen { background-color: #00FF00; } .blauw { background-color: #00CCFF; } h5 { font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #85757F; margin: 0px auto 5px auto; } table.basis { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-color: #FFFFFF; background-image: url(images/achtergrond_muzieknoten.jpg); height: 100%; width: 750px; border: 0px solid #FF0000; border-collapse: collapse; margin: 0px auto; padding: 0px; } .basis td { margin: 0px; padding: 0px; border: 0px solid yellow; } table.header { margin: 0px; padding: 0px; border: 0px solid blue; border-collapse: collapse; } #instrumentenstrook { margin: 0px; border 1px solid blue; height: 60px; } a:hover.pijltjes { background-color:#666666; } #polderwebdesign {background-color: #85757F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding:0px; color:#333333; } #polderwebdesign a:link {color:#333333; text-decoration: underline; } #polderwebdesign a:visited {color:#333333; text-decoration: underline; } #polderwebdesign a:hover {color:#0D5EEE; text-decoration: none; } div#denk_mee {border: 5px double #FFFF00; background: #00CCFF; width: 400px; padding: 3px; color: #333333; } div#denk_mee h5 { margin: 0px 0px 3px 0px; border: 0px solid red; color:#000000;} div#denk_mee a:link {color:#000000; } div#denk_mee a:visited {color:#000000; } div#denk_mee a:hover {color:#000000; font-size: 14px; text-decoration: none;} /*-------------------------------------------- NAVIGATIEBALK horizontaal ----------------------------------------------*/ #navigatie { list-style: none; width: 480px; margin: 0px; padding: 0px; } #navigatie li { width: 80px; height: 30px; float: left; text-align: center; } #navigatie li#huidig_home { background-image: url(images/home_0.gif); } #navigatie li#home { background-color: #FFFF00; height: 20px; } #navigatie li#huidig_muziekles { background-image: url(images/muziekles_0.gif);} #navigatie li#muziekles { background-color: #FF9900; height: 20px;} #navigatie li#huidig_aktueel { background-image: url(images/aktueel_0.gif);} #navigatie li#aktueel { background-color: #FF0000; height: 20px; } #navigatie li#huidig_overons { background-image: url(images/overons_0.gif);} #navigatie li#overons { background-color: #FF00FF; height: 20px; } #navigatie li#huidig_faq { background-image: url(images/faq_0.gif);} #navigatie li#faq { background-color: #00FF00; height: 20px; } #navigatie li#huidig_contact { background-image: url(images/contact_0.gif);} #navigatie li#contact { background-color: #00CCFF; height: 20px; } #navigatie a { display: block; height: 14px; padding: 3px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; border: 0px solid blue; } /*14 (height) + 3(padding) + 3(padding)=20 ; hiermee wordt de hoogte van het klikvlak vastgelegd en met display=block wordt automatisch de breedte van het element vastgelegd (=zo breed als omliggende li-element) */ #navigatie a:link { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; } #navigatie a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; } #navigatie a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; font-weight: bold; text-decoration: none; background-color:#000000; } /*-------------------------------------------- KOLOM_ZIJKANTEN ----------------------------------------------*/ div#kolom_zijkanten { margin: 10px 0px 3px 0px; padding: 0px; border: 0px solid red; width: 130px; } div#vriendenvan {border: 0px solid blue; margin: 0px 0px 10px 0px; padding: 0px; background-color: #FF9900; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;} div#vriendenvan img { margin: 0px auto; padding: 0px; border: 0px solid yellow;} div#vriendenvan p.vriendenvan { width: auto; margin: 0px; padding: 0px 3px 6px 3px; } #kolom_zijkanten p.sponsor { margin: 10px 0px; padding: 0px; } #aktueel { margin: 0px auto 3px auto; } #info_kolom { margin: 0px 0px 10px 0px; padding: 0px 0px 6px 0px; background-color: #CBE6FF; width: auto; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; border: 0px solid black; } #info_kolom div { margin: 0px 0px 5px 0px; padding: 0px 2px; } #info_kolom ul { list-style: inside; padding: 0px 2px; margin: 0px; } .zwart11pxB { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight: bold; } #info_kolom p { margin: 0px; padding: 3px 0px; background-color: #CBE6FF; width: auto; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; border: 0px solid yellow; } #info_kolom p.left { text-align: left; padding: 3px 2px; } #info_kolom p.koptekst { margin: 0px; padding: 3px 0px 0px 3px; background-color: #CBE6FF; width: auto; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; font-weight: bold; } #info_kolom p img{ margin: 0px auto; border: 0px solid green; } /*-------------------------------------------- TELLER ----------------------------------------------*/ #teller { margin: 20px 0px 0px 0px; padding: 0px 8px; background-color: transparent; width: auto; text-align: left; } td#teller table td { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; } /*-------------------------------------------- SUBBUTTONS in linkerkolom ----------------------------------------------*/ #subbuttons { border: 0px solid black;} #subbuttons p { border: 0px solid green; margin: 10px 0px; padding: 0px;} #subbuttons p.subbuttonplaatje { border: 0px solid blue; margin: 0px 15px 30px 15px; } #sublijst { list-style: none; width: 130px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: transparent; text-align: center; } #sublijst p { background-color: transparent; margin: 0px 0px 3px 0px; padding: 0px; width: 130px; height: 32px; } #sublijst a { display: block; height: 32px; font-size: 1px; color: transparent; text-decoration: none; background-color: transparent; } #sublijst a:hover.submenu_aktueel { background-color: #FF0000; } #sublijst a:hover.submenu_muziekles { background-color: #FF9900; } #sublijst a:hover.submenu_overons { background-color: #FF00FF; } #sublijst p#lesprogramma_0 { background-image: url(images/muziekles/lesprogramma_0.gif); } #sublijst p#lesprogramma_1 { background-image: url(images/muziekles/lesprogramma_1.gif); } #sublijst p#tarieven_0 { background-image: url(images/muziekles/tarieven_0.gif); } #sublijst p#tarieven_1 { background-image: url(images/muziekles/tarieven_1.gif); } #sublijst p#docenten_0 { background-image: url(images/muziekles/docenten_0.gif); } #sublijst p#docenten_1 { background-image: url(images/muziekles/docenten_1.gif); } #sublijst p#aanmelden_0 { background-image: url(images/muziekles/aanmelden_0.gif); } #sublijst p#aanmelden_1 { background-image: url(images/muziekles/aanmelden_1.gif); } #sublijst p#voorwaarden_0 { background-image: url(images/muziekles/voorwaarden_0.gif); } #sublijst p#voorwaarden_1 { background-image: url(images/muziekles/voorwaarden_1.gif); } #sublijst p#activiteiten_0 { background-image: url(images/aktueel/activiteiten_0.gif); } #sublijst p#activiteiten_1 { background-image: url(images/aktueel/activiteiten_1.gif); } #sublijst p#foto_0 { background-image: url(images/aktueel/foto_0.gif); } #sublijst p#foto_1 { background-image: url(images/aktueel/foto_1.gif); } #sublijst p#pers_0 { background-image: url(images/aktueel/pers_0.gif); } #sublijst p#pers_1 { background-image: url(images/aktueel/pers_1.gif); } #sublijst p#vrienden_0 { background-image: url(images/aktueel/vrienden_0.gif); } #sublijst p#vrienden_1 { background-image: url(images/aktueel/vrienden_1.gif); } #sublijst p#oproepen_0 { background-image: url(images/aktueel/oproepen_0.gif); } #sublijst p#oproepen_1 { background-image: url(images/aktueel/oproepen_1.gif); } #sublijst p#wiewijzijn_0 { background-image: url(images/overons/wiewijzijn_0.gif); } #sublijst p#wiewijzijn_1 { background-image: url(images/overons/wiewijzijn_1.gif); } #sublijst p#organigram_0 { background-image: url(images/overons/organigram_0.gif); } #sublijst p#organigram_1 { background-image: url(images/overons/organigram_1.gif); } /*-------------------------------------------- MIDDENSTUK ALGEMEEN ----------------------------------------------*/ div#middenstuk { margin: 10px 15px; padding: 0px; width: 420px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; border: 0px solid black; } #middenstuk p { margin: 8px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } /*-------------------------------------------- MIDDENSTUK HOMEPAGE ----------------------------------------------*/ div#middenstuk_homepage { margin: 10px 15px; padding: 0px; width: 420px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; border: 0px solid black; } #middenstuk_homepage table { margin: 0px; padding: 0px; border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } #middenstuk_homepage table p { margin: 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } /*-------------------------------------------- MIDDENSTUK MUZIEKLES ----------------------------------------------*/ #middenstuk table.muziekles { border: solid 3px #FF9900; padding: 0px; margin: 20px 30px; height: auto; width: 360px; } #middenstuk table th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #FF9900; margin 0px; padding: 5px 0px 5px 0px; text-align: center; } #middenstuk table td { background: transparant; padding: 2px 0px 2px 0px; border: solid 1px #FF9900; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } #middenstuk div.sterretje { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; margin: 0px; } a:link.muziekles {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none;} a:visited.muziekles {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none;} a:hover.muziekles {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;} #muziekles_raam { width: auto; height: auto; border: 0px double #FF9900; margin: 0px 0px 10px 0px; padding: 0px; } #muziekles_raam p.kop { background-color:#FF9900; margin: 0px; padding: 2px 0px; text-align: center; } #muziekles_raam div.infokolom { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; } #muziekles_raam div.infokolom ul { list-style: inside; padding: 0px; margin: 5px 0px; text-align: center; } /*---------- tbv online AANMELDFORMULIER -----------*/ #online_aanmeldformulier form table { border: 2px solid #FF9900; width: 420px; background-color: #FFE5BF; margin: 15px 0px; padding: 15px 2px;} #online_aanmeldformulier table td { padding: 1px 0px; border: solid 0px black; text-align: left;} #online_aanmeldformulier table td.verstuur { text-align: center; } #online_aanmeldformulier input { color:#000000; } #online_aanmeldformulier textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} #online_aanmeldformulier input.verstuur { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FF9900; border: 1px solid black; font-weight: bold; margin: 0px 0px 10px 0px;} #online_aanmeldformulier select { color:#000000;} .foutmelding {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000; } table#overzicht_aanmelding td{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; border-width: 0px; text-align: left; padding: 1px 2px 1px 0px;} /*--------------tbv DOCENTEN ----------------------*/ #docent { background-color: #FFE5BF; float: left; width: 420px; padding: 3px 0px; margin: 3px 0px 10px 0px; border: 0px solid blue; } #docent p.instrument {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight: bold; margin: 0px; padding: 0px 3px; border-style: none none dotted none; border-width: 1px; border-color:#FF0000; width: auto; text-align: right; } #docent div { padding: 3px;} #docent img { float: left; margin: 0px 5px 1px 0px; } /*-------------------------------------------- AKTUEEL ----------------------------------------------*/ a:link.aktueel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: underline; font-weight: bold;} a:visited.aktueel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: underline; font-weight: bold;} a:hover.aktueel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; font-weight: bold;} a:link.aktueel_sponsor {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;} a:visited.aktueel_sponsor {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;} a:hover.aktueel_sponsor {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000;; text-decoration: none;} #rechterkolom { width: auto; height: auto; border: 0px solid #FF0000; margin: 0px 0px 10px 0px; padding: 0px; } #rechterkolom p.kop { background-color:#FF0000; margin: 0px; padding: 2px 0px; text-align: center; } #rechterkolom div.infokolom { border: 0px solid blue; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; } #rechterkolom div.infokolom p { margin: 2px 0px; padding: 0px; border: 0px solid blue; } #rechterkolom ul { list-style: inside; padding: 0px; margin: 5px 0px; text-align: center; } #rubriek { width: auto; height: auto; border: 0px solid #FF0000; margin: 5px 0px 15px 0px; padding: 0px; } #rubriek p.kop { background-color:#FF0000; margin: 0px; padding: 2px 0px; text-align: center; } #rubriek_item { background-color: #FCCDCD; float: left; width: 420px; padding: 3px 0px; margin: 3px 0px 10px 0px; border: 0px solid blue; } #rubriek_item p.agendadatum {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight: bold; margin: 0px; padding: 0px 3px; border-style: none none dotted none; border-width: 1px; border-color:#FF0000; width: auto; text-align: right; } #rubriek_item h5 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px; padding: 0px; font-weight: bold; } #rubriek_item div { padding: 3px;} #rubriek_item img { float: left; margin: 0px 5px 1px 0px; } #rubriek_item ul { list-style: inside; padding: 0px; margin: 5px 0px 0px 3px; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; } #rubriek_item ul img { float: none; border: 0px solid green; padding: 0px; margin: 0px; } #rubriek_item a img { float: none; border: 0px solid green; padding: 0px; margin: 0px; } #terug {width: 100%; height: 25px; text-align: left; padding: 0px 0px 0px 10px;} #terug a:link { color:#FF0000; text-decoration: none; } #terug a:visited {color:#FF0000; text-decoration: none; } #terug a:hover { background-color:#CCCCCC; padding: 1px;} /*-------------------------------tbv vriendenformulier ----------------------*/ #vrienden_aanmeldformulier form table { border: 2px solid #FF0000; width: 420px; background-color: #FCCDCD; margin: 15px 0px; padding: 15px 2px;} #vrienden_aanmeldformulier table td { padding: 1px 2px; border: solid 0px black; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666;} #vrienden_aanmeldformulier table td p{ padding: 1px 2px; border: solid 0px black; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;} #vrienden_aanmeldformulier table td.verstuur { text-align: center; } #vrienden_aanmeldformulier input { color:#000000; } #vrienden_aanmeldformulier input.verstuur { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FF0000; border: 1px solid black; font-weight: bold; margin: 0px 0px 10px 0px;} table#overzicht_aanmelding_vriend td{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; border-width: 0px; text-align: left; padding: 1px 2px 1px 0px;} /*--------------------------------tbv oproepen ------------------------------*/ div#oproepen p {margin: 20px 0px; } div#oproepen a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: underline;} div#oproepen a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: underline;} div#oproepen a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;} /*-------------------------------------------- MIDDENSTUK OVERONS ----------------------------------------------*/ a:link.overons {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF00FF; text-decoration: none;} a:visited.overons {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF00FF; text-decoration: none;} a:hover.overons {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #666666;} /*-------------------------------------------- MIDDENSTUK FAQ ----------------------------------------------*/ #faq_raam { width: 420px; height: auto; margin: 10px 0px 10px 0px; padding: 0px 1px 2px 1px; background-color: #DBFFE0; } #faq_raam p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 3px 1px; } #faq_raam p.kop { background-color:#00FF00; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#333333; margin: 0px; padding: 2px 1px; } /*-------------------------------------------- MIDDENSTUK CONTACT ----------------------------------------------*/ div#contact p {margin: 20px 0px; } div#contact a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00CCFF; text-decoration: underline;} div#contact a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00CCFF; text-decoration: underline;} div#contact a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;} /*-------------------------------------------- RECHTERKOLOM FOTO & VIDEO ----------------------------------------------*/ div#infokolom_foto { border: 0px solid blue; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; } div#infokolom_foto h5.koptekst { color:#FF0000; margin: 0px 0px 10px 0px; padding: 2px 0px; text-align: center; font-size: 14px; font-weight: bold; } div#infokolom_foto p { margin: 10px 0px; padding: 0px; border: 0px solid blue; text-align: left; }