/* Spanz CSS Document last rev: 02.03.2009 */ * { margin: 0; padding: 0;} /*** HTML elements */ /*******************/ body { margin: 0; padding: 0; font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, sans-serif; line-height:18px; font-size:12px; background: #fff url('/clientdata/icons/bgbluestriped.gif') top left repeat; color: #444; } img, fieldset, table { border:0;} select, input, textarea { border: 1px solid #ACACAC; font-size:0.9em; font-family: Arial, sans-serif; color:#666;} input[type=radio], input[type=checkbox], input[type=image], input[type=submit]{ background-color: #fff; border: none; } input:focus, select:focus , textarea:focus { border: 1px solid #ED1B24; } tr {vertical-align:top;} a, a:link, a:visited, a:hover , a:active {color: #444; text-decoration: underline;} a:hover {color: #999;text-decoration: underline;} h1 {} h2 {font-size: 9pt;color: #333;font-weight: bold;} h3 {font-size: 9pt;color: #333;font-weight: bold;} h4 {} hr {margin:8px 0; height:1px;} /*** GENERIC elements */ /**********************/ .required, .verplicht {color:red;} .enlargeicon { float:right; margin-top:2px; } /*** STRUCTURAL elements */ /*************************/ #container { margin: 0 auto; overflow:hidden; background-color:#fff; width: 994px; min-width: 994px; } #container-inner { margin:0 auto; width:974px; overflow:hidden; } #logo { float:left; font-size:16px; overflow:hidden; margin:5px 0 2px 0; } #topinteraction { font-size:9px; width:970px; text-align:right; overflow:hidden; height:16px; margin: 0 4px 4px 0;} #topinteraction img.rss { vertical-align: middle; } .article, .home { margin-bottom:10px; width:974px; overflow:hidden; } .home-inner { width:728px; float:right; overflow:hidden; } /* HEADER */ .header_wrap { position: relative; width:954px; height:136px; clear:both; } .header_overlay { width:100%;height:90px; clear:both; overflow: hidden; position: absolute; top: 9px; left: 10px; } .header_navoverlay { width:100%; height:21px; padding:3px 10px; clear:both; background:transparent url(/clientdata/icons/menu_overlay.png) top left repeat; overflow: hidden; position: absolute; top: 108px; left: 0;} /* HEADER: navigation */ #navigation { float:left; width:745px; overflow:hidden; } #navigation ul { display:block; } #navigation li { float:left; height:25px; margin-right:20px; list-style-type: none;} #navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:active { text-decoration:none; font-size:16px; color:#ffffff;} #navigation li a#activechapter, #navigation li a#activechapter:link, #navigation li a#activechapter:visited, #navigation li a#activechapter:active { font-weight:bold; } #navigation li a:hover {text-decoration:underline;color:#ffffff;} /* HEADER: search */ .geenmarge {margin:0;padding:0;} #search { width: 200px; height: 18px; display: block; overflow: hidden; float: right; text-align:right; margin-top:2px; } #search input.search { height:12px; width:148px; border:1px solid #333; margin:0; padding:1px; font-size:9px; color: #333; float:left;} #search input.searchbtn { height:12px; cursor:pointer; width:40px; margin-bottom:4px; background-color:transparent; border: 0; font-size:9px; color:#fff; background-image: url(/clientdata/icons/zoek.gif); background-repeat: no-repeat; background-position: 0 4px; } .navfeed {float:right;margin-top:4px;} /* subheader (contaons date & breadcrumb) */ .subheader { width:100%; overflow:hidden; text-align:right; padding-right:8px; font-size:10px; color:#000; height:18px; margin-bottom:4px; clear:both;} /* BREADCRUMB */ ul.breadcrumbs {list-style:none; font-size:10px; width:482px; overflow:hidden; float:left; text-align:left; margin-left:246px; color:#999; margin-bottom:12px; } ul.breadcrumbs li { margin-left:4px; padding-right:10px; display:inline; list-style:none; background:transparent url(/clientdata/icons/pijl_intern.gif) right 5px no-repeat;} ul.breadcrumbs li.first { margin-left:0; } ul.breadcrumbs li.first a { margin-left:0; color:red;} ul.breadcrumbs li.lastcrumb { padding-right:0; background-image:none;} ul.breadcrumbs li a, ul.breadcrumbs li a:link, ul.breadcrumbs li a:visited, ul.breadcrumbs li a:hover , ul.breadcrumbs li a:active { color:#555; text-decoration:none;} ul.breadcrumbs li a:hover { text-decoration:underline;} ul.breadcrumbs li span {} ul.breadcrumbs li.lastcrumb span {} /* ARTICLE: 3 column layout */ .sidebar1 {width:236px; float:left; overflow:hidden; margin-right:10px; } .sidebar1 .inner{} .sidebar2 {width:236px; float:right; overflow:hidden; margin-left:10px; } .sidebar2-inner { width:226px; float:right; overflow:hidden;} .content { width:482px; float:left; overflow:hidden; } .function { overflow:hidden; } .content-inner { margin:0; overflow:hidden;} /* basic blokken h3. */ .blok_basic { margin:0 0 16px 0; font-size:30px; color:#000; font-weight:normal;line-height:24px; } .sidebar1 .module, .sidebar2 .module { border-bottom: 4px solid #00a4e4; margin-bottom:16px; overflow:hidden; } .sidebar1 .module .inner, .sidebar2 .module .inner { border-left:1px solid #ED1B24; padding-left:10px; overflow:hidden; margin-bottom:8px; clear:both; } .sidebar2 .module .inner ul li { line-height: 20px; } /* footer */ #footer{ background-image: url(/clientdata/icons/footerbg.png); background-repeat: repeat-x; font-size: 10px; background-position: top left;background-color: #838383;clear:both; width: 974px; margin-top: 8px;padding: 0 10px 8px 10px;overflow: hidden;} #footer a, #footer a:link, #footer a:visited, #footer a:hover , #footer a:active { color:#fff; color:#000; padding:0; text-decoration: none; font-weight: normal;} #footer a:hover { text-decoration: underline; } .footermenu{ width: 192px; margin-top: 8px; overflow: hidden; float: left; } .footermenu .title{ font-weight:bold; color:#fff; } #footer .lastchangedate { color:#fff; width: 140px; text-align:right; float:right; margin: 8px 0 0 0; } #footer .spanz { text-align:right; clear:both; } #footer a, #footer a:link, #footer a:visited, #footer a:hover , #footer a:active { color:#D6D6D6; text-decoration: none;font-weight: normal;} #footer a:hover { text-decoration: underline; } /* einde footer */ /*** ARTICLE elements */ /**********************/ .lead {margin:8px 0 8px 0px; line-height: 18px; font-weight:bold; color:#333;} h1.artikel_titel { margin:0 0 10px 0; font-size:26px; line-height:1.1em; background-color:#ED1B24; padding:0 4px 4px 4px; color:#fff; margin:0 0 10px 0; font-weight:normal;} h2.paragraaf_titel { clear:left;font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;} h4.paragraaf_titel { clear:left;font-size:14px; color:#333; font-weight:bold; margin-top:12px; } h4.paragraaf_titel a, h4.paragraaf_titel a:link, h4.paragraaf_titel a:visited, h4.paragraaf_titel a:hover, h4.paragraaf_titel a:active { text-decoration:none; color:#333; } h4.paragraaf_titel a:hover {text-decoration: underline;} h5.paragraaf_subtitel { font-size:12px; color:#555; font-weight:bold; } div.paragraaf { margin-bottom:10px; } .hb_paragraaf_afb {margin:0 0 5px 0;} #inhoudsopgave {margin:0 0 16px 0 ;} #inhoudsopgave li {margin:0;padding:0; list-style:none;display:inline;} #content-inner a, a:link, #content-inner a:visited, #content-inner a:hover , #content-inner a:active { text-decoration: underline;} p, .paragraph {margin-bottom:15px;} .paragraaf_tekst { line-height: 18px; margin-bottom:10px; } .bs, .bsrechts { font-size: 10px; padding-left:2px; color:#ccc; line-height:11px; vertical-align:top;} /*** HOMEPAGE elements ***/ /*************************/ /* HOME: poll */ .poll-option { display:block; clear: both;} .poll-option input {} .poll-option input.poll { display:block; display: inline; margin:3px 5px 0 5px; } .poll-option label.poll { display:block; margin: 0; padding-top: 2px;} .poll-option .poll-link {color:#0099CB;font-family:"times new roman";letter-spacing:2px;padding-left:6px; text-decoration:none;} p.poll-description { margin-bottom:5px; } input.poll-submit { border:1px solid #AD0E14; padding:1px 5px; margin-top:10px; font-weight:bold; background-color:#ED1B23; color:#fff; cursor:pointer; clear: both;} .poll-error { color:red; } /* HOME: topblokken */ .top-blokken { overflow:hidden; clear:both; width:738px; margin-bottom:10px; } .top-blok_red , .top-blok_blue { width:234px; height:285px; float:left; overflow:hidden; margin-right:10px; padding:0; } .top-blok_red { border: 1px solid #ed1b24; } .top-blok_blue { border: 1px solid #00a3e4; } .top_blok_title_red , .top_blok_title_blue { height:32px; font-size:26px; line-height:1.1em; padding:0 0 0 4px; color:#fff; width:100%; margin:0 0 10px 0; font-weight:normal; } .top_blok_title_red { background-color:#ed1b24; } .top_blok_title_blue { background-color:#0099CB; } .top_blok_foto { width:216px; height:144px; padding-left:8px; overflow:hidden; position:relative;} .top_blok_fotoinner { width:216px; height:144px; clear:both; position:absolute; } .top_blok_itemtitel { font-weight:bold; margin:2px 0 0 0; overflow:hidden; height:16px; } .top_blok_itemtitel a, .top_blok_itemtitel a:link, .top_blok_itemtitel a:visited, .top_blok_itemtitel a:active { text-decoration: none; } .top_blok_itemtitel a:hover { text-decoration: underline; color: #444; } .top-blok_blue .top_blok_itemtitel a, .top-blok_blue .top_blok_itemtitel a:link, .top-blok_blue.top_blok_itemtitel a:visited, .top-blok_blue.top_blok_itemtitel a:hover , .top-blok_blue .top_blok_itemtitel a:active { text-decoration: none; color: #0099CB; } .top-blok_blue.top_blok_itemtitel a:hover { text-decoration: underline; color: #0099CB; } .top-blok_red .top_blok_itemtitel a, .top-blok_red .top_blok_itemtitel a:link, .top_blok_title_red.top_blok_itemtitel a:visited, .top_blok_title_red.top_blok_itemtitel a:hover, .top_blok_title_red.top_blok_itemtitel a:active { text-decoration: none; color: #ED1B24; } .top_blok_title_red.top_blok_itemtitel a:hover { text-decoration: underline; color: #ED1B24; } .top_blok_body { margin:2px 8px 0 8px; height:72px; overflow:hidden; line-height:1.1em; color:#666;} .top-blokken .home-inner { width:728px; float:right; overflow:hidden; } .top-blokken .readmore { width:100%; text-align:right; width:218px; margin:0 8px 0 8px; color:#999; } .top-blokken .readmore a, .top-blokken .readmore a:link, .top-blokken .readmore a:visited, .top-blokken .readmore a:hover, .top-blokken .readmore a:active {color:#999;text-decoration: none;padding-right:6px;} .top-blokken .readmore a:hover {color:#CC0000;padding-right:6px;} .top-blokken .artiesten {display:block; font-weight:bold; font-size:12px; text-transform:none; } /* HOME: kalender blok datums */ .calender_block { float:left; height:33px; width:27px; margin-right:10px; clear:both; overflow: hidden; position: absolute; top: 68px; left: 8px; background-color:#fff;} .calender_block_dtstart { float:left; height:33px; width:27px; margin-right:10px; clear:both; overflow: hidden; position: absolute; top: 111px; left: 8px; background-color:#fff;} .calender_block_dtend { float:left; height:33px; width:27px; margin-right:10px; clear:both; overflow: hidden; position: absolute; top: 111px; left: 40px; background-color:#fff;} .calender_month { width:27px; height:12px; padding-top:2px;line-height:7.425pt; text-align:center; font-size:9px; color:#fff; background-color:#ED1B24; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif;text-transform:uppercase;font-weight:700;} .calender_day { border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center;font-size:14px; font-weight:700; font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif;letter-spacing: -0.1em;} .calender_otheryear { background-color:#0099CB;} /* HOME: tips */ .tip_image { float:left; width:28px; height:28px; margin-top:2px; overflow:hidden; margin-right:7px;} .tip_description { font-weight:bold; line-height:1em; font-size:11px;} .tip_artiesten { font-weight:normal; line-height:1em; font-size:11px; } .home_tip { clear:left; height:37px;} .tip_calender_block_dtstart { float:left; height:33px; width:27px; margin-right:7px; clear:both; overflow: hidden; background-color:#fff;} .tip_description a, .tip_description a:link, .tip_description a:visited, .tip_artiesten a:hover, .tip_description a:active, .tip_artiesten a, .tip_artiesten a:link, .tip_artiesten a:visited, .tip_description a:hover, .tip_artiesten a:active {color:#999;text-decoration: none; padding-right:6px;} .tip_artiesten a:hover, .tip_description a:hover {color:#CC0000;} /* HOME: grote redactionele blokken */ .bottom-blokken { width:482px; clear:both; overflow:hidden; float:left; margin-bottom:20px; } .homeblok-inner { margin-bottom:30px; } h4.homebloksubtitel { font-size:12px; } h4.homebloksubtitel a, h4.homebloksubtitel a:link, h4.homebloksubtitel a:visited, h4.homebloksubtitel a:hover, h4.homebloksubtitel a:active { text-decoration: none; } h4.homebloksubtitel a:hover { text-decoration: underline; color: #444; } /* HOME: aanbiedingsblokken */ .home_aanbiedingen .item {/* margin-bottom:5px; */ overflow:hidden;} .home_aanbiedingen .item .image { float:right; margin:4px 0 2px 4px; overflow:hidden; height:50px;} /* .home_aanbiedingen .leesmeer a, .home_aanbiedingen .leesmeer a:link, .home_aanbiedingen .leesmeer a:visited, .home_aanbiedingen .leesmeer a:hover, .home_aanbiedingen .leesmeer a:active { color:#ED1B24;} */ .home_aanbiedingen .leesmeer a.readmore, .home_aanbiedingen .leesmeer a.readmore:link, .home_aanbiedingen .leesmeer a.readmore:visited, .home_aanbiedingen .leesmeer a.readmore:hover, .home_aanbiedingen .leesmeer a.readmore:active { color:#ED1B24;} .home_aanbiedingen a.readmore, .home_aanbiedingen a.readmore:link, .home_aanbiedingen a.readmore:visited, .home_aanbiedingen a.readmore:hover, .home_aanbiedingen a.readmore:active { color:#ED1B24;} .module .text {padding-bottom:24px;display:block;line-height:1.1em;color:#666;} .module .leesmeer { clear:both; display:block;float:right;color:#666;} /* HOMEPAGE */ .newsletter { margin-top:10px; } .newsletter .message{ display:block; margin-top:5px; } .newsletter input.newsletter{ width:160px; margin-top:5px;font-size:10px; border:1px solid #ACACAC; color:#666; } .adres { margin-top:30px; } .adres-inner { margin-top:10px; } .home_newsletter_description {font-size:30px;line-height:24px;} /*** LEFTCOL elements */ /**********************/ /* LEFTCOL: agendazoeker */ .agendazoeker .control { margin-bottom:5px; } .agendazoeker .uitgebreid { margin-top:15px; font-size:11px;} .agendazoeker .zoek { margin-top:5px; } /* LEFTCOL: filmzoeker */ .zoek_small { float:right; margin-right:26px; } /* LEFTCOL: nieuwsbrief */ .newsletter_send, .zoek { float:right; margin-right:10px; } /* LEFTCOL: banners */ .banners {background-color:#f5f5f5;overflow:hidden;margin-bottom:16px;} .banners-inner {padding: 10px 0;} .banners .static {margin: 0 auto; overflow:hidden; width: 154px;} .banners .static .banner {margin: 10px 0 0 0;} .banners .static .first {margin: 0;} .banners .banner img {vertical-align:bottom;} .banner-title {text-align:center;width:100%;color:#999;font-size:10px;} #home-zetcultuuropkaart {margin: 0 0 10px 0; border:1px solid #ddd;clear:both;} /*** RIGHTCOL elements */ /**********************/ /* RIGHTCOL: interne/externe links */ .sidebar2 ul {line-height:16px;} .sidebar2 ul li a, #sidebar2 li a:link, #sidebar2 li a:visited, .sidebar2 li a:hover , #sidebar2 li a:active { text-decoration:none;} .sidebar2 li a:hover { text-decoration:underline; } .sidebar2 li { display:block; padding-left:14px;list-style-type: none; background-image: url(/clientdata/icons/pijl_intern.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 12px; } .sidebar2 li a{ display:block; } /*** BLOKKEN (redactionele blokken homepagen en blokken in rechterkolom bij artikel*/ /*******************/ .blokbody li, .homeblokbody li, .paragraaf_tekst li, .paragraaf li { margin-left:15px; list-style-type:disc; } .blokbody ul, .homeblokbody ul, .paragraaf_tekst ul, .paragraaf ul { } h2.bloktitel { height:32px; font-size:26px; line-height:1.1em; padding:0 0 0 4px; color:#fff; width:100%; margin:0 0 10px 0; font-weight:normal; background-color:#0099cb; } .bloktext { border-left:1px solid #ED1B24; padding-left:10px;} /* PRINTPAGE */ .printpage { float: right;} .printpage a { display: block; background: url("/icons/ico_printer.gif") no-repeat scroll left top transparent; height: 16px; margin: 0 0 5px 5px; text-indent: -9999px; width: 16px; outline: none;} /* SOCIAL */ .sociallinks { overflow:hidden; margin-top:20px; width:482px; float:left; clear:left; } .social-title, .sociallinks .bewaar {display:none; } .social-bookmarks {float: left;} .social-spacer {clear: left;} .social-bookmarks .title{font-weight:bold; font-size:14px; padding: 0 10px 5px 0; color: #00A4E4; display: block;} .social-bookmarks li {float:left; list-style-type:none; margin:0;} .social-bookmarks li li{ margin:0 8px 0 0;} /* /SOCIAL */ /* internelinks */ div.internelinks { margin-bottom:20px; color:#A8084D; } div.internelinks h4{ font-size:18px; font-weight:normal; color:#99B333; } ul.internelinks li a, ul.internelinks li a:link, ul.internelinks li a:visited, ul.internelinks li a:hover , ul.internelinks li a:active { text-decoration:none; color:#A8084D;} ul.internelinks li a:hover { text-decoration:underline; } ul.internelinks li { display:block; margin-top:5px; list-style-type: none; background-image: url(/clientdata/icons/pijl_intern.gif); background-repeat: no-repeat; background-position: 0 3px; } ul.internelinks li a{ font-size:11px; display:block; margin-left: 15px; } /* externelinks */ div.externelinks { margin-bottom:20px; } div.externelinks h4{ font-size:18px; font-weight:normal; color:#99B333; color:#A8084D; } ul.externelinks li a, ul.externelinks li a:link, ul.externelinks li a:visited, ul.externelinks li a:hover , ul.externelinks li a:active { text-decoration:none; color:#A8084D;} ul.externelinks li a:hover { text-decoration:underline; } ul.externelinks li { display:block; margin-top:5px; list-style-type: none; background-image: url(/clientdata/icons/pijl_extern.gif); background-repeat: no-repeat; background-position: 0 3px; } ul.externelinks li a{ font-size:11px; display:block; margin-left: 15px; } /* REVIEWS: weergave lijst met reviews */ div.reviews { margin-top:10px; float:left; clear:left; color:#666; width:482px; } div.reviews a, div.reviews a:link, div.reviews a:visited, div.reviews a:hover , div.reviews a:active { color:#666; } .reviews h4.reviews { font-size:14px; color:black; padding-bottom:5px; border-bottom:1px solid #666; } .reviews .addreviewanchor { font-weight:bold; margin-bottom:10px;} .review { margin-bottom:10px; background-color:#f5f5f5; padding:10px; } .reviewheader { font-weight:bold; margin-top:5px;} .reviewname {} .reviewname-inner {} .reviewdate { display:block; font-weight:normal; color:#999; font-size:11px; } .reviewdescription {} .reviewtext {} /* REVIEWS: toevoeg-formulier */ .reviewadd { margin-top:10px; margin-bottom:5px; background-color:#f5f5f5; padding:10px; } .reviewadd h4.reviewaddheader { font-size:14px; margin-bottom:15px; } .reviewadd label {float:left; width:50px; clear:left; } .reviewadd .veld_long {float:left; width:250px; margin-bottom:5px; } .reviewadd .veld_extralong { width:250px; } .reviewadd .add { display:block; margin:5px 0 10px 50px ; } .reviewadd .veld_long, .reviewadd textarea { font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color:#666; font-size:11px; } .reviewadd label.txtDescription { margin-top:5px; } .reviewadd-comment { margin-top:5px; margin-left:50px; width:250px; } .reviewadd-comment .bs { color:#999; } .reviewadd-inner {} /*** FUNCTIONS elements */ /**********************/ /* ALGEMEEN: opmaak voor functies */ .item { margin-bottom:15px; overflow:hidden; } /* WIDE: functies met volledige paginabreeedte */ .content_47, .content_58, .content_57, .content_22 { width:728px; } .sidebar2_47, .sidebar2_58, .sidebar2_57, .sidebar2_22 { display:none;} .content_22 .artikel_titel, .content_58 .artikel_titel { width:482px;} .content_47 .agendadetail, .content_57 .agendadetail, .content_58 .organisatiedetails { width:482px; float:left; overflow:hidden; } /* ALGEMEEN: legenda voor functies (inhoudsopgave)) */ #function_legenda {margin-bottom:16px;} #function_legenda li {margin:0;padding:0; list-style:none;display:inline;} #function_legenda a {text-decoration:none;} #function_legenda a:hover {text-decoration:underline;} #function_legenda a:visited {color:#666;} /* function_1 contactformulier */ #function_1 .veld_long {font: 8.5pt/14pt 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;color:#666;padding-left:2px;} #function_1 td.hb_paragraaf_tekst { padding-bottom:4px; } /* sitemap */ #function_5 ul.sitemaplvl_1{ list-style-type: none; } #function_5 ul.sitemaplvl_1 li{ margin-top:0; font-weight:bold; margin-top:5px; } #function_5 ul.sitemaplvl_1 a{ font-weight:bold; } #function_5 ul.sitemaplvl_2{ margin-left:22px; list-style-type: none; } #function_5 ul.sitemaplvl_2 li{ margin-top:0; font-weight:bold; } #function_5 ul.sitemaplvl_2 a{ color:#000; background-image: url(/clientdata/icons/arrow_sitemap.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 12px; font-weight:normal; } #function_5 ul.sitemaplvl_2 a:hover{ background-image: url(/clientdata/icons/arrow_sitemap.gif); color:#777; } #function_5 ul.sitemaplvl_3{ margin-left:32px; list-style-type: none; } /* nieuw op de website */ #function_3 .searchform { clear:both; width:100%; overflow:hidden; margin:5px 0 15px 0; } #function_3 .showlatest { margin-right:5px; float:left; } #function_3 h4.paragraaf_titel {margin-top:12px;} #function_3 .item { margin-left:15px;} #function_3 .paragraaf_subtitel .bs { font-weight:normal; } #function_3 .formbutton_med, #function_3 .formbutton_med:focus { background-color: #ccc; width:105px; overflow:hidden; border: #999 1px solid; color: #000; font-weight:normal; font-size: 12px; cursor: pointer; } #function_3 .formbutton_med:hover { background-color: #00A4E4; width:105px; overflow:hidden; border: #0882B2 1px solid; color: #fff; font-weight:bold; font-size: 12px; cursor: pointer; } #function_3 .formbutton_medactif, #function_3 .formbutton_medactif:focus { background-color: #00A4E4; width:130px; width/* */:/**/103px; width: /**/103px; overflow:hidden; border: #0882B2 1px solid; color: #fff; font-weight:normal; font-size: 12px; cursor: pointer; } /* zoeken in de website */ #function_12 .veld_long { padding-left:2px;color:#999; } #function_12 #zoektips { margin-top:20px; } #function_12 .showcriteria, .showcount {color:#333;} #function_12 .gevonden, a.gevonden {font-weight: bold;background-color: #ccc;color: #000;text-decoration: none;font-style : normal;} #function_12 .searchrespager {text-align:right;margin-bottom:10px;} #function_12 .searchtitle {margin-top:12px;} #function_12 .searchsummary {} /* veelgestelde vragen / faq */ #function_13 { margin-top:20px; } #function_13 #faq_legenda {margin-bottom:16px;} #function_13 .paragraaf_titel {margin-top:12px; } #function_13 h5 .paragraaf_subtitel { display:inline; padding-right:8px;} #function_13 .question {font-size:12px;font-weight:bold; margin-bottom:5px;} #function_13 .answer {margin:0 0 8px 15px;} /* agendaPro: zoekpagina/resultaatpagina */ #function_22 .searchresults { width:482px; border-bottom: 2px solid #00a4e4; font-weight:bold; margin-top:10px; margin-bottom:10px; } #function_22 .noitems { width:482px;} #function_22 .items { width:482px;} #function_22 .item { border-bottom: 1px solid #00a4e4; padding-bottom:8px; } #function_22 div.searchform, #function_22 div.searchformfilm { width:482px; margin:0 0 25px 0; overflow:hidden; background-image: url(/clientdata/icons/bgredstriped.gif); background-repeat: repeat; background-position: top left; } /*#function_22 div.searchform { margin:0 0 20px 0; overflow:hidden; border: 2px solid red;}*/ #function_22 table.searchform, #function_22 table.searchformfilm { } #function_22 .searchbutton { } #function_22 .timespaninput {width:70px;} #function_22 div.leesmeer { float:right; clear:both; margin-top:4px; } #function_22 div.leesmeer a, #function_22 div.leesmeer a:link, #function_22 div.leesmeer a:visited, #function_22 div.leesmeer a:active { color:#ED1B23; text-decoration:none; } #function_22 div.leesmeer a:hover { text-decoration:underline; } #function_22 .agendaimage { width:160px; float:right; overflow:hidden; clear:both;} #function_22 .soort { font-size:11px; color:#666; font-weight:bold; } #function_22 .plaats { font-size:11px; color:#000; font-weight:bold; } #function_22 .itemdate { font-size:11px; font-weight:bold; color:#999; } #function_22 h3.paragraaf_titel { font-size:18px; color:#00A4E4; font-weight:normal; } #function_22 h3.paragraaf_titel a, h3.paragraaf_titel a:link, h3.paragraaf_titel a:visited, #function_22 h3.paragraaf_titel a:hover, h3.paragraaf_titel a:active { text-decoration:none; color:#00A4E4; } #function_22 h3.paragraaf_titel a:hover {text-decoration: underline;} #function_22 h4.paragraaf_titel { clear:left; font-size:14px; color:#333; font-weight:bold; } #function_22 div.searchform .inner, #function_22 div.searchformfilm .inner{ margin:6px; padding:12px 0 10px 8px; overflow:hidden; background-color:white; } #function_22 td.description { width:100px; padding:3px; font-size:11px; font-weight:bold; } .content_22 .lead, #function_22 h1.artikel_titel, #function_22 div.searchform, #function_22 div.searchresults, #function_22 div.items, #function_22 div.noitems, #function_22 div.pager {float: left; width:472px;} #function_22 .searchresults { overflow:hidden; margin-bottom:15px; } #function_22 div.refine-bar { margin-left:23px; float:left; } #function_22 div.refine-bar h3 { margin-bottom:10px; color:#ED1B24;} #function_22 div.refine-bar h4 { margin-bottom:5px; clear:left; color:#333333; font-size:14px; font-weight:bold;} #function_22 div.refine-bar ul { margin-bottom:15px; } #function_22 div.refine-bar li { margin-bottom:2px; background:none; margin:0; padding:0; } #function_22 div.refine-bar li a{ display:inline; } #function_22 div.refine-bar li.active { } #function_22 div.refine-bar li.inactive { color:#999; } #function_22 div.verfijninglabel { margin: 5px; padding: 5px 5px 5px 0; display: block; float: left; } #function_22 .verfijning, #function_22 a.verfijning { text-decoration:none; color:#999; margin: 5px; padding: 5px 18px 5px 5px; border: 1px solid #ccc; text-decoration: none; display: block; float: left; background-image: url(/icons/verfijn-delete-off.gif); background-repeat: no-repeat; background-position: right center; } #function_22 .verfijning:hover { color:#444; background-image: url(/icons/verfijn-delete.gif); } #function_22 .verfijning-disabled, #function_22 .verfijning-disabled:hover { color:#999; background-image: url(/icons/verfijn-delete-off.gif); } #function_22 div.verfijning { margin: 5px; padding: 5px; display: block; float: right; } #function_22 #bGratis { margin-top: 5px; } #function_22 td.bGratis { padding-bottom: 5px; } #function_22 .related a { text-decoration: none; } #function_22 .evenementen-picto { clear: left; text-align: left; } #function_145 .evenementen-picto { display: none;} /* 33 googlemaps */ #content.content_33 { width:720px; } #content.content_33 #content-inner{padding: 10px 0 0 0;} #content.content_33 #breadcrumb {padding: 0 10px;} #content.content_33 h1.artikel_titel{padding: 0 10px;} .sidebar2_33 { display:none;} .content_33 .agendadetail { width:482px; float:left; overflow:hidden; } .content_33 {position: relative;} .content_33 .google-overlay {position: absolute; right: 0; bottom: 0; width: 237px; height: 103px; background: transparent url('/clientdata/icons/hoek_rechts.gif') left top no-repeat; z-index: 999;} .article_33 { background-image:none; } #function_33 { overflow:hidden; } #function_33 #googlemapdiv { width: 100%; height: 480px; overflow:hidden; } #marker-content { font-size: 1em; width: 200px; padding: 0; position:relative; z-index: 1; } #marker-content .arrow-wrapper { clear: left; height: 20px; } #marker-content .gminfowindow_route { } #marker-content .infowindow_title{ font-weight:bold; margin-bottom:4px;} #marker-content .infowindow_lead{ width:260px; overflow:hidden; } #marker-content .infowindow_username{ text-align:right; margin-top:4px;} #function_33 div.gminfowindow_route { font-size: 0.8em; margin-top:16px;/* background-color:pink; */} #function_33 input.submit-route { border:1px solid #B3ECF5; background-color:#52C6D8; cursor:pointer; color:#fff; } #function_33 div.filtercount { color:#999999;font-size:0.8em; font-weight:bold;} #function_33 #disabledImageZone { margin-left:10px; } #function_33 .legenda_item { } #function_33 .zoekbuttons { margin-top:4px; } #dialog label{cursor: pointer;} ul#googlemaps_legenda { margin:10px 0; font-size:0.9em; } ul#googlemaps_legenda li { display:inline; } #googlemaps_legenda {} .legenda_inner {display: inline; } /* /33 googlemaps */ /* functie 45: formulier agenda tips */ .formRegelhoogte {line-height:24px;} #function_45 .mark {border: 1px solid red;} #function_45 label.mark {border:none; color:red;} #function_45 .btn_send { float: right;} #function_45 .captcha {height:18px;font-size:1em;vertical-align:top;width:60px;padding:4px;} /* agendaPro: activiteit detailpagina */ #function_47 h3.paragraaf_titel { font-size:16px; } #function_47 .leesmeerorganisatie { display:block; color:#999; font-size:11px; font-weight:normal; } #function_47 .leesmeerorganisatie a, #function_47 .leesmeerorganisatie a:link, #function_47 .leesmeerorganisatie a:visited, #function_47 .leesmeerorganisatie a:active { color:#999; font-size:11px; font-weight:normal; } #function_47 span.date { display:block; color:#666; font-size:10px; } #function_47 span.gemeente { display:block; } #function_47 span.deelgemeente { display:block; } #function_47 span.woonplaats { display:block; } #function_47 span.regio { display:block; } #function_47 span.locatie { display:block; } #function_47 span.leesmeer { display:block; color:#999;} #function_47 a.websiteurl { display:block; } #function_47 .imagecontainer { margin: 0 10px 10px 0; width:160px; float:left; overflow:hidden; } #function_47 .shortimage { margin:10px 0; } #function_47 .agendalead { font-weight:bold; clear:right; } #function_47 .description { margin:20px 0; } #function_47 .artikel { padding-top:20px; border-top: 1px solid #999; } #function_47 .sidebar2 li{ margin-left:0; } #function_47 .sidebar2 .imagecontainer { margin: 0 10px 10px 0; width:160px; float:none;overflow:hidden; /* clear:both; */ } #function_47 .sidebar2 .top5 .imagecontainer { width: auto; float: left; margin-bottom: 2px; } #function_47 .sidebar2 .top5 .imagecontainer img{ vertical-align: text-top; display: block; height: 40px; width: 40px; } #function_47 .sidebar2 .top5 .top5-location { font-style: italic; margin-bottom: 6px; } #function_47 #portalpagerelated .date{ display:block; color:#666; font-size:10px; } #function_47 .soort { font-size:11px; color:#666; font-weight:bold; } #function_47 .related a { text-decoration: none; } #function_47 .evenementen-picto { clear: left; text-align: left; } #function_47 table.details { width:100%; margin-bottom:10px; } #function_47 table.details td.label{ font-weight:bold; width:70px; } #function_47 table.details td.data{ } #function_47 h5 { font-weight:bold; font-size:12px; } #function_47 .locatie { margin-bottom:5px; overflow:hidden; clear:both; width:100%; } #function_47 .tijdstippen { margin-bottom:2px; } #function_47 ul.reeksdata { overflow:hidden; margin-bottom:0; } #function_47 ul.reeksdata li{ margin-left:15px; } #function_47 ul.recurrence { } #function_47 ul.recurrence li{ margin-left:15px; } #function_47 div.recurrence { margin-bottom:20px; } #function_47 h2.artikel_titel { margin:0 0 10px 0; font-size:26px; line-height:1.1em; background-color:#00a4e4; padding:0 4px 4px 4px; color:#fff; margin:0 0 10px 0; font-weight:normal; } #function_47 div.paragraaf_titel { font-weight:bold; font-size:14px; } #function_47 .item { padding:0 0 4px 5px; margin-bottom:10px; border-left:2px solid #00a4e4; } #function_47 div.prijsinfo { border:none; background-color:#f5f5f5; color:#666; padding:1px 5px 5px 5px; width:190px; float:right; overflow:hidden; } #function_47 table.prijsinfo { } #function_47 table.prijsinfo .description{ padding-right:5px; } #function_47 table.prijsinfo .toelichting{ } #function_47 .wanneer { width:100%; overflow:hidden; } #function_47 .wanneer-inner { overflow:hidden; margin-top:10px; } #function_47 .extrainfo { } #function_47 .extrainfo-inner { overflow:hidden; margin-top:10px; } #function_47 .extrainfo-inner p{ margin-bottom:10px; } #function_47 .artiesten h4{ font-size:14px; } #function_47 .artiesten { overflow:hidden; } #function_47 .artiesten .imagecontainer { overflow:hidden; margin:0; } #function_47 .artiesten .leesmeer { } #function_47 .artiesten .leesmeer a, #function_47 .artiesten .leesmeer a:link, #function_47 .artiesten .leesmeer a:visited, #function_47 .artiesten .leesmeer a:active { color:#ED1B23; text-decoration:none; } #function_47 .artiesten .leesmeer a:hover { text-decoration:underline; } #function_47 .artiesten .artiestdescription { font-size:11px; overflow:hidden; font-weight:normal; margin-bottom:10px; } #function_47 .waarwanneer { clear:left; overflow:hidden; } #function_47 div.extrainfo { clear:left; margin-top:20px;} #function_47 ul.extrainfo li { list-style-type:none; } #function_47 ul.extrainfo li .internelink { background-image:url(/clientdata/icons/pijl_intern.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:20px; } #function_47 ul.extrainfo li .externelink { background-image:url(/clientdata/icons/pijl_extern.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:20px; } #function_47 div.top5-artiest { font-style: italic; margin-top: 5px; } #function_47 ul.top5-artiest { margin-bottom: 5px; } #function_47 ul.top5-artiest li { margin: 0; } #function_47 .module_toggle .header { cursor: pointer; background-repeat:no-repeat; background-position: 2px 9px; padding-left: 15px; } #function_47 .module_toggle .inner { display: none; padding-left: 15px; } #function_47 .module_toggle .wanneer-inner { margin-top: 0; } #function_47 .module_toggle ul.recurrence li{ margin-left: 0; } /* function 57 agendaPro: -artiest-details*/ #function_57 .artiestlink { margin-top:10px; } #function_57 .artiestdescription { margin-top:10px; } #function_57 .sidebar2 h4.paragraaf_titel { color:#00A4E4; } #function_57 .itemdate{ font-size:11px; font-weight:bold; color:#999; } #function_57 .agenda .agendadescription { font-size:11px; overflow:hidden; font-weight:normal; margin-bottom:10px; } /* function 58 agendaPro: -organisatie-details*/ #function_58 .organisatiedetails h4.paragraaf_titel { color:#00A4E4; } #function_58 .sidebar2 h4.paragraaf_titel { color:#00A4E4; } #function_58 a.mapslink, #function_58 a.mapslink:link, #function_58 a.mapslink:visited, #function_58 a.mapslink:hover, #function_58 a.mapslink:active { text-decoration:none; color:#ed1b24; } #function_58 .agenda h3.blok_basic{ } #function_58 .agenda h4{ font-size:14px; } #function_58 .agenda { overflow:hidden; } #function_58 .agenda .imagecontainer { overflow:hidden; margin:0;} #function_58 .agenda .leesmeer { float:none; text-align: right; } #function_58 .agenda .leesmeer a, #function_58 .agenda .leesmeer a:link, #function_58 .agenda .leesmeer a:visited, #function_58 .agenda .leesmeer a:active { color:#ED1B23; text-decoration:none; } #function_58 .agenda .leesmeer a:hover { text-decoration:underline; } #function_58 .agenda .agendadescription { font-size:11px; overflow:hidden; font-weight:normal; margin-bottom:10px; } #function_58 .waarwanneer { overflow:hidden; } #function_58 .itemdate{ font-size:11px; font-weight:bold; color:#999; } #function_58 .paragraaf_tekst td {width:50%;} #function_108 .article_container { width:482px;} #function_108 .article_item { border-bottom: 1px solid #00a4e4; padding-bottom:8px; overflow:hidden; margin-bottom:15px; } #function_108 h2.article_title { font-size:18px; color:#00A4E4; font-weight:normal; } #function_108 h2.article_title a, h3.article_title a:link, h3.article_title a:visited, #function_22 h3.article_title a:hover, h3.article_title a:active { text-decoration:none; color:#00A4E4; } #function_108 .article_image { clear:both; float:right; overflow: hidden; width:160px; } #function_108 a.readmore { display:block; float:right; color: #ED1B23; background-image:url('/clientdata/icons/bullet_in.gif'); background-repeat:no-repeat; background-position:center right; padding-right:15px; clear:both; } #function_131 #txtembedcode { width:100%; font-size:0.9em; width:400px;} #function_131 .veld_small { width:25px; font-size:0.9em; } #function_131 span#btnpreview { cursor: pointer; } .specialactionform div.ok { /* color: green; font-weight: bold; */ } .specialactionform textarea, .specialactionform input[type=text] { width:215px;} .specialactionform div.error input, .specialactionform div.error textarea { border: 1px solid white; background-color: #F7D9D9; color:red;} .specialactionform div.control { margin-bottom: 5px; } .specialactionform div.errortxt {margin:10px 0;} .specialactionform .add { float:right; margin-top:10px; } .specialactionform .leesmeer a { display:block; float:right; color: #ED1B23; background-image:url('/clientdata/icons/bullet_in.gif'); background-repeat:no-repeat; background-position:center right; padding-right:15px; clear:both; } */ .specialactionform-inner{ overflow:hidden; } .specialactionform { padding:10px; background-color: #ED1B24; color: #FFFFFF; overflow:hidden; margin-bottom:10px;} .specialactionform .top_blok_title_red { padding:0; margin:0; } .specialactionform a, .specialactionform a:link, .specialactionform a:visited, .specialactionform a:hover, .specialactionform a:active { color:#fff; } .specialactionform .verplicht { color:#fff; } /* SJABLOON 5 */ #block_table {border: 0; padding: 0; margin: 0; border-collapse: collapse; width: 482px;} #block_table .paragraaf_tekst{font-family:Verdana,Arial,sans-serif;font-size:11px; color:#FFFFFF; line-height:18px;margin:0;padding:0;} #block_table tr.odd {background-color:#0099CB;} #block_table tr.even {background-color:#ED1B24;} #block_table td.image {background-color:#FFFFFF; width: 241px;} #block_table td.text {padding: 5px; width: 241px;} #block_table div { width: 231px;} #block_table .content_img {line-height: 0em;} #block_table .content_img img {border:0; max-width: 241px; padding: 0; margin: 0; width:expression(241 + "px");} #block_table h2 {font-family:Arial,Verdana,sans-serif;font-size:26px;line-height:24px;color:#FFFFFF;font-weight:normal;margin:0;margin-bottom:5px;padding:0;} #block_table h2 a {font-family:Arial,Verdana,sans-serif;font-size:22px;text-decoration:none; line-height:24px; color:#FFFFFF; font-weight:normal; margin:0; margin-bottom:5px; padding:0;} #block_table h2 a:visited {font-family:Arial,Verdana,sans-serif;font-size:22px;text-decoration:none; line-height:24px; color:#FFFFFF; font-weight:normal; margin:0; margin-bottom:5px; padding:0;} #block_table .content_link {text-align: right;} /*** FINAL elements */ /**********************/ /* kill margin's */ .last { margin-right:0; } #slideshow {position:relative; /* height:250px; */ margin: 0 auto;} #slideshow .slide { position:absolute; top:0; left:0; z-index:8; opacity:0.0; /* height: 250px; */ text-align: center; width: 236px; background-color: #F5F5F5; } #slideshow .active {z-index:10; opacity:1.0;} #slideshow .last-active {z-index:9;} #slideshow .slide img {margin: 0 auto; display: block; border: 0;} /* AGENDA ZOEK ACCORDION */ .collapsible-closed { display: none; } .collapsible { display: block; } h4.collapse { cursor: pointer; } .collapsible ul { list-style: none; } .collapsible a { text-decoration: none; } #agendazoekacc h3, #agendazoekacc .zoekopkaart {background: #F5F5F5 url(/clientdata/icons/ico_alpha_right.gif) 3px 7px no-repeat; padding: 3px 10px 3px 20px; cursor: pointer;} #agendazoekacc h3.selected{background: #F5F5F5 url(/clientdata/icons/ico_alpha_down.gif) 3px 7px no-repeat;} #agendazoekacc h3:hover, #agendazoekacc .zoekopkaart:hover {background-color: #d6d6d6;} #agendazoekacc ul{margin-left: 20px;} #agendazoekacc a:hover{color: #cc0000;} #agendazoekacc>div {padding: 5px;} #agendazoekacc .zoekopkaart a { text-decoration: none; font-weight: bold; display: block; } #agendazoekacc .zoekopkaart a:hover { color: #000; }