/* BB&L Styles Updated: Mon 17.12.07 @ 17:30 p.m. Author: Netvlies ----------------------------------------------------*/ /* GENERIC BLOCKS NAVIGATION LANGUAGE NAVIGATION CONTACT QUICK REQUEST CAR OVERVIEW CAR LIST HOTELS FOOTER ----------------------------------------------------*/ /* =GENERIC ----------------------------------------------------*/ * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; /*color: #9b9d9f;*/ } a { outline: none; } body { padding: 0; margin: 0 0 30px 0; background: #d0d1d2 url(/img/body_bg.gif) repeat-x; text-align: center; } img { border: 0; vertical-align: bottom; } h1, h2, h3 { margin: 14px 0; border-bottom: 1px solid #cfd0d1; font-weight: normal; color: #9b9d9f; font-size: 22px; line-height: 35px; padding: 0 2px; } h1 span { font-size: 22px; text-decoration: underline; font-weight: bold; } h1.noborder { border: none; } p, td, li { color: #9b9d9f; } p {color: #9b9d9f; } a { color: #9b9d9f; } input, select, textarea { border: 1px solid #9b9d9f; } input, textarea { padding: 2px; } input { height: 15px; } select { border: 1px solid #9b9d9f; } textarea { width: 100%; } input.gaverder { border: none; } input[type="checkbox"], input[type="radio"] { border:none; } .clear { clear:both; } /* =BLOCKS ----------------------------------------------------*/ #logo { border: none; margin: 0 0 0 8px; padding: 0; } #page-box { position: relative; width: 883px; margin: 0 auto; background: url(../img/page-box_bg.png); text-align: left; } #content-box { overflow: hidden; height: 100%; position: relative; top: 0px; margin: 0 9px 0 8px; background: url(../img/content-box_bg.gif) repeat-y; } #content-box-cols2 { overflow: hidden; height: 100%; position: relative; top: 0px; margin: 0 9px 0 8px; background: url(../img/content-box_bg.gif) repeat-y; } #content-box-cols3 { overflow: hidden; height: 100%; position: relative; top: 0px; margin: 0 9px 0 8px; background: url(../img/content-box_cols3_bg.gif) repeat-y; overflow: hidden; height: 100%; } #content-box-cols3small { overflow: hidden; height: 100%; position: relative; top: 0px; margin: 0 9px 0 8px; background: url(../img/content-box_cols3small_bg.gif) repeat-y;overflow: hidden; height: 100%; } #content-box-cols3small #col-c-innerbox { background: url(../img/col-c_small_bg.gif) no-repeat top right; min-height: 557px; } #col-c-innerbox ul li { color: #000; } #col-a { float: left; width: 198px; } #col-a-innerbox { padding: 0 22px 27px; } #col-a-lp-innerbox { padding: 15px 0px 30px 8px; } #col-a-lp-innerbox a { line-height: 20px; } #col-b { float: right; width: 667px; } #col-b-innerbox { padding: 0 40px 0 30px; } #col-ba { width: 290px; float: left; margin-right: 17px; margin-bottom: 8px; } #col-bb { width: 290px; float: left; margin-bottom: 8px; } #col-bb.noheader { padding-top: 45px; } #col-bd { float: left; width: 190px; margin-right: 13px; } #col-be { float: left; width: 190px; margin-right: 13px; } #col-bf { float: left; width: 190px; } .home-cta-col h2 { font-size: 15px; color: #000; border-bottom: 1px solid #cfd0d1; padding: 0 0 2px 0; margin: 0; line-height: 15px!important; border: none; } .home-cta-col .usp { margin: 0 0 10px 0; } #col-b p, #col-a p { padding: 0 2px; } #col-c { float: right; width: 667px; } #col-c-innerbox { padding: 0 0 0 30px; height:100%; overflow: hidden; } #col-ca { width: 307px; float: left; } #col-cb { width: 330px; float: left; text-align: center; background: url(../img/col-cb_bg.gif) no-repeat; } #col-cc { width: 307px; float: left; } #col-c p { padding: 0 40px 0 2px; } #col-c ul { margin: 0; padding: 0 0 0 17px; } #paging { border-top: 1px solid #dbdcdd; margin-top: 12px; padding-top: 12px; color: #000000; } #paging a { color: #000; text-decoration: none; font-size: 11px; } #paging a:hover { text-decoration: underline; } /* =NAVIGATION ------------------------------------------------------------------*/ #navigation { position: absolute; top: 79px; left: 207px; width: 667px; } #navigation, #navigation li { margin: 0; padding: 0; list-style: none; } #navigation li { float: left; } #navigation a { display: block; height: 29px; overflow: hidden; } #navigation a span { display: none; } /* ENGLISH NAVIGATION */ #navigation a.home { width: 61px; background: url(../img/nav_btn_home.gif) no-repeat left top; } #navigation a.rates { width: 73px; background: url(../img/nav_btn_rates.gif) no-repeat left top; } #navigation a.cars { width: 58px; background: url(../img/nav_btn_cars.gif) no-repeat left top; } #navigation a.quotereservation { width: 174px; background: url(../img/nav_btn_quotereservation.gif) no-repeat left top; } #navigation a.hoofddorp { width: 86px; background: url(../img/nav_btn_hoofddorp.gif) no-repeat left top; } #navigation a.airportservice { width: 108px; background: url(../img/nav_btn_airportservice.gif) no-repeat left top; } #navigation a.hotels { width: 61px; background: url(../img/nav_btn_hotels.gif) no-repeat left top; } #navigation a.faq { width: 46px; background: url(../img/nav_btn_faq.gif) no-repeat left top; } #navigation a.home_en { width: 66px; background: url(../img/en/nav_btn_home.gif) no-repeat left top; } #navigation a.rates_en { width: 62px; background: url(../img/en/nav_btn_rates.gif) no-repeat left top; } #navigation a.cars_en { width: 57px; background: url(../img/en/nav_btn_cars.gif) no-repeat left top; } #navigation a.quotereservation_en { width: 150px; background: url(../img/en/nav_btn_quotereservation.gif) no-repeat left top; } #navigation a.hoofddorp_en { width: 95px; background: url(../img/en/nav_btn_hoofddorp.gif) no-repeat left top; } #navigation a.airportservice_en { width: 121px; background: url(../img/en/nav_btn_airportservice.gif) no-repeat left top; } #navigation a.hotels_en { width: 66px; background: url(../img/en/nav_btn_hotels.gif) no-repeat left top; } #navigation a.faq_en { width: 50px; background: url(../img/en/nav_btn_faq.gif) no-repeat left top; } #navigation a:hover { background-position: bottom left; } #navigation a.selected { background-position: bottom left; } /* =LANGUAGE NAVIGATION ------------------------------------------------------------------*/ #language-nav { position: absolute; top: 15px; right: 25px; color: #626364; color: #000; font-weight: normal; } #language-nav span { font-weight: bold; } #language-nav a { color: #626364; text-decoration: none; color: #000;} #language-nav a:hover { text-decoration: underline; } /* =CONTACT ------------------------------------------------------------------*/ #contact h3 { margin-bottom: 23px; border:none; } #contact .strong, #contact .strong a { font-weight: bold; font-size: 14px; color: #000; } #contact p { color: #000; } #contact a { color: #000; text-decoration: underline; } #contact a:hover { text-decoration: none; } #contact ul, #contact ul li { list-style: none; padding: 0; margin: 0; } #contact ul li { padding: 2px 0 2px 10px; background: url(/img/landing/list_icon.gif) no-repeat left 7px; } #col-a-innerbox .vcard .tel { display: block; } #col-a-innerbox .vcard .email { display: block; margin-top: 12px; } #col-a-innerbox .vcard .email a { font-weight: bold; font-size: 14px; } #col-a-innerbox .vcard .tel .value { font-weight: bold; font-size: 14px; } #col-a-innerbox .vcard .fn { display: none; } #col-a-innerbox .vcard .org { margin-top: 12px; display: block; } #col-b-innerbox .vcard { color: #9B9D9F; } #col-b-innerbox .vcard .tel { display: block; } #col-b-innerbox .vcard .email { display: block; } #col-b-innerbox .vcard .email a { } #col-b-innerbox .vcard .tel .value { } #col-b-innerbox .vcard .tel .type { display: none; } #col-b-innerbox .vcard .org { display: none; } #col-b-innerbox .vcard .fn { display: block; } /* =QUICK REQUEST ------------------------------------------------------------------*/ #quickrequest { margin: 0; padding: 0 2px; line-height: 25px; } #quickrequest select { width: 145px; } /* =CAR OVERVIEW ------------------------------------------------------------------*/ .caroverview { position: relative; margin-bottom: 20px; height: 100%; overflow: hidden; } .caroverview .car { position: relative; float: left; height: 140px; width: 149px; } .caroverview .car .text { padding: 0 20px 0 4px; } .caroverview .car h2 { margin: 0; color: #000; font-size: 12px; line-height: normal; } .caroverview .car a { text-decoration: none; } .caroverview .car .new { position: absolute; left: 90px; top: 20px; } .caroverview .car .new.eco { position: absolute; left: 90px; top: 3px; } /* =CAR LIST ------------------------------------------------------------------*/ #carslist { border-spacing: 0; border-collapse: collapse; padding: 0; margin: 0 0 10px 0; } #carslist th { font-size: 12px; font-weight: bold; text-align: left; color: #000; } #carslist th h1 { margin: 17px 0 0 0; border: none; } #carslist th h2 { font-size: 12px; font-weight: bold; text-align: left; color: #000; border: 0px; margin: 0px; padding:0px; line-height: 15px; } #carslist th.border { border-bottom: 2px solid #000; padding-top: 18px; } #carslist th .righttitle { display: block; margin: 17px 0 0 0; border: none; font-weight: normal; color: #9b9d9f; font-size: 22px; line-height: 35px; padding: 0 2px; } #carslist td { padding: 5px 0; border-bottom: 1px solid #dbdcdd; } #carslist td.category { font-size: 16px; font-weight: bold; color: #000; width: 25px; border: none; } #carslist td.desciption { width: 341px; } #carslist td.desciption div { position: relative; } #carslist td.desciption .eco { position: absolute; top: -2px; right: 5px; } #carslist th.year { text-align: center; } #carslist td.year { width: 55px; text-align: center; } #carslist td.blank { width: 20px; border-bottom: 1px solid #cfd0d1; } #carslist .price { border-bottom: 1px solid #cfd0d1; font-size: 16px; font-weight: bold; width: 35px; color: #fff; text-align: right; } #carslist .price a { font-size: 16px; font-weight: bold; text-decoration: none; color: #fff; } #carslist .price a:hover { text-decoration: underline; } #carslist th.price {font-size: 12px; text-align: center; padding-top: 18px; } #carslist .ico { border: none; padding-left: 8px; } #rates_options h3 { margin: 12 0 12 0; font-size: 12px; color: #000000; font-weight: bold; border: 0px; line-height: 12px; } /* =HOTELS ------------------------------------------------------------------*/ .hotel { border-top: 1px solid #dbdcdd ; overflow: hidden; height: 100%; margin: 9px 0 } .hotel img { float: left; } .hotel div { float: left; margin-left: 15px; display: inline; width: 220px; padding-top: 5px; color: #9b9d9f; } .hotel h3 { margin: 0; padding: 0; color: #9b9d9f; font-size: 12px; line-height: 15px; font-weight: normal; border: none; underline: none; } /* =FOOTER ------------------------------------------------------------------*/ #footer-box { position: relative; width: 883px; margin: 0 auto; background: url(../img/footer-box_bg.png) no-repeat top left; height: 23px; } #footer-box-cols3 { position: relative; width: 883px; margin: 0 auto; height: 23px; background: url(../img/footer-box_col3_bg.png) no-repeat top left; } #footer-box-cols3small { position: relative; width: 883px; margin: 0 auto; height: 23px; background: url(../img/footer-box_col3small_bg.png) no-repeat top left; } #footer {position: relative; width: 878px; margin: 0 auto; padding: 0 0 0 5px; color: #9b9d9f; text-align: left; } #footer div { padding: 10px 0 0 5px; } #footer a { text-decoration: underline; color: #9b9d9f; } #footer a:hover { text-decoration: none; } /* =CALCULATOR ------------------------------------------------------------------*/ #calculator * { color: black; } #calculator .formerror { color: #ff0000; font-weight: bold; margin-bottom: 15px; } #calculator h1, #calculator h2 { color: #9b9d9f; border-bottom: 1px solid #cfd0d1; } #calculator table tr td { color: black; padding: 3px 0; } #calculator ul { margin: 0; padding: 0 0 0 17px; } #calculator .vp { font-weight: bold; margin-left: 3px; } #calculator .vperror { color: #ff0000; font-weight: bold; margin-left: 3px; } #calculator .col-a { width: 155px; } #calculator .col-a_error { width: 155px; color: #ff0000; } #calculator .select { height: 20px;} #calculator .select.large { width: 111px; } #calculator #merktype { width: 215px; } #calculator .invoer { height: 15px; padding: 2px; border: 1px solid #9b9d9f; } #calculator .invoer.small { width: 15px; } #calculator .invoer.medium { width: 30px; } #calculator .invoer.large { width: 146px; } #calculator .invoer.xlarge { width: 168px; } #calculator #datum_aanvang_huur, #calculator #datum_einde_huur { width: 145px; } /* #calculator .auto-vsl { margin-top: -12px; } */ #calculator .auto-spec { width: 120px; display: block; float: left; } #calculator .hr { width: 600px; height: 100%; overflow: hidden; clear:both; padding: 5px 0; border-top: 1px solid #cfd0d1; } #calculator .formule { width: 445px; float:left; font-weight: bold; } #calculator .prijs { float:right; font-weight: bold; } #calculator .prijs.lg { font-weight: bold; } #calculator .price { font-size: 14px; font-weight: bold; display: block; position: relative; text-align: center; top: -35px; padding: 35px 0 0 0; float: right; background: url(/img/landing/price_bg.png) no-repeat left top; width: 85px; height: 52px; } #calculator .belangrijk { margin-top: 0px; padding: 5px; border: 1px solid black; background: #f4f4f4 url(../img/calculator_belangrijk_bg.gif) repeat-x; } #calculator .col-a-large { width: 210px; } #calculator .col-a-large_error { width: 210px; color: #ff0000; } #calculator .col-a-xlarge { width: 500px; } #calculator .opties { height: 100%; overflow: hidden; margin-bottom: 15px; } #calculator .opties .item { width: 500px; float: left; margin-top: 2px; } #calculator .opties .prijs { display: inline; width: 40px; float: right; margin-top: 2px; } #calculator .opmerkingen { height: 100%; overflow: hidden; margin: 15px 0;} #calculator .opmerkingen .titel { float: left; width: 100px; } #calculator .opmerkingen .opmerking { float: right; padding: 2px; border: 1px solid #9b9d9f; width: 480px; height: 80px; } #calculator .elders { width: 168px; height: 40px; border: 1px solid #9b9d9f; } #calculator .stervelden { margin-top: 15px; font-style: italic; } #calculator .conditions { width: 603px; height: 190px; margin: 20px 0; background: url(../img/calculator_conditions_bg.jpg) no-repeat; } #calculator .conditions .col-a { width: 268px; padding: 0 8px; float: left; } #calculator .conditions .col-b { width: 268px; padding: 0 8px; float: right; } #calculator .conditions ul { margin: 10px 0; } #calculator .conditions ul li { line-height: 18px; } #calculator .conditions.nl { background: url(../img/calculator_conditions_nl_bg.jpg) no-repeat; } #calculator .conditions.en { background: url(../img/calculator_conditions_en_bg.jpg) no-repeat; } #calculator #calculatorresultaat_subtotaal, #calculator #calculatorresultaat_totaal { margin: 12px 0; line-height: 20px; } /* Extra kopie van blok op home */ #calculator.home { overflow: hidden; height: 100%; } #calculator.home .col-a { width: 135px; } #calculator.home .auto-spec { width: 100px; } #calculator.home .col-x { float: left; width: 360px; } #calculator.home .col-y { float: right; width: 220px; } #calculator.home .gaverder { margin: 15px 0 30px 0; height: auto; } #calculator span.discount { font-weight: bold; } #calculator .visible { display: block; } #keuze_bekendeklant.hidden { display: none; } #keuze_nieuweklant.hidden { display: none; } #locatie_aanvang_huur_elders { display: none; } #locatie_aanvang_huur_elders.visible { display: table-row; } #locatie_einde_huur_elders { display: none; } #locatie_einde_huur_elders.visible { display: table-row; } #mob_nummer_changed { display: none; } #mob_nummer_changed.visible { display: table-row; } #adres_changed { display: none; } #adres_changed.visible { display: table-row; } #adres_changed textarea { padding: 2px; border: 1px solid #9b9d9f; width: 168px; height: 50px; } #aantal_kinderzitjes { display: none; } #aantal_kinderzitjes.visible { display: inline; } #aantal_babyzitjes { display: none; } #aantal_babyzitjes.visible { display: inline; } #aantal_boosters { display: none; } #aantal_boosters.visible { display: inline; } #tomtommelding { padding-left: 23px; margin-top: 2px; margin-bottom: 5px; width: 500px; float: left; display: none; color: #f00; } #NVSopties.hidden { display: none;} .datum_naam { display: inline; padding: 0px 2px 0px 2px;} #calculator_button_tomtom { position: absolute; left: -230px; top: -10px; } #calculator_button_prijsopgave { position: absolute; left: -230px; top: -10px; } #zitjes_overlay { position: absolute; left: 270px; } #preview_babyzitje { display: none; } #preview_kinderzitje { display: none; } #preview_booster_2 { display: none; } #preview_booster { display: none; } /* TEMPORARILY DISCOUNT */ #calculator #carcategory { position: relative; } #calculator .temporarily_discount { position: absolute; top: 50px; left: 400px; } #carinfo table {} #carinfo table tr td, #carinfo table tr th { padding: 0 0 3px; text-align: left; vertical-align: top; font-weight: normal; } #carinfo table tr th { padding-right: 8px; } #reservation { } #reservation table th, #reservation table td { vertical-align: top; } #reservation table th { text-align: left; width: 160px; } #reservation span.price { padding-left: 65px; margin-left: 35px; float: right; } #reservation.nl span.price.total { background: url("/img/calculator_totaalprijs_txt.gif") no-repeat top left; } #reservation.en span.price.total { background: url("/img/en/calculator_totaalprijs_txt.gif") no-repeat top left; } #reservation #reservation-content, #reservation #reservation-overview { position: relative; } #reservation #reservation-overview table { padding-bottom: 20px; } #reservation #reservation-options ul { padding: 0; list-style: none; } #reservation #reservation-options li { color: #000; font-weight: bold; } #reservation #reservation-price p { font-weight: bold; color: #000; } #reservation img#reservation-car { right: 0; bottom: 0; position: absolute; } #reservation #print-reservation-nl { width: 171px; height: 23px; background: url("/img/reservation-buttons.gif") no-repeat -140px 0; } #reservation #print-reservation-nl:hover { background: url("/img/reservation-buttons.gif") no-repeat -140px -23px; } #reservation #print-reservation-en { width: 140px; height: 23px; background: url("/img/reservation-buttons.gif") no-repeat 0 0; } #reservation #print-reservation-en:hover { background: url("/img/reservation-buttons.gif") no-repeat 0 -23px; } #reservation #reservation-content a.button { /*top: 0; right: 0; position: absolute;*/ } #reservation a.button { display: block; } #reservation a.button span { top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden; position: absolute; } #reservation-overview, #reservation-options, #reservation-price, #reservation-information { display: none; } /** * A/B test */ #calculator.variation-b { margin-top: 14px; } #calculator.variation-b h2 { margin-top: 0; margin-bottom: 4px; } #calculator.variation-b table td { padding-top: 0; } #calculator.variation-b #carcategory th, #calculator.variation-b #carcategory td { padding-bottom: 0; } #calculator.variation-b #carbelangrijktekst { margin: 0; margin-top: 8px; } #calculator.variation-b #carbelangrijktekst .col-a, #calculator.variation-b #carbelangrijktekst .col-b { padding-top: 0; padding-bottom: 0; } #calculator.variation-b #carbelangrijktekst .col-a ul, #calculator.variation-b #carbelangrijktekst .col-b ul { margin: 5px 0; } #calculator.variation-b #calculatorresultaat_totaal_2 { margin: 12px 0; overflow: auto; } #calculator.variation-b .bekendeklant { margin-top: 10px; } /** * Submit button formulier */ #prijsopgaveform .submit { height: auto; border: 0; padding: 0; margin: 0; } /* =Landingspage ------------------------------------------------------------------*/ #landing-vsl { margin: 0 9px 0 8px;} #landing-boxes { margin: 15px 0 0 0; background: url(/img/landing/landing_boxes_bg.gif) no-repeat bottom left; overflow: hidden; height: 100%; } #landing-boxes .box { width: 291px; float: left; } #landing-boxes .box-a { margin: 0 14px 0 0; } #landing-boxes .box .content { padding: 10px 0; } #landing-boxes .box .content * { color: #000; line-height: 18px; } #landing-boxes .box .content ul { margin: 0; padding: 0 0 0 30px; } #landing-boxes .box .content li { margin: 0 0 0 0; padding: 0;} #landing-countries { text-align: left; position: relative; width: 863px;overflow: hidden; height: 100%; margin: 0 auto; padding: 10px 0 17px 20px; background: url(/img/landing/landing_countries_bg.gif) no-repeat bottom left; } #landing-countries { line-height: 18px; } #landing-countries ul { float: left; width: 280px; overflow: hidden; height: 100%; padding: 0; margin: 0; } #landing-countries ul li { padding: 4px 0; margin: 0; } #landing-countries a { padding: 2px 0 2px 25px; } #landing-countries .nl { background: url(/img/landing/ico_nl.gif) no-repeat left center; } #landing-countries .en { background: url(/img/landing/ico_en.gif) no-repeat left center; } #landing-countries .de { background: url(/img/landing/ico_de.gif) no-repeat left center; } #landing-countries .it { background: url(/img/landing/ico_it.gif) no-repeat left center; } #landing-countries .no { background: url(/img/landing/ico_no.gif) no-repeat left center; } #landing-countries .es { background: url(/img/landing/ico_es.gif) no-repeat left center; } #landing-countries .gr { background: url(/img/landing/ico_gr.gif) no-repeat left center; } #landing-countries .cn { background: url(/img/landing/ico_cn.gif) no-repeat left center; } #landing-countries .tr { background: url(/img/landing/ico_tr.gif) no-repeat left center; } #landing-boxes-v2 { margin: 15px 0 0 0; overflow: hidden; height: 100%; } #landing-boxes-v2 .box { width: 190px; margin: 0 0 0 10px; float: left; } #landing-boxes-v2 .box.first { margin-left: 0; } #landing-boxes-v2 .box ul { margin: 0 0 0 15px; padding: 0; }