.mojoImage { margin-bottom: 20px; clear: both; } .mojoImage.floatleft { margin-right: 20px; float: left; } .mojoImage.floatright { margin-left: 20px; float: right; } #pntInformationPart { clear: both; } #pntInformationPart img { margin-right: 5px; float: left; } #pntInformationPart.pntNONE, .pntNONE { display:none; } #pntInfoLabel { padding-top: 5px; padding-bottom: 5px; } #pntInformationPart.pntOK, .pntOK { color: #000000; } #pntInformationPart.pntERROR, .pntERROR { color: red; } #pntInformationPart .thead { font-weight:bold; } .pntCompulsorySign, .pntCompulsorySign div{ display: inline; padding-left:3px; } div.introdiv { clear: both; } div#mojoEditDiv { position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; display: block; border: 1px solid #dedede; } div#mojoEditDiv a { width: 38px; height: 38px; display: block; background-image: url('../bf/images/mojoEditDiv.gif'); } table#footerTable, table#quickLinksTable{ width: 974px; margin-left: auto; margin-right: auto; } table#footerTable td { vertical-align: top; } #twitterTd { text-align: left; } #twitterTd img { border: 0px; margin-top: 3px; } #twitter { width:449px; height: 78px; background-image: url('../images/twitter2.jpg'); background-repeat: no-repeat; } #followus { height: 60px; width: 60px; cursor: pointer; float: left; } #tweet { padding: 10px 20px 5px 0px; color: #666; font-size: 10px; float:left; } #tweet a { color: #42bee0; } #disclaimer { text-align:right; width:366px; color: #ffffff; } #disclaimer ul { list-style-type: none; margin: 0px; padding: 0px; } #disclaimer li{ display:inline; } #disclaimer a { color:white; font-weight:bold; line-height:20px; font-size:10px; text-decoration:none; } #disclaimer a img { border-width: 0px; } table#quickLinksTable { font-size:10px; line-height:12px; padding-top:20px; text-align:center; color:#ffffff; } table#quickLinksTable a { color:#ffffff; font-weight:normal; }html { height:101%; } html, body, #containerWrapper { padding:0px; margin:0px; font-family: 'Trebuchet MS', 'Helvetica', 'sans-serif'; color:#222; } body { background-image: url('../images/bg.jpg'); background-repeat:repeat-x; background-color:#0099ff; text-align:center; } #containerWrapper { margin-right:auto; margin-left:auto; width:990px; border-collapse: collapse; margin-bottom: 7px; } #container-links, #container-rechts { padding:0px; width:12px; background-image: url('../images/container-links.jpg'); background-repeat:no-repeat; } #container-rechts { background-image: url('../images/container-rechts.jpg'); } #container { padding:0px; width:966px; vertical-align:top; background-color:#000099; text-align:left; } #containerFooter { height:19px; margin-top:80px; background-image: url('../images/container-footer.gif'); background-repeat:no-repeat; background-position:bottom center; } #header { height:108px; background-image: url('../images/header.jpg'); background-repeat:no-repeat; background-position:top center; padding-right:10px; border:0px; } #header img { border:0px; } #logo { float:left; margin-left:10px; margin-top:30px; } #header .sign { margin-top:21px; float:right; } #mainMenu { text-align:center; background-color:#098ee5; font-size:12px; color:#ffff99; line-height:22px; height:22px; } #mainMenu a { color:white; text-decoration:none; margin:0 4px; } #mainMenu a:hover { color:#ffff99; } #mainWrapper { padding:0px 10px; }    .dmarquee { margin-top:8px; margin-bottom:18px; background-color:white; font-size:12px; color:black; line-height:22px; height:22px; } .dmarquee a { color:black; text-decoration:none; } .dmarquee a:hover { text-decoration:underline; }    .kolom .vlak { color:#000000; line-height:16px; font-size:15px; font-weight:bold; background-repeat:repeat-y; background-position:top center; margin-bottom:7px; } .kolom .vlak .footer { height:9px; background-repeat:no-repeat; background-position:bottom center; } .kolom .vlak p { padding:10px; padding-bottom:0px; margin:0px; } .kolom a { color:#000000; text-decoration:none; } .kolom a:hover { text-decoration:underline; } .kolom .vlak .imageWrapper { margin:4px 10px 0px; overflow:hidden; text-align:center; } .kolom .vlak img { border:0px; vertical-align:middle; } .kolom .vlak img.icon { margin-right:5px; } .kolom .vlak img.verder { vertical-align:bottom; }    #contentLinksWrapper { float:left; width:132px; margin-right:8px; } #contentLinksWrapper .vlak { background-image: url('../images/kolommen/content-links-bg.gif'); } #contentLinksWrapper .vlak .footer { background-image: url('../images/kolommen/content-links-footer.gif'); } #contentLinksWrapper .vlak img.verder { margin-left: 55px; } #contentLinksWrapper .reis { padding:0px 10px; margin-top:4px; line-height:13px; } #contentLinksWrapper .reis a { font-size:11px; font-weight:bold; text-decoration:underline; color:#4f4f4f; } #contentLinksWrapper .prijs { padding:0px 10px; text-align:right; line-height:19px; } #contentLinksWrapper .prijs a { color:#4f4f4f; font-weight:bold; font-size:19px; }    div.jdEigenschapForm { padding: 10px; } div.jdEigenschapForm select { border: 1px solid #000; width: 160px; font-size: 12px; } div.jdEigenschapFormSubmit { text-align: right; padding-top: 10px; } div.jdEigenschapSelect { padding-top: 5px; } .kolom .vlak div.jdEigenschapSelect p { margin: 0px; padding: 0px; font-size: 12px; } #contentRechtsWrapperWrapper { float:left; padding-left:6px; } #contentRechtsWrapper, .contactPart { width:183px; } #contentRechtsWrapper .vlak,.contactPart { background-image: url('../images/kolommen/content-rechts-bg.gif'); } #contentRechtsWrapper .vlak .footer, .contactPartWrapper .contactPart .footer{ background-image: url('../images/kolommen/content-rechts-footer.gif'); } #contentRechtsWrapper img.mojoImage { margin: 2px; } #contentRechtsWrapper .vlak img.verder { margin-left: 105px; } .vlak.contact { font-size:16px; } #content .contactPart { background-image: url('../images/kolommen/content-rechts-bg-white.gif'); } #content .contactPart .footer { background-image: url('../images/kolommen/content-rechts-footer-white.gif'); } .contactPart { font-size:16px; } #contentRechtsWrapper .vlak img.virtualTour { border: 1px solid #000000; }    .virtualTour { font-weight:bold; text-decoration:underline; } #contentWrapper{ background-image: url('../images/content-header.gif'); background-repeat:no-repeat; background-position:top center; background-color:white; float:left; width:615px; position:relative; } #content { padding:12px 16px; font-size:12px; color: #222; overflow: hidden ; } #content .contactPart { float:right; } h3 { padding:2px 5px; background-color:#02a2fa; color:white; } #content .headerWrapper, #content .subHeaderWrapper { height:54px; background-color:#02a2fa; margin-bottom:18px; color:white; } .header { float:left; } .favPrint { float:right; } #content .header, #content .subHeader, #content .favPrint { padding:10px; } #content .favPrint img { float:left; margin-right:2px; } #content .header h1 { margin:0px; line-height:20px; font-size:20px; font-weight:bold; } #content .header a, #content .kruimelpad, #content .favPrint a { font-size:12px; font-weight:bold; color:white; } #content .header a:hover { color:#ffff99; } #contentWrapper .footer { height:12px; background-image: url('../images/content-footer.gif'); background-repeat:no-repeat; background-position:bottom center; } #content hr { height: 0; border: 0; border-top: 1px solid #ffd602; color: #ffd602; } #content img { border:0px; } #content a { color:#333; } .halfKolom { overflow:hidden; float:left; width:280px; } .drieKwartKolom, .reisIntroKolom { overflow:hidden; float:left; width:370px; } .reisIntroKolom { width: 330px; } div.jdReisCatAfb { float: left; text-align: right; width: 213px; } .floatRechts { float:right; } .floatLinks { float: left; } .floatRechts img { margin-left:20px; margin-bottom:0px; } #reisSelectie .halfKolom h1 { font-size:18px; } #reisSelectie .halfKolom h2 { font-size:14px; } #reisSelectie h3 { cursor:pointer; } #reisSelectie .halfKolom a { color: #333; } #content h3 a { color: #FFFFFF; } .balk { background-color:#edf8ff; padding:20px 15px; font-size:11px; font-weight:bold; clear:both; } .balk h3 { margin:0px; text-decoration:underline; } .balk.odd { background-color:#d1eefe; } .balk.highlight{ background-color:#82b4ff; } #content .beschrijvingPart { padding:10px 15px; overflow:hidden; } #content .beschrijvingPart img { float:right; margin-left:10px; margin-bottom:10px; } #content .beschrijvingPart .leesverder { clear:both; float:right; } table.pntDetailsTable .pntHeader { width:260px; vertical-align:top; } table.extraOpties .pntHeader { width:150px; vertical-align:top; } table.extraOpties td { line-height: 170%; } table.extraOpties td img { vertical-align: middle; } table.pntDetailsTable tr td div.pntCompulsorySign { margin-left:2px; display: inline; width: 16px; } table.pntDetailsTable tr td div.pntCompulsorySign div { display: inline; } table.pntDetailsTable input, table.pntDetailsTable textarea, table.pntDetailsTable select, div.pntGridDiv select, div.pntGridDiv input { width: 350px; border: 1px solid #a7a6aa; padding: 2px; margin: 0px 3px; background-color:#fafafa; } table.pntDetailsTable div.pntRadioWidgetWrapper input{ width: 20px; } table.pntDetailsTable input.pntCheckboxWidget{ width: 20px; border: 0px; background-color:transparent; } table.pntDetailsTable div.pntMtoNWidgetContainer input.pntCheckboxWidget { margin-right: 10px; } table.pntDetailsTable select { padding: 0px; width: 356px; } table.pntDetailsTable textarea { height:100px; } #tussenvoegsel, #voorletters, #huisnummer, #postcode, #zwHuisnummer, #zwPostcode, #zwVoorletters, #zwTussenvoegsel { width:90px; } #achternaam, #voornaam, #straat, #plaats, #zwPlaats, #zwStraat, #zwVoornaam, #zwAchternaam { width:240px; } .brochure { float:left; } .brochureknop, .tellafriendknop { float:right; cursor: pointer; } .brochureDiv .titelWrapper { margin-left: 80px; } .brochureDiv .titelWrapper h4 { font-size:14px; color:black; } h3,h4 { font-size:14px; } #content img.mojoImage { padding:3px; background-color:#fdfdfd; border:1px solid #b8b8b8; } #content img.mojoImage.floatright { float:right; display:inline; } #content img.mojoImage.nomargin { margin: 0px; } a.active{ font-weight: bold; text-decoration: none; } #content img.mojoVideo, #contentRechtsWrapper img.mojoVideoKolomRechts { background-position:bottom; border:1px solid #3e3e3e; cursor:pointer; } #content img.mojoVideo { padding-bottom:17px; background-image: url('../images/reis/movie.gif'); } #contentRechtsWrapper img.mojoVideoKolomRechts { padding-bottom:15px; background-image: url('../images/reis/moviekolom.gif'); } div.mojoVideo p { text-align:center; } #content .underlineText{ cursor: pointer; text-decoration: underline; } .slidee { display:none; overflow:hidden; } #dataDiv td, .dataDiv td, #dataDiv th, .dataDiv th, #dataDiv tr, .dataDiv tr { padding:0px 5px; } #dataDiv, .dataDiv { border:1px solid #7196e3; } #dataDiv th, .dataDiv th, .prijsTabelDiv th, .dataDiv td.blauw { background-color:#02a2fa; color:white; } .dataDiv td.blauw { font-weight:bold; } .dataDiv table.prijzen th.Periode, .dataDiv table.prijzen td.prijs, .dataDiv table.prijzen td.personen { text-align: center; } .dataDiv table.prijzen td.jdHotelselecties { font-weight: bold; background-color: #d1eefe; } .dataDiv table.prijstabel { background-color: #d1eefe; font-size: 11px; } .dataDiv { margin-bottom:5px; } .dataDiv table.prijstabel, .dataDiv table.prijzen{ width: 100%; font-size: 11px; } .dataDiv table.prijzen td.prijsSpacer{ background-color: #edf8ff; font-weight: bold; } .dataDiv table.prijzen td.Periode { text-align: center; } .dataDiv table.prijzen td.aanbieding { background-color: #ffd602; border: 1px solid #000000; } .dataDiv table.prijstabel td.prijs { background-color: #ffffff; cursor: pointer; white-space:nowrap; } .dataDiv table.prijstabel td.prijshover { background-color: #02a2fa; color: #ffffff; cursor: pointer; } .dataDiv table.prijstabel td.prijs,.dataDiv table.prijstabel th.datum, .dataDiv table.prijstabel td.prijshover { text-align:center; } .dataDiv table.prijstabel td.prijs.aanbieding { background-color: #ffd602; } .dataDiv table.prijstabel td.prijs a { text-decoration:none; } .dataDiv table.prijstabel select { width:120px; } .dataDiv table.prijstabel input.pntDateWidget{ width: 100px; background-image: url('../../../pnt/images/icons/pntDateWidgetBack.gif'); background-position: 1px 1px; background-position: center right; background-repeat: no-repeat; border:1px solid #a7a6aa; padding-right: 18px; } .legendDiv div.aanbieding { width: 10px; height: 10px; float: left; background-color: #ffd602; border: 1px solid #000000; margin: 3px 5px; } .dataDiv table.prijstabel tr.white{ background-color: #ffffff; } .dataDiv table.algemeneinfo td.pntHeader { width: 95px; } #dataDiv .balk .totaalPrijs, .dataDiv .balk .totaalPrijs { color:#204ba0; font-size:14px; } .blue { padding:2px 5px; background-color:#02a2fa; color:white; font-weight:bold; font-size:14px; margin-bottom:5px; cursor:pointer; } td.pntGrid__jdPassagiers__column__jdGeslachtId select, td.pntGrid__jdPassagiers__column__geboortedatum input, td.pntGrid__jdPassagiers__column__tussenvoegsel input, td.pntGrid__jdCamperOffertePassagiers__column__jdGeslachtId select, td.pntGrid__jdCamperOffertePassagiers__column__geboortedatum input, td.pntGrid__jdCamperOffertePassagiers__column__tussenvoegsel input { width: 65px; } div.pntDateWidgetSelectWrapper { float: left; } td.pntGrid__jdPassagiers__column__voornaam input, td.pntGrid__jdPassagiers__column__achternaam input, td.pntGrid__jdCamperOffertePassagiers__column__voornaam input, td.pntGrid__jdCamperOffertePassagiers__column__achternaam input { width: 106px; } div.pntDateWidgetWrapper img { vertical-align:middle; } div.pntDateWidgetInputWrapper { float:left; } table.pntDetailsTable input.pntDateWidgetDay, table.pntDetailsTable input.pntDateWidgetMonth, table.pntGridTable input.pntDateWidgetDay, table.pntGridTable input.pntDateWidgetMonth { width: 25px; } table.pntGridTable input.pntDateWidgetYear, table.pntDetailsTable input.pntDateWidgetYear { width: 50px; } table.reisgezelschap input#aantalvolwassenen, table.reisgezelschap input#aantalkinderen, table.reisgezelschap input#aantalbabies { width:50px; } table.reisgezelschap td.pntHeader { width:210px; } table.pntDetailsTable #email { width: 320px; } table.pntDetailsTable.nieuwsbrief #email { width: 350px; } table.pntDetailsTable #nieuwsbrief { padding: 0px; margin: 0px; } div.requiredFields { margin: 10px 0 10px 0; text-align: right; font-style: italic; } #videotxtFileName { width:150px; } #locatie { cursor:pointer; } #greenSeatWrapper { text-align: center; }    .googleMaps{ width: 280px; height: 184px; border: 1px solid #CCCCCC; overflow: hidden; } .googleMapsBig{ width: 438px; height: 350px; float:right; border: 1px solid #CCCCCC; overflow: hidden; } .googleMapsFotos{ width: 581px; height: 285px; border: 1px solid #CCCCCC; overflow: hidden; } #content a.googleMapPhotoLink{ position: absolute; } #content img.googleMapPhoto{ padding:3px; background-color:#FFFFFF; border: 1px solid #CCCCCC; } .googleMapPhotoPointer{ position: absolute; } .dataDiv table.pntDetailsTable input, .dataDiv table.pntDetailsTable select { margin: 2px; } .dataDiv table.pntDetailsTable input { width: 102px; } .dataDiv table.pntDetailsTable select { width: 108px; } .dataDiv div.zoekReisBtn { margin-right: 15px; } th.alignRight, td.alignRight { text-align:right; white-space:nowrap; } div.pntRadioWidgetWrapper { padding-top:6px; } table.pntDetailsTable input.pntCheckboxWidget { margin-top:6px; padding:0px; } table.pntDetailsTable input.pntRadioWidget { border: 0; } #jdGeslachtId div.pntRadioWidgetOptionWrapper, #jdZwGeslachtId div.pntRadioWidgetOptionWrapper{ margin-right:10px; float:left; } .pntDetailsExtra { white-space:nowrap; width:60px; } .pntErrorDetailsRowIcon { float:left; } #ideal label {width: 120px; text-align: left;} #ideal button.iDEALeasy {background-color: #FFFFFF;} #pntInformationPartWrapper { margin-bottom:14px; } #pntInformationPartWrapper.pntERROR { border:1px solid #f20017; color:white; font-weight:bold; background-color:#e00015; } #pntInformationPart { padding:3px 6px; } #content .zoekReisBtn a { color:#555659; } div.alignRight { margin: 0 24px 0px 0; text-align: right; } table.pntDetailsTable.extraOpties .pntDetailsExtra { width:auto; } table.pntDetailsTable.extraOpties .pntHeader{ padding-top:6px; font-weight:bold; } .dataDiv table.prijstabel td.label { width:100px; } .dataDiv table.prijstabel td.eigenschaplabel { width:150px; } img.plaatsIcon { vertical-align: text-bottom; margin-bottom:2px; margin-right:5px; } table#camperOffertes { width:100%; border:1px solid #02a2fa; border-collapse: collapse; } table#camperOffertes td.label { font-weight:bold; } table#camperOffertes td, table#camperOffertes th { padding:3px 5px; } table#camperOffertes td.totaal, table#camperOffertes th.totaal { text-align:right; font-weight:bold; } table#camperOffertes tr.odd { background-color:#d1eefe; } .dataDiv.offerteregels { border:0px; margin-bottom:10px; } .dataDiv.offerteregels table.prijstabel { background-color: white; border-collapse: collapse; } .dataDiv.offerteregels table.prijstabel td.prijs, .dataDiv.offerteregels table.prijstabel td.aantal, .dataDiv.offerteregels table.prijstabel td.totaal { text-align:right; } .dataDiv.offerteregels table.prijstabel tr.subtotaal td, .dataDiv.offerteregels table.prijstabel tr.grandtotaal td { border-bottom:1px solid gray; font-weight:bold; } .dataDiv.offerteregels table.prijstabel tr.grandtotaal td { border-bottom:0px; border-top:1px solid gray; font-size:18px; } span.camperoffertemeerinfo { text-decoration: underline; white-space: nowrap; cursor: help; } #jdCamperOfferteOpmerkingen { width:100%; height:80px; } div.businessclassoptie{ margin-left: 20px; } td.camper { text-align:center; vertical-align:top; } td.camper img.mojoImage { margin-bottom:0px; } input.zoeken { border: 1px solid #222; margin-bottom: 4px; margin-top: 4px; width: 160px; } .zoekForm { text-align: right; padding-right: 12px; } .vlak form { margin: 0px; padding: 0px; } div.attentieDiv { margin-bottom: 10px; padding: 0px 10px 0px 10px; border: 1px solid black; } div#jdAfspraakMogelijkhedenDivWrapper { padding: 0px 10px 0px 10px; } td.jdAfspraakMogelijheden { vertical-align: top; } td.jdAfspraakCalendar { width: 260px; } div#geenJdAfspraakMogelijkheid { padding-top: 5px; } div.jdAfspraakMogelijkheidDag table thead td{ font-weight: bold; color: white; background-color: #02a2fa; padding-top:3px; padding-bottom:3px; } div.jdAfspraakMogelijkheidDag table { border-collapse: collapse; background-color: white; border: solid #999999 1px; background-color: white; width: 100%; } div.jdAfspraakMogelijkheidDag table td { border: solid #CCCCCC 1px; color:#000000; vertical-align: top; font-weight: bold; text-align:left; padding:7px 9px; } td.jdAfspraakCalendar, td.jdAfspraakMogelijheden { vertical-align: top; } div.jdAfspraakMogelijkheidDag p { margin-bottom: 0px; } div.jdAfspraakMogelijkheidDag table td.tijdstip { width: 60px; } div#boekReisLink { padding-top: 40px; clear: both; text-align: right; } input.JdReisCategorieBut { background-image: url('../images/but.gif'); border: 0px; width: 150px; padding-left: auto; padding-right: auto; color: #ffffff; font-weight: bold; font-size: 12px; cursor: pointer; font-family: arial; } div.jdReisIntroAfbeeldingWrapper { position: relative; width: 258px; } div.jdReisIntroKolom { width:306px; float: left; } img.jdReisIntroAfbeelding { position: absolute; top: 20px; left: 0px;; } img.jdReisIntroPrijs { position: absolute; top: 0px; left: 162px; } #socialmedia div { display:overflow: height:20px; }  #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../components/slimbox-1.64/css/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../components/slimbox-1.64/css/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../components/slimbox-1.64/css/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../components/slimbox-1.64/css/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }