/* $Revision: 1.69 $ */ html, body {height:100%; margin:0; padding:0;} body {background-color:#fff; border-style:none; font:75%/1.2em Tahoma, Arial, Helvetica, Sans-serif; margin:0; padding:0; text-align:left;} fieldset {border:0; margin:0; padding:0;} input, select {font-family:Tahoma, Arial, Helvetica, Sans-serif; margin:0; padding:0;} legend {display:none;} form {margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {font-family:Tahoma, Arial, Helvetica, Sans-serif; margin:0; padding:0;} img {border:0;} p {margin:0; padding:0;} ol, ul, li {margin:0; padding:0; text-indent:0;} table {border-collapse:collapse; empty-cells:show; margin:0; padding:0;} .left {float:left;} .right {float:right;} .hidden {left:-900em; position:absolute;} .skip {display:none;} /* General ---------------------------------------------- */ a:hover {text-decoration:underline;} .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} .nowrap {white-space:nowrap;} .tlc {background-position:0 0; background-repeat:no-repeat; left:-1px; position:relative; top:-1px;} .trc {background-position:100% 0; background-repeat:no-repeat; right:-2px; position:relative;} .blc {background-position:0 100%; background-repeat:no-repeat; bottom:-2px; position:relative; left:-2px;} .brc {background-position:100% 100%; background-repeat:no-repeat; position:relative; right:-2px;} .checkbox {width:12px; height:12px; vertical-align:top;} /* Default submit button ---------------------------------------------- */ .frmBtn {background-color:#d90020; border:#d90020 solid 1px; color:#fff; display:block; float:right; font-weight:bold; text-decoration:none; white-space:nowrap;} .frmBtn:hover {color:#fff; text-decoration:underline;} .frmBtn:visited {color:#fff;} .frmBtn span {color:#fff;display:block; cursor:pointer;} .frmBtn .tlc {background-image:url("../img/clt-button.gif");} .frmBtn .trc {background-image:url("../img/crt-button.gif");} .frmBtn .blc {background-image:url("../img/clb-button.gif");} .frmBtn .brc {background-image:url("../img/crb-button.gif"); padding:1px 12px 3px 12px;} /* Wrapper ---------------------------------------------- */ #wrapper {width:964px; margin:0 auto; min-height:200px; overflow:hidden; position:relative;} /* Header ---------------------------------------------- */ #header {height:88px; width:100%;} #header .logo {float:left; height:35px; padding:16px 0 0 9px; text-indent:-1000em; width:171px;} #header .logo a {background:url("../img/logo.png") 0 0 no-repeat; display:block; height:35px; text-indent:-1000em; width:171px;} /* Search ---------------------------------------------- */ .search {background-color:#c6e5ff; border:#c6e5ff solid 1px; float:right; margin:16px 0 0 0;} .search div.tlc {background-image:url("../img/clt-search.gif");} .search div.trc {background-image:url("../img/crt-search.gif");} .search div.blc {background-image:url("../img/clb-search.gif");} .search div.brc {background-image:url("../img/crb-search.gif"); overflow:hidden; padding:6px 8px 8px 9px; width:345px;} .search label {color:#002950; float:left; font-weight:bold; line-height:1em; padding:4px 10px 0 0; text-transform:uppercase;} .search input.in {border:#bebebe solid 1px; color:#217ac2; float:left; font-size:0.9em; height:15px; padding:2px 0 1px 7px; margin-right:6px; width:200px;} /* Main navigation ---------------------------------------------- */ #navigation {background:#d90020 url("../img/bg-mainNav-l.gif") 0 0 no-repeat; border-bottom:#fff solid 1px; left:0; margin:0; position:absolute; top:65px; width:964px;} #navigation .b1 {background:url("../img/bg-mainNav-r.gif") 100% 0 no-repeat; height:22px; padding-left:15px;} #navigation ul {} #navigation li {float:left; list-style:none; margin:4px 20px 0 0; padding:0;} #navigation li a {font-weight:bold; color:#fff; text-decoration:none;} #navigation li a:hover {text-decoration:underline;} #navigation .saved a {font-size:.92em; text-decoration:underline;} #navigation .contact {position:absolute; right:0; width:200px; margin:4px 15px 0 0; text-align:right;} /* #navigation .contact-by-mail {background:url("../img/ico/contact-by-mail.gif") 0 1px no-repeat; padding:0 0 0 16px; margin:0 0 0 7px;} #navigation .contact-by-phone {background:url("../img/ico/contact-by-phone.gif") 0 1px no-repeat; padding:0 0 0 20px; margin:0 0 0 7px;} */ /* Main ---------------------------------------------- */ #main {background-color:#2e8dda; background-position:100% 100%; background-repeat:no-repeat; float:left; overflow:hidden; margin-bottom:20px; width:100%;} #main .mainb1 {background:url("../img/home-onder.gif") 0 100% no-repeat; min-height:250px; overflow:hidden;} #main .mainb2 {background:#fff;} /* Breadcrumbs (contentPage, landingsPage) ---------------------------------------------- */ .breadcrumbs {background:url("../img/header-actions.png") no-repeat; border-bottom:#fff solid 1px; color:#002950; font-size:.92em; min-height:18px; padding:4px 10px 3px 10px;} .breadcrumbs a {color:#2e8dda; text-decoration:none;} .breadcrumbs a:hover {color:#d90020; text-decoration:underline;} .pageactions {float:right; padding-right:80px;} .pageactions span {color:#b2beca;} .language-selector {float:right; line-height:1.5em; margin-top:-2px; text-align:right; width:200px;} .language-selector label {padding-right:7px;} .language-selector select {font-size:1em; border:1px solid #bebebe; padding:1px;} /* Format ---------------------------------------------- */ .format {padding:3px 0 10px 0;} /*.landingPage {background:url("../img/bg-landing.png") 0 100% no-repeat; height:400px;}*/ .without-book-tool {background-image:url("../img/bg-landing2.png");} .contentPage {background-color:#fff; padding-top:0;} .contentPageWide {background-color:#fff; padding-top:0;} .contentPageWide .content {width:672px;} .extracontent {width:217px; float:left;} .firstcontent {width:325px; float:left;} .secondcontent {width:325px; float:right;} .thirdcontent {width:212px; float:left;} .column-content {width:326px; float:left;} .extra {width:267px; float:right; padding:14px 0;} /* PageHeader ( contentPage ) ---------------------------------------------- */ .pageheader {background:#2e8dda url("../img/bg-pageHeader-outside.gif") 0 100% no-repeat; height:97px; position:relative;} .pageheader img {float:right;} .pageheader .rightgraphic {background:url("../img/bg-pageHeader-corner.png") 100% 100% no-repeat; height:14px; width:14px; right:0; bottom:0; position:absolute;} .pageheader .headers {background:url("../img/bg-pageHeader-inside.png") 0 100% no-repeat; width:673px; margin:0 0 8px 10px; position:absolute; height:89px;} .pageheader h1 {color:#002950; font-weight:normal; font-size:2.08em; padding:28px 0 13px 20px;} .pageheader h2 {color:#002950; font-weight:normal; font-size:1.25em; padding-left:20px;} .pageheader ul {margin-left:20px;} .pageheader ul li {background:url("../img/arrow-pageHeader.gif") 0 3px no-repeat; color:#74b4e8; float:left; font-size:1em; list-style:none; padding:0 9px 0 16px;} .pageheader ul li a {color:#2e8dda;} .pageheader ul li span {color:#003663;} .pageheader ul li.first {background:none; padding-left:0;} /* Language field ---------------------------------------------- */ .language-field {background:url("../img/bg-language-field.gif") 0 0 no-repeat; height:41px; padding:7px 15px 0 15px; position:absolute; right:-5px; text-align:left; top:10px; width:178px;} .language-field label {float:left; padding:5px 5px 0 0;} .language-field select.select {float:left; margin-top:2px; vertical-align:top; width:113px;} /* Link list ---------------------------------------------- */ .linklist {margin:7px 0 10px 0; padding:0; list-style:none; float:left;} .linklist li {background:url("../img/li-pijl.gif") 0 3px no-repeat; margin:0; padding:0 0 0 12px; line-height:1.4; font-size:.92em;} .linklist li a {background:none; padding:0 0 0 0; color:#2e8dda; text-decoration:none;} .linklist li a:hover {text-decoration:underline; color:#d90020;} /* Box ---------------------------------------------- */ .box {background:url("../img/bg-box-top.png") 0 0 no-repeat; float:left; padding-top:20px; width:771px;} .box .b1 {background:url("../img/bg-box-bottom.png") 0 100% no-repeat; float:left; width:771px;} .box .b2 {background:url("../img/bg-box-middle.png") 0 0 no-repeat; float:left; min-height:323px; padding:0 0 35px 0; width:771px;} .criseshome .b1 {background-image:url("../img/bg-box-bottom-crises.png");} .criseshome .b2 {background-image:url("../img/bg-box-middle-crises.png");} .splash .b1 {background-image:url("../img/bg-box-splash-bottom.png");} .splash .b2 {background-image:url("../img/bg-box-splash-middle.png");} .splashcrises .b1 {background-image:url("../img/bg-box-splash-bottom-crises.png");} .splashcrises .b2 {background-image:url("../img/bg-box-splash-middle-crises.png");} .splashcrisesheavy .b1 {background-image:url("../img/bg-box-splash-bottom-hcrises.png");} .splashcrisesheavy .b2 {background-image:url("../img/bg-box-splash-middle-hcrises.png");} .splashcrisesheavywidth {background-image:url("../img/bg-box-top-splash-width.png"); width:964px;} .splashcrisesheavywidth .b1 {background-image:url("../img/bg-box-splash-bottom-width.png"); width:964px;} .splashcrisesheavywidth .b2 {background-image:url("../img/bg-box-splash-middle-width-hcrises.png"); width:964px;} .double {background-image:url("../img/bg-box-small-top.png"); width:611px;} .double .b1 {background-image:url("../img/bg-box-small-bottom.png"); width:611px;} .double .b2 {background-image:url("../img/bg-box-small-middle.png"); width:611px;} .doublecrises {background-image:url("../img/bg-box-small-top.png"); width:611px;} .doublecrises .b1 {background-image:url("../img/bg-box-small-bottom-crises.png"); width:611px;} .doublecrises .b2 {background-image:url("../img/bg-box-small-middle-crises.png"); width:611px;} .doublecrisesheavy {background-image:url("../img/bg-box-small-top.png"); width:611px;} .doublecrisesheavy .b1 {background-image:url("../img/bg-box-small-bottom-hcrises.png"); width:611px;} .doublecrisesheavy .b2 {background-image:url("../img/bg-box-small-middle-hcrises.png"); width:611px;} /* textField ---------------------------------------------- */ .box .textField {float:left; padding-left:27px; width:468px;} .box .textField h2 {color:#002950; font-size:1.25em; margin:8px 0 12px 0;} .box .textField h3 {clear:both; color:#002950; font-size:.92em; font-weight:bold;} .box .textField h4 {font-size:.92em; font-weight:bold; margin:0;} .box .textField img {float:left; margin:0 10px .3em 0;} .box .textField p {font-size:.92em; line-height:1.4em; padding-bottom:10px;} .box .textField hr {background:url("../img/dotted.gif") 0 50% repeat-x; border:none; clear:both; display:block; height:2px; margin:5px 0; padding:0;} .box .textField ol {padding-left:20px;} .box .textField a.klm {color: #3181C3;} .box .textField a.klm:hover {color: #D90020;} .box .textField span.date {display:block; font-size:.92em; font-style:italic; line-height:1.4em; padding-bottom:5px;} .box .textField .linklist {width:50%;} .box .textField a.moreInfo {color:#2e8dda; font-size:.92em; background:url("../img/arrow-double.gif") 100% 5px no-repeat; margin:5px 0 0 20px; padding:0 10px 0 0; text-decoration:none;} .box .textField a.moreInfo:hover {color:#d90020; text-decoration:underline;} .criseshome .box .textField a.moreInfo {color:#000;} .criseshome .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .splashcrises .box .textField a.moreInfo {color:#000;} .splashcrises .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .splashcrisesheavy .box .textField a.moreInfo {color:#000;} .splashcrisesheavy .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .splashcrisesheavywidth .box .textField a.moreInfo {color:#000;} .splashcrisesheavywidth .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .doublecrises .box .textField a.moreInfo {color:#000;} .doublecrises .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .doublecrises .box .textField a.moreInfo {color:#000;} .doublecrises .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .doublecrisesheavy .box .textField a.moreInfo {color:#000;} .doublecrisesheavy .box .textField a.moreInfo:hover {color:#000; text-decoration:underline;} .box .textField table {width:100%; color:#1b1464; line-height:1.3; margin:0 0 10px;} .box .textField table th {text-align:left; font-weight:normal;} .box .textField table .prijs {text-align:right;} .box .textField table a.aanbieding {color:#1B1464; text-decoration:none;} .box .textField table a:hover.aanbieding {color:#D90020; text-decoration:underline;} .box .textField.crises {background:url("../img/bg-crises.png") 20px 70px no-repeat; float:left; min-height:217px; padding:0 10px 17px 27px; width:912px;} .box .smallField {width:135px; padding-left:25px;} .doublecrisesheavy .smallField {background:none; padding-left:27px; width:305px;} .box .middleField {width:216px; padding-left:25px;} .box .middleField img {max-width:217px;} .box .middleField img.banner {margin:10px 0 0;} .box .middleField a.moreInfo {color:#2e8dda; font-size:.92em; background:url("../img/arrow-double.gif") 100% 5px no-repeat; margin:5px 0 0 0px; padding:0 10px 0 0; text-decoration:none;} .box .middleField em {font-style:normal;} .box .middleField a {color:#2E8DDA;text-decoration:none;} .box .middleField a:hover {color:#D90020;text-decoration:underline;} .box .middleField p {color:#1B1464;} /* destination ---------------------------------------------- */ .destination {background:#e4f1fb url("../img/aanbiedingen-onder.gif") 0 100% no-repeat; padding:0 0 10px;} .destination h3 {background:url("../img/aanbiedingen-boven.gif") no-repeat; color:#002950; font-size:1.2em; padding:8px 0 5px 12px; margin-top:0; margin-left:0;} .destination h3 a {color:#1b1464; background:none; padding:8px 0 0 8px; margin-top:0; margin-left:0;} .destination ul {border-bottom:#fff solid 2px; margin:0 5px 7px 5px; padding:0 3px 3px; list-style:none;} .destination ul li {color:#4269a4; background:url("../img/li.gif") 0 11px no-repeat; padding:0 0 0 10px; font-weight:bold; line-height:2;} .destination a.moreInfo {margin:0 0 0 8px;} .destination .frmBtn {margin-right:8px;} /* doorway link ---------------------------------------------- */ .doorwayLink {width:100%;} .doorwayLink a {color:#2e8dda; text-decoration:none;} .doorwayLink a:hover {color:#d90020; text-decoration:underline;} .selectlanguage {background:url("../img/bg-label.png"); padding:3px 0 3px 2px; margin:5px 0 0 0; font-size:.92em;} .selectlanguage .checkbox {margin:1px 5px 1px 1px;} /* destination listing ---------------------------------------------- */ .destination-listing {background:#fff url("../img/dotted-border.gif") 0 0 repeat-x; list-style:none; margin:0; padding:2px 0 0 0;} .destination-listing .linklist {margin:0; padding:0; list-style:none; width:100%; float:none;} li.listingopen {margin:0; padding:0; line-height:15px;} li.listingopen a {background:url("../img/destination-listing-open.gif") 2px 7px no-repeat; display:block; font-weight:bold; line-height:15px; padding:3px 0 2px 15px; text-decoration:none;} li.listingopen a:hover {color:#d90020; text-decoration:underline;} li.listingopen div a {background:none; display:inline; margin-left:0; color:#2e8dda; font-weight:normal; padding:0;} li.listingopen a, li.listingopen span {color:#002950;} li.listingopen span {font-weight:bold;} li.listingclosed {color:#00534d; margin:0; padding:0; line-height:15px;} li.listingclosed a {background:url("../img/destination-listing-closed.gif") 0 100% no-repeat; color:#002950; font-weight:normal; line-height:15px; padding:3px 0 6px 15px;} li.listingopen div {background:url("../img/destination-dotted-border.gif") 0 100% repeat-x; margin:0; padding:3px 0 10px 5px;} li.listingclosed div {display:none;} /* departureTabs (splashpage) ---------------------------------------------- */ #toggler {background:#fff url("../img/dotted-border.gif") 0 0 repeat-x; list-style:none; padding-top:2px;} #toggler h2 {background:url("../img/destination-listing-closed.gif") 0 100% no-repeat; color:#002950; cursor:pointer; font-size:0.9em; font-weight:100; line-height:15px; margin:0; padding:3px 0 6px 15px;} #toggler div {display:none; position:relative;} #toggler div.active {display:block;} /* #departureAccordion li.tab {list-style:none;} #departureAccordion li.tab a {} #departureAccordion li.ui-tabs-selected a {background:url("../img/destination-listing-open.gif") 2px 7px no-repeat; font-weight:bold; padding:3px 0 2px 15px;} #departureAccordion li.tab a:hover {color:#d90020; text-decoration:underline;} .ui-tabs .ui-tabs-hide {display:none;} */ /* frame field ---------------------------------------------- */ .frameField {float:left; padding:1px 0 0 20px; position:relative; width:315px;} /*.landingPage .frameField {padding:23px 0 0 25px;}*/ .frameField .frame {display:none; float:left; height:283px; margin:0; width:300px;} /*.landingPage .frameField .frame {margin-left:10px;}*/ .frameField .iciBoxbg {background:url("../img/bg-icibox.png") 0 100% no-repeat; display:none; height:320px; left:15px; position:absolute; top:26px; width:576px; z-index:1000;} .frameField .frameWide {float:left; height:271px; margin:5px 0 0 5px; width:560px;} .frameField .visibleFrame {display:block;} .frameField .item {display:none; clear:both; width:300px; padding:12px 10px 10px; position:relative;} .frameField .item h3 {margin:0 0 4px;} .frameField .item div.paragraph {margin:12px 0;} .frameField .item a.meerinfo {color:#2e8dda; text-decoration:none; background:url("../img/arrow-double.gif") 100% 5px no-repeat; padding:0 10px 0 0; margin:0;} .frameField .item a.meerinfo:hover {color:#d90020; text-decoration:underline;} .frameField .item a.voorwaarden {color:#2e8dda; text-decoration:none; padding:0; margin:7px 0 0 0; float:left;} .frameField .item a.voorwaarden:hover {color:#d90020; text-decoration:underline;} .frameField .item .button {background:#d90020 url("../img/search-box-left-wit.gif") no-repeat; height:20px; float:right; right:8px; margin:0; display:block; padding:0; color:#fff; font-weight:bold; text-decoration:none;} .frameField .item .button span {background:url("../img/search-box-right-wit.gif") 100% 0 no-repeat; display:block; height:20px; padding:3px 10px 0;} .frameField .item .button:hover {text-decoration:underline;} .frameField .item .itemfoot {clear:both; border:solid #fff; border-width:2px 0 0; margin:10px 0 0; padding:5px 0 0;} /* frameNav ---------------------------------------------- */ .frameNav {float:left; list-style:none; padding:0;} .frameNav li {background:url("../img/bg-frameNav.png") no-repeat; display:block; float:left; height:25px;} .frameNav li a {background:url("../img/bg-frameNav-end.png") 100% 0 no-repeat; color:#fff; cursor:pointer; display:block; font-weight:bold; height:15px; padding:10px 14px 0; text-decoration:none; text-transform:uppercase;} .frameNav .selected {background:url("../img/bg-frameNav-selected.png") 0 0 no-repeat;} .frameNav .selected a {background:url("../img/bg-frameNav-end-selected.png") 100% 0 no-repeat; color:#002950;} .frameNav .selected a:hover {text-decoration:underline;} /* pageTheme ---------------------------------------------- */ .pageTheme {height:410px; overflow:hidden; position:relative;} .pageTheme1 {height:410px; overflow:hidden; position:relative;} .themeb1 {left:0; position:absolute; top:0;} .themeb2 {left:0; position:absolute; top:0;} .innerthemeb1 {background:url("../img/bg-theme.png") 0 100% no-repeat; height:410px; width:964px;} .innerinnerthemeb1 {background:url("../img/bg-theme.gif") 0 100% no-repeat; height:390px; padding:0 10px 20px 10px; width:944px;} .themeb2 .innerthemeb1 {background:none; height:400px;} .themeb2 .innerinnerthemeb1 {height:380px; padding:0 10px 20px 0; width:954px;} .pageTheme .textField {float:left; margin-top:250px; width:100%;} .pageTheme .textField h1 {color:#fff; font-size:1.9em; font-weight:normal; line-height:1em; padding:0 0 10px 23px;} .pageTheme .textField p {color:#fff; font-size:1em; line-height:1.5em;} .pageTheme .textField ul {font-weight:bold; list-style:none; margin-top:2px;} .pageTheme .textField ul li {background:url("../img/li-wit.gif") 0 7px no-repeat; color:#fff; padding:0 0 6px 10px;} .pageTheme .column {float:left; padding-left:25px; width:685px;} .pageTheme .column a {color:#fff;} .pageTheme .column a:hover {color:#fff; text-decoration:underline;} .pageTheme .column h1 {margin-top:0; padding-left:0;} .pageTheme .column h2 {color:#fff; font-size:1.8em; font-weight:normal; margin-bottom:5px;} .pageTheme .column h3 {margin:0 0 5px; color:#fff; font-size:1.25em; font-weight:bold;} .pageTheme .column .readMore {display:block; text-align:right;} .pageTheme .column .linklist {list-style:none; width:100%;} .pageTheme .column .linklist li {background:url("../img/li-pijl-wit.png") 0 5px no-repeat; font-size:1em; font-weight:100; padding-left:12px;} .pageTheme .column .linklist li a {color:#fff; line-height:1.6em;} .pageTheme .related {padding-left:25px; width:209px;} /* Mini book tool (pageTheme) ---------------------------------------------- */ .pageTheme.miniBookTool .textField {width:666px;} .pageTheme.miniBookTool .column {width:407px;} .pageTheme.miniBookTool .related {padding-left:25px; width:209px;} .pageTheme .miniBookTool {background:url("../img/bg-theme-minibooktool.png") 20px 0 no-repeat; float:right; height:256px; margin-top:138px; padding:10px 0 0 30px; width:248px;} .pageTheme .miniBookTool iframe {height:245px; margin:0; padding:0; width:235px;} /* Book tool accordion (pageTheme) ---------------------------------------------- */ .pageTheme .miniBookToolAccordion {background:url("../img/bg-theme-minibooktoolaccordion.png") 0 0 no-repeat; float:right; height:379px; margin-top:15px; padding:10px 11px 0 7px; width:240px;} .pageTheme .miniBookToolAccordion h3 {background:url("../img/bg-accordion-hd-left.gif") 0 0 no-repeat; font-size:1.1em; line-height:1em; margin-bottom:1px;} .pageTheme .miniBookToolAccordion h3 span {background:url("../img/bg-accordion-hd-right.gif") 100% 0 no-repeat; display:block; height:25px;} .pageTheme .miniBookToolAccordion h3 a {background:url("../img/arrow-accordion-hd-right.gif") 8px 10px no-repeat; color:#fff; display:block; padding:5px 0 0 16px; text-decoration:none;} .pageTheme .miniBookToolAccordion h3.ui-state-active {background:url("../img/bg-accordion-hd-left-active.gif") 0 0 no-repeat; font-size:1.1em; line-height:1em; margin-bottom:1px;} .pageTheme .miniBookToolAccordion h3.ui-state-active span {background:url("../img/bg-accordion-hd-right-active.gif") 100% 0 no-repeat; display:block; height:25px;} .pageTheme .miniBookToolAccordion h3.ui-state-active a {background:url("../img/arrow-accordion-hd-down.gif") 5px 12px no-repeat;} .pageTheme .miniBookToolAccordion .ui-accordion-content {height:315px;} .pageTheme .miniBookToolAccordion .bookerForm {padding-top:4px;} .pageTheme .miniBookToolAccordion .bookerForm div {clear:both; float:left; padding-bottom:10px; padding-left:5px; overflow:hidden; width:100%;} .pageTheme .miniBookToolAccordion .bookerForm div.hidden {left:-900em; position:absolute;} .pageTheme .miniBookToolAccordion .bookerForm div div {clear:none; margin-bottom:0; padding:0;} .pageTheme .miniBookToolAccordion .bookerForm div p {color:#002950; font-size:0.9em;} .pageTheme .miniBookToolAccordion .bookerForm div p span {text-transform:uppercase;} .pageTheme .miniBookToolAccordion .bookerForm label {color:#002950; cursor:pointer; float:left; font-size:0.9em; line-height:1em; padding-bottom:4px;} .pageTheme .miniBookToolAccordion .bookerForm label.front {font-weight:700; display:block; width:100%;} .pageTheme .miniBookToolAccordion .bookerForm label.radio {padding:1px 13px 0 5px;} .pageTheme .miniBookToolAccordion .bookerForm label#findCar {background:url("../img/ic-car.png") 5px 0 no-repeat; padding:4px 24px 4px 31px;} .pageTheme .miniBookToolAccordion .bookerForm label#findHotel {background:url("../img/ic-hotel.png") 5px 0 no-repeat; padding:4px 24px 4px 31px;} .pageTheme .miniBookToolAccordion .bookerForm .text {border:#a5acb2 solid 1px; font-size:0.9em; padding:3px 2px 3px 5px; float:left; width:221px; margin:0 5px 0 0;} .pageTheme .miniBookToolAccordion .bookerForm .textSmall {width:78px;} .pageTheme .miniBookToolAccordion .bookerForm select {border:#a5acb2 solid 1px; font-size:0.9em; float:left; height:20px; width:230px; margin:1px 5px 0 0;} .pageTheme .miniBookToolAccordion .bookerForm select.small {margin-bottom:3px; width:46px;} .pageTheme .miniBookToolAccordion .bookerForm select.medium {width:87px;} .pageTheme .miniBookToolAccordion .bookerForm .radio {float:left; margin-top:3px; height:15px;} .pageTheme .miniBookToolAccordion .bookerForm .collection {width:205px; float:left; margin:0;} .pageTheme .miniBookToolAccordion .bookerForm .collection div {float:left;} .pageTheme .miniBookToolAccordion .bookerForm .vertical div { clear:both; float:none; overflow:auto;} .pageTheme .miniBookToolAccordion .bookerForm .vertical input {clear:left;} .pageTheme .miniBookToolAccordion .bookerForm .vertical label {padding:5px 0 0 5px;} .pageTheme .miniBookToolAccordion .bookerForm .twoColumn {width:117px; float:left;} .pageTheme .miniBookToolAccordion .bookerForm .twoColumn a {float:left; padding-top:2px;} .pageTheme .miniBookToolAccordion .bookerForm .frmBtn {float:left;} /* Datepicker ---------------------------------------------- */ .ui-datepicker-trigger {margin:0 4px 0; vertical-align: text-top;margin-bottom:0px!important} /* Book tool (pageTheme) ---------------------------------------------- */ .pageTheme .bookTool .frameField {padding:12px 0 0 12px; height:330px;} .pageTheme.bookTool .textField {width:600px;} .pageTheme.bookTool .column {width:381px;} .pageTheme.bookTool .related {padding-left:25px; width:169px;} .pageTheme .bookTool {background:url("../img/bg-theme-booktool.png") 0 0 no-repeat; float:left; height:386px; margin-top:10px; padding:0; width:344px;} .pageTheme .bookTool .frameField iframe {height:330px;} /* Content ---------------------------------------------- */ .content {float:left; padding:26px 0 0 10px; width:443px;} .content a {color:#2e8dda; text-decoration:none;} .content a:hover {color:#d90020; text-decoration:underline;} .content a.meerinfo {display:inline-block; margin:-10px 0 30px 0;} .content dl {} .content dl dt {border-bottom:#c6e3fc solid 1px; color:#d90020; font-weight:700; padding-bottom:5px;} .content dl dd {border-bottom:#c6e3fc solid 1px; color:#003562; margin:0; padding:5px 0 5px 0;} .content h3 {clear:both; color:#002950; font-size:1.25em; padding-bottom:10px; position:relative;} .content p {color:#353535; line-height:1.33; padding-bottom:25px;} .content p.back-to-top {background:url("../img/to-top-pijl.gif") no-repeat right 5px; padding:0 10px 0 0; text-align:right;} .content ol {line-height:1.33; margin:0 0 25px 19px;color:#353535;} .content ol li {padding-bottom:4px;} .content ul {line-height:1.33; list-style:none; margin:0 0 25px 0;} .content ul li {background:url("../img/li.gif") 0 6px no-repeat; list-style:none; padding:0 0 4px 11px;} .content ul.download li {background:url("../img/download-li.gif") 0 4px no-repeat; color:#b2beca; padding:0 0 4px 20px;} .content ul.download li a {color:#000; text-decoration:none;} .content ul.download li a:hover {color:#d90020;text-decoration:underline;} .content img {margin-bottom:15px;} .content img.align-right {float:right; clear:right; margin:0 0 7px 7px;} .content img.align-left {float:left; clear:left; margin:0 7px 7px 0;} .fullwidth {width:100%;} .fullwidth #main{width:100%;} .fullwidth .contentPageWide {width:100%} .fullwidth .contentPageWide .content {width:auto!important;padding-right:10px;} .TimeTable h3 {margin-right:5px; margin-bottom:10px;} .content .no-margin {margin-left:0;} .content .no-margin h3 {margin-left:10px;} .content .no-margin .contact-info h3 {margin-left:0;} /* Overview (content) {grouped horizontaly} ---------------------------------------------- */ .overview {background:url("../img/dotted.gif") 0 0 repeat-x; float:left; padding-top:28px; width:100%;} .overviewRow {background:url("../img/bg-overview-border.gif") 0 100% repeat-x; float:left; margin-bottom:27px;} .overviewRow .item {float:left; margin:0 17px 10px 0; width:212px;} .overviewRow .item h3 {line-height:1.2em; font-size:1em; font-weight:bold;margin:0.6em 0;padding:0;} .overviewRow .item h3.line {background:url("../img/bg-overview-border.gif") 0 100% no-repeat; margin-bottom:9px; padding-bottom:11px;} .overviewRow .item img {margin-bottom:6px;} .overviewRow .item p {color:#002950; padding-bottom:7px;} .overviewRow .item .readMore {background:url("../img/arrow-double.gif") 100% 4px no-repeat; float:right; font-size:0.9em; padding-right:10px;} .overviewRow .item ul {margin-bottom:7px;} .overviewRow .item ul li {background:url("../img/li-pijl.gif") no-repeat 0 3px; line-height:1.33; list-style:none; padding:0 0 4px 10px;} .overviewRow .last {margin-right:0;} /* page-nav ---------------------------------------------- */ .page-nav {float:left; background:url("../img/page-nav-bg.gif") repeat-x top left; height:40px; width:682px; margin:10px 0;} .content .page-nav ul {/* ie6-7 */ position:relative; list-style:none; text-align:center; padding:8px 0 0; width:682px;} .content .page-nav li {background:none; display:inline; color:#b2beca; list-style:none;} .content .page-nav li span {color:#002950;} .content .page-nav li.prev {/* ie6-7 */ position:absolute; left:10px; top:8px;} .content .page-nav li.next {/* ie6-7 */ position:absolute; right:10px; top:8px;} .page-bottom {margin:0;} /* Mutiple items (content) ---------------------------------------------- */ .multiple-items-container {margin:0 0 20px 0; width:682px; padding:0; float:left; color:#002950; background:url("../img/dotted-border-special.gif") no-repeat bottom left; position:relative; line-height:1.33;} .multiple-items-no-image {margin:0 0 20px 0; width:682px; padding:0; float:left; color:#002950; background:url("../img/dotted-border-special.gif") no-repeat bottom left; position:relative; line-height:1.33;} .single-item-image {margin:0 0 20px 0; width:682px; padding:0; float:left; color:#002950; background:url("../img/dotted-border.gif") repeat-x 0 100%; position:relative; line-height:1.33;} .single-item {margin:0 0 20px 0; width:682px; padding:0; float:left; color:#002950; background:url("../img/dotted-border.gif") repeat-x 0 100%; position:relative; line-height:1.33;} .no-border {background:url("../img/border-special.gif") no-repeat bottom left;} .multiple-items-container img {display:block; float:left; margin:0 30px 10px 0;} .single-item-image img {display:block; float:left; margin:0 30px 10px 0;} .multiple-items-container p {margin:0 0 10px; padding:0;} .single-item-image p {margin:0 0 10px; padding:0;} .single-item p {margin:0 0 10px; padding:0;} .single-item-image .item-content01 {margin:10px 0 5px 0; padding:20px 10px 0 0;} .single-item .item-content01 {margin:10px 0 5px 0; padding:0 10px 0 0;} .multiple-items-no-image p {margin:0 0 10px; padding:0;} .multiple-items-container .item-content01 ul {margin:0; padding:0; position:relative;} .multiple-items-container .item-content02 ul {margin:0; padding:0; position:relative;} .multiple-items-no-image .item-content02 ul {margin:0; padding:0; position:relative;} .multiple-items-container .item-header, .single-item-image .item-header, .multiple-items-no-image .item-header {display:block; float:left; margin-bottom:1px; width:440px; background:#fff;} .multiple-items-container .item-header {width:300px;} .multiple-items-no-image .item-header {background:none; width:440px;} .multiple-items-container .item-header h3, .single-item-image .item-header h3, .single-item .item-header h3, .multiple-items-no-image .item-header h3 {padding:0; margin:0;} .multiple-items-container .item-content01, .multiple-items-no-image .item-content01 {float:left; width:207px; margin:10px 0 5px 0; padding:0 10px 0 0;} .multiple-items-no-image .item-content01 {padding:0 0 0 29px;} .multiple-items-container .item-content02, .multiple-items-no-image .item-content02 {float:left; width:207px; margin:10px 0 65px 0; padding:0 0 0 10px;} .multiple-items-no-image .item-content02 {padding:0 0 0 29px;} .multiple-items-container ul.special, .multiple-items-no-image ul.special {margin:30px 0 0 0; padding:0; list-style:none; width:190px; position:absolute; right:20px; bottom:5px;} .multiple-items-container ul.special li, .multiple-items-no-image ul.special li {float:left; font-weight:bold; width:89px; height:20px; margin:0 6px 6px 0; padding:0; text-align:center; background:url("../img/li-blue.gif") no-repeat bottom left;} .multiple-items-container ul.special li.red, .multiple-items-no-image ul.special li.red {background:url("../img/li-red.gif") no-repeat bottom left;} .multiple-items-container ul.special li a, .multiple-items-no-image ul.special li a {color:#fff; display:block; margin:3px 0 1px 0;} /* Content blocquote (content) ---------------------------------------------- */ .blocquote {border:#b2beca solid 1px; margin-bottom:15px; width:100%;} .blocquote div.tlc {background-image:url("../img/tlc-blockquote.gif");} .blocquote div.trc {background-image:url("../img/trc-blockquote.gif");} .blocquote div.blc {background-image:url("../img/blc-blockquote.gif");} .blocquote div.brc {background-image:url("../img/brc-blockquote.gif"); overflow:hidden; padding:7px 18px 0 18px;} .blocquote h3 {} .blocquote p {padding-bottom:20px;} /* pageNav (content) ---------------------------------------------- */ .pageNav {background:url("../img/bg-pageNav.gif") 0 0 repeat-x; float:left; margin-bottom:20px; width:100%;} .pageNav ul {margin:0; padding:7px 0 6px 0; position:relative; text-align:center; width:100%;} .pageNav ul li {background:none; color:#b2beca; display:inline; list-style:none; padding:0;} .pageNav ul li span {color:#002950;} .pageNav ul li.prev {left:10px; position:absolute; top:7px;} .pageNav ul li.next {position:absolute; right:10px; top:7px;} /* FAQ (content / secondarycontent) ---------------------------------------------- */ .faq li {/* ie6-7 */ margin:0 0 8px 0; padding:0 0 0 15px; background:url("../img/li-pijl-grijs.gif") 0 3px no-repeat;} .faq li span {float:left; color:#2e8dda;} .faq li div img {float:right;} .faq li.answeropen {/* ie6-7 */ background:url("../img/li-pijl-blauw.gif") no-repeat 0 7px; margin:0 0 15px 0; padding:0 0 0 15px; line-height:17px;} .faq li.answeropen a {display:block; margin-left:25px; font-weight:bold;} .faq li.answeropen a:hover {color:#d90020;} .faq li.answeropen div a {display:inline; margin-left:0; color:#2e8dda; font-weight:normal;} .faq li.answeropen a, .faq li.answeropen span {color:#002950;} .faq li.answeropen span {font-weight:bold;} .faq li ul , .faq li ol {padding:0 0 0 0px;} .faq li.answeropen ol li {background:none; margin-left:15px;} .faq li.answeropen ul li {list-style:none; background:url("../img/li.gif") 0 11px no-repeat; padding:0 0 0 10px; line-height:2;} .faq li.answeropen ul li p {line-height:2;} .faq li.answerclosed {/* ie6-7 */ color:#00534d; background:url("../img/li-pijl-grijs.gif") no-repeat 0 5px; margin:0 0 10px 0; padding:0 0 0 15px;} .faq li.answerclosed a, .faq li.answerclosed span {color:#2e8dda; font-weight:normal;} .faq li.answeropen div {display:block; background:url("../img/dotted-border.gif") repeat-x bottom left; margin:15px 5px 0 -17px; padding:0 0 10px 42px; line-height:20px;} .faq li.answerclosed div {display:none;} /* Tables ---------------------------------------------- */ .content table {background-color:#e3f1fb; border-left:#b2beca solid 1px; width:100%; font-size:.92em; margin-bottom:25px;} .content table td {border:#b2beca solid 1px; border-width:1px 1px 1px 0; font-weight:normal; line-height:1.33; text-align:left; padding:5px 0 5px 8px; vertical-align:top;} .content table th {border:#b2beca solid 1px; border-width:1px 1px 1px 0; font-weight:normal; line-height:1.33; text-align:left; padding:5px 0 5px 8px; vertical-align:top;} .content table thead th {border-width:0 1px 1px 0; vertical-align:bottom;} .content table thead tr {background:#c2e3fd url("../img/thead-bg.gif") top left repeat-x;} .content table thead td {border-top:none 0px;} .content table tr.even td, .content table tr.even th, .content table tbody tr.even td {background-color:#c1e2fd;} .content table tr.even th, .content table tr.even td, .content table tr.even th {background:none;} .content .content-smal table tr.thead {background:url("../img/thead-bg.gif") 0 100% repeat-x;} .content .content-smal table tr.thead td {border-top:0;} .content .content-smal table tr.thead th {border-top:0;} .content .content-wide table tr.thead {background:url("../img/thead-bg.gif") 0 100% repeat-x;} .content .content-wide table tr.thead td {border-top:0;} .content .content-wide table tr.thead th {border-top:0;} /* Destination table ---------------------------------------------- */ .destinationtables {background:url("../img/table-bottom.png") 0 100% no-repeat; color:#002950; margin-bottom:2em; width:662px;} .destinationtables .borders {background:url("../img/form-top.png") no-repeat; line-height:1.8; padding:8px 4px 8px 3px; margin-top:0;} .destinationtables table {background:none; border-left:0; font-size:1em; padding:0; width:100%;} .destinationtables table th {vertical-align:middle;} .destinationtables table td {font-weight:normal; vertical-align:middle; padding:0;} .destinationtables table td img {margin-top:7px; margin-bottom:6px;} .destinationtables table tr.even td {background:none;} .destinationtables table thead tr {background:none; padding:0 0 0 8px;} .destinationtables table thead th {background:url("../img/bg-thead.png") 100% 100% no-repeat; padding:0 5px 4px; font-weight:normal; line-height:1em;} .destinationtables table thead .ec {padding:0 0 4px; width:10px; background:url("../img/bg-thead.png") 0 100% no-repeat;} .destinationtables table thead .country {text-align:left; width:189px; padding:0 10px 4px;} .destinationtables table thead .city {width:224px; padding:0 10px 4px 17px; text-align:left;} .destinationtables table thead .lastday {background:url("../img/bg-thead.png") 0 100% no-repeat;} .destinationtables table tfoot td {border:none; border-top:1px;padding:14px 0 0; font-size:1px;} .destinationtables table tbody td, .destinationtables table tbody th {border:solid #b2beca; border-width:0 1px 1px 0; text-align:center;} .destinationtables table tbody .ec {border:0;} .destinationtables table tbody th {text-align:left; border-right:none; font-weight:bold; padding:0 0 0 10px; vertical-align:middle;} .destinationtables table tbody .lastrow, .destinationtables tbody .lastday {border-width:0 0 1px;} .destinationtables table tbody .borderrow td {background:#fff; border-width:0 0 1px; font-size:1px; padding:2px 0 0;} .destinationtables table tbody .borderrow .ec {background:none; border-width:0;} .destinationtables table tbody .city {text-align:left; padding:0 0 0 17px;} .destinationtables table .firstrow td, .destinationtables table .firstrow th {background:url("../img/bg-toprow.png") repeat-x;} /* Kaders ---------------------------------------------- */ .destination, .newsletter {background:url("../img/form-bottom.png") 0 100% no-repeat; margin:2em 0 2em 0; color:#002950;} .destination {margin:0 0 2em;} .destination .borders, .newsletter .newsletter-first-choice {background:url("../img/form-top.png") no-repeat; padding:15px 15px 20px; overflow:auto; line-height:1.8;} .destination .borders {position:relative; /*top:-15px;*/} .destination .borders div {position:relative;} .destination .borders input {margin-top:10px;} .borders label, .borders .label {display:block; width:210px; text-align:right; float:left; margin:0 10px 0 0;} .borders .label {margin-top:4px;} .borders select {float:left; margin:0 0 5px;} .borders div {clear:both; margin:0 0; overflow:visible;} .borders div div {float:left; clear:none; margin:0 0 0 ; width:400px;} .borders div div label {float:none; display:inline; width:auto;} .content-smal.destination-co, .content-wide.destination-col {width:470px; margin-left:35px; padding-top:15px; margin-right:0; padding-right:0;} .content-smal .destination-row, .content-wide ,destination-row {padding:0 0 0; clear:both;} .content-smal .destination-row div, .content-wide .destination-row div {float:left; width:225px; margin:0 10px 0 0;} .content-smal .destination-row div {width:210px;} .content-smal .destination-row u, .content-wide .destination-row ul {list-style:none; padding:0; margin:10px 0 0; position:relative;} .content-smal .destination-row li, .content-wide .destination-row li {background:url("../img/li-pijl.gif") no-repeat 0 3px; padding:0 0 0 10px; margin:0 0 10px 0; position:relative;} /* Contact ---------------------------------------------- */ .contact-info {background:url("../img/contact-info-bg.jpg") 0 0 no-repeat; width:291px; padding:70px 20px 0 20px; position:relative;} .header-img {position:absolute; top:0; left:4px;} .contact-info-bottom {background:url("../img/contact-info-bg-bottom.jpg") 0 0 no-repeat; width:331px; height:27px; position:absolute; bottom:-27px; left:0;} .contact-info h3 {/* ie6-7 */ color:#2e8dda; font-size:2em;} .contact-info p, .contact-info div.paragraph {margin:0;} .contact-info h4 {font-weight:bold; font-size:100%; margin:20px 0 5px 0;} .contact-info p span, .contact-info div.paragraph span {display:block; float:left; width:130px;} .contact-faq {margin:30px 0 0 10px; width:300px;} .extracontent-faq {margin:30px 0 0 10px; width:186px;} div.contact-center {margin-top:33px; margin-bottom:10px;} div.contact-center div.border-top {background:url("../img/bg-contact-center-top.gif") bottom left no-repeat; height:10px;} div.contact-center div.contact-center-text {background:url("../img/bg-contact-center-main.gif") bottom left no-repeat; padding:0 21px 14px 21px; line-height:16px; color:#002950; overflow:auto; width:224px;} div.contact-center div.contact-center-text p, div.contact-center div.contact-center-text div.paragraph {margin-top:0;} div.contact-center div.contact-center-text p.phone-number {font:bold 1.25em Tahoma, arial, helvetica, sans-serif; color:#2e8dda; margin-top:10px; margin-bottom:3px;} div.contact-center div.contact-center-text p.phone-number img {margin-right:9px;} div.contact-center h3 {margin-bottom:10px;} /* Sitemap ---------------------------------------------- */ h3.sitemap {background:url("../img/dotted-border.gif") repeat-x bottom left; padding:0 0 5px 0;} h3.sitemap a, .sitemap-nav li a {color:#002950;} .sitemap-nav li li a {color:#2e8dda;} h3.sitemap a:hover, .sitemap-nav li a:hover {color:#d90020;} .sitemap-nav, .content .sitemap-nav ul {list-style:none; margin:12px 0 30px 0; padding:0;} .content .sitemap-nav {margin:8px 0 0 0;} .content .sitemap-nav li {background:url("../img/li-pijl-grijs.gif") no-repeat 0 3px; margin:0 0 8px 0; padding:0 0 0 10px;} .content .sitemap-nav li li {background:url("../img/li-pijl.gif") no-repeat 0 3px; padding:0 0 0 16px;} /* Zoeken ---------------------------------------------- */ .searchpage {margin-top:0;} .content .search-results {float:left; color:#002950; font-weight:bold; font-size:1.1em; width:640px; margin:10px 0 25px 5px; padding:0;} .search-results li {padding:0 0 8px 0; margin:0 0 6px 30px;} .search-results a {color:#002950;} .search-results a:hover {color:#d90020;} .search-results span {color:#2e8dda; font-weight:normal; font-size:0.92em; display:block; margin:3px 0 10px 0;} .search-results p, .search-results div.paragraph {background:url("../img/dotted-border.gif") repeat-x bottom left; color:#353535; font-weight:normal; font-size:0.92em; margin:0 0 0 -20px; padding:0 0 10px 20px;} .offset {font-size:0.92em; color:#002950; text-align:right; margin:30px 0 -4px 0; padding:0;} #searchfield-specific {background:url("../img/search-box-bg.gif") no-repeat 0 0; width:663px; height:37px; padding:16px 0 0 20px; margin-left:-10px;} #searchfield-specific label {font-size:0.92em; margin:0 0 0 20px; color:#1b1464; position:relative; top:5px;} .search-specific .button {background:#d90020 url("../img/button/search-box-left.gif") no-repeat; height:20px; float:right; margin:0 0 0 6px;} .search-specific .button {float:none; padding:3px 0;} .search-specific .button {background:#d90020 url("../img/button/search-box-left.gif") no-repeat; height:20px; margin:0 0 0 10px; display:block; padding:0; color:#fff; font-weight:bold; text-decoration:none; width:auto; float:left;} .search-specific .float-input {float:left;} .search-specific .button span {display:block; background:url("../img/button/search-box-right.gif") 100% 0 no-repeat; height:20px; padding:4px 10px 0; color:#fff; font-weight:bold; cursor:pointer;} .search-specific .button:hover {text-decoration:underline;} .search-specific input {width:197px; border:1px solid #bebebe; font-size:.92em; padding:2px 0 2px 3px; height:14px; color:#217ac2;} .search-specific span input {width:auto; background:#d90020; color:#fff; font-weight:bold; border:0; padding:2px 10px; height:20px; /* Zie buttonjs.css voor aanvullende stijling als JavaScript aan staat */} .search-specific .button {background:#d90020 url("../img/search-box-left.gif") no-repeat; height:20px; margin:0 0 0 10px; display:block; padding:0; color:#fff; font-weight:bold; text-decoration:none; width:auto; float:left;} .search-specific .button input {background:url("../img/button/search-box-right.gif") 100% 0 no-repeat; margin:0;} .search-specific .button span{display:block; background:url("../img/search-box-right.gif") 100% 0 no-repeat; height:20px; padding:2px 10px 0; color:#fff; font-weight:bold; cursor:pointer;} .search-specific .button:hover{text-decoration:underline;} .search-specific .button input, .subcontainer .container3 .button input{background:url("../img/search-box-right.gif") 100% 0 no-repeat; margin:0;} /* Newsletter styles ---------------------------------------------- */ .errormessage {padding:0 0 9px; background:url("../img/error-background-onder.gif") 0 100% no-repeat; margin:0 0 0; width:689px;} .errormessage .alert {margin:5px 9px 0 7px; padding:12px 0 6px 20px; list-style:none; color:#d90020; line-height:1.2; background:#ffffd6; border:dotted #bebebe; border-width:1px 0 0;} .errormessage h4 {padding:8px 0 6px 16px; margin:0; font-weight:bold; color:#002950; font-size:.92em; background:url("../img/error-background-boven.gif") no-repeat;} .alert li {margin:0; padding:0 0 3px 18px; list-style:none; color:#353535; background:url("../img/ico/error-alert.gif") 0 1px no-repeat; line-height:1.2; font-size:.92em;} .newsletter {background:url("../img/form-bottom.png") 0 100% no-repeat; margin:2em 0 2em 0; padding:0 0 15px; color:#002950; width:689px;} .newsletter .firstline {background:url("../img/form-top.png") no-repeat; height:15px; overflow:auto;} .newsletter {position:relative;} .newsletter fieldset {position:relative; margin:0 10px 8px; padding:5px 0 10px; clear:both;} .newsletter .error {background:#ffffd6; border:1px dotted #bebebe;} .newsletter .error .alert {margin:5px 0 0 220px; padding:0; list-style:none;} .newsletter .error .alert li {color:#d90020;} .newsletter .mandatory {background:url("../img/mandatory.gif") 100% 2px no-repeat; padding:0 5px 0 0; width:195px;} .newsletter .mandatory span {display:none;} .newsletter label {width:200px; text-align:right; display:block; float:left; margin:3px 18px 0 0; line-height:1.2;} .newsletter .radiocheck {float:left;} .newsletter .multipleselect, .newsletter textarea {float:left; width:220px; height:100px; overflow:auto; border:1px solid #bebebe; padding:2px; background:#fff;} .newsletter .radiocheck label, .newsletter .multipleselect label {float:none; text-align:left; width:auto; margin:0; padding:0 0 3px 2px;} .newsletter .multipleselect label:hover {background:#bebebe;} .newsletter .newsletter-first-choice label {margin:0 18px 0 0;} .newsletter .double-label {width:195px; text-align:right; display:block; float:left; margin:0 18px 0 0; padding:0 5px 0 0;} .newsletter .double-label label {width:auto; display:inline; float:none; margin:0;} .newsletter .radio, .newsletter .check, .newsletter .radio input, .newsletter .radio label, .newsletter .check input {display:inline; text-align:left; float:none; width:auto; border:0 none;} .newsletter .explanation {position:absolute; width:200px; right:0; color:#7f94a7; font-size:.92em; line-height:20px;} .newsletter input {width:220px; padding:2px; border:1px solid #bebebe; font-size:1em; margin:0px 2px 0px 0;} .newsletter select {width:226px; font-size:1em;} .newsletter .prefix {width:76px;} .newsletter .surname {width:125px;} .newsletter .preview {margin:0 0 0 220px; display:block; float:left; background:url("../img/ico/preview.gif") no-repeat; padding:2px 0 3px 19px; position:relative;} .newsletter .preview img {position:absolute; left:-218px; top:-225px; border:0; background:url("../img/preview.png") no-repeat; padding:20px 50px 22px 30px; display:none; z-index:2;} .newsletter a.preview:hover img {display:block;} .newsletter .privacy-statement {padding:0 0 0 220px; clear:both;} .newsletter .privacy-statement label {display:inline; float:none; width:auto; padding:0; margin:0;} .newsletter .submit {width:450px;} .newsletter .submit input{/* Zie buttonjs.css voor verdere stijling */ width:auto; background:#d90020; color:#fff; font-weight:bold;} .submit .button {background:#d90020 url("../img/submit-box-left.gif") no-repeat; height:22px; width:6.8em; margin:0 15px 0; display:block; padding:0; color:#fff; font-weight:bold; text-decoration:none; float:right; text-align:center;} .submit .button span {display:block; background:transparent url("../img/submit-box-right.gif") 100% 0 no-repeat !important; height:20px; padding:4px 10px 0 10px;} .submit .button:hover {color:#fff; text-decoration:underline;} .newsletter hr {display:block; clear:both; border:none; background:url("../img/dotted.gif") 0 50% repeat-x; height:5px; margin:0 12px 10px; padding:0;} .newsletter .submit span{background:#d90020 url("../img/submit-box-left.gif") no-repeat; display:block; float:right;} .submit .cancel span {float:none;} .newsletter .submit span input {background:url("../img/submit-box-right.gif") 100% 0 no-repeat; border:0; margin:0; padding:2px 10px 4px;font-size:1em;} h3 .mandatory {position:absolute; right:0; font-size:.8em; font-weight:normal; background:url("../img/mandatory.gif") 100% 2px no-repeat; padding:0 5px 0 0;} h3 .mandatory span {display:none;} .error-handling {color:#F00; display:none;} .error-handling p {margin:10px 0 0 0;} .error-handling ul {list-style:none; margin:10px 0 0 10px; padding:0;} .error-handling ul li {background:url("../img/li-pijl.gif") 0 3px no-repeat; padding:0 0 0 8px; margin:0 0 6px 0;} .open-error-handling {display:block;} /* Secondary content ---------------------------------------------- */ .secondaryContent {float:left; margin-left:18px; padding-top:26px; width:212px;} .with-bg {background:url("../img/extracontent-bg.gif") 0 0 repeat-x; padding:8px 15px 0 15px; width:182px} .seatmap {padding:0; width:212px;} .secondaryContent a {color:#2e8dda; text-decoration:none;} .secondaryContent a:hover {color:#d90020; text-decoration:underline;} .secondaryContent h3 {color:#002950; font-size:1.25em; padding-bottom:10px;} .secondaryContent p {color:#353535; line-height:1.33; padding-bottom:10px;} .secondaryContent ul {margin-bottom:10px;} .secondaryContent ul li {background:url("../img/li-pijl.gif") 0 3px no-repeat; font-size:1em; line-height:1.33; list-style:none; padding:0 0 4px 10px;} .destinationBox {padding-bottom:15px;} .destinationBox img {margin:0 0 15px 0;} .with-bg .destinationBox a img {margin:0 -15px 15px -15px;} .destinationBox div {float:right; width:210px;} .destinationBox div h3 {margin-top:0; margin-bottom:0;} /* Related content ---------------------------------------------- */ .relatedContent {float:left; margin-left:12px; padding-top:26px; width:269px;} .relatedContent a {color:#2e8dda; text-decoration:none;} .relatedContent a:hover {color:#d90020; text-decoration:underline;} .relatedContent h3 {color:#002950; font-size:1.25em; padding-bottom:10px;} .relatedContent p {color:#353535; line-height:1.33; padding-bottom:25px;} .relatedContent ul {list-style:none; margin:0 0 25px 0;} .relatedContent ul li {background:url("../img/li-pijl.gif") 0 5px no-repeat; line-height:1.33; list-style:none; padding:0 0 4px 10px;} .relatedContent .flash-container {margin-bottom: 25px;} /* Mini book tool (Related content) ---------------------------------------------- */ .relatedContent .miniBookTool {height:375px; padding-bottom:25px; width:263px;} .relatedContent .miniBookTool iframe {height:375px; margin:0; padding:0; width:263px;} /* Plane visual (Related content) ---------------------------------------------- */ .planeVisual {position:relative; margin-left:-12px; width:281px;} /* Legenda box (Related content) ---------------------------------------------- */ .legend {width:100%;} .legend h3 {border-bottom:#d90020 solid 1px; margin-bottom:9px; padding-bottom:7px;} .legend ul {} .legend ul li {color:#003562; font-size:0.9em; padding:0 0 6px 20px;} .legend ul li.kitchen {background:url("../img/ic-kitchen.gif") 0 0 no-repeat;} .legend ul li.exit {background:url("../img/ic-exit.gif") 0 0 no-repeat;} .legend ul li.toilet {background:url("../img/ic-toilet.gif") 0 0 no-repeat;} .legend ul li.economy {background:url("../img/ic-economy.gif") 0 0 no-repeat;} .legend ul li.comfort {background:url("../img/ic-comfort.gif") 0 0 no-repeat;} .legend ul li.special {background:url("../img/ic-xtraseat.gif") 0 0 no-repeat;} /* content box (Related content) ---------------------------------------------- */ .security {width:100%;} .security a {color:#2e8dda; text-decoration:none;} .security a:hover {color:#d90020; text-decoration:underline;} .security h3 {border-bottom:#d90020 solid 1px; margin-bottom:9px; padding-bottom:7px;} .security div {float:left; padding-bottom:6px; width:100%;} .security div p {color:#002950; line-height:1.3; padding:15px 0 10px 0;} .security div img {float:left; margin:0 10px 0 0} .security ul {line-height:1em; margin:0 0 0 50px;} .security ul li {background:none; color:#b2beca; float:left; font-size:.92em; line-height:1em; list-style:none; padding:4px 6px 0 0;} /* .security-dots {padding:10px 0 0; position:relative; background:url("../img/bg-security-dots.gif") top repeat-x;}\ .security-dots p {clear:both; margin:0 0 10px; height:40px; position:relative; line-height:1.3;} .security-dots .ssl-small {height:24px;} .security-dots .waarborg-small {height:20px;} .security-dots .ssl-small span, .security-dots .waarborg-small span {display:block; position:absolute; bottom:0; left:30px; color:#002950;} div.security-dots.no-margin {padding-top:1px;} */ /* bannerBar ---------------------------------------------- */ .bannerBar {float:left; padding:0 0 0 10px; width:954px;} .bannerBar .banner {float:left; padding-left:10px; position:relative;} .bannerBar .banner img {float:left;} .bannerBar .banner p {padding-bottom:10px;} .bannerBar .banner p a {color:#2e8dda;} .bannerBar .banner p a:hover {color:#d90020;} .bannerBar .banner h2 {font-size:1.25em; margin:0 0 7px; color:#002950;} .bannerBar .banner h2 span {color:#2e8dda; font-size:.73em; font-weight:normal; position:absolute; right:0; top:1px; text-decoration:none;} .bannerBar .banner h2 span a {color:#2e8dda;} .bannerBar .banner h2 span a:hover {color:#d90020;} .bannerBar .banner h3 {font-size:1.25em; margin:0 0 7px; color:#002950;} .bannerBar .banner select {border:#bebebe solid 1px; color:#217ac2;} .bannerBar .banner .security {/*border-top:#d90020 solid 1px;*/ padding:10px 0 0;} .bannerBar .banner .security p {clear:both; color:#002950; /*height:40px;*/ line-height:1.3em; margin:0 0 0px;} .bannerBar .banner .security p img {float:left; vertical-align:bottom;} .bannerBar .banner .banner-object {width:180px; height:124px;} .bannerBar .b332 {width:332px;} .bannerBar .b320 {width:320px;} .bannerBar .b320 img {float:left; margin:0 10px 3px 0;} .bannerBar .b250 {width:250px;} .bannerBar .b230 {width:230px;} .bannerBar .b212 {width:212px;} .bannerBar .b207 {width:207px;} .bannerBar .b191 {width:191px;} .bannerBar .b190 {width:190px;} .bannerBar .b170 {width:170px;} .bannerBar .b152 {width:152px;} /* QuickLink ---------------------------------------------- */ .quicklink {background:url("../img/snelzoekenop.gif"); height:29px; padding:4px 0 0 8px; margin:0 0 7px 0;} .quicklink label {color:#2d8bd9; float:left; font-size:.92em; font-weight:bold; padding:3px 15px 0 0;} .quicklink select {float:left; font-size:.92em; margin-top:3px; width:200px;} .b207 .quicklink {background:url("../img/snelzoekenop2.gif");} .b207 .quicklink select {width:190px;} /* Quickpick ---------------------------------------------- */ .quickpick {border-collapse:collapse; line-height:1.3; vertical-align:top;} .quickpick th {text-align:left; color:#002950; border:solid #b2beca; border-width:0 0 0 1px; padding:2px 5px;} .quickpick td {border:solid #b2beca; border-width:0 0 0 1px; padding:2px 5px; vertical-align:top;} .quickpick .firstcol {border:0;} .quickpick ul {margin:0; padding:0; list-style:none;} .quickpick li {margin:0; padding:0;} .quickpick li a {background:url("../img/li-pijl.gif") 0 4px no-repeat; padding:0 0 0 10px; color:#2e8dda; text-decoration:none;} /* Mailing ---------------------------------------------- */ .mailing {padding:0 0 0 8px;} .mailing input {border:#bebebe solid 1px; color:#217ac2; font-size:.92em; margin:7px 0 5px 0; padding:1px 0 1px 3px; width:162px;} .mailing .frmBtn {margin-bottom:7px;} /* .bannerBar div.paragraph {margin:12px 0;} .bannerBar .bannerBar .container2 {width:207px; margin:0 10px 0 0;} .bannerBar .container2 a {color:#2e8dda; text-decoration:none; background:none; padding:0 0 0; margin:0 0 0 0;} .bannerBar .container2 a.read-more {background:url("../img/arrow-double.gif") 100% 5px no-repeat; padding:0 10px 0 0;} .bannerBar .container2 h3 {margin:0 0 5px 12px; color:#002950; font-size:1.2em;} .bannerBar .container2 p a {background:none; padding:0 0 0 0;} .bannerBar .container2 div.paragraph a {background:none; padding:0 0 0 0;} .bannerBar .container3 {text-align:left !important;} .bannerBar .container3 {width:170px;} .bannerBar .container3 a {color:#2e8dda; text-decoration:none; background:none; padding:0 0 0; margin:0 0 0 0;} .bannerBar .container3 a.read-more {background:url("../img/arrow-double.gif") 100% 5px no-repeat; padding:0 10px 0 0;} .bannerBar .container3 input {border:1px solid #bebebe; margin:4px 0 0; padding:2px; width:164px;} .bannerBar .container3 .button {display:block; margin:3px 0 0; padding:0; float:right; height:22px;} .bannerBar .container3 .button input {display:block; width:auto; background:#d90020; color:#fff; font-weight:bold; border:0; padding:3px 10px; height:22px;} .bannerBar .security div a {padding:0; background:none;} .bannerBar .container2.lnd {width:190px;} .bannerBar .container2.lnd } .bannerBar .container3.lnd {width:190px;} .bannerBar .container3.lnd .banner-object {width:190px; height:124px;} .bannerBar .container4 {float:left; width:190px; margin:0 0 0 10px;} .bannerBar .container4.lnd .banner-object {width:190px; height:124px;} .bannerBar.lnd .container1 {width:324px; margin:0 20px 0 0;} .bannerBar.lnd .container1 h2 {font-size:1.25em; margin:0 0 7px 12px;} .bannerBar.lnd .container2 .linklist {margin:0; padding:0; list-style:none;} .bannerBar.lnd .container2 .linklist li {background:none; margin:0; padding:0;} .bannerBar.lnd .container2 .linklist li a {background:url("../img/li-pijl.gif") 0 5px no-repeat; padding:0 0 0 12px;} .bannerBar.lnd .container3 {width:250px; position:relative; top:0;} */ /* Footer ---------------------------------------------- */ #footer {clear:both; padding:10px 0 20px 0; width:964px;} #footer ul {border-top:#d90020 solid 1px; list-style:none; padding:7px 0 10px 0; text-align:right;} #footer li {border-left:#b2beca solid 1px; display:inline; margin:0 0 0 6px;} #footer li a {color:#002950; margin:0 0 0 6px; font-size:.92em; padding:0 2px; text-decoration:none;} #footer li a:hover {background-color:#c6e5ff;} #footer .firstlink {border:0;} #footer .legal {float:left;} #footer .firstlink.legal {margin:0;} #footer .firstlink.legal a {margin:0;} #footer ul.follow {border:none; padding-top:0;} #footer .followus {color:#003366; font-size:0.9em; text-transform:uppercase;} #footer .facebook {margin:0 -2px;} #footer .facebook a {background:url("../img/facebook.gif") 0 0 no-repeat; padding-left:18px;} #footer .twitter a {background:url("../img/twitter.gif") 0 0 no-repeat; padding-left:18px;} #footer .facebook a:hover {background-color:#c6e5ff;} #footer .twitter a:hover {background-color:#c6e5ff;} /* Calendar ----------------------------------*/ /* Interaction states ----------------------------------*/ .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default {border:1px solid #a0ccf0; background-color:#f2f9ff; font-weight:normal; color:#2e8dda; outline:none;} .ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited {color:#2e8dda; text-decoration:none; outline:none;} .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover {border:1px solid #2e8dda; background-color:#2e8dda; font-weight:normal; color:#fff; text-decoration:none;} .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus {font-weight:normal; color:#fff;} .ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover {color:#fff; text-decoration:none; outline:none;} .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active {border:1px solid #2e8dda; background-color:#2e8dda; font-weight:normal; color:#fff; outline:none;} .ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited {color:#fff; outline:none; text-decoration:none;} .ui-datepicker .ui-state-disabled .ui-state-default {color:#ccc} /* Interaction Cues ----------------------------------*/ .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight {border:1px solid #d90020; background-color:#fff; color:#003663;} .ui-datepicker .ui-state-highlight a, .ui-datepicker .ui-widget-content .ui-state-highlight a {color:#363636;} /* Icons ----------------------------------*/ /* states and images */ .ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;} .ui-widget-content .ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;} /* Datepicker ----------------------------------*/ .ui-datepicker {background:#fff; border:#065290 solid 1px; color:#222 ;font-size:0.9em; padding:.2em .2em 0; width:17em; -moz-border-radius:4px; -webkit-border-radius:4px; position:absolute; left:-999px; z-index:1000;} .ui-datepicker a {color:#222;} .ui-datepicker input, .ui-datepicker, .ui-datepicker textarea, .ui-datepicker button {} .ui-datepicker .ui-datepicker-header {position:relative; padding:.1em 0 .3em 0;} .ui-datepicker .ui-datepicker-header {background:url("../img/calendar-head.gif") 0 0 no-repeat; color:#fff; font-weight:bold;} .ui-datepicker .ui-datepicker-header a {color:#222/*{fcHeader}*/;} .ui-datepicker .ui-datepicker-header .ui-icon {background-image:url("images/ui-icons_222_256x240.png")/*{iconsHeader}*/;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor:pointer; position:absolute; top:3px; width:13px; height:13px;} .ui-datepicker .ui-datepicker-prev {background:url("../img/calendar-arrows.png") 0 0 no-repeat; left:6px;} .ui-datepicker .ui-datepicker-prev:hover {background:url("../img/calendar-arrows.png") 0 -32px no-repeat; left:6px; top:3px;} .ui-datepicker .ui-datepicker-next {background:url("../img/calendar-arrows.png") 0 -16px no-repeat; right:6px;} .ui-datepicker .ui-datepicker-next:hover {background:url("../img/calendar-arrows.png") 0 -48px no-repeat; right:6px; top:3px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px;} .ui-datepicker .ui-datepicker-title { font-weight:normal; margin:-2px 2.3em; line-height:1.8em; text-align:center;} .ui-datepicker .ui-datepicker-title select {float:left; font-size:1em; margin:1px 0;} .ui-datepicker select.ui-datepicker-month-year {width:100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float:right;} .ui-datepicker table {width:100%; font-size:1em; border-collapse:collapse; margin:0 0 .4em;} .ui-datepicker th {color:#000; font-weight:normal; padding:.4em .3em; text-align:center; border:0;} .ui-datepicker td {border:0; padding:1px;} .ui-datepicker td span, .ui-datepicker td a {display:block; padding:.1em .2em .1em .1em; text-align:right; text-decoration:none;} .ui-datepicker .ui-datepicker-buttonpane {background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0;} .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {background:url("../img/calendar-bt.gif") 0 0 no-repeat; border:none; float:right; font-size:1em; height:20px; margin:.3em .2em .4em; cursor:pointer; padding:0em .6em .3em .6em; width:66px; overflow:visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;} .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:hover {background:url("../img/calendar-bt-mo.gif") 0 0 no-repeat; border:none; color:#fff;} /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi {width:auto;} .ui-datepicker-multi .ui-datepicker-group {float:left;} .ui-datepicker-multi .ui-datepicker-group table {width:95%; margin:0 auto .4em;} .ui-datepicker-multi-2 .ui-datepicker-group {width:50%;} .ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%;} .ui-datepicker-multi-4 .ui-datepicker-group {width:25%;} .ui-datepicker-multi-2 .ui-datepicker-group-first {width:50.6%;} .ui-datepicker-multi-2 .ui-datepicker-group-last {width:49.4%;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {background:url("../img/calendar-head.gif") 100% 0 no-repeat; border-left-width:0;} .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0;} .ui-datepicker-multi .ui-datepicker-buttonpane {clear:left;} .ui-datepicker-row-break {clear:both; width:100%;} /* Autocomplete textbox */ .ac_results {padding:0px; border:1px solid black; background-color:white; overflow:hidden; z-index:99999;} .ac_results ul {width:100%; list-style-position:outside; list-style:none; padding:0; margin:0;} .ac_results li {margin:0px; padding:3px 5px; cursor:default; display:block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width:100%;*/ font:menu; font-size:12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height:18px; overflow:hidden;} .ac_loading {background:white url("../img/indicator.gif") right center no-repeat;} .ac_odd {background-color:#fff;} .ac_over {background-color:#F2F9FF;} .iciBox {background:url("../img/bg-iSeatzHome-box-top.png") 0 0 no-repeat; float:left; margin:9px 0 0 8px; padding-top:10px; width:588px;} .iciBox .b1 {background:url("../img/bg-iSeatzHome-box-bottom.png") 0 100% no-repeat; float:left; width:588px;} .iciBox .b2 {background:url("../img/bg-iSeatzHome-box-middle.png") 0 0 no-repeat; float:left; min-height:303px; padding-bottom:40px; width:588px;} .iciBox .tabNav {float:left; padding:2px 0 0 10px; width:578px;} .iciBox .tabNav ul {} .iciBox .tabNav ul li {background:url("../img/bg-iSeatz-tab-l.png") 0 0 no-repeat; float:left; list-style:none; margin-right:2px; width:115px;} .iciBox .tabNav ul li a {background:url("../img/bg-iSeatz-tab-r.png") 100% 0 no-repeat; color:#fff; display:block; font:1.1em/1.1em Tahoma, Geneva, sans-serif; padding:6px 0; text-align:center; text-decoration:none; width:115px;} .iciBox .tabNav ul li a:hover {text-decoration:underline;} .iciBox .tabNav ul li.selected {background-image:url("../img/bg-iSeatz-tab-l-selected.png");} .iciBox .tabNav ul li.selected a {background-image:url("../img/bg-iSeatz-tab-r-selected.png"); color:#003563; font-weight:700;} .iciBox .tabNav ul li.selected a:hover {text-decoration:none;} #alertbar.hidden {left:-900em; position:absolute;display:none;} #alertbar { background:#c6e6ff; border:5px solid #fff; border-right:none; color:#003663; height:61px; position:relative; width:99.4%;} .inneralertbar {width:964px; margin:0 auto; padding:8px;} #alertbar span {font-size:1em; font-weight:bold; display:inline-block;margin:0 0 3px 0} #alertbar p { font-size:0.9em; color:#1a5f98; margin:0 0 5px 0; width:445px;} #alertbar ul {float:right; margin:0; padding:0;} #alertbar li {display:inline;} #alertbar li a {display:inline-block; height:35px; margin:5px 5px 0 0; text-decoration:none; width:105px;} #alertbar li .chrome {background:url("../img/chrome.gif") no-repeat 0 0;} #alertbar li .ie8 {background:url("../img/ie8.gif") no-repeat 0 0;} #alertbar li .firefox {background:url("../img/firefox.gif") no-repeat 0 0;} #alertbar .close {background:url("../img/close.gif") no-repeat 0 0; display:inline-block; height:17px; position:absolute; text-decoration:none; right:5px; top:5px; width:16px;} /* Form --------------------------------------------------------------------------*/ .form {float:left; width:550px; clear:both; padding:20px 10px;} .form h3 {color:#003663; padding-bottom:10px;} .form p {padding-bottom:10px;} .form fieldset {border:0; margin:0; padding:0;} .form .leftcolumn {border-right:1px solid #8cb5df; clear:none; float:left; width:270px;} .form .rightcolumn {float:right; clear:none; width:270px;} .form .leftcolumn .formitem, .form .rightcolumn .formitem {min-height:48px;} .form .formitem {clear:both; margin-bottom:5px; overflow:hidden; padding:0 20px;} .form .formitem div {clear:none; margin-bottom:0;} .form div.label {padding:4px 0 0 0; width:83px;} .form label {color:#002950; float:left; font-size:12px; line-height:1.95em; padding-bottom:3px; cursor:pointer;} .form label.front {padding:0; width:135px;} .form .text {border:1px solid #a5acb2; padding:3px 2px 3px 5px; font-family:Tahoma, Arial, Helvetica, Sans-serif; font-size:1em; float:left; width:203px; margin:0 5px 0 0;} .form .file {border:1px solid #a5acb2; padding:3px 2px 3px 5px; font-family:Tahoma, Arial, Helvetica, Sans-serif; float:left; width:212px; margin:0 5px 0 0;} .form select {border:#a5acb2 solid 1px; font-size:1em; font-family:Tahoma, Arial, Helvetica, Sans-serif; float:left; font-size:1em; margin:1px 5px 0 0; width:212px;} .form textarea {border:1px solid #a5acb2; padding:3px 2px 3px 5px; font-size:1em; font-family:Tahoma, Arial, Helvetica, Sans-serif; float:left; width:345px; margin:0 5px 0 0; height:69px; overflow:auto;} .form .radio {float:left; margin:3px 5px 0 0; height:15px;} .form .checkbox {float:left; margin:5px 5px 0 0; height:16px; width:16px;} .form span.hint {float:left; font-size:0.9em; white-space:nowrap;} .form span.hint label {float:none; margin:0; padding:0; line-height:1em; font-size:1em;} .form .collection {clear:both; margin:0; overflow:hidden; width:100%;} .form .collection select, .form .collection input {float:left;} .form .char2 {width:20px;} .form .char4 {width:40px;} .form .char7 {width:70px;} .form .char9 {width:90px;} .form .char12 {width:120px;} /* Post-it form --------------------------------------------------------------------------*/ div.postitWrapper {width:314px;} div.postitWrapper span.alert {color:#d90020; display:block; margin-bottom:19px; text-align:center;} div.postit {background:url("../img/postit-bg.jpg") 0 0 no-repeat; height:257px; margin-bottom:2em; padding:80px 0 0 44px;} div.postit label, div.postit input {} div.postit fieldset.data {} div.postit input {border:none; width:224px;} div.postit input.name {background:#fdf7b4 url("../img/postit-dotted-line-naam.jpg") 0 100% no-repeat;} div.postit input.email {background:#fdf7b4 url("../img/postit-dotted-line-email.jpg") 0 100% no-repeat;} div.postit input.name.error {background:#fdf7b4 url("../img/postit-dotted-line-naam-error.jpg") 0 100% no-repeat;} div.postit input.email.error {background:#fdf7b4 url("../img/postit-dotted-line-email-error.jpg") 0 100% no-repeat;} div.postit label {display:block; height:20px; margin-bottom:7px; width:70px;} div.postit label.name {background:url("../img/postit-naam.jpg") 0 0 no-repeat; } div.postit label.email {background:url("../img/postit-email.jpg") 0 0 no-repeat; margin-top:24px;} div.postit span.hint {clear:both; color:#afa754; display:block; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:0.8em; font-weight:normal; line-height:1em; margin-top:13px; width:300px;} div.postit .frmBtn {display:inline; margin:21px 33px 0 0;} div.postit .frmBtn:hover {color:#fff; text-decoration:underline;} div.postit .frmBtn {background-color:#d90020; border:#d90020 solid 1px; color:#fff; display:block; float:right; font-weight:bold; text-decoration:none; white-space:nowrap;} div.postit .frmBtn:hover {color:#fff; text-decoration:underline;} div.postit .frmBtn:visited {color:#fff;} div.postit .frmBtn span {color:#fff;display:block; cursor:pointer;} div.postit .frmBtn .tlc {background-image:url("../img/clt-button-geel.gif");} div.postit .frmBtn .trc {background-image:url("../img/crt-button-geel.gif");} div.postit .frmBtn .blc {background-image:url("../img/clb-button-geel.gif");} div.postit .frmBtn .brc {background-image:url("../img/crb-button-geel.gif"); padding:1px 12px 3px 12px;} div.postit .loader {background-image:url("../img/loader.gif"); height:30px; margin-top:38px; width:140px;} div.voucher {display:none;} /* Youtube --------------------------------------------------------------------------*/ div#youtube-wrapper {position: absolute; top: 10px;} /* Bijenkorf - Drie Dwaze Dagen overlays --------------------------------------------------------------------------*/ span.DDD{display:block; height:170px; position:absolute; width:135px; top:176px; cursor:pointer;} span#orlando {left:132px;} span#aruba {left:453px;} /* Landing page - Dynamic Pricing Flash banner --------------------------------------------------------------------------*/ div#pricingwindow{position:absolute; right:15px; top:50px;} /* ********************************************************************************************************************* ********************************************************************************************************************* */ /* .container.lnd {padding:0; margin:0;} .home-image {position:absolute; top:0; right:0;} .landing-container .container3 {text-align:left !important;} .container h2 {font-size:1.25em; margin:8px 0 0; color:#002950;} .container h3 {font-size:1.42em; font-weight:normal; margin:12px 0 5px; color:#002950;} .container .container1 {width:322px; margin:0 0 0 11px;} .container .container2 {width:150px; margin:0 8px 0 10px; position:relative; padding:0 0 9px;} .container .container3 {margin:0 0 0 18px; width:217px;} .container .container3 h2 {padding-bottom:12px; margin:-1px 0 9px;} .container .without-book-tool .container2 {left:25px; width:650px;} .container1 {float:left;} .container2 {float:left;} .container2 .flashobject {margin:8px 0 0 ;} .container2 a {color:#2e8dda; text-decoration:none;} .container2 a:hover {color:#d90020; text-decoration:underline;} .container2 h2 .volgende {position:absolute; right:8px; width:14px; height:14px; background:url("../img/arrow-next.gif") no-repeat; text-indent:-1000em;} .container2 h2 .vorige {position:absolute; right:23px; width:14px; height:14px; background:url("../img/arrow-last.gif") no-repeat; text-indent:-1000em;} .container2 h3 {margin:0 0 5px 12px;} .container2 p {} .container2 ul {margin:0 15px 14px 0; padding:0 0 20px; list-style:none; border:solid #fff; border-width:0 0 2px;} .container2 ul li {background:url("../img/li.gif") 0 11px no-repeat; padding:0 0 0 10px; color:#4269a4; line-height:2;} .container3 {float:left; text-align:center;} .container3 div {text-align:left !important;} .container3 h2 {text-align:left !important;} .container3 .container3 .container3 a img {margin:0 0 0;} .container3 .banner {margin:10px 0 0;} .bannercontainer2 {float:left;} .bannercontainer3 {float:left;} .bannercontainer4 {float:left;} .overlap-container .container1 {max-height:463px; overflow:hidden;} .overlap-container .container2 {max-height:463px; overflow:hidden;} .overlap-container .container3 {max-height:463px; overflow:hidden;} .attentionitem {display:none;} .framewrapper {display:none; clear:both; height:283px; width:300px;} iframe {width:100%; height:200px; overflow:hidden; border:0;} label.re-position {position:relative; top:-2px;} .banner-container2 {float:left; width:150px; margin:0 10px 0 0; position:relative;} .banner-container2 .banner-object {width:150px ;} .banner-container2 .banner-object {height:124px;} .banner-container3 {float:left; width:234px; margin:0 10px 0 0; position:relative;} .banner-container3 .banner-object {height:124px; width:234px;} .banner-container4 {float:left; width:196px; margin:0; position:relative;} .banner-container4 .banner-object {height:124px; width:196px; margin:0;} */