/* ---------------------------------------------------- / * Basic Elements */ body{background: url(../images/background_website.jpg) no-repeat fixed top center;color:#000;font-family:"Arial";font-size:12px;line-height:17px;} /* Formulier */ textarea {font-family:"Arial";font-size:10pt;} /* Paragraaf */ p {padding-bottom: 11px;} /* Kopteksten */ h1,h2,h3,h4,h5,h6 {color:#005b82;} h1 {font-size: 20px;padding-bottom: 13px;} h2 {font-size: 15px;padding-bottom: 10px;} h3 {font-size: 13px;padding-bottom: 10px;} h4 {font-size: 17px;padding-bottom: 10px;} h5 {font-size: 8px;padding-bottom: 10px;} /* Links */ a {color: #005b82;} label {cursor:pointer;} .padding0 {padding:0;} .margin0 {margin:0;} .uppercase {text-transform:uppercase;} /* -----------------------------------------------/ /* Basis kleuren */ .blauw {color: #005b82;} .groen {color: #739600;} .rood {color: #ff0000;} p.groen a {color: #739600;} /* -----------------------------------------------/ /* Website */ #container{margin:0 auto;width:970px;position: relative;} #header {width: 970px;height:145px;background: url(../images/background_header.png) no-repeat bottom right;} #header img {padding: 20px 0 0 10px;} /**************** / Navigatie ****************/ #navigatie {position: absolute;background: url(../images/background_navigatie.png) no-repeat; width: 950px; height: 49px; padding: 5px 0 0 20px; z-index: 89;} #navigatie ul li {height: 40px; display: inline; margin-right: 5px;overflow:hidden;} #navigatie ul li img {height: 40px;} /**************** / Content ****************/ #content {width: 950px; padding: 0px 10px 0 10px; background: #fff;} #content.home {padding-top: 0px;} #content.detail {padding-top: 0px;} #content.activiteiten {padding-top: 0px;} /**************** / Voorpagina ****************/ #col-home-links {width: 556px;float: left;overflow:hidden;} #col-home-links .activiteiten { border-bottom: 1px solid #739600; padding-bottom: 5px;} #col-home-links .activiteiten .titel {height: 40px; overflow:hidden;} #col-home-links .activiteiten .titel h1 {padding-left: 20px;} /**** BEGIN TABBLADEN *****/ #col-home-links .activiteiten .tabs {height: 30px; padding-left: 20px; border-bottom: 2px solid #005b82;} #col-home-links .activiteiten .tabs .tab {cursor: pointer;height: 23px; padding:7px 5px 0 5px; background: url(../images/background_tab_left0.gif) no-repeat top left; position: relative; float: left; margin-right:3px; font-size: 15px; font-weight: bold;color:#669db4;} #col-home-links .activiteiten .tabs .tab.active {height: 23px; padding:7px 5px 0 5px; background: url(../images/background_tab_left1.gif) no-repeat top left; position: relative; float: left; margin-right:3px; font-size: 15px; font-weight: bold;color:#fff;} #col-home-links .activiteiten .tabs .tab .rechts {height: 30px; width: 5px; position: absolute; top:0;right:0; background: url(../images/background_tab_right0.gif) no-repeat top left;} #col-home-links .activiteiten .tabs .tab.active .rechts {height: 30px; width: 5px; position: absolute; top:0;right:0; background: url(../images/background_tab_right1.gif) no-repeat top left;} /**** EINDE TABBLADEN *****/ #col-home-links .activiteiten .afbeelding {width: 144px; height: 110px; float:left; overflow: hidden;} #col-home-links .activiteiten .afbeelding img {padding: 0px 0 0 20px;} #omschrijving {width: 412px; height: 110px; float:left;padding-top:10px;} #col-home-links .activiteiten .acties {padding-left: 20px;} #col-home-links .activiteiten .acties table tr td {text-align: left; vertical-align: middle; height: 20px;} #col-home-links .activiteiten .acties table tr td.stuurlinkdoor_img {width: 16px;} #col-home-links .activiteiten .acties table tr td.stuurlinkdoor_txt {width: 90px;} #col-home-links .activiteiten .acties table tr td.prijzenenlocaties_img {width: 16px;} #col-home-links .activiteiten .acties table tr td.prijzenenlocaties_txt {width: 110px;} #col-home-links .activiteiten .acties table tr td.recensies_img {width: 15px;} #col-home-links .activiteiten .acties table tr td.recensies_txt {width: 75px;} #col-home-links .activiteiten .acties table tr td.beoordeel_img {width: 15px;} #col-home-links .activiteiten .acties table tr td.beoordeel_txt {width: 65px;} /* Locaties */ #home-locaties {padding:10px;} /*Schuif*/ #locaties_houder {position: relative; width: 540px;overflow:hidden; height: 195px;} #locaties {width: 10000px;position:absolute;top:0;left:0;} #locaties .item { padding-left: 14px; width: 160px; float: left; padding-right: 14px; border-right: 1px solid #cce3ef;} #locaties .item.eerste {padding-left:0;} #locaties .item.laatste {padding-right:0; border:0;} #locaties .item .afbeelding {width:160px;height:120px;} #locaties .item .afbeelding img {width:160px;height:120px;} #locaties .item .tekst {width: 152px; padding: 5px 2px; height:50px;} #locaties .item .tekst p {padding-bottom: 3px;} #locaties_houder .btn_links {position: absolute; top:45px;left:10px;width: 30px; height: 30px; background: url(../images/pijl_links.png) no-repeat; cursor:pointer;} #locaties_houder .btn_rechts {position: absolute; top:45px;right:10px;width: 30px; height: 30px; background: url(../images/pijl_rechts.png) no-repeat; cursor:pointer;} #slide_bolletjes {float: left; width: 307px; text-align: right; padding-top: 10px;} #slide_bolletjes img {margin-left: 10px; cursor:pointer;} #slide_buttons {float: left; width: 229px; text-align: right;} #slide_buttons img {margin-left: 10px;} #col-home-spacer { width:20px; overflow:hidden; height: 200px; float: left; } #col-home-rechts { width: 374px; float: left; } #home-header {width: 950px;height: 300px;margin-bottom: 10px; position: relative;} #home-header .header {width: 758px; height: 265px;float: left;} #home-header .blok_blauw {float: left; margin-left: 10px; width: 182px; overflow: hidden;padding-right:0; margin-right:0;} /* buttons */ .boeknu {position: absolute;top: 225px; left:21px; width: 213px; height: 30px;} .prijzen {position: absolute;top: 225px; left:244px; width:155px; height: 30px;} .overzicht {position: absolute;top: 225px; left:409px; width: 207px; height: 30px;} /* Over tijd voor een uitje */ #over_tijd_voor_een_uitje_top {background: url(../images/background_voorpagina_over_top.gif) no-repeat; width:354px;padding:10px;} #over_tijd_voor_een_uitje_bottom {background: url(../images/background_voorpagina_over_bottom.gif) no-repeat bottom; width:374px; padding-bottom: 4px;} /* blok_voorpagina_klein */ .blok_voorpagina_klein {width: 182px; margin-top: 10px; margin-right:10px; float: left;} .blok_voorpagina_klein .top {width: 182px; height: 4px; background: url(../images/background_voorpagina_kleinblok_top.gif) no-repeat; overflow: hidden; font-size: 1px;} .blok_voorpagina_klein .content {width: 160px; padding: 5px 10px; border: 1px solid #ccdee6; border-top:0;border-bottom:0;} .blok_voorpagina_klein .bottom {width: 182px; height: 4px; background: url(../images/background_voorpagina_kleinblok_bottom.gif) no-repeat; overflow: hidden; font-size: 1px;} /* Weer snippet */ #weer table tr td {vertical-align: middle; text-align: left; padding-bottom: 2px; font-size:10px;} #weer table tr td.locatie {} #weer table tr td.afbeelding {width: 25px; } #weer table tr td.afbeelding img {width: 15px;} #weer table tr td.temperatuur {width: 30px;text-align: right;} #weer h2 { margin-top:10px;} #weer .zoeken_input {background: url(../images/background_weerzoeken.gif) no-repeat; width:110px; height: 30px; float: left; margin-bottom:5px;font-size:10pt;} #weer .zoeken_input input {background: none;padding:0 5px; width:100px; height: 30px; line-height:30px; color: #000;} #weer .zoeken_submit {width:50px; height: 30px; float: left; margin-bottom:5px;} #weer .zoeken_submit input {background: url(../images/background_weerzoekenbtn.gif) no-repeat; width:50px; height: 30px;} /* Nieuwsbrief aanmelden */ #snippet-nieuwsbrief {background: url(../images/background_nieuwsbrief.jpg) no-repeat; width: 374px; height: 80px; margin-top:10px;} #snippet-nieuwsbrief input.input {height:30px; line-height:30px; padding: 0 5px; float: left; width: 190px; color: #000; background: none; margin:35px 0 0 70px;font-size:10pt} #snippet-nieuwsbrief input.submit {float: left; margin-top:35px; width: 95px; height:30px; background: url(../images/background_nieuwsbriefaanmelden.jpg) no-repeat;} /* cadeaubon snipptet */ #snippet-cadeaubon {margin-top:10px;} /* Footer */ #footer {width: 950px; padding: 0 10px;padding-top: 30px; background: #fff;} #footer .top {height:30px; padding:15px 0 0 12px; background: url(../images/background_footer_top.gif) no-repeat;} #footer .content {border: 1px solid #ccdee6; border-top:0;border-bottom:0;padding-bottom:10px;} #footer .content .blok h4 {font-size:11px;padding:0;} #footer .content .blok {float: left; padding:0px 12px; width:165px;} #footer .content .blok.border {border-right: 1px solid #cce3ef;} #footer .content .blok ul {padding-top:5px;} #footer .content .blok ul li {background: url(../images/icon_leesmeer.gif) no-repeat 0 4px; padding:0 0 5px 15px;} #footer .bottom {height:4px; font-size:1px; overflow:hidden; background: url(../images/background_footer_bottom.gif) no-repeat;} #footer .copyright {padding: 5px 0 5px 12px;} /**************** / Detailpagina ****************/ #col-detail-links {margin: 10px 10px 0 0;width: 182px; float: left;} #col-detail-links .top {background: url(../images/background_detail_links_top.gif) no-repeat; width: 182px; height: 4px; font-size:1px; overflow:hidden;} #col-detail-links .content h1 { padding-left: 10px;} #col-detail-links .content {padding:5px 0px;background: #f7eecc; border: 1px solid #efdd99; border-bottom:0;border-top:0;} #col-detail-links .content .item {height: 50px; /*border-bottom: 1px solid #efdd99;*/} #col-detail-links .content .item .afbeelding {width: 60px; height: 50px; float: left;} #col-detail-links .content .item .afbeelding img {} #col-detail-links .content .item .titel {width: 100px; height: 50px; line-height: 50px; font-size:12px; font-weight: bold; color: #005b82; float: left;} #col-detail-links .bottom {background: url(../images/background_detail_links_bottom.gif) no-repeat; width: 182px; height: 4px; font-size:1px; overflow:hidden;} #col-detail-midden {width: 566px; margin: 0 10px 0 0; float: left;} #col-detail-midden .header {width: 566px; height: 300px; } #col-detail-midden .header .titel {padding: 22px 0 0 270px;} #col-detail-midden .header .titel h1 {font-size:22px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-detail-midden .header .omschrijving {padding: 0 0 0 260px; color: #739600; font-size: 15px; width: 155px; height: 100px; overflow: hidden;} #col-detail-midden .tekst {padding: 0 20px 0 20px;} #col-detail-midden .tekst table tr td {padding-bottom: 5px;} #col-detail-midden .acties {padding: 20px 0 0 20px; border-bottom: 1px solid #739600;} #col-detail-midden .acties table tr td {text-align: left; vertical-align: middle; height: 20px;} #col-detail-midden .acties table tr td.stuurlinkdoor_img {width: 16px;} #col-detail-midden .acties table tr td.stuurlinkdoor_txt {width: 100px;} #col-detail-midden .acties table tr td.recensies_img {width: 15px;} #col-detail-midden .acties table tr td.recensies_txt {width: 80px;} #col-detail-midden .acties table tr td.telefoon_img {width: 15px;} #col-detail-midden .acties table tr td.telefoon_txt {width: 170px; color: #005b82;} #col-detail-midden .acties table tr td.contact_img {width: 15px;} #col-detail-midden .acties table tr td.contact_txt {width: 65px;} #col-detail-midden .acties table tr td.offerte_img {width: 15px;} #col-detail-midden .acties table tr td.offerte_txt {width: 50px;} #col-detail-midden .recensieskop {border-bottom: 1px solid #cce3ef; height:40px;} #col-detail-midden .recensieskop .titel {padding-left:20px;width: 405px; float:left;height: 40px; line-height: 40px;} #col-detail-midden .recensieskop .sterren {width: 120px; padding-right: 20px; height: 30px; padding-top: 10px; float:left;} #recensies .item {padding: 10px 20px; border-bottom: 1px solid #cce3ef;} #recensies .item .titel {font-weight: bold;padding-bottom:3px;} #recensies .item .omschrijving {padding:0;padding-bottom:3px;} #recensies .item .onderschrift table tr td img.rechts {padding-right:2px;} #recensies .item .onderschrift table tr td {color: #739600;padding-right: 5px; text-align: left; vertical-align: middle;} #col-detail-rechts {width: 182px; float: left;} #col-detail-rechts ul {padding-top:5px;} #col-detail-rechts ul li {background: url(../images/icon_leesmeer.gif) no-repeat 0 4px; padding:0 0 5px 15px;} /**************** / Activiteitenpagina ****************/ #col-activiteiten-links {width: 758px; float: left; margin-right: 10px;} #col-activiteiten-links .header {width: 758px; height: 125px; margin-bottom: 10px; background: url(../images/header_activiteiten.jpg) no-repeat bottom;} #col-activiteiten-links .header .titel {padding: 22px 0 0 167px;} #col-activiteiten-links .header .titel h1 {font-size:22px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-activiteiten-links .header .omschrijving {padding: 0 0 0 195px; color: #739600; font-size: 15px;} #col-activiteiten-links .activiteiten {position: relative;height:171px;} #activiteiten {padding-top:8px;} #activiteiten h2 {padding-top:5px; padding-bottom:5px;} #col-activiteiten-links .activiteiten .item {cursor: pointer; position: absolute; text-align: center; width: 180px; height: 170px; padding: 1px; z-index:2;top:0;} #col-activiteiten-links .activiteiten .item a {text-decoration: none;} #col-activiteiten-links .activiteiten .item.eerste {left:0;} #col-activiteiten-links .activiteiten .item.tweede {left:192px;} #col-activiteiten-links .activiteiten .item.derde {left:384px;} #col-activiteiten-links .activiteiten .item.vierde {left:576px;} #col-activiteiten-links .activiteiten .item.active {width: 180px; height: 170px; padding:0; z-index:2; border: 1px solid #ccdee6; border-bottom: 1px solid #fff;background:#fff;} #col-activiteiten-links .activiteiten .omschrijving {width: 756px; left:0; position: absolute; top:170px;border: 1px solid #ccdee6; z-index:1;} #col-activiteiten-links .activiteiten .omschrijving .tekst {padding: 15px 20px 0 15px;} #col-activiteiten-links .activiteiten .omschrijving .buttons {padding: 0 0 15px 380px;} #col-activiteiten-links .activiteiten .omschrijving .buttons img {margin-right: 10px;} #col-activiteiten-rechts {width: 182px; float: left; } /* blok_voorpagina_klein */ .blok_blauw {width: 182px; margin-top: 10px; margin-right:10px; float: left;} .blok_blauw .top {width: 182px; height: 5px; background: url(../images/background_blok_blauw_top.gif) no-repeat; overflow: hidden; font-size: 1px;} .blok_blauw .content h2 {color:#fff;} .blok_blauw .content .reserveringen {text-align: center; font-size:10px; color:#cce3ef;} .blok_blauw .content p {text-align: center;} .blok_blauw .content a {color:#fff;} .blok_blauw .content table {text-align: center;} .blok_blauw .content table tr td {font-size: 15px; font-weight: bold; padding-right: 4px;} .blok_blauw .content ul {padding-top:5px;} .blok_blauw .content ul li {background: url(../images/icon_leesmeer_blauw.gif) no-repeat 0 4px; padding:0 0 5px 15px;} .blok_blauw .content {width: 162px; padding: 5px 10px; background: #005b82; color: #fff; border-top:0;border-bottom:0;} .blok_blauw .bottom {width: 182px; height: 5px; background: url(../images/background_blok_blauw_bottom.gif) no-repeat; overflow: hidden; font-size: 1px;} /**************** / Eten en drinken overzichtpagina ****************/ #etenendrinken {} #etenendrinken .titellocaties {float: left; width: 720px;} #etenendrinken .titelactiviteiten {float: left; width: 230px;} #etenendrinken .header {width: 950px; height: 125px; margin-right: 10px; background: url(../images/header_etenendrinken.jpg) no-repeat bottom;} #etenendrinken .header .titel {padding: 22px 0 0 167px;} #etenendrinken .header .titel h1 {font-size:22px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #etenendrinken .header .omschrijving {padding: 0 0 0 195px; color: #739600; font-size: 15px; } #etenendrinken .googlemaps_top {background: url(../images/background_googlemaps_top.gif) no-repeat; height: 5px; overflow:hidden; font-size: 1px;} #etenendrinken .googlemaps_content {background: url(../images/background_googlemaps_content.gif) repeat-y;padding:6px 9px;} #etenendrinken .googlemaps_bottom {background: url(../images/background_googlemaps_bottom.gif) no-repeat; height: 5px; overflow:hidden; font-size: 1px;margin-bottom: 10px;} /* Locaties */ #etenendrinken .locaties .blok {float: left;width: 230px;border-top: 1px solid #cce3ef;margin-right: 10px;} #etenendrinken .locaties .blok .item {height: 30px;border-bottom: 1px solid #cce3ef;} #etenendrinken .locaties .blok .item.haslocaties {cursor:pointer;} #etenendrinken .locaties .blok .item .vinkje {padding-top: 4px; width: 30px; height: 26px; float: left;} #etenendrinken .locaties .blok .item .provincie {height: 30px; line-height: 30px; float: left; color: #005b82; font-weight: bold;} #etenendrinken .locaties .blok .item .provincie a {text-decoration: none; font-weight: bold;} #etenendrinken .locaties .blok .item .aantal {padding-left: 2px; height: 30px; line-height: 30px; float: left; color: #739600;} #etenendrinken .locaties .blok .item .aantal a {color: #739600; text-decoration:none;} /* Activiteiten */ #etenendrinken .locaties .blokactiviteiten {float: left;width: 230px;border-top: 1px solid #cce3ef;} #etenendrinken .locaties .blokactiviteiten .item {height: 50px;border-bottom: 1px solid #cce3ef;cursor:pointer;} #etenendrinken .locaties .blokactiviteiten .item .afbeelding {padding-top: 2px; height: 48px; width: 70px; float: left;} #etenendrinken .locaties .blokactiviteiten .item .vinkje {padding-top: 14px; width: 30px; height: 36px; float: left;} #etenendrinken .locaties .blokactiviteiten .item .titel {height: 50px; line-height: 50px; float: left; color: #005b82; font-size: 12px; font-weight: bold;} .googlemaps_titel {font-size: 13px; font-weight: bold; color: #005b82;} .googlemaps_link_extern {text-decoration: none; color: #739600;} .googlemaps_link_intern {text-decoration: underline; color: #000;} /* Locaties */ #etenendrinken .locaties .bloklocaties {float: left;width: 230px; margin-right: 10px;border-top: 1px solid #cce3ef;} #etenendrinken .locaties .bloklocaties .item {height: 45px;border-bottom: 1px solid #cce3ef;padding: 2px 0;} #etenendrinken .locaties .bloklocaties .item .afbeelding {height: 45px; width: 70px; float: left;} #etenendrinken .locaties .bloklocaties .item .afbeelding img {height: 45px; width: 60px;} #etenendrinken .locaties .bloklocaties .item .tekst {width: 160px; height: 45px; float: left; line-height: 15px;} #etenendrinken .locaties .bloklocaties .item .tekst a.blauw {color: #005b82;font-weight: bold;} #etenendrinken .locaties .bloklocaties .item .tekst a.groen {color: #739600;} #etenendrinken .locaties .geenlocaties {float: left; width: 720px;} /**************** / Eten en drinken -- Locatie detailpagina ****************/ /* Linkerkant */ #col-left-locatiedetail {width: 566px; float: left; margin-right: 10px;} #col-left-locatiedetail .header {width: 566px;height: 130px; background: url(../images/header_locatie_detail.jpg) no-repeat bottom;} #col-left-locatiedetail .header .titel {padding: 28px 0 0 5px;} #col-left-locatiedetail .header .titel h1 {font-size:24px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-left-locatiedetail .header .omschrijving {padding: 0 0 0 32px; color: #739600; width: 290px; height: 60px; line-height: 22px; font-size: 22px; overflow:hidden;} #col-left-locatiedetail .tekst {padding: 0 20px;} /* Recencies */ #col-left-locatiedetail .acties {padding: 20px 0 0 20px; border-bottom: 1px solid #739600;} #col-left-locatiedetail .acties table tr td {text-align: left; vertical-align: middle; height: 20px;} #col-left-locatiedetail .acties table tr td.stuurlinkdoor_img {width: 16px;} #col-left-locatiedetail .acties table tr td.stuurlinkdoor_txt {width: 100px;} #col-left-locatiedetail .acties table tr td.recensies_img {width: 15px;} #col-left-locatiedetail .acties table tr td.recensies_txt {width: 80px;} #col-left-locatiedetail .acties table tr td.telefoon_img {width: 15px;} #col-left-locatiedetail .acties table tr td.telefoon_txt {width: 170px;color: #005b82;} #col-left-locatiedetail .acties table tr td.contact_img {width: 15px;} #col-left-locatiedetail .acties table tr td.contact_txt {width: 65px;} #col-left-locatiedetail .acties table tr td.offerte_img {width: 15px;} #col-left-locatiedetail .acties table tr td.offerte_txt {width: 50px;} #col-left-locatiedetail .recensieskop {border-bottom: 1px solid #cce3ef; height:40px;} #col-left-locatiedetail .recensieskop .titel {padding-left:20px;width: 405px; float:left;height: 40px; line-height: 40px;} #col-left-locatiedetail .recensieskop .sterren {width: 120px; padding-right: 20px; height: 30px; padding-top: 10px; float:left;} #recensies .item {padding: 10px 20px; border-bottom: 1px solid #cce3ef;} #recensies .item .titel {font-weight: bold;padding-bottom:3px;} #recensies .item .omschrijving {padding:0;padding-bottom:3px;} #recensies .item .onderschrift table tr td img.rechts {padding-right:2px;} #recensies .item .onderschrift table tr td {color: #739600;padding-right: 5px; text-align: left; vertical-align: middle;} /* Rechterkant */ #col-right-locatiedetail {width: 374px; float: left;} #col-right-locatiedetail .afbeelding {position: relative;width: 374px; height: 250px;} #col-right-locatiedetail .afbeelding img {width: 374px; height: 250px;} /* arrangementen & activiteiten */ #col-right-locatiedetail .top {margin-top: 10px;background: url(../images/background_detail_rechts_top.gif) no-repeat; height: 15px;padding:10px;border-bottom: 1px solid #efdd99;} #col-right-locatiedetail .content {background: #f7eecc; border-left: 1px solid #efdd99;border-right: 1px solid #efdd99;padding:10px 9px;} #col-right-locatiedetail .bottom {background: url(../images/background_detail_rechts_bottom.gif) no-repeat; height: 15px;} /* activiteiten */ #col-right-locatiedetail .top-activiteiten {margin-top: 10px;background: url(../images/background_detail_rechts_top.gif) no-repeat; height: 15px;padding:10px;} #col-right-locatiedetail .top-activiteiten h2 {padding-left: 3px;} #col-right-locatiedetail .content-activiteiten {background: #f7eecc; border-left: 1px solid #efdd99;border-right: 1px solid #efdd99;} #col-right-locatiedetail .content-activiteiten .item {width: 181px; float: left; padding-top:2px; padding-bottom: 2px;} #col-right-locatiedetail .content-activiteiten .item.links {margin-right:10px;} #col-right-locatiedetail .content-activiteiten .item .afbeelding {width: 180px; height: 50px; padding-right: 7px; overflow: hidden;} #col-right-locatiedetail .content-activiteiten .item .afbeelding img {width: 180px;height:50px;} #col-right-locatiedetail .content-activiteiten .item .titel {width: 111px; float: left; height: 49px; line-height: 49px; color: #005b82; font-size: 12px; font-weight: bold;} #col-right-locatiedetail .bottom-activiteiten {background: url(../images/background_detail_rechts_bottom.gif) no-repeat bottom; height: 14px;} #col-right-locatiedetail .arrangement_item {border-bottom: 1px solid #efdd99;padding-top: 5px; padding-bottom: 5px;} #col-right-locatiedetail .arrangement_item h2 {padding:0;} #col-right-locatiedetail .arrangement_item .prijs {color:#005b82;float: left; width: 261px;height: 30px;padding-top: 12px;} #col-right-locatiedetail .arrangement_item .button {float: left; width: 92px; height: 30px;} #col-right-locatiedetail .arrangement_item .euro {font-size: 22px;color: #005b82; font-weight: bold;line-height: 22px;} #col-right-locatiedetail .arrangement_item .omschrijving {height: 55px;overflow:hidden; cursor:pointer;} #col-right-locatiedetail .arrangement_item .omschrijving .titel {width: 200px;float: left;height: 23px;} #col-right-locatiedetail .arrangement_item .omschrijving .info {width: 153px;float: left; text-align: right;height: 23px;} #col-right-locatiedetail .arrangement_item .omschrijving .info img {padding-left: 30px;} #col-right-locatiedetail .arrangement_item .omschrijving .info .prijs_klein {font-size: 15px; font-weight: bold;color: #005b82;} /**************** / Zoek en boek ****************/ /* linkerkant */ #col-zoekenboek-links {margin: 15px 10px 0 0;width: 182px; float: left;} #col-zoekenboek-links .top {background: url(../images/background_detail_links_top.gif) no-repeat; width: 182px; height: 4px; font-size:1px; overflow:hidden;} #col-zoekenboek-links .content {padding-top:20px;padding-bottom:20px;background: #f7eecc; border: 1px solid #efdd99; border-bottom:0;border-top:0;} #col-zoekenboek-links .bottom {background: url(../images/background_detail_links_bottom.gif) no-repeat; width: 182px; height: 4px; font-size:1px; overflow:hidden;} /* midden */ #col-zoekenboek-midden {width: 566px; margin: 0 10px 0 0; float: left;} #col-zoekenboek-midden .header {width: 566px;height: 125px; background:url(../images/header_zoekenboek.jpg) no-repeat bottom;} #col-zoekenboek-midden .header .titel {padding: 28px 0 0 165px;} #col-zoekenboek-midden .header .titel h1 {font-size:24px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-zoekenboek-midden .header .omschrijving {margin: 0 0 0 192px; color: #739600; width: 360px;height: 70px; line-height: 22px; font-size: 15px; overflow:hidden;} #col-zoekenboek-midden .tekst {padding:0 20px;} #zoekenboekform {} #zoekenboekform label {color: #005b82; font-weight: bold; width: 182px;margin-right: 10px; border-top: 1px solid #cce3ef; padding: 2px 0; float: left; height: 20px; line-height: 20px;} #zoekenboekform .veld {width: 334px;border-top: 1px solid #cce3ef; padding: 2px 0; float: left;} #zoekenboekform select {height: 18px;width: 332px;border:1px solid #898989; font-size:12px;} #zoekenboekform label.aantal {height: 30px; line-height: 30px;} #zoekenboekform input.aantal {height: 20px; padding:5px; width: 95px;border:0;background: url(../images/input_aantal.jpg) no-repeat; line-height: 20px;font-size:10pt} #zoekenboekform input.date_two {height: 20px; line-height: 20px; padding:5px; width: 15px;border:0;background: url(../images/input_date_two.jpg) no-repeat;margin-right: 2px;font-size:10pt} #zoekenboekform input.date_four {height: 20px; line-height: 20px; text-align: center; padding:5px; width: 35px;border:0; font-size:10pt;background: url(../images/input_date_four.jpg) no-repeat;} #zoekenboekform .description {color: #005b82; font-size: 10px;padding-left: 5px;} #zoekenboekform .arrangementinfo {padding: 3px 0;} #zoekenboekform .foutmelding { min-height:18px; margin:0 50px 10px 0; border: 1px solid #008ac9; background: url(/images/ico_verplicht.jpg) no-repeat 10px 10px; background-color:#fff; color:#464646; width:100%; } #zoekenboekform .letop {padding:15px 5px 5px 40px;} #zoekenboekform .foutmelding label {width: auto;float: none;border:none;} #zoekenboekform .foutmelding ul li {padding:0;margin:0;} #zoekenboekform .foutmelding li {height: 25px;} #zoekenboekform .foutmelding ul{font-weight:normal;margin-left:33px;list-style-type:disc;padding-bottom:15px;} #zoekenboekform .foutmelding ul li label{cursor:pointer;text-decoration:none;} #zoekenboekuwgegevensform label {color: #005b82; font-weight: bold; width: 182px;margin-right: 10px; border-top: 1px solid #cce3ef; padding: 2px 0; float: left; height: 20px; line-height: 20px;} #zoekenboekuwgegevensform .veld {width: 334px;border-top: 1px solid #cce3ef; padding: 4px 0; float: left;} #zoekenboekuwgegevensform select {height: 18px;width: 332px;border:1px solid #898989; font-size:12px;} #zoekenboekuwgegevensform label.aantal {height: 30px; line-height: 30px;} #zoekenboekuwgegevensform input.groot {height: 20px;line-height: 20px; padding:5px; width: 323px;border:0; font-size:10pt;background: url(../images/input_groot.jpg) no-repeat;} #zoekenboekuwgegevensform input.klein {height: 20px;line-height: 20px; padding:5px; width: 103px;border:0; font-size:10pt;background: url(../images/input_klein.jpg) no-repeat;} #zoekenboekuwgegevensform textarea {height: 110px; padding:5px; width: 323px;border:0; font-size:10pt;background: url(../images/input_textarea.jpg) no-repeat;} #zoekenboekuwgegevensform input.checkbox {padding:0;margin-top:4px;height: 14px;float: left;} #zoekenboekuwgegevensform .checkbox_description {float: left; width: 310px;} #zoekenboekuwgegevensform .foutmelding {min-height:18px;margin:0 50px 10px 0; border: 1px solid #008ac9;background: url(/images/ico_verplicht.jpg) no-repeat 10px 10px;background-color:#fff;color:#464646;width:100%;} #zoekenboekuwgegevensform .letop {padding:15px 5px 5px 40px;} #zoekenboekuwgegevensform .foutmelding label {width: auto;float: none;border:none;} #zoekenboekuwgegevensform .foutmelding ul li {padding:0;margin:0;} #zoekenboekuwgegevensform .foutmelding li {height: 25px;} #zoekenboekuwgegevensform .foutmelding ul{font-weight:normal;margin-left:33px;list-style-type:disc;padding-bottom:15px;} #zoekenboekuwgegevensform .foutmelding ul li label{cursor:pointer;text-decoration:none;} /* rechts */ #col-zoekenboek-rechts {width: 182px; float: left;margin-top: 15px;} #col-zoekenboek-rechts .top {width: 182px; height: 5px;overflow:hidden;font-size: 1px;background: url(../images/background_blok_wit_top.gif) no-repeat;} #col-zoekenboek-rechts .content {width: 164px; border-left: 1px solid #ccdee6;border-right: 1px solid #ccdee6; padding: 9px;} #col-zoekenboek-rechts .content .veld {float: left; width: 105px;} #col-zoekenboek-rechts .content .waarde {float: left; width: 50px;} #col-zoekenboek-rechts .content .waarde .euro {float: left; width: 10px;} #col-zoekenboek-rechts .content .waarde .prijs {float: left; width: 40px; text-align: right;} #col-zoekenboek-rechts .content .totaal {float: left;width: 40px;} #col-zoekenboek-rechts .content .totaalprijs {float: left;width: 120px; text-align: right;font-size: 15px; font-weight: bold;} #col-zoekenboek-rechts .content .lijn {background: #ccdee6; height: 1px; overflow:hidden; font-size: 1px;} #col-zoekenboek-rechts .bottom {width: 182px; height: 5px;overflow:hidden;font-size: 1px;background: url(../images/background_blok_wit_bottom.gif) no-repeat;} /* controleren */ #zoekenboekcontroleren label {color: #005b82; font-weight: bold; width: 182px;margin-right: 10px; border-top: 1px solid #cce3ef; padding: 2px 0; float: left; height: 30px; line-height: 30px;} #zoekenboekcontroleren .veld {width: 334px;border-top: 1px solid #cce3ef; padding: 4px 0; float: left; height: 30px; line-height: 30px;} /* buttons */ .button_terug {float: left; width: 92px; height: 30px;} .button_volgende {float: right; width: 92px; height: 30px;} .button_volgende input {width: 92px; height: 30px; background: url(../images/btn_verder.jpg) no-repeat; cursor:pointer;} /**************** / Pagina module ****************/ #col-pagina-links {margin: 10px 10px 0 0;width: 182px; float: left;} #col-pagina-links .top {background: url(../images/background_blok_paginas_top.gif) no-repeat; width: 182px; height: 16px; font-size:1px; overflow:hidden;} #col-pagina-links .bottom {background: url(../images/background_blok_paginas_bottom.gif) no-repeat; width: 182px; height: 14px; font-size:1px; overflow:hidden;} #col-pagina-links .content {background: #f7eecc; border-left: 1px solid #efdd99;border-right: 1px solid #efdd99;} #col-pagina-links .content .item {border-bottom: 1px solid #efdd99; background: url(../images/ico_arrow.gif) no-repeat 10px 22px; height: 50px; padding-left: 25px; padding-right: 5px;overflow:hidden; font-size: 12px; font-weight: bold; color: #005b82;} #col-pagina-links .content .item.actief {background-color: #fff;} #col-pagina-links .content .item:hover {background-color: #fff; cursor: pointer;} #col-pagina-links .content .item:hover a {text-decoration: none;} #col-pagina-rechts {width: 758px; float: left;} #col-pagina-rechts .header {width: 758px; height: 125px; background:url(../images/header_paginas.jpg) no-repeat bottom;} #col-pagina-rechts .header .titel {padding: 22px 0 0 5px;} #col-pagina-rechts .header .titel h1 {font-size:22px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-pagina-rechts .header .omschrijving {padding: 0 0 0 32px; color: #739600; font-size: 15px; width: 480px; height: 60px; overflow: hidden;} #col-pagina-rechts .tekst {padding: 0 200px 0 20px;} /**************** / Contact module ****************/ #col-contact-links {margin: 10px 10px 0 0;width: 182px; float: left;} #col-contact-links .top {background: url(../images/background_blok_paginas_top.gif) no-repeat; width: 182px; height: 16px; font-size:1px; overflow:hidden;} #col-contact-links .bottom {background: url(../images/background_blok_paginas_bottom.gif) no-repeat; width: 182px; height: 14px; font-size:1px; overflow:hidden;} #col-contact-links .content {background: #f7eecc; border-left: 1px solid #efdd99;border-right: 1px solid #efdd99;} #col-contact-links .content .item {border-bottom: 1px solid #efdd99; background: url(../images/ico_arrow.gif) no-repeat 10px 22px; height: 50px; padding-left: 25px; padding-right: 5px;overflow:hidden; font-size: 12px; font-weight: bold; color: #005b82;} #col-contact-links .content .item.actief {background-color: #fff;} #col-contact-links .content .item:hover {background-color: #fff; cursor: pointer;} #col-contact-links .content .item:hover a {text-decoration: none;} #col-contact-rechts {width: 758px; float: left;} #col-contact-rechts .header {width: 758px; height: 125px; background:url(../images/header_contact.jpg) no-repeat bottom;} #col-contact-rechts .header .titel {padding: 22px 0 0 145px; overflow: hidden; width: 215px; line-height: 20px; } #col-contact-rechts .header .titel h1 {font-size:22px; color: #005b82; padding-left: 26px; background: url(../images/blaadje.png) no-repeat;} #col-contact-rechts .header .omschrijving {margin: 0 0 0 172px; color: #739600; width: 360px;height: 70px; line-height: 22px; font-size: 15px; overflow:hidden;} #col-contact-rechts .tekst {padding: 0 200px 0 20px;} #col-contact-rechts {} #col-contact-rechts label {color: #005b82; font-weight: bold; width: 182px;margin-right: 10px; border-top: 1px solid #cce3ef; padding: 2px 0; float: left; height: 20px; line-height: 20px;} #col-contact-rechts .veld {width: 334px;border-top: 1px solid #cce3ef; padding: 4px 0; float: left;} #col-contact-rechts #sterren.veld {} #col-contact-rechts #sterren.veld img {margin:0;padding:0; cursor: pointer;} #col-contact-rechts select {height: 18px;width: 332px;border:1px solid #898989; font-size:12px;} #col-contact-rechts label.aantal {height: 30px; line-height: 30px;} #col-contact-rechts input.groot {height: 20px;line-height: 20px; padding:5px; width: 323px;border:0; font-size:10pt;background: url(../images/input_groot.jpg) no-repeat;} #col-contact-rechts input.klein {height: 20px;line-height: 20px; padding:5px; width: 103px;border:0; font-size:10pt;background: url(../images/input_klein.jpg) no-repeat;} #col-contact-rechts textarea {height: 110px; padding:5px; width: 323px;border:0; font-size:10pt;background: url(../images/input_textarea.jpg) no-repeat;} #col-contact-rechts .description {color: #005b82; font-size: 10px;padding-left: 5px;} #col-contact-rechts .arrangementinfo {padding: 3px 0;} #col-contact-rechts .foutmelding {min-height:18px;margin:0 50px 10px 0; border: 1px solid #008ac9;background: url(/images/ico_verplicht.jpg) no-repeat 10px 10px;background-color:#fff;color:#464646;width:100%;} #col-contact-rechts .letop {padding:15px 5px 5px 40px;} #col-contact-rechts .foutmelding label {width: auto;float: none;border:none;} #col-contact-rechts .foutmelding ul li {padding:0;margin:0;} #col-contact-rechts .foutmelding li {height: 25px;} #col-contact-rechts .foutmelding ul{font-weight:normal;margin-left:33px;list-style-type:disc;padding-bottom:15px;} #col-contact-rechts .foutmelding ul li label{cursor:pointer;text-decoration:none;} .button_verzend {float: right; width: 92px; height: 30px; margin-right: 13px;} .button_verzend input {width: 92px; height: 30px; background: url(../images/btn_verzend.jpg) no-repeat; cursor:pointer;} /* fotoalbum */ #fotoalbum .top {background:url(../images/background_fotoalbum_top.gif) no-repeat; width: 758px; height: 5px;} #fotoalbum .content {border-left: 1px solid #ccdee6; border-right: 1px solid #ccdee6; padding: 5px 0;} #fotoalbum_detail {padding-left: 9px; width: 384px; height: 288px; float: left;overflow:hidden;} /*#fotoalbum_detail img {width: 384px; height: 267px;}*/ #fotoalbum_omschrijving {width: 313px; float: left; padding: 5px 25px 0 25px;} #fotoalbum .bottom {background:url(../images/background_fotoalbum_bottom.gif) no-repeat; width: 758px; height: 5px;margin-bottom:10px;} #thumbs_houder {position: relative; width: 758px;overflow:hidden; height: 86px;} #thumbs {width: 10000px;position:absolute;top:0;left:0;} #thumbs .item {width: 86px; float: left; margin-right: 10px;} #thumbs .item.eerste {padding-left:0;} #thumbs .item.laatste {padding-right:0; border:0;} #thumbs .item .afbeelding {width:86px;height:86px;} #thumbs .item .afbeelding img {width:86px; height: 86px; cursor:pointer;} #thumbs_houder .btn_links {position: absolute; top:28px;left:10px;width: 30px; height: 30px; background: url(../images/pijl_links.png) no-repeat; cursor:pointer;} #thumbs_houder .btn_rechts {position: absolute; top:28px;right:10px;width: 30px; height: 30px; background: url(../images/pijl_rechts.png) no-repeat; cursor:pointer;} #slide_bolletjes.fotoalbum {width: 758px; text-align: center;} #kaartcontact {width: 374px;float: left; height: 450px; margin-left: 20px} #kaartcontact .top {background: url(../images/background_contactgegevens_top.gif) no-repeat; width: 374px; height: 5px;} #kaartcontact .content {border-left: 1px solid #ccdee6;border-right: 1px solid #ccdee6; padding: 6px 9px; overflow:hidden;} #kaartcontact .bottom {background: url(../images/background_contactgegevens_bottom.gif) no-repeat; width: 374px; height: 5px;}