/** * additional checkout css * * @author lieselot / peppered.nl * * template default * * * * .thema-default * oranje (text) ff7301 * d.oranje de7300 * l.oranje fb8a11 * **/ /* opacity Blokken */ .thema-default .opacityBlockTheme { background: #fb8a11; } /* Tabs thema */ .thema-default .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -308px; color: #c67b05!important; } .thema-default .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -308px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-default .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-default .tabs li a, .thema-default #subColumn1 .tabs li a, .thema-default #subColumn2 .tabs li a { color: #c2c2c2; } .thema-default .tabs li a.active, .thema-default #subColumn1 .tabs li a.active, .thema-default #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-default a:link, .thema-default a:visited { color: #ff7301; } .thema-default a:link:focus, .thema-default a:visited:focus, .thema-default a:link:hover, .thema-default a:visited:hover, .thema-default a:link:active, .thema-default a:visited:active { color: #000; } /* links omgekeerd*/ .thema-default .backwards a:link, .thema-default .backwards a:visited { color: #000; } .thema-default .specials .backwards a { color: #fff; } .thema-default .backwards a:link:focus, .thema-default .backwards a:visited:focus, .thema-default .backwards a:link:hover, .thema-default .backwards a:visited:hover, .thema-default .backwards a:link:active, .thema-default .backwards a:visited:active, .specials .backwards a:hover { color: #ff7301; } /* servicemenu links*/ .thema-default #servicemenu a:link, .thema-default #servicemenu a:visited { color: #a8a8a8; } .thema-default #servicemenu a:link:focus, .thema-default #servicemenu a:visited:focus, .thema-default #servicemenu a:link:hover, .thema-default #servicemenu a:visited:hover, .thema-default #servicemenu a:link:active, .thema-default #servicemenu a:visited:active { color: #ff7301; } /* zoek icons links */ .thema-default #zoekForm input.submit, .thema-default #archiefForm input.submit { background-position: 0px 0px ; } /* hoofdmenu */ .thema-default .sf-menu li.sfHover a.menuhome, .thema-default .sf-menu a.menuhome:focus, .thema-default .sf-menu a.menuhome:hover, .thema-default .sf-menu a.menuhome:active { background-position: -10px -297px; } .thema-default .sf-menu li.sfHover a.menuvoorstellingen, .thema-default .sf-menu a.menuvoorstellingen:focus, .thema-default .sf-menu a.menuvoorstellingen:hover, .thema-default .sf-menu a.menuvoorstellingen:active { background-position: -85px -297px; } .thema-default .sf-menu li.sfHover a.menuinformatie, .thema-default .sf-menu a.menuinformatie:focus, .thema-default .sf-menu a.menuinformatie:hover, .thema-default .sf-menu a.menuinformatie:active { background-position: -293px -297px; } .thema-default .sf-menu li.sfHover a.menuzakelijk, .thema-default .sf-menu a.menuzakelijk:focus, .thema-default .sf-menu a.menuzakelijk:hover, .thema-default .sf-menu a.menuzakelijk:active { background-position: -436px -297px; } .thema-default .sf-menu li.sfHover a.menujong, .thema-default .sf-menu a.menujong:focus, .thema-default .sf-menu a.menujong:hover, .thema-default .sf-menu a.menujong:active { background-position: -603px -297px; } .thema-default .sf-menu li.active a.menuhome { background-position: -10px -102px; } .thema-default .sf-menu li.active a.menuvoorstellingen { background-position: -85px -102px; } .thema-default .sf-menu li.active a.menuinformatie { background-position:-293px -102px; } .thema-default .sf-menu li.active a.menuzakelijk { background-position: -436px -102px; } .thema-default .sf-menu li.active a.menujong { background-position: -603px -102px; } /* submenu */ .thema-default #submenu .menuItemActive a { color: #ff7301;} .thema-default #submenu li.menuItemActive ul li a { color: #000; } .thema-default #submenu li.menuItemActive li.menuItemActive a { color: #ff7301; } .thema-default #submenuSpecials .menuItemActive a { color: #ff7301;} .thema-default #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-default #submenuSpecials li.menuItemActive li.menuItemActive a { color: #ff7301; } /* filter */ .thema-default table.calendar a { color: #000;} .thema-default table.calendar span.selected a, .thema-default table.calendar a:hover { background: #fb8a11; color: #fff; } .thema-default #kalenderTable .highlighted a { color: #FF7301;} /* slideshow */ .thema-default #slideshow .show-time a { color: #fb8a11; } /* buttons bg kleur */ .thema-default .imgBtn-themeActive a, .thema-default input.submitTheme { background-position: 0 -177px; } .thema-default .imgBtn-themeActive a:hover, .thema-default input.submitThemeHover { background-position: 0 -147px; } .thema-default .home-adjustments .opacityBlock { background: #FB8A11 url(/images/home_adjust_def.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-default #showDetail .show-time { color: #ff7301; } /* pijltjes img icon */ .thema-default .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-default .pijlend-icon a, .thema-default .backwards .pijlend-icon a:hover { background-position: 100% -16px; } .thema-default .pijlend-icon a:hover, .thema-default .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-default .backwards .pijlstart-icon a:hover, .thema-default .backwards .pijlstart-icon a.active, .thema-default .pijlstart-icon a { background-position: 0% -16px;} .thema-default .pijlstart-icon a:hover, .thema-default .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-default .show-wrapper ul.hideList li a:hover { background: #fb8a11;} /* tip block */ .thema-default .tipBlock .tip-date a { color: #ff7301!important;} /* stars reactie img */ .thema-default div.star, .thema-rood div.star a { background-position: 0px 0px } .thema-default div.star_on a { background-position: 0px -16px!important } .thema-default div.star_hover a, .thema-default div.star_live a:hover { background-position: 0px -32px } .thema-default .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-default .filter-artiest td a:hover, .thema-default .filter-artiest td a.active { background: #FF7301; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template default * * * .thema-default * aqua tekst #03a28e * d.aqua #03a28e * l.aqua #04BFA7 * **/ /* opacity Blokken */ .thema-aqua .opacityBlockTheme { background: #04BFA7; } /* Tabs thema */ .thema-aqua .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -88px; color: #149989!important; } .thema-aqua .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -88px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-aqua .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-aqua .tabs li a, .thema-aqua #subColumn1 .tabs li a, .thema-aqua #subColumn2 .tabs li a { color: #c2c2c2; } .thema-aqua .tabs li a.active, .thema-aqua #subColumn1 .tabs li a.active, .thema-aqua #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-aqua a:link, .thema-aqua a:visited { color: #03a28e; } .thema-aqua a:link:focus, .thema-aqua a:visited:focus, .thema-aqua a:link:hover, .thema-aqua a:visited:hover, .thema-aqua a:link:active, .thema-aqua a:visited:active { color: #000; } /* links omgekeerd*/ .thema-aqua .backwards a:link, .thema-aqua .backwards a:visited { color: #000; } .thema-aqua .specials .backwards a { color: #fff; } .thema-aqua .backwards a:link:focus, .thema-aqua .backwards a:visited:focus, .thema-aqua .backwards a:link:hover, .thema-aqua .backwards a:visited:hover, .thema-aqua .backwards a:link:active, .thema-aqua .backwards a:visited:active, .specials .backwards a:hover { color: #03a28e; } /* servicemenu links*/ .thema-aqua #servicemenu a:link, .thema-aqua #servicemenu a:visited { color: #a8a8a8; } .thema-aqua #servicemenu a:link:focus, .thema-aqua #servicemenu a:visited:focus, .thema-aqua #servicemenu a:link:hover, .thema-aqua #servicemenu a:visited:hover, .thema-aqua #servicemenu a:link:active, .thema-aqua #servicemenu a:visited:active { color: #03a28e; } /* zoek icons links */ .thema-aqua #zoekForm input.submit, .thema-aqua #archiefForm input.submit { background-position: 0px -150px ; } /* hoofdmenu */ .thema-aqua .sf-menu li.sfHover a.menuhome, .thema-aqua .sf-menu a.menuhome:focus, .thema-aqua .sf-menu a.menuhome:hover, .thema-aqua .sf-menu a.menuhome:active { background-position: -10px -444px; } .thema-aqua .sf-menu li.sfHover a.menuvoorstellingen, .thema-aqua .sf-menu a.menuvoorstellingen:focus, .thema-aqua .sf-menu a.menuvoorstellingen:hover, .thema-aqua .sf-menu a.menuvoorstellingen:active { background-position: -85px -444px; } .thema-aqua .sf-menu li.sfHover a.menuinformatie, .thema-aqua .sf-menu a.menuinformatie:focus, .thema-aqua .sf-menu a.menuinformatie:hover, .thema-aqua .sf-menu a.menuinformatie:active { background-position: -293px -444px; } .thema-aqua .sf-menu li.sfHover a.menuzakelijk, .thema-aqua .sf-menu a.menuzakelijk:focus, .thema-aqua .sf-menu a.menuzakelijk:hover, .thema-aqua .sf-menu a.menuzakelijk:active { background-position: -436px -444px; } .thema-aqua .sf-menu li.sfHover a.menujong, .thema-aqua .sf-menu a.menujong:focus, .thema-aqua .sf-menu a.menujong:hover, .thema-aqua .sf-menu a.menujong:active { background-position: -603px -444px; } .thema-aqua .sf-menu li.active a.menuhome { background-position: -10px -39px; } .thema-aqua .sf-menu li.active a.menuvoorstellingen { background-position: -85px -39px; } .thema-aqua .sf-menu li.active a.menuinformatie { background-position:-293px -39px; } .thema-aqua .sf-menu li.active a.menuzakelijk { background-position: -436px -39px; } .thema-aqua .sf-menu li.active a.menujong { background-position: -603px -39px; } /* submenu */ .thema-aqua #submenu .menuItemActive a { color: #03a28e;} .thema-aqua #submenu li.menuItemActive ul li a { color: #000; } .thema-aqua #submenu li.menuItemActive li.menuItemActive a { color: #03a28e; } .thema-aqua #submenuSpecials .menuItemActive a { color: #03a28e;} .thema-aqua #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-aqua #submenuSpecials li.menuItemActive li.menuItemActive a { color: #03a28e; } /* filter */ .thema-aqua table.calendar a { color: #000;} .thema-aqua table.calendar span.selected a, .thema-aqua table.calendar a:hover { background: #04BFA7; color: #fff; } .thema-aqua #kalenderTable .highlighted a { color: #04BFA7;} /* slideshow */ .thema-aqua #slideshow .show-time a { color: #04BFA7; } /* buttons bg kleur */ .thema-aqua .imgBtn-themeActive a, .thema-aqua input.submitTheme { background-position: 0 -428px; } .thema-aqua .imgBtn-themeActive a:hover, .thema-aqua input.submitThemeHover { background-position: 0 -399px; } .thema-aqua .home-adjustments .opacityBlock { background: #04BFA7 url(/images/home_adjust_aqua.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-aqua #showDetail .show-time { color: #03a28e; } /* pijltjes img icon */ .thema-aqua .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-aqua .pijlend-icon a, .thema-aqua .backwards .pijlend-icon a:hover { background-position: 100% -124px; } .thema-aqua .pijlend-icon a:hover, .thema-aqua .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-aqua .backwards .pijlstart-icon a:hover, .thema-aqua .backwards .pijlstart-icon a.active, .thema-aqua .pijlstart-icon a { background-position: 0% -124px;} .thema-aqua .pijlstart-icon a:hover, .thema-aqua .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-aqua .show-wrapper ul.hideList li a:hover { background: #04BFA7;} /* tip block */ .thema-aqua .tipBlock .tip-date a { color: #03a28e!important;} /* stars reactie img */ .thema-aqua div.star, .thema-rood div.star a { background-position: -75px 0px } .thema-aqua div.star_on a { background-position: -75px -16px!important } .thema-aqua div.star_hover a, .thema-aqua div.star_live a:hover { background-position: -75px -32px } .thema-aqua .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-aqua .filter-artiest td a:hover, .thema-aqua .filter-artiest td a.active { background: #03a28e; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template default * * * .thema-default * blauw (text) 086cc1 ipv 0f7ad5 * d.blauw 086cc1 * l.blauw 1d8ded * **/ /* opacity Blokken */ .thema-blauw .opacityBlockTheme { background: #1d8ded; } /* Tabs thema*/ .thema-blauw .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -131px; color: #19588e!important; } .thema-blauw .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -131px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-blauw .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-blauw .tabs li a, .thema-blauw #subColumn1 .tabs li a, .thema-blauw #subColumn2 .tabs li a { color: #c2c2c2; } .thema-blauw .tabs li a.active, .thema-blauw #subColumn1 .tabs li a.active, .thema-blauw #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-blauw a:link, .thema-blauw a:visited { color: #086cc1; } .thema-blauw a:link:focus, .thema-blauw a:visited:focus, .thema-blauw a:link:hover, .thema-blauw a:visited:hover, .thema-blauw a:link:active, .thema-blauw a:visited:active { color: #000; } /* links omgekeerd*/ .thema-blauw .backwards a:link, .thema-blauw .backwards a:visited { color: #000; } .thema-blauw .specials .backwards a { color: #fff; } .thema-blauw .backwards a:link:focus, .thema-blauw .backwards a:visited:focus, .thema-blauw .backwards a:link:hover, .thema-blauw .backwards a:visited:hover, .thema-blauw .backwards a:link:active, .thema-blauw .backwards a:visited:active, .specials .backwards a:hover { color: #086cc1; } /* servicemenu links*/ .thema-blauw #servicemenu a:link, .thema-blauw #servicemenu a:visited { color: #a8a8a8; } .thema-blauw #servicemenu a:link:focus, .thema-blauw #servicemenu a:visited:focus, .thema-blauw #servicemenu a:link:hover, .thema-blauw #servicemenu a:visited:hover, .thema-blauw #servicemenu a:link:active, .thema-blauw #servicemenu a:visited:active { color: #086cc1; } /* zoek icons links */ .thema-blauw #zoekForm input.submit, .thema-blauw #archiefForm input.submit { background-position: 0px -120px ; } /* hoofdmenu */ .thema-blauw .sf-menu li.sfHover a.menuhome, .thema-blauw .sf-menu a.menuhome:focus, .thema-blauw .sf-menu a.menuhome:hover, .thema-blauw .sf-menu a.menuhome:active { background-position: -10px -407px; } .thema-blauw .sf-menu li.sfHover a.menuvoorstellingen, .thema-blauw .sf-menu a.menuvoorstellingen:focus, .thema-blauw .sf-menu a.menuvoorstellingen:hover, .thema-blauw .sf-menu a.menuvoorstellingen:active { background-position: -85px -407px; } .thema-blauw .sf-menu li.sfHover a.menuinformatie, .thema-blauw .sf-menu a.menuinformatie:focus, .thema-blauw .sf-menu a.menuinformatie:hover, .thema-blauw .sf-menu a.menuinformatie:active { background-position: -293px -407px; } .thema-blauw .sf-menu li.sfHover a.menuzakelijk, .thema-blauw .sf-menu a.menuzakelijk:focus, .thema-blauw .sf-menu a.menuzakelijk:hover, .thema-blauw .sf-menu a.menuzakelijk:active { background-position: -436px -407px; } .thema-blauw .sf-menu li.sfHover a.menujong, .thema-blauw .sf-menu a.menujong:focus, .thema-blauw .sf-menu a.menujong:hover, .thema-blauw .sf-menu a.menujong:active { background-position: -603px -407px; } .thema-blauw .sf-menu li.active a.menuhome { background-position: -10px -195px; } .thema-blauw .sf-menu li.active a.menuvoorstellingen { background-position: -85px -195px; } .thema-blauw .sf-menu li.active a.menuinformatie { background-position:-293px -195px; } .thema-blauw .sf-menu li.active a.menuzakelijk { background-position: -436px -195px; } .thema-blauw .sf-menu li.active a.menujong { background-position: -603px -195px; } /* submenu */ .thema-blauw #submenu .menuItemActive a { color: #086cc1;} .thema-blauw #submenu li.menuItemActive ul li a { color: #000; } .thema-blauw #submenu li.menuItemActive li.menuItemActive a { color: #086cc1; } .thema-blauw #submenuSpecials .menuItemActive a { color: #086cc1;} .thema-blauw #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-blauw #submenuSpecials li.menuItemActive li.menuItemActive a { color: #086cc1; } /* filter */ .thema-blauw table.calendar a { color: #000;} .thema-blauw table.calendar span.selected a, .thema-blauw table.calendar a:hover { background: #1d8ded; color: #fff; } .thema-blauw #kalenderTable .highlighted a { color: #1d8ded;} /* slideshow */ .thema-blauw #slideshow .show-time a { color: #1d8ded; } /* buttons bg kleur */ .thema-blauw .imgBtn-themeActive a, .thema-blauw input.submitTheme { background-position: 0 -378px; } .thema-blauw .imgBtn-themeActive a:hover, .thema-blauw input.submitThemeHover { background-position: 0 -349px; } .thema-blauw .home-adjustments .opacityBlock { background: #1d8ded url(/images/home_adjust_blauw.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-blauw #showDetail .show-time { color: #086cc1; } /* pijltjes img icon*/ .thema-blauw .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-blauw .pijlend-icon a, .thema-blauw .backwards .pijlend-icon a:hover { background-position: 100% -102px; } .thema-blauw .pijlend-icon a:hover, .thema-blauw .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-blauw .backwards .pijlstart-icon a:hover, .thema-blauw .backwards .pijlstart-icon a.active, .thema-blauw .pijlstart-icon a { background-position: 0% -102px;} .thema-blauw .pijlstart-icon a:hover, .thema-blauw .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-blauw .show-wrapper ul.hideList li a:hover { background: #1d8ded;} /* tip block */ .thema-blauw .tipBlock .tip-date a { color: #086cc1!important;} /* stars img icon */ .thema-blauw div.star, .thema-rood div.star a { background-position: -60px 0px } .thema-blauw div.star_on a { background-position: -60px -16px!important } .thema-blauw div.star_hover a, .thema-blauw div.star_live a:hover { background-position: -60px -32px } .thema-blauw .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-blauw .filter-artiest td a:hover, .thema-blauw .filter-artiest td a.active { background: #086cc1; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template groen* * * .thema-groen * groen (text) 008100 * d.groen 008100 * l.groen 00a000 * **/ /* opacity Blokken */ .thema-groen .opacityBlockTheme { background: #00a000; } /* Tabs thema */ .thema-groen .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -44px; color: #0f5e0f!important; } .thema-groen .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -44px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-groen .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-groen .tabs li a, .thema-groen #subColumn1 .tabs li a, .thema-groen #subColumn2 .tabs li a { color: #c2c2c2; } .thema-groen .tabs li a.active, .thema-groen #subColumn1 .tabs li a.active, .thema-groen #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-groen a:link, .thema-groen a:visited { color: #008100; } .thema-groen a:link:focus, .thema-groen a:visited:focus, .thema-groen a:link:hover, .thema-groen a:visited:hover, .thema-groen a:link:active, .thema-groen a:visited:active { color: #000; } /* links omgekeerd*/ .thema-groen .backwards a:link, .thema-groen .backwards a:visited { color: #000; } .thema-groen .specials .backwards a { color: #fff; } .thema-groen .backwards a:link:focus, .thema-groen .backwards a:visited:focus, .thema-groen .backwards a:link:hover, .thema-groen .backwards a:visited:hover, .thema-groen .backwards a:link:active, .thema-groen .backwards a:visited:active, .specials .backwards a:hover { color: #008100; } /* servicemenu links*/ .thema-groen #servicemenu a:link, .thema-groen #servicemenu a:visited { color: #a8a8a8; } .thema-groen #servicemenu a:link:focus, .thema-groen #servicemenu a:visited:focus, .thema-groen #servicemenu a:link:hover, .thema-groen #servicemenu a:visited:hover, .thema-groen #servicemenu a:link:active, .thema-groen #servicemenu a:visited:active { color: #008100; } /* zoek icons links*/ .thema-groen #zoekForm input.submit, .thema-groen #archiefForm input.submit { background-position: 0px -180px ; } /* hoofdmenu */ .thema-groen .sf-menu li.sfHover a.menuhome, .thema-groen .sf-menu a.menuhome:focus, .thema-groen .sf-menu a.menuhome:hover, .thema-groen .sf-menu a.menuhome:active { background-position: -10px -479px; } .thema-groen .sf-menu li.sfHover a.menuvoorstellingen, .thema-groen .sf-menu a.menuvoorstellingen:focus, .thema-groen .sf-menu a.menuvoorstellingen:hover, .thema-groen .sf-menu a.menuvoorstellingen:active { background-position: -85px -479px; } .thema-groen .sf-menu li.sfHover a.menuinformatie, .thema-groen .sf-menu a.menuinformatie:focus, .thema-groen .sf-menu a.menuinformatie:hover, .thema-groen .sf-menu a.menuinformatie:active { background-position: -293px -479px; } .thema-groen .sf-menu li.sfHover a.menuzakelijk, .thema-groen .sf-menu a.menuzakelijk:focus, .thema-groen .sf-menu a.menuzakelijk:hover, .thema-groen .sf-menu a.menuzakelijk:active { background-position: -436px -479px; } .thema-groen .sf-menu li.sfHover a.menujong, .thema-groen .sf-menu a.menujong:focus, .thema-groen .sf-menu a.menujong:hover, .thema-groen .sf-menu a.menujong:active { background-position: -603px -479px; } .thema-groen .sf-menu li.active a.menuhome { background-position: -10px -227px; } .thema-groen .sf-menu li.active a.menuvoorstellingen { background-position: -85px -227px; } .thema-groen .sf-menu li.active a.menuinformatie { background-position: -293px -227px; } .thema-groen .sf-menu li.active a.menuzakelijk { background-position: -436px -227px; } .thema-groen .sf-menu li.active a.menujong { background-position: -603px -227px; } /* submenu */ .thema-groen #submenu .menuItemActive a { color: #008100;} .thema-groen #submenu li.menuItemActive ul li a { color: #000; } .thema-groen #submenu li.menuItemActive li.menuItemActive a { color: #008100; } .thema-groen #submenuSpecials .menuItemActive a { color: #008100;} .thema-groen #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-groen #submenuSpecials li.menuItemActive li.menuItemActive a { color: #008100; } /* filter */ .thema-groen table.calendar a { color: #000;} .thema-groen table.calendar span.selected a, .thema-groen table.calendar a:hover { background: #00a000; color: #fff; } .thema-groen #kalenderTable .highlighted a { color: #00a000;} /* slideshow */ .thema-groen #slideshow .show-time a { color: #00a000; } /* buttons bg kleur */ .thema-groen .imgBtn-themeActive a, .thema-groen input.submitTheme { background-position: 0 -228px; } .thema-groen .imgBtn-themeActive a:hover, .thema-groen input.submitThemeHover { background-position: 0 -199px; } .thema-groen .home-adjustments .opacityBlock { background: #00a000 url(/images/home_adjust_groen.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-groen #showDetail .show-time { color: #008100; } /* pijltjes img icon */ .thema-groen .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-groen .pijlend-icon a, .thema-groen .backwards .pijlend-icon a:hover { background-position: 100% -146px; } .thema-groen .pijlend-icon a:hover, .thema-groen .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-groen .backwards .pijlstart-icon a:hover, .thema-groen .backwards .pijlstart-icon a.active, .thema-groen .pijlstart-icon a { background-position: 0% -146px;} .thema-groen .pijlstart-icon a:hover, .thema-groen .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-groen .show-wrapper ul.hideList li a:hover { background: #00a000;} /* tip block */ .thema-groen .tipBlock .tip-date a { color: #008100!important;} /* stars reactie img */ .thema-groen div.star, .thema-rood div.star a { background-position: -90px 0px } .thema-groen div.star_on a { background-position: -90px -16px!important } .thema-groen div.star_hover a, .thema-groen div.star_live a:hover { background-position: -90px -32px } .thema-groen .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-groen .filter-artiest td a:hover, .thema-groen .filter-artiest td a.active { background: #008100; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template default * * * .thema-default * paars (text) 7113a1 * d.paars 7113a1 * l.paars 8416bc * **/ /* opacity Blokken */ .thema-paars .opacityBlockTheme { background: #8416bc; } /* Tabs thema */ .thema-paars .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -176px; color: #5D177F!important; } .thema-paars .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -176px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-paars .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-paars .tabs li a, .thema-paars #subColumn1 .tabs li a, .thema-paars #subColumn2 .tabs li a { color: #c2c2c2; } .thema-paars .tabs li a.active, .thema-paars #subColumn1 .tabs li a.active, .thema-paars #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-paars a:link, .thema-paars a:visited { color: #7113a1; } .thema-paars a:link:focus, .thema-paars a:visited:focus, .thema-paars a:link:hover, .thema-paars a:visited:hover, .thema-paars a:link:active, .thema-paars a:visited:active { color: #000; } /* links omgekeerd*/ .thema-paars .backwards a:link, .thema-paars .backwards a:visited { color: #000; } .thema-paars .specials .backwards a { color: #fff; } .thema-paars .backwards a:link:focus, .thema-paars .backwards a:visited:focus, .thema-paars .backwards a:link:hover, .thema-paars .backwards a:visited:hover, .thema-paars .backwards a:link:active, .thema-paars .backwards a:visited:active, .specials .backwards a:hover { color: #7113a1; } /* servicemenu links*/ .thema-paars #servicemenu a:link, .thema-paars #servicemenu a:visited { color: #a8a8a8; } .thema-paars #servicemenu a:link:focus, .thema-paars #servicemenu a:visited:focus, .thema-paars #servicemenu a:link:hover, .thema-paars #servicemenu a:visited:hover, .thema-paars #servicemenu a:link:active, .thema-paars #servicemenu a:visited:active { color: #7113a1; } /* zoek icons links */ .thema-paars #zoekForm input.submit, .thema-paars #archiefForm input.submit { background-position: 0px -90px ; } /* hoofdmenu */ .thema-paars .sf-menu li.sfHover a.menuhome, .thema-paars .sf-menu a.menuhome:focus, .thema-paars .sf-menu a.menuhome:hover, .thema-paars .sf-menu a.menuhome:active { background-position: -10px -371px; } .thema-paars .sf-menu li.sfHover a.menuvoorstellingen, .thema-paars .sf-menu a.menuvoorstellingen:focus, .thema-paars .sf-menu a.menuvoorstellingen:hover, .thema-paars .sf-menu a.menuvoorstellingen:active { background-position: -85px -371px; } .thema-paars .sf-menu li.sfHover a.menuinformatie, .thema-paars .sf-menu a.menuinformatie:focus, .thema-paars .sf-menu a.menuinformatie:hover, .thema-paars .sf-menu a.menuinformatie:active { background-position: -293px -371px; } .thema-paars .sf-menu li.sfHover a.menuzakelijk, .thema-paars .sf-menu a.menuzakelijk:focus, .thema-paars .sf-menu a.menuzakelijk:hover, .thema-paars .sf-menu a.menuzakelijk:active { background-position: -436px -371px; } .thema-paars .sf-menu li.sfHover a.menujong, .thema-paars .sf-menu a.menujong:focus, .thema-paars .sf-menu a.menujong:hover, .thema-paars .sf-menu a.menujong:active { background-position: -603px -371px; } .thema-paars .sf-menu li.active a.menuhome { background-position: -10px -164px; } .thema-paars .sf-menu li.active a.menuvoorstellingen { background-position: -85px -164px; } .thema-paars .sf-menu li.active a.menuinformatie { background-position: -293px -164px; } .thema-paars .sf-menu li.active a.menuzakelijk { background-position: -436px -164px; } .thema-paars .sf-menu li.active a.menujong { background-position: -603px -164px; } /* submenu */ .thema-paars #submenu .menuItemActive a { color: #7113a1;} .thema-paars #submenu li.menuItemActive ul li a { color: #000; } .thema-paars #submenu li.menuItemActive li.menuItemActive a { color: #7113a1; } .thema-paars #submenuSpecials .menuItemActive a { color: #7113a1;} .thema-paars #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-paars #submenuSpecials li.menuItemActive li.menuItemActive a { color: #7113a1; } /* filter */ .thema-paars table.calendar a { color: #000;} .thema-paars table.calendar span.selected a, .thema-paars table.calendar a:hover { background: #8416bc; color: #fff; } .thema-paars #kalenderTable .highlighted a { color: #8416bc;} /* slideshow */ .thema-paars #slideshow .show-time a { color: #8416bc; } /* buttons bg kleur */ .thema-paars .imgBtn-themeActive a, .thema-paars input.submitTheme { background-position: 0 -328px; } .thema-paars .imgBtn-themeActive a:hover, .thema-paars input.submitThemeHover { background-position: 0 -299px; } .thema-paars .home-adjustments .opacityBlock { background: #8416bc url(/images/home_adjust_paars.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-paars #showDetail .show-time { color: #7113a1; } /* pijltjes img icon */ .thema-paars .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-paars .pijlend-icon a, .thema-paars .backwards .pijlend-icon a:hover { background-position: 100% -81px; } .thema-paars .pijlend-icon a:hover, .thema-paars .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-paars .backwards .pijlstart-icon a:hover, .thema-paars .backwards .pijlstart-icon a.active, .thema-paars .pijlstart-icon a { background-position: 0% -81px;} .thema-paars .pijlstart-icon a:hover, .thema-paars .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-paars .show-wrapper ul.hideList li a:hover { background: #8416bc;} /* tip block */ .thema-paars .tipBlock .tip-date a { color: #8516bd!important;} /* stars reactie img */ .thema-paars div.star, .thema-paars div.star a { background-position: -45px 0px } .thema-paars div.star_on a { background-position: -45px -16px!important } .thema-paars div.star_hover a, .thema-paars div.star_live a:hover { background-position: -45px -32px } .thema-paars .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-paars .filter-artiest td a:hover, .thema-paars .filter-artiest td a.active { background: #7113a1; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template rood * * * .thema-rood * rood (text) ed1c24 * d.rood c1172c * l.rood eb242c * **/ /* opacity Blokken */ .thema-rood .opacityBlockTheme { background: #eb242c; } /* Tabs thema */ .thema-rood .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -264px; color: #c1172c!important; } .thema-rood .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -264px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-rood .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-rood .tabs li a, .thema-rood #subColumn1 .tabs li a, .thema-rood #subColumn2 .tabs li a { color: #c2c2c2; } .thema-rood .tabs li a.active, .thema-rood #subColumn1 .tabs li a.active, .thema-rood #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-rood a:link, .thema-rood a:visited { color: #ed1c24; } .thema-rood a:link:focus, .thema-rood a:visited:focus, .thema-rood a:link:hover, .thema-rood a:visited:hover, .thema-rood a:link:active, .thema-rood a:visited:active { color: #000; } /* links omgekeerd*/ .thema-rood .backwards a:link, .thema-rood .backwards a:visited { color: #000; } .thema-rood .specials .backwards a { color: #fff; } .thema-rood .backwards a:link:focus, .thema-rood .backwards a:visited:focus, .thema-rood .backwards a:link:hover, .thema-rood .backwards a:visited:hover, .thema-rood .backwards a:link:active, .thema-rood .backwards a:visited:active, .specials .backwards a:hover { color: #ed1c24; } /* servicemenu links*/ .thema-rood #servicemenu a:link, .thema-rood #servicemenu a:visited { color: #a8a8a8; } .thema-rood #servicemenu a:link:focus, .thema-rood #servicemenu a:visited:focus, .thema-rood #servicemenu a:link:hover, .thema-rood #servicemenu a:visited:hover, .thema-rood #servicemenu a:link:active, .thema-rood #servicemenu a:visited:active { color: #ed1c24; } /* zoek icons links */ .thema-rood #zoekForm input.submit, .thema-rood #archiefForm input.submit { background-position: 0px -30px ; } /* hoofdmenu */ .thema-rood .sf-menu li.sfHover a.menuhome, .thema-rood .sf-menu a.menuhome:focus, .thema-rood .sf-menu a.menuhome:hover, .thema-rood .sf-menu a.menuhome:active { background-position: -10px -261px; } .thema-rood .sf-menu li.sfHover a.menuvoorstellingen, .thema-rood .sf-menu a.menuvoorstellingen:focus, .thema-rood .sf-menu a.menuvoorstellingen:hover, .thema-rood .sf-menu a.menuvoorstellingen:active { background-position: -85px -261px; } .thema-rood .sf-menu li.sfHover a.menuinformatie, .thema-rood .sf-menu a.menuinformatie:focus, .thema-rood .sf-menu a.menuinformatie:hover, .thema-rood .sf-menu a.menuinformatie:active { background-position: -293px -261px; } .thema-rood .sf-menu li.sfHover a.menuzakelijk, .thema-rood .sf-menu a.menuzakelijk:focus, .thema-rood .sf-menu a.menuzakelijk:hover, .thema-rood .sf-menu a.menuzakelijk:active { background-position: -436px -261px; } .thema-rood .sf-menu li.sfHover a.menujong, .thema-rood .sf-menu a.menujong:focus, .thema-rood .sf-menu a.menujong:hover, .thema-rood .sf-menu a.menujong:active { background-position: -603px -261px; } .thema-rood .sf-menu li.active a.menuhome { background-position: -10px -71px; } .thema-rood .sf-menu li.active a.menuvoorstellingen { background-position: -85px -71px; } .thema-rood .sf-menu li.active a.menuinformatie { background-position: -293px -71px; } .thema-rood .sf-menu li.active a.menuzakelijk { background-position: -436px -71px; } .thema-rood .sf-menu li.active a.menujong { background-position: -603px -71px; } /* submenu */ .thema-rood #submenu .menuItemActive a { color: #ed1c24;} .thema-rood #submenu li.menuItemActive ul li a { color: #000; } .thema-rood #submenu li.menuItemActive li.menuItemActive a { color: #ed1c24; } .thema-rood #submenuSpecials .menuItemActive a { color: #ed1c24;} .thema-rood #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-rood #submenuSpecials li.menuItemActive li.menuItemActive a { color: #ed1c24; } /* filter */ .thema-rood table.calendar a { color: #000;} .thema-rood table.calendar span.selected a, .thema-rood table.calendar a:hover { background: #eb242c; color: #fff; } .thema-rood #kalenderTable .highlighted a { color: #eb242c;} /* slideshow */ .thema-rood #slideshow .show-time a { color: #eb242c; } /* buttons bg kleur */ .thema-rood .imgBtn-themeActive a, .thema-rood input.submitTheme { background-position: 0 -125px; } .thema-rood .imgBtn-themeActive a:hover, .thema-rood input.submitThemeHover { background-position: 0 -102px; } .thema-rood .home-adjustments .opacityBlock { background: #eb242c url(/images/home_adjust_rood.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-rood #showDetail .show-time { color: #ed1c24; } /* pijltjes img icon */ .thema-rood .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-rood .pijlend-icon a, .thema-rood .backwards .pijlend-icon a:hover { background-position: 100% -37px; } .thema-rood .pijlend-icon a:hover, .thema-rood .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-rood .backwards .pijlstart-icon a:hover, .thema-rood .backwards .pijlstart-icon a.active, .thema-rood .pijlstart-icon a { background-position: 0% -37px;} .thema-rood .pijlstart-icon a:hover, .thema-rood .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-rood .show-wrapper ul.hideList li a:hover { background: #eb242c;} /* tip block */ .thema-rood .tipBlock .tip-date a { color: #ed1c24!important;} /* stars reactie img */ .thema-rood div.star, .thema-rood div.star a { background-position: -15px 0px } .thema-rood div.star_on a { background-position: -15px -16px!important } .thema-rood div.star_hover a, .thema-rood div.star_live a:hover { background-position: -15px -32px } .thema-rood .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-rood .filter-artiest td a:hover, .thema-rood .filter-artiest td a.active { background: #ed1c24; color: #fff!important; } /** * additional checkout css * * @author lieselot / peppered.nl * * template roze * * * .thema-roze * roze (text) c7007f * d.roze c7007f * l.roze ea0094 * **/ /* opacity Blokken */ .thema-roze .opacityBlockTheme { background: #ea0094; } /* Tabs thema */ .thema-roze .tabsTheme li a { background: transparent url(/images/tab_bg.gif) no-repeat 100% -220px; color: #8F1A66!important; } .thema-roze .tabsTheme li a.active { background: transparent url(/images/tab_active.gif) no-repeat 100% -220px; color: #ffffff!important; } /* nodig van de tabs JScriptje */ .thema-roze .tabsTheme li a.hover { color: #fff!important; } /* normale Tabs, nodig om de TabsTheme color niet te laten overulen */ .thema-roze .tabs li a, .thema-roze #subColumn1 .tabs li a, .thema-roze #subColumn2 .tabs li a { color: #c2c2c2; } .thema-roze .tabs li a.active, .thema-roze #subColumn1 .tabs li a.active, .thema-roze #subColumn2 .tabs li a.active { color: #000;} /* links */ .thema-roze a:link, .thema-roze a:visited { color: #c7007f; } .thema-roze a:link:focus, .thema-roze a:visited:focus, .thema-roze a:link:hover, .thema-roze a:visited:hover, .thema-roze a:link:active, .thema-roze a:visited:active { color: #000; } /* links omgekeerd*/ .thema-roze .backwards a:link, .thema-roze .backwards a:visited { color: #000; } .thema-roze .specials .backwards a { color: #fff; } .thema-roze .backwards a:link:focus, .thema-roze .backwards a:visited:focus, .thema-roze .backwards a:link:hover, .thema-roze .backwards a:visited:hover, .thema-roze .backwards a:link:active, .thema-roze .backwards a:visited:active, .specials .backwards a:hover { color: #c7007f; } /* servicemenu links*/ .thema-roze #servicemenu a:link, .thema-roze #servicemenu a:visited { color: #a8a8a8; } .thema-roze #servicemenu a:link:focus, .thema-roze #servicemenu a:visited:focus, .thema-roze #servicemenu a:link:hover, .thema-roze #servicemenu a:visited:hover, .thema-roze #servicemenu a:link:active, .thema-roze #servicemenu a:visited:active { color: #c7007f; } /* zoek icons links */ .thema-roze #zoekForm input.submit, .thema-roze #archiefForm input.submit { background-position: 0px -60px ; } /* hoofdmenu */ .thema-roze .sf-menu li.sfHover a.menuhome, .thema-roze .sf-menu a.menuhome:focus, .thema-roze .sf-menu a.menuhome:hover, .thema-roze .sf-menu a.menuhome:active { background-position: -10px -333px; } .thema-roze .sf-menu li.sfHover a.menuvoorstellingen, .thema-roze .sf-menu a.menuvoorstellingen:focus, .thema-roze .sf-menu a.menuvoorstellingen:hover, .thema-roze .sf-menu a.menuvoorstellingen:active { background-position: -85px -333px; } .thema-roze .sf-menu li.sfHover a.menuinformatie, .thema-roze .sf-menu a.menuinformatie:focus, .thema-roze .sf-menu a.menuinformatie:hover, .thema-roze .sf-menu a.menuinformatie:active { background-position: -293px -333px; } .thema-roze .sf-menu li.sfHover a.menuzakelijk, .thema-roze .sf-menu a.menuzakelijk:focus, .thema-roze .sf-menu a.menuzakelijk:hover, .thema-roze .sf-menu a.menuzakelijk:active { background-position: -436px -333px; } .thema-roze .sf-menu li.sfHover a.menujong, .thema-roze .sf-menu a.menujong:focus, .thema-roze .sf-menu a.menujong:hover, .thema-roze .sf-menu a.menujong:active { background-position: -603px -333px; } .thema-roze .sf-menu li.active a.menuhome { background-position: -10px -133px; } .thema-roze .sf-menu li.active a.menuvoorstellingen { background-position: -85px -133px; } .thema-roze .sf-menu li.active a.menuinformatie { background-position: -293px -133px; } .thema-roze .sf-menu li.active a.menuzakelijk { background-position: -436px -133px; } .thema-roze .sf-menu li.active a.menujong { background-position: -603px -133px; } /* submenu */ .thema-roze #submenu .menuItemActive a { color: #c7007f;} .thema-roze #submenu li.menuItemActive ul li a { color: #000; } .thema-roze #submenu li.menuItemActive li.menuItemActive a { color: #c7007f; } .thema-roze #submenuSpecials .menuItemActive a { color: #c7007f;} .thema-roze #submenuSpecials li.menuItemActive ul li a { color: #000; } .thema-roze #submenuSpecials li.menuItemActive li.menuItemActive a { color: #c7007f; } /* filter */ .thema-roze table.calendar a { color: #000;} .thema-roze table.calendar span.selected a, .thema-roze table.calendar a:hover { background: #ea0094; color: #fff; } .thema-roze #kalenderTable .highlighted a { color: #ea0094;} /* slideshow */ .thema-roze #slideshow .show-time a { color: #ea0094; } /* buttons bg kleur */ .thema-roze .imgBtn-themeActive a, .thema-roze input.submitTheme { background-position: 0 -278px; } .thema-roze .imgBtn-themeActive a:hover, .thema-roze input.submitThemeHover { background-position: 0 -249px; } /* url = home_adjust_def.gif */ .thema-roze .home-adjustments .opacityBlock { background: #ea0094 url(/images/home_adjust_roze.gif) no-repeat 9px 15px; } /* voorstelling detail */ .thema-roze #showDetail .show-time { color: #c7007f; } /* pijltjes img icon */ .thema-roze .specials .backwards .pijlstart-icon a { background-position: 0% -166px; } .thema-roze .pijlend-icon a, .thema-roze .backwards .pijlend-icon a:hover { background-position: 100% -59px; } .thema-roze .pijlend-icon a:hover, .thema-roze .backwards .pijlend-icon a { background-position: 100% 4px; } .thema-roze .backwards .pijlstart-icon a:hover, .thema-roze .backwards .pijlstart-icon a.active, .thema-roze .pijlstart-icon a { background-position: 0% -59px;} .thema-roze .pijlstart-icon a:hover, .thema-roze .backwards .pijlstart-icon a { background-position: 0% 4px; } /* voorstelling overzicht - datum pulldown kleurvlak */ .thema-roze .show-wrapper ul.hideList li a:hover { background: #ea0094;} /* tip block */ .thema-roze .tipBlock .tip-date a { color: #c7007f!important;} /* stars reactie img */ .thema-roze div.star, .thema-rood div.star a { background-position: -30px 0px } .thema-roze div.star_on a { background-position: -30px -16px!important } .thema-roze div.star_hover a, .thema-roze div.star_live a:hover { background-position: -30px -32px } .thema-roze .themeContent div.star_on a { background-position: -106px -16px!important; } /* artiest filter */ .thema-roze .filter-artiest td a:hover, .thema-roze .filter-artiest td a.active { background: #c7007f; color: #fff!important; }