/* ELEMENTS (UNQUALIFIED) */
body { margin:0; background: #000 url(../images/bg_body.gif) repeat-x; color: #fff; text-align: center }
body.widgets{ margin:0; background: #FFF; color: #000; text-align: center; padding:10px;border:1px solid #DDDDDD;}
img { border: 0px none }
h1 { font-weight:normal; font-size: 150%; margin: 0 0 15px 0 }
h2 { font-size: 195%; color: #e86a10; font-weight: normal; margin: 4px 0 10px 0; letter-spacing: -0.02em }
h3 { color: #e86a10; font-size: 135%; font-weight: normal; margin: 0 0 10px 0 }
#offerte h3, #body .right h3 { font-size: 100%; }
h4 { font-size: 1.0em; margin: 10px 0 0 0; color: #000 }
h5 { font-size: 1.0em; margin: 0 0 5px 0; color: #999; font-weight:normal }
a { color: #1C7CE2 }
a:hover { color: #333 }
ul { margin-left: 1.25em; }
optgroup { font-style: normal }
address { font-style: normal }
fieldset { background:#F5F5F5 url(/images/bg_formbox.gif) no-repeat scroll right top;border:1px solid #DDDDDD;margin:0 0 15px;padding:15px 10px 10px 15px; }
textarea {width:25em;}
/* ELEMENTS (QUALIFIED) */
img.left-floated { float:left; margin:5px 20px 5px 0; border: 1px solid #aaa }
.ui-datepicker-trigger { margin-left: 0.25em }
div.h1-flashed { margin: 0 0 0.75em; overflow: hidden }
div.product div.h1-flashed { margin: 0 }
div.h1-flashed h1 { margin: 0; font-size: 158%; font-weight: normal }
div.h2-flashed { margin: 0 0 0.75em }
div.h2-flashed h2 { margin: 0; font-size: 158%; font-weight: normal }
h2.flash-onblack { font-size: 180%; font-weight: normal }
.hidden-toggleable { display: none }
div.h2-spacer { margin:0 0 10px; font-size:140%; } /* a div that should have the same dimensions as an h2 in the same context */
h1 em, h2 em { color: #a0a0a0; font-style: normal; }
/* CLASSES */
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
/* LINKS */
a.plus, a.call-to-action { color:#2F92FB; background-color: transparent; background-repeat: no-repeat; background-position: left; padding-left: 20px; }
a.plus { background-image: url(../images/icon_plus.gif); }
a.minus { background-image: url(../images/icon_minus.gif); }
a.call-to-action { background-image: url(../images/icon_readmore.gif); font-weight:bold }
a.back { background:transparent url(/images/icon_back.gif) no-repeat scroll left center; color:#999999; padding:0 0 0 21px;}
h2 a.back { font-size: 70%; float:right; }
a.popup { background-image: url(../images/icon_url_jump.gif); background-color: transparent; background-repeat: no-repeat; background-position: right; padding: 0 20px 0 10px; font-size:95%; }
/* COMMON CSS RESETS */
.ui-widget { font-family: arial,helvetica,clean,sans-serif; font-size: 90% }
html { background-color: #000; }
/* STRUCTURE */
#container { margin: 0 auto; width: 990px; text-align: left }
#pagetitle { height: 40px }
body.hotels #pagetitle { height: 30px; margin-top:5px }
/* HEADER */
#header { background: url(../images/bg_header.gif) repeat-x }
#header ul {
margin: 0; padding: 56px 0 0; height: 36px;
background-repeat: no-repeat; background-position: 99% 13px; background-image: url(../images/bilderberg_logo.gif);
}
#header ul li { list-style-type: none; float: left } /* "float: left" is needed by IE7- */
#header ul li a {
display: block; background-image: url(../images/bg_menu.gif); background-repeat: repeat-x;
line-height:35px;
padding: 0 20px 0 20px;
font-size: 118%; text-decoration: none; color: #fff;
float: left;
margin-right: 1px;
}
#header ul li a:hover { background-image: none; background-color: #222; color: #ff953f }
#header ul li.selected a { background-image: url(../images/bg_menu_current.gif); background-color: #e86a10; color: #fff }
/* BODY */
#body { margin: 8px 0 }
#body .comment, p.comment { font-size: 0.9em;color: #777; margin:0px 0 15px 0;}
.comment a {text-decoration: none; font-size: 1.0em;color: #777; margin:0px 0 15px 0;}
#body a.print:link, a.print:visited, a.print:hover, a.print:active
{ padding: 0 0 2px 20px;color: #0066ff;font-size: 0.7em;display: block;float: right; background: url(/images/print.gif) no-repeat; background-position: left center; text-decoration:none }
#body .meer { margin: 5px 0 0 0 ;background: url(../images/icon_arrows.gif) no-repeat; padding: 0 20px 2px 0; background-position: right; color: #6EB2FA; font-size: 1.1em }
#body a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active
{ background: url(../images/pdf.gif) no-repeat; padding: 0 15px 2px 25px; margin: 0 0 3px 0; background-position: left center }
#body a.icon-25x20
{ padding: 5px 15px 5px 35px; margin: 0 0 3px 0; background-position: left center; display:block; margin-top:5px }
#body a.fotos { background: url(../images/icon_fotos.gif) no-repeat }
#body a.pdfs { background: url(../images/icon_pdf.gif) no-repeat }
#body a.map:link, a.map:visited, a.map:hover, a.map:active
{ background: url(../images/icon_map.gif) no-repeat; padding: 5px 15px 5px 35px; margin: 0 0 3px 0; background-position: left center; display:block; margin-top:5px }
#body p.result {color:#666666; font-style:italic; margin:0 0 15px;}
#body div.error, #body p.error {background-color:#FFFFFF; border:1px solid red; clear:left; color:#FF0000; display:block; font-size:0.8em; margin:1.5em 0.5em 0.5em 0; padding:0.5em; }
#body .submitRechts {float:right;}
.printonly {display:none;}
/* THEMED TABLE */
table.themed { border: 1px solid #ccc; color: #666; font-size: 0.9em; border-collapse: collapse; margin: 0px; padding: 0; width: 100% }
table.themed th, table.themed td { padding: 5px 20px 5px 0px; margin: 2px; vertical-align: top; border-bottom: 1px solid #ccc }
table.themed th { font-weight: normal; text-align: left; margin: 2px 10px 0 0; width: 150px }
table.themed a { color: #666 }
table.themed td.bit { text-align: left }
body.hotels table.themed th, body.hotels table.themed td, body.kasteel-doorwerth table.themed th, body.kasteel-doorwerth table.themed td, table.vergaderzaal th, table.vergaderzaal td { padding: 5px; width: 50% }
/* LCR Specificatie kosten */
table.lcr-costspecs { margin: 10px 0}
table.lcr-costspecs tr th { background:#E8E8D9; border-right:1px solid #ddd; border-left:1px solid #ddd; color:#000; padding:3px 3px 3px 5px; vertical-align:bottom; font-weight:bold; }
table.lcr-costspecs tr td { border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:5px;text-align:left;}
/* FOOTER
(24 + 2) * 2 = 52px (flags)
738px (menu)
200px (payoff)
-----
990px
*/
#footer { border-top: 1px solid #222; padding: 8px 0 }
#footer a.flag { float: left; margin-right: 2px }
#footer .menu { float: left; margin-top:3px; width: 350px; text-align: right; color: #000 } /* the black color hides the |'s seperating the menu items */
#footer .menu a { padding-left: 12px; color: #888888; font-size: 85% }
#footer img.payoff { margin-left: 52px; margin-top: 4px } /* 148px + 52px = 200px */
/* HOMEPAGE TEMPLATE */
div.homepage { width: 990px; background-color: transparent; color: #000 } /* width is required for FF */
/* HOMEPAGE TEMPLATE LEFT */
div.homepage #left { float:left; width: 680px; margin-right: 10px }
div.homepage div.box { background:transparent url(/images/bg_homeblock.gif) no-repeat scroll 0 0; float:left; height:120px; width:220px; margin: 10px 10px 0 0 ; font-size:95%;}
div.homepage div.last { margin: 10px 0px 0 0 }
div.homepage div.box h2 { margin: 17px 0 5px 15px; color: #fff }
div.homepage div.box div.alt { margin: auto }
div.homepage div.box p { color:#e86a10; margin:0 10px 10px 15px; }
div.homepage div.box a { margin:0 10px 0 15px; font-weight:normal; color:#9AC8F8; }
/* HOMEPAGE TEMPLATE RIGHT */
div.homepage #right {
float:left; width: 270px; padding: 15px; height: 390px;
background: #111 url(../images/bg_home_reserveren.gif) no-repeat;
}
/* submit button reserveren */
form#Beschikbaarheid input.reserverenSubmit {display:block; width:193px; height:36px; margin:10px 0px 0px 0px;}
form#Beschikbaarheid input#submitnl {background:transparent url(/images/buttons/button_toonbeschikbaarheid_nl.png) no-repeat scroll 0 0;}
form#Beschikbaarheid input#submitnl:hover {background:transparent url(/images/buttons/button_toonbeschikbaarheid_nl_hover.png) no-repeat scroll 0 0;}
form#Beschikbaarheid input#submitde {background:transparent url(/images/buttons/button_toonbeschikbaarheid_de.png) no-repeat scroll 0 0;}
form#Beschikbaarheid input#submitde:hover {background:transparent url(/images/buttons/button_toonbeschikbaarheid_de_hover.png) no-repeat scroll 0 0;}
form#Beschikbaarheid input#submituk {background:transparent url(/images/buttons/button_toonbeschikbaarheid_uk.png) no-repeat scroll 0 0;}
form#Beschikbaarheid input#submituk:hover {background:transparent url(/images/buttons/button_toonbeschikbaarheid_uk_hover.png) no-repeat scroll 0 0;}
/* HOTELLIST TEMPLATE */
div.hotellist { width: 950px; padding: 15px 20px 20px; background-color: #fff; color: #000 } /* 990 - 20 - 20 = 950 */
div.hotellist .column { float:left; width: 320px; padding-left: 30px } /* 950 = 250 + (30 + 320) + (30 + 320) */
div.hotellist .left { width: 250px; padding-left: 0 }
div.hotellist h3 { color: #e86a10; font-size:1em; margin:0 0 3px; font-weight:bold; }
div.hotellist h3 a { color: #e86a10;}
div.hotellist ul { margin: 0 0 15px 0px; padding: 0; line-height: 1.3em; color: #999 }
div.hotellist ul li { margin: 0; list-style-type:none;}
div.hotellist ul li .plaats { color: #aaa; padding-left: 5px }
/* HOTEL TEMPLATE */
body.hotels div#body { margin: 15px 0 8px 0 }
div.hotel { background-color: #000; }
div.hotel h1 { font-size: 195%; color: #e86a10; font-weight: normal; margin: 4px 0 10px 0; letter-spacing: -0.02em } /* Same as unqualified h2! */
div.hotel img.unpadded-bordered { float: left; border: 1px solid #adb2c0; }
div.hotel div.info { margin-left: 140px; color: #666 } /* 122 + 20 - 2 = 142 */
div.hotel dl { display: block; margin: 0; padding: 0; height: 1.5em }
div.hotel dl dt, div.hotel dl dd { float: left; margin: 0 }
div.hotel dl dt { font-weight: bold }
div.hotel dl dd { margin: 0 1em 0 0.25em }
div.hotel div.tabs-content-columns { color:#000; background-color:#fff; background-image:url(../images/bg_tabs_content_columns_grey.gif); background-position:735px; background-repeat: repeat-y; border-left:1px solid #ccc;background-repeat: repeat-y; width:988px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding-bottom:20px }
div.hotel div.tabs-content-columns img.unpadded-bordered { margin-bottom:1em; }
div.hotel div.left { float: left; width: 694px; padding: 20px 20px 0 20px } /* 694 + 20 + 20 = 734 */
div.hotel div.right {
padding: 20px 20px 0 20px; /* removed right 20px padding because of a float bug in IE6 */
margin-left: 734px; width: 214px; /* 990 - 1 - 734 - 20 - 20 - 1 = 214 */
}
div.hotel div.left h2, div.hotel div.right h2 { font-size: 140%; color: #e86a10; font-weight: normal; text-transform: none; }
div.hotel h4 { margin-bottom: 0.5em }
div.hotel div.right table { margin: 5px 0 20px 0; border-top: 1px solid #DDD; border-left:none; border-right:none; width: 100%; border-collapse:collapse; color: #444; font-size: 88% }
div.hotel div.right th, div.hotel div.right td { border-bottom: 1px solid #DDD; padding: 3px 0; vertical-align: top; }
div.hotel div.right th { padding-right: 4px; font-weight: normal; width: 66% }
div.hotel div.right ul { margin: 0 0 15px 0px; padding: 0; line-height: 1.3em; color: #000 }
div.hotel div.right ul li{ margin: 5px 0 0 10px;}
div.hotel div.right form { margin-bottom:1em }
div.hotel h5 { color: #000; font-weight:bold;}
div.media-gallery div.media-container { float: left; width: 402px; }
div.media-gallery ul.thumbs { margin: 0 0 0 420px; padding: 0 }
div.media-gallery ul.thumbs li { float: left; list-style-type: none; margin: 0 10px 7px 0 } /* bottom margin = 10 - 3 because of some unexplained space below the image in FF */
div.media-gallery ul.thumbs li img { border: 1px solid #ddd; line-height: 0; }
body.hotels div#container div#pagetitle-print { display:none;}
/* TABS ON WHITE WIDGET*/
ul.tabs {
clear: left;
margin: 20px 0 0 0; padding: 0; height: 30px;
background-repeat: repeat-x; background-position: bottom;
background-image: url( ../images/bg_tabs_onwhite.gif);
}
ul.tabs li {
list-style-type: none; margin-right: 1px; float: left; /* "float: left" is needed by IE7- */
background-image: url(../images/bg_tab_onwhite_right.gif); background-position: right;
}
ul.tabs li.selected { background-image: url(../images/bg_tab_onwhite_current_right.gif); }
ul.tabs li a {
display: block; background-image: url(../images/bg_tab_onwhite.gif); background-repeat: repeat-x;
line-height:30px;
padding: 0 12px 0 12px;
text-decoration: none; font-weight: normal; color: #2572C3;
float: left;
margin-right: 1px; /* to show the background image of the parent li */
font-size:0.9em;
}
ul.tabs li a:hover { color: #2572C3; text-decoration: underline }
ul.tabs li.selected a { background-image: url(../images/bg_tab_onwhite_current.gif); font-weight: bold; color: #000 }
ul.tabs li.selected a:hover { text-decoration: none }
/* TABS ON BLACK WIDGET */
ul.tabs-on-black { text-align: center; background-image: url( ../images/bg_tabs_onblack.gif) }
ul.tabs-on-black li { background-image: url(../images/bg_tab_grey_right.gif); }
ul.tabs-on-black li a { text-align: center; background-image: url(../images/bg_tab_grey.gif); color: #ccc; }
ul.tabs-on-black li a:hover { color: #ccc; }
/* WIDE-MEDIUM TEMPLATE */
div.wide-medium { width: 990px; background-color: #fff; color: #000; background-repeat: repeat-y; background-position: right }
div.sidebar-black { background-image: url(../images/bg_wide-medium_sidebar-black.gif) }
div.sidebar-gray { background-image: url(../images/bg_wide-medium_sidebar-gray.gif) }
div.wide-medium .column, div.wide-narrow .column { float: left }
div.wide-medium .left { width: 645px; padding: 15px 25px 15px 20px } /* 990 - 300 = 690 - (25 - 20) = 645 */
div.wide-medium .right { padding: 15px; width: 270px } /* 300 - (2 x 15) = 270 */
div.sidebar-black .right { color: #fff }
div.sidebar-black .right h2 { color: #fff }
div.sidebar-black .right table { margin: 5px 0 20px 0; border-top: 1px solid #333333; width: 100%; border-collapse:collapse }
div.sidebar-black .right th, div.sidebar-black .right td { border-bottom: 1px solid #333333; padding: 3px 0; vertical-align: top }
div.sidebar-black .right td { font-weight: bold }
div.sidebar-black .right th, div.sidebar-black .right td.mid { color: #ddd; font-weight: normal; padding-right: 0.5em }
div.sidebar-black .right td ul { font-weight: normal; margin:0; }
div.sidebar-black .right td ul li { list-style-type: none; font-size:85%; background:transparent url(../images/icon_arrows_li_small.gif) no-repeat scroll left top; padding-left:8px }
td.money { text-align: right }
div.sidebar-gray .right { padding-top: 50px }
div.sidebar-gray .right h3 { color: #000; font-size: 100%; text-transform: none; font-weight: bold; margin-bottom: 0.4em }
/* WIDE-NARROW TEMPLATE */
div.wide-narrow { width: 990px; background-color: #fff; color: #000; background-image: url(../images/bg_wide-narrow.gif); background-repeat: repeat-y; background-position: right }
div.wide-narrow .left { width: 705px; padding: 15px 45px 15px 20px } /* 990 - 220 = 770 - (20 + 45) = 705 */
div.wide-narrow .right { padding: 50px 20px 20px 30px; width: 170px } /* 220 - (30 + 20) = 170 */
div.wide-narrow .right h2 { font-size:100%;margin-bottom:3px }
div.wide-narrow .right ul { margin:0 0 15px 0; list-style:none; font-size: 95%; line-height:140%; }
div.wide-narrow .right ul li { list-style:none; color: #aaa; }
/* NARROW-WIDE-NARROW TEMPLATE */
div.narrow-wide-narrow { width: 990px; background-color: #fff; color: #000; background-image: url(../images/bg_narrow-wide-narrow.gif); background-repeat: repeat-y; background-position: right }
div.narrow-wide-narrow .left { float:left; padding: 15px 20px 15px 30px; width: 170px } /* 220 - (30 + 20) = 170 */
div.narrow-wide-narrow .center { float:left; width: 485px; padding: 15px 45px 15px 20px } /* 990 - 220 - 220 = 550 - (20 + 45) = 485 */
div.narrow-wide-narrow .right { float:left; padding: 0px 20px 15px 30px; width: 170px } /* 220 - (30 + 20) = 170 */
div.narrow-wide-narrow h2 { color: #e86a10; font-weight:bold; margin: 10px 0 10px 0 }
div.narrow-wide-narrow h3 { color: #000; font-size: 100%; font-weight: bold; padding:10px 0 5px 0; }
div.narrow-wide-narrow .right a { text-decoration:none; color:#000;}
div.narrow-wide-narrow .right a:hover { text-decoration:underline; color:#000;}
div.narrow-wide-narrow .right .aantal {color:#888888;font-size:0.9em;padding:10px 0 0 0;}
/* WIDGET: PRODUCT LIST*/
div.product { margin-bottom: 30px; width: 100% } /* width: 100% to prevent floating for small product boxes */
div.product h3 { margin: 1px 0 2px ; font-size: 135%; font-weight: normal }
div.product h3 a { color: #e86a10; text-decoration: none }
div.product h3 a span { color: #000; padding-left:5px; } /* /reserveren/verblijf/special/cluster.#/#/aantal-volwassenen/#/aantal-kamers/#/ */
div.product h3 a.popup { color: #1C7CE2; font-size:70% } /* /hotels/#/kamers/ */
div.product h3 em { color: #000; font-style: normal }
div.product p { margin: 0 0 5px; }
div.product p span { font-size: 88%; color:#777; }
div.product p a { font-size: 101% }
div.product img { float: left }
div.product ul { margin: 0.73em 0 0.73em 1.25em } /* With these margins one h1, one h4, a 3-bullet list and a 2 line p will fit next to a 210 x 140 image */
div.product-extra-small div { margin-left: 130px } /* 100 + (2x5) + 20 = 130 XS */
div.product-small div { margin-left: 150px } /* 120 + (2x5) + 20 = 150 S */
div.product-medium div { margin-left: 170px } /* 140 + (2x5) + 20 = 170 M */
div.product-large div { margin-left: 210px } /* 180 + (2x5) + 20 = 210 L */
div.product-extra-large div { margin-left: 240px } /* 220 + (2x5) + 20 = 240 XL */
div.product-extra-large h1, div.product-extra-large h3 { margin: 0 }
div.product div div { margin-left: 0px } /* Removes margin for nested div's */
div.product label { color: #2F92FB; text-decoration: underline }
div.columns div.column .product { width: 320px; }
div.product table.productspecs { width:480px; background-color:#F5F5F5; margin: 3px 0 5px 0}
div.product table.productspecs th { width:180px; color: #777777; font-size: 85%; font-weight: normal; padding: 3px}
div.product table.productspecs th.last { width:100px; }
div.product table.productspecs td { padding: 0 3px 3px 3px; font-weight: bold; font-size: 95%; }
table.overnachting-vergelijking { width: 100%; background-color:#F5F5F5; margin: 3px 0 5px 0; }
table.overnachting-vergelijking td { padding: 3px }
table.overnachting-vergelijking tr.focus td { font-weight: bold; font-size: 95%; padding-bottom: 1px; border-top: 1px solid #fff }
table.overnachting-vergelijking tr.info td { color: #777777; font-size: 85%; padding-top: 1px }
/* NEW GENERAL WIDGET STUFF */
img.bordered { border: 1px solid #ddd; padding: 5px }
img.unpadded-bordered { border: 1px solid #ddd; }
/* hr style declaration removed because it was only used in boekings bevestiging
hr {
background:transparent url(../images/bg_divider.gif) repeat-x scroll 0 0; height: 5px; margin: 0 0 15px;
border: 0px none;
}
*/ /* Bug: "border: 0px none" does not work in IE - border is still shown. FvE: the only fix I know: replace
by (jQuery?)*/
div.left h2 { color: #999; font-size: 112%; text-transform: uppercase }
div.right h3 { text-transform: uppercase; margin: 0 }
.noot { color:#555; font-size: 88% }
.message { background-color: #fafad2; border: 1px solid #42230d; color: #42230d; padding: 0.5em; font-size: 88% }
/* MODAL */
body div#fancy_div {background: #FFF; color: #000;} /* Fancybox override */
body div#fancy_inner { position: relative; width:100%; height:100%; background: #fff; }
/* HOTEL DETAIL */
body.hotels .left #HotelOmschrijving { display:none }
body.hotels .left #HotelSamenvatting, #HotelOmschrijving { margin: 0 0 20px 0}
body.hotels .left .column-left { float:left; width:400px; margin:0 20px 10px 0; }
body.hotels .left .column-left img { border: 1px solid #ddd; }
body.hotels .left .column-right { float:right; width:250px; height:260px; margin:0 20px 20px 0; }
/*body.hotels .left .column-right img { border: 1px solid #ddd; width:78px; height:52px; cursor:pointer; } */
body.hotels .left #HotelSamenvatting p, body.hotels .left #HotelSamenvatting a { display:inline }
.flash-video-thumbnail, .flash-thumbnail, .photo-thumbnail { border: 1px solid #ddd; display:block; float: left; height: 52px; margin:0 3px 4px 0; overflow:hidden; width: 78px}
.playvideo { position: relative; top: -16px }
/* EVENEMENTEN */
#question-InformatieAanvraagSoortAnders { display:none }
body.evenementen #body .rightside-attentionbox {border: 1px solid #ddd; padding: 5px; margin: 0 0 20px 0; }
/* VERGADEREN */
body.energie .kaartbox { border:1px solid #ccc; padding: 10px 175px 10px 175px; }
body.vergaderen .kaartbox { padding: 10px 170px 10px 170px; }
body.vergaderen fieldset#vergaderen-zoeken {background:url("/images/bg_form_vergaderen.jpg") no-repeat scroll right top #F5F5F5;border:1px solid #CCCCCC;height:206px;margin:0 0 25px;}
body.vergaderen form#Vergaderen_zoeken select {float:none; margin:10px 0 10px 0; width:400px;}
body.vergaderen div.right {width:260px; margin-left:3px; padding-top:50px; }
body.vergaderen div.right h4 {margin-bottom:0.5em;}
body.vergaderen div.right div.filters {margin-left: 0px; font-size:90%; }
body.vergaderen div.right h3 {text-transform:capitalize; font-size: 110%; padding:0; margin: 0 0 10px 0; }
body.vergaderen div.right ul {margin:0 0 15px; }
body.vergaderen div.right ul li {list-style-type:none; margin: 0 0 5px; color: #999; }
body.vergaderen div.right ul li a, body.vacatures div.right ul li a:hover { color: #333; }
body.vergaderen div.right h2 {font-size:100%}
body.vergaderen div.box {background:url("/images/bg_homeblock_vergaderen_white.gif") repeat-x scroll 0 0 #FFFFFF; float:left; font-size:95%; height:100px; margin:0px 25px 0 0; width:297px; border:1px solid #CCCCCC;}
body.vergaderen div.box .image {background:none repeat scroll 0 0 #FFFFFF;display:inline;float:left;margin:0 10px 0 0;width:100px;}
body.vergaderen div.box .text {padding:15px 10px 10px 20px;}
body.vergaderen div.box .text h3 {color:#e86a10; font-size:1em; font-weight:bold; margin:0 0 15px; text-transform:none;}
body.vergaderen div.last {margin:0px;}
table#vergaderzalen {margin:0 0 15px;}
table#vergaderzalen th, table#vergaderzalen td {width:40px;}
table#vergaderzalen th, table.vergaderzaal th { font-weight:bold; vertical-align:bottom; text-align:center;}
table#vergaderzalen tr th.even {background:none repeat scroll 0 0 #EEEEEE;}
table#vergaderzalen tr th img {margin:0 0 8px 0;}
table#vergaderzalen tr td.image {width:60px;}
table#vergaderzalen tr td.even {background:none repeat scroll 0 0 #F5F5F5;}
table#vergaderzalen tr th.number, table#vergaderzalen tr td.number {text-align:center;}
table#vergaderzalen tr td.name a {color:#1C7CE2;font-weight:bold;}
a.offerte {background:url("/images/mail-icon.png") no-repeat scroll 1px 1px transparent; display:block; line-height:45px; padding:0 0 0 50px;}
a.factsheet {background:url("/images/pdf-icon.png") no-repeat scroll 1px 1px transparent; display:block; line-height:45px; padding:0 0 0 50px;}
a.belmij {background:url("/images/phone-icon.png") no-repeat scroll 1px 1px transparent; display:block; line-height:45px; padding:0 0 0 50px;}
/* FULL WHITE TEMPLATE */
div.full-white { width: 950px; padding: 15px 20px 20px; background-color: #fff; color: #000 } /* 990 - 20 - 20 = 950 */
div.full-white .column { float:left; width: 320px; padding-left: 30px } /* 950 = 250 + (30 + 320) + (30 + 320) */
div.full-white .left { width: 250px; padding-left: 0 }
div.full-white ul { margin: 0 0 15px 0px; padding: 0; line-height: 1.3em; color: #999 }
div.full-white ul li { margin: 0; list-style-type:none;}
div.full-white ul li .plaats { color: #aaa; padding-left: 5px }
/* CADEAUCHEQUES */
div.picturecadeaucheques {float:left; width:200px; text-align:center; margin:30px 0 30px 0;}
/* OVER BILDERBERG */
body.over-bilderberg div.right ul { margin:0 }
body.over-bilderberg div.right li { list-style-type:none; margin:0 0 8px 0; }
body.over-bilderberg div.right li a {color:#444444;}
body.over-bilderberg .publicatiedatum {color:#999999; font-size:0.9em; margin:2px;}
/*
FORM #Beschikbaarheid - Dit formulier is een uitzondering: staat in de smalle rechterkolom en op een donkere achtergrond.
Form width = 270px
*/
form#Beschikbaarheid label {
margin-top: 6px; /* met een grotere marge wordt de kolom te hoog op de homepage in IE6 */
width: auto; float: none; font-weight: bold; color: #ddd; font-size: 90%; display:block
}
body.widgets form#Beschikbaarheid label {
color: #000;
}
div.hotel div.tabs-content-columns div.right form#Beschikbaarheid label { color:#000 }
.left form#Beschikbaarheid label { color: #000 } /* Op /reserveren/ staat ie links. */
form#Beschikbaarheid select, form#Beschikbaarheid input { margin: 3px 0 0 }
form#Beschikbaarheid input { width: 90px }
form#Beschikbaarheid input.error { border: 1px solid red }
form#Beschikbaarheid a { color: #6EB2FA; padding: 0 0 0 10px; font-size: 85%; line-height: 275% }
form#Beschikbaarheid button { display: block; margin-top: 10px }
form#Beschikbaarheid .dateFormat { display: none }
form#Beschikbaarheid .validationerror { margin-left: 0; } /* For server-side validation */
form#Beschikbaarheid .error { color: red } /* For server-side validation */
#errorSummary { margin: 4px 0; background-color: #fafad2; font-size: 80%; padding: 0.25em 0.5em; color: #aa0000; width: auto; border: 1px solid #000 }
table.error { border: 1px solid black; color: red; border-collapse: collapse; background-color: #eee }
table.error th, table.error td { border: 1px solid black; vertical-align: top; font-size: 80%; padding: 0.5em }
table.error td { color: black }
.clearfix { overflow: hidden; width: 100% } /* Clearing floats with overflow + width: http://www.quirksmode.org/css/clearing.html */
/* RESERVEREN */
/* WDR: niet netjes.. voor opsomming arrangementdetails */
body.reserveren div.left ul,
body.secure div.left form ul, /* FVE: waar is dit eigenlijk voor? */
div.product ul { margin-left:0; }
body.secure div.left form.boekingsoverzicht ul { margin-left: 2px }
body.secure div.left form ul { margin-top:0; font-style:italic }
body.reserveren div.left ul li,
body.secure div.left form ul li,
div.product ul li {
background:transparent url(../images/icon_arrows_li.gif) no-repeat scroll left top;
list-style-type:none; margin:0 0 1px 0; padding:0 0 0 10px;
}
/* SUPPLEMENTEN */
div.supplementsoort { margin-bottom: 20px }
div.supplementsoort div.selected { background-color:#F7F7F7 }
div.supplement { display: block; margin-top: 30px }
div.supplement img { float: left } /* 1 + 5 + 120 + 5 + 1 = 132 px */
div.supplement div { margin-left: 142px } /* 132 + 10 */
div.supplement div div { margin-left: 0 }
div.supplement h3 { margin-bottom: 5px }
div.supplement .SupplementOmschrijving {color:#777777; font-size:0.9em; font-weight:normal; margin:0 0 8px }
div.supplement .vanafPrijs { font-weight:bold; margin:0 0 8px }
div.supplement .vanafPrijs .hotel { font-weight:normal }
div.supplement .voeg-toe {
background-image: url(/images/icon_closed.gif); background-position: left center; background-repeat: no-repeat;
padding: 1px 0 0 13px; cursor: pointer; color: #2572C3
}
div.supplement .open { background-image: url(/images/icon_open.gif) }
div.supplement .hidden { display: none }
div.supplement .extrainfo { margin-top: 5px }
div.supplement td { padding: 2px 25px 2px 0 }
div.supplement td.eerste { padding-right: 5px }
div.supplement td.datum { text-align: right }
div.supplement .aantal { width: 35px }
/* BOEKER FORM */
#question-BoekerGeboortedatum_dag, #question-BoekerGeboortedatum_maand, #question-BoekerGeboortedatum_jaar { float:left; width: 90px }
#question-BoekerGeboortedatum_dag select, #question-BoekerGeboortedatum_maand select {width: 80px;}
#question-BoekerGeboortedatum_dag { float:left; width: 270px; margin-bottom:0.5em } /* The width makes sure the table does not start floating next to it in IE8 */
#question-BoekerGeboortedatum_maand label, #question-BoekerGeboortedatum_jaar label { display:none }
#question-BoekerGeboortedatum_jaar input { width:80px}
.btnBoekerLogin {margin: 0 0 0 90px;}
.secure form#SAV_BoekerPrive a.lnkAnnuleringsvoorwaarden, .secure form#SAV_BoekerZakelijk a.lnkAnnuleringsvoorwaarden {cursor:pointer; text-decoration:underline;}
.secure form#SAV_BoekerPrive div.AnnuleringsVoorwaarden, .secure form#SAV_BoekerZakelijk div.AnnuleringsVoorwaarden {display:none; margin:10px 0 20px 0;}
/* CREDITCARD-FORM */
#question-BoekingCreditcardVervaldatumMaand select, #question-BoekingCreditcardVervaldatumJaar select {width: 60px;}
#question-BoekingCreditcardVervaldatumMaand { float:left; width: 250px; margin-bottom:0.5em } /* The width makes sure the table does not start floating next to it in IE8 */
#question-BoekingCreditcardVervaldatumJaar { float:left; width: 368px; margin-bottom:0.5em }
#question-BoekingCreditcardVervaldatumJaar label { display:none }
/* CONTROLE BOEKING */
p.reservationmessage {color:#e86a10; font-weight:bold;}
.boekingsoverzicht table { margin: 5px 0 20px 0; border: 2px solid #ddd; width: 100%; border-collapse:collapse }
.boekingsoverzicht th, .boekingsoverzicht td { border-bottom: 0px solid #ccc; padding: 10px 10px 5px; vertical-align: top; font-weight: normal }
.boekingsoverzicht th { color: #000; font-weight: bold; background-color: #eee; }
.boekingsoverzicht .boekingkosten th { font-weight: normal; background-color: transparent }
.boekingsoverzicht .boekingkosten th { border-bottom: 1px solid #ccc;}
.boekingsoverzicht .boekingkosten td { width:100px; border-bottom: 1px solid #ccc;}
div#offerte .boekingkosten td { font-weight:normal; /* removed by FvE - it's better to let the browser handle the column width: "width:70px; text-align:right;" */ }
/* EMAIL NIEUWSBRIEF */
a.emailnieuwsbrief {
width: 150px; height: 30px; line-height: 30px; display: inline-block; padding: 0 0 0 30px;
margin: 10px 0 20px 0; text-decoration: none; color: #000; float:none; }
a.emailnieuwsbrief:hover { text-decoration: underline; }
a.inschrijven { background: url(../images/bg_button_plus.gif) no-repeat top left; font-weight: bold; }
a.uitschrijven { color: #444; background: url(../images/bg_button_delete.gif) no-repeat top left; }
a.wijzigen { color: #444; background: url(../images/bg_button_edit.gif) no-repeat top left; }
/* EMAIL NIEUWSBRIEF INSCHRIJVING */
#question-EmailNieuwsbriefInschrijvingGeboortedatum_dag, #question-EmailNieuwsbriefInschrijvingGeboortedatum_maand, #question-EmailNieuwsbriefInschrijvingGeboortedatum_jaar { float:left; width: 90px }
#question-EmailNieuwsbriefInschrijvingGeboortedatum_dag select, #question-EmailNieuwsbriefInschrijvingGeboortedatum_maand select {width: 80px;}
#question-EmailNieuwsbriefInschrijvingGeboortedatum_dag { float:left; width: 270px; margin-bottom:0.5em } /* The width makes sure the table does not start floating next to it in IE8 */
#question-EmailNieuwsbriefInschrijvingGeboortedatum_maand label, #question-EmailNieuwsbriefInschrijvingGeboortedatum_jaar label { display:none }
#question-EmailNieuwsbriefInschrijvingGeboortedatum_jaar input { width:80px}
/* TOOLTIP KAART NL */
#kaartnl { position:absolute; border: 1px solid #111; background: #333; padding: 5px; display :none; color: #fff;}
#tooltip { position: absolute; z-index: 3000; border: 1px solid #fff; background-color: #222; padding: 5px; text-align: left; color: #ddd;}
#tooltip h2 { margin: 0 0 5px 0; font-size: 1.0em; color: #fff; font-weight: bold;}
body.reserveren #tooltip { border: 0px none; padding: 0; font-size: 76%; }
/* KINDEREN */
body.kinderen ul {margin: 0px 0 10px 0;}
body.kinderen li {list-style-type:none;}
body table#kinderen_faciliteiten { margin: 10px 0 10px 0;}
body table#kinderen_faciliteiten td { padding:5px;}
/* ARRANGEMENTEN FORM AantalVolwassenenEnKamers */
form#AantalVolwassenenEnKamers .code label { margin-left: 15px; width: 140px; font-weight: bold; font-size:95% }
form#AantalVolwassenenEnKamers .code div.validationerror { margin-left: 155px; font-size:95% }
form#AantalVolwassenenEnKamers #question-AantalVolwassenen { width:240px; float:left; margin-bottom: 0 }
form#AantalVolwassenenEnKamers #question-AantalVolwassenen label { width:140px; font-weight:bold; font-size:95%; margin-left:15px; padding-top:2px }
form#AantalVolwassenenEnKamers #question-AantalKamers { width:220px; float:left; margin-bottom: 0 }
form#AantalVolwassenenEnKamers #question-AantalKamers label { width:110px; font-weight:bold; font-size:95%; padding-top:2px }
form#AantalVolwassenenEnKamers #question-Combinatie { width: 450px; float:left; margin-top: 1em }
form#AantalVolwassenenEnKamers #question-Combinatie label { width: 140px; font-weight:bold; font-size:95%; margin-left:15px; padding-top:2px }
form#AantalVolwassenenEnKamers #question-Combinatie select { width: 229px; float:left }
form#AantalVolwassenenEnKamers div.submitbutton { width:130px; float:left }
.Combinatie div.submitbutton { margin-top: 1em }
.geen-combinatie-keuze .Combinatie div.submitbutton { margin-top: 0 }
/* KALENDER */
.kalender-navigatie {
background: #f5f5f5 url(../images/bg_kalender_heading.gif) repeat-x;
width: 643px; /* not 100% to benefit IE6 */
border: 1px solid #ddd; border-bottom: 0px none; height: 40px
}
.kalender-navigatie div, .kalender-navigatie h2 { display: block; float: left; width: 33%; margin-top: 10px; text-align: center }
table.kalender { border-collapse: collapse; border: 1px solid #ccc; width: 645px; /* not 100% to benefit IE6 */ font-size: 96% }
table.kalender th, table.kalender td { border: 1px solid #ccc; text-align: center; width: 13% }
table.kalender th { background: #555; color: #fff; padding: 5px 0 }
table.kalender td { padding: 8px 0; height: 49px }
table.kalender .week { width: 9% } /* 100 - 7x13 */
table.kalender thead .week { color: #bbb }
table.kalender tbody .week { color: #aaa; background-color: #eee }
table.kalender a { font-weight: bold }
table.kalender a:hover { color: #e86a10 }
table.kalender .datum { margin-bottom: 3px; font-weight: bold }
table.kalender .geenaankomst { background: #eee }
table.kalender .empty { background: #f5f5f5 }
table.kalender .laagsteprijs { background: #a0f64a }
table.kalender .laagstemaandprijs { background: #fff8dc }
.laagstemaandprijs-legenda { background: #fff8dc; border: 1px solid #ccc; width: 8px; height: 8px; float: left; margin: 2px 4px 0 0 }
table.kalender .NotThisMonth { color: #939393 }
/*
VACATURES
WDR: 3 column layout: 20px + 170px(left) + 20px | 20px + 485px(center) + 45px | 10px + 220px(right) = 990px
*/
body.vacatures img.subheader { margin: 8px 0 0 0 }
body.vacatures div#body { background-image: url(../images/bg_main_vacatures.gif); background-repeat:repeat-y; }
body.vacatures div.left { padding: 30px 20px 20px; }
body.vacatures div.left h4 { margin: 0 0 5px }
body.vacatures div.left ul { margin:0 0 15px; }
body.vacatures div.left ul li { list-style-type:none; margin: 0 0 5px }
body.vacatures div.center { padding-top: 25px; padding-bottom: 25px }
body.vacatures div.center p.location-and-type { margin: 2px 0 }
body.vacatures div.center p.location-and-type span { color:#aaa; }
body.vacatures div.center p.publishdate { color:#555555; font-size:85%; margin-bottom: 1.5em;}
body.vacatures div.right { width:220px; margin-left:10px; padding: 0 }
body.vacatures div.right h4 { background-color: #e86a10; color:#fff; padding:10px; margin:0 0 15px 0; }
body.vacatures div.right div.filters { margin-left: 20px; font-size:90%; }
body.vacatures div.right h3 { text-transform:capitalize; font-size: 110%; padding:0; margin: 0 0 10px 0; }
body.vacatures div.right ul { margin:0 0 15px; }
body.vacatures div.right ul li { list-style-type:none; margin: 0 0 5px; color: #999; }
body.vacatures div.right ul li a, body.vacatures div.right ul li a:hover { color: #333; }
body.vacatures div.product { margin-bottom: 10px }
body.vacatures div.product-medium div { margin-left: 150px }
body.vacatures a.popup { background-position: left; padding-left: 20px; }
/* Kasteel Doorwerth */
body.kasteel-doorwerth div.fotoright { float:right; width:250px; height:260px; margin:0 20px 20px 0; }
body.kasteel-doorwerth div.fotoright img { cursor:pointer;}
body.kasteel-doorwerth div.fotoleft { float:left; width:400px; margin:0 20px 10px 0; }
form#PersonenVoorkeurenActiecode div.validationerror
, form#VolgordeVanUwVerblijf div.validationerror { margin-left: 0 }
/* Beste prijs garantie */
div.besteprijsgarantie { margin:1em 0 0 0 }
div.besteprijsgarantie p { color: #ddd; margin-bottom:5px }
div.besteprijsgarantie a { margin:0 10px 0 0; font-weight:normal; color:#9AC8F8; }
.friendly-notification {
border: 1px dotted #696969; padding: 0.5em 1em; color: black;
background-color: #f1f1f1;
margin-bottom: 1em;
}
.friendly-notification form { display: inline; margin-right: 2em }
.friendly-notification form button img { vertical-align: text-bottom; margin-right: 0.5em }
.label-above textarea { width: 66%; height: 4em; }
fieldset.hidden { visibility: visible } /* override for a bug in forms.1.0.css */
body.pop-up { background-color: #fff; background-image: none; color: #000; text-align: left }
table.th-niet-bold-met-flinke-marge-rechts th { font-weight: normal; padding-right: 3em }
ul#combinatiehotels { list-style-type: none; margin: 0; padding: 0 }
.combinatiehotel, .ui-state-highlight-combinatiehotel {
border: 1px solid #CCCCCC; float:left; margin:0 15px 15px 0; width:160px; padding: 5px; height: 205px; background-color: #fff;list-style-type: none;
}
.sortable .combinatiehotel { cursor: all-scroll }
.ui-state-highlight-combinatiehotel { background-color: #fff099}
/* Feestdagen */
ul#feestdagenhotels { list-style-type: none; margin: 0; padding: 0 }
.feestdagenhotel, .ui-state-highlight-feestdagenhotel {
border: 1px solid #CCCCCC; float:left; margin:0 15px 15px 0; width:160px; padding: 5px; height: 260px; background-color: #fff;list-style-type: none;
}
.sortable .feestdagenhotel { cursor: all-scroll }
.ui-state-highlight-feestdagenhotel { background-color: #fff099}
/* Cadeaus */
.cadeaucheques ul.breadcrumbs {width:650px; margin:0px 0 10px 0; color:#777; font-size:85%}
.cadeaucheques ul.breadcrumbs li { list-style-position:inside; list-style-type:none; float:left; background-image: url(/images/icon_arrow_breadcrumbs.gif); background-repeat: no-repeat; background-position:left center; margin-left:0 0 0 10px; padding:0 0 0 10px;}
form#kassa-betalen-cadeau, form#kassa-betalen-creditcard {margin-bottom:0px;}
form#kassa-betalen-cadeau button, form#kassa-betalen-creditcard button, form#kassa-betalen-boeking button {width:180px;margin:0px 0px 20px 0px;}
form#kassa-betalen-cadeau button.btnBestellingControlereniDEAL img, form#kassa-betalen-boeking button.btnBestellingControlereniDEAL img {position:relative; top:6px; height:22px; margin:-8px 0 0 0; padding:0 5px 0 0;}
.btnBestellingControlereniDEAL, .btnBestellingControlerenCreditcard, .btnBestellingControleren {float:right;}
.homepage #ID0EBDA_RegioOfHotel { width: 100% }
h3.black { color:#000; font-weight:normal; font-size: 150%; margin: 0 0 15px 0 }
/* Trouwen */
.trouwen ul#combinatiehotels li {width: 250px; height: 300px; padding: 0pt; border-right: medium none; border-left: medium none; margin: 0 32px 50px; background: none repeat scroll 0% 0% rgb(245, 245, 245); border-width: 1px medium; border-style: solid none; border-color: rgb(204, 204, 204) -moz-use-text-color rgb(221, 221, 221);}
div.testimonials {width: 710px;}
div.testimonials div.testimonial {float: left; width: 205px; margin-right: 30px;}
div.testimonials div.testimonial div.text p.intro {font-style:italic;}
div.testimonials div.testimonial div.text h3 {margin: 12px 0pt 8px; color: rgb(232, 106, 16); text-transform: uppercase;}
div.testimonial-detail div.text {margin:20px 0px 40px 0px;}
div.testimonial-detail div.text p.intro {font-style:italic;}
div.testimonial-detail ul {margin:0px}
div.testimonial-detail ul li {list-style-type: none; color: #444444}
div.testimonial-detail ul li a {color: #444444;}
body.trouwen div.full-white {padding: 0;width: 990px;}
body.trouwen div.full-white .left {padding: 0;width: 680px;}
body.trouwen div.full-white .right {padding: 0;width: 310px;}
body.trouwen.slideshow {margin: 0;}
ul#trouwhotels li.trouwhotel {background: none repeat scroll 0 0 #F5F5F5;float: left;cursor:pointer;height: 250px;list-style: none outside none;margin: 0 20px 20px 0;width: 200px;}
ul#trouwhotels li.trouwhotel div.text {height: 75px;margin: 8px 0 0 5px;}
ul#trouwhotels li.trouwhotel p.hotel {color: #000000;font-size: 1em;font-weight: bold;margin: 0;padding: 0;}
ul#trouwhotels li.trouwhotel p.plaats {color: #333333;font-size: 86%;margin: 0;padding: 0;}
ul#trouwhotels li.trouwhotel p.regio {color: #888888;font-size: 86%;padding: 0;}
ul#trouwhotels li.trouwhotel div.link {margin: 0 0 0 5px;padding: 0;}
ul#trouwhotels li.trouwhotel-third {margin-right: 0;}
body.trouwen div.wide-narrow .right {padding-left: 20px;}
#formbox-trouwen, #formbox-business {background: none repeat scroll 0 0 #F5F5F5;border-color: #EE7D11; border-left: medium none; border-right: medium none; border-style: solid none; border-width: 1px medium;margin: 0 0 15px;padding: 15px 15px 15px 20px; border-top-style:none;}
#formbox-trouwen h1 {margin-top: 0;}
#formbox-trouwen p.comment, #formbox-business p.comment {font-size: 86%;}
form#EvenementAanvragen {}
form#EvenementAanvragen fieldset {background: none repeat scroll 0 0 transparent;border: medium none;padding: 0;}
#formbox-trouwen .question, #formbox-business .question {margin: 0 0 10px;}
#formbox-trouwen .question label, #formbox-business .question label {float: left;width: 100px;}
#formbox-trouwen .question label.radio, #formbox-business .question label.radio {float: none;width: auto;}
#formbox-trouwen .submitbutton, #formbox-business .submitbutton {margin-left: 100px;}
.hotels #formbox-trouwen .question input.small, .hotels #formbox-business .question input.small {width: 80px;}
.hotels #formbox-trouwen .question input.medium, .hotels #formbox-business .question input.medium {width: 110px;}
.trouwen #formbox-trouwen .question input.medium, .business #formbox-business .question input.medium {width: 150px;}
.hotels #formbox-trouwen #question-InformatieAanvraagStartDatum input {width: 90px;}
.trouwen #formbox-trouwen #question-InformatieAanvraagStartDatum input {width: 130px;}
#formbox-trouwen #question-InformatieAanvraagStartDatum .dateFormat {color: #666666;font-size: 0.8em;padding-left: 5px;}
#formbox-trouwen #question-InformatieAanvraagStartDatum_Unknown input {margin-left: 100px;}
#formbox-trouwen #question-InformatieAanvraagGewensteLocatie label {margin-bottom: 3px;width: auto;}
div#faciliteiten-trouwen {border-color:#EE7D11; border-left: medium none; border-right: medium none; border-style: solid none; border-width: 1px medium; border-top: medium none;}
table#faciliteiten-trouwen th {width: 85%;}
.hotel #formbox-trouwen label.radio, .hotel #formbox-business label.radio {margin-right: 0;}
div.box-actieblok-trouwen {-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("/images/trouwen/bg_trouwen_ringen.jpg") no-repeat scroll right bottom #F5F5F5;border-color: #EE7D11;border-left: medium none;border-right: medium none;border-style: solid none;border-width: 1px medium;height: 150px;margin:0px 0px 20px 0px;width: 280px; padding:15px;border-top: medium none;}
div.box-actieblok-trouwen h2 {font-size: 1.5em;}
div.box-actieblok-trouwen .text {padding-bottom: 10px;}
div.box-actieblok-trouwen p {color: #111111;}
div.box-actieblok-trouwen p a {color: #2F92FB;margin-left: 0;}
.hotels div.box-actieblok-trouwen, .kasteel-doorwerth div.box-actieblok-trouwen {width:184px; margin-top:20px;height:190px;}
body.trouwen form div.validationerror, body.business form div.validationerror {margin: 0 0 0 100px;}
.hotels #formbox-trouwen div.validationerror, .hotels #formbox-business div.validationerror {margin: 0px;}
#formbox-trouwen span.dateFormat { display:none;}
#formbox-business textarea {width: 250px;margin-top:5px;}
.hotel #formbox-business textarea {width: 213px;}
#formbox-business #question-InformatieAanvraagNieuwsbrief label {width:80%}
.hotel #formbox-business #question-InformatieAanvraagNieuwsbrief label {width:200px}
div#business-faciliteiten, div#callToActionList, div#business-homepageblokken {background: none repeat scroll 0 0 #F5F5F5;border-color: #EE7D11; border-left: medium none; border-right: medium none; border-style: solid none; border-width: 1px medium;margin: 0 0 15px; border-top-style:none;}
div#business-homepageblokken h3 {margin:10px 0px 10px 0px;}
/* Widgets */
body.widgets div.question {width:198px;}
body.widgets div#question-AankomstISO, body.widgets div#question-AantalVolwassenen {float:left;}
body.widgets div#question-RegioOfHotel {width:100%;}
/* BUSINESS */
/* jQuery banner rotator plugin: http://manos.malihu.gr/slidebox-jquery-banner-rotator */
#slidebox{position:relative; margin:8px 0 0 0;}
#slidebox, #slidebox .content{width:990px;}
#slidebox, #slidebox .container, #slidebox .content{height:290px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:#fff; float:left;}
#slidebox .content div{padding:0; height:100%; }
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:24px; height:23px;}
#slidebox .next{right:0; margin-right:10px; background:url(../images/business/slidebox_next_v4.png) no-repeat left top;}
#slidebox .next:hover{background:url(../images/business/slidebox_next_v4.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(../images/business/slidebox_previous_v4.png) no-repeat left top;}
#slidebox .previous:hover{background:url(../images/business/slidebox_previous_v4.png) no-repeat left top;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:300px;}
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(../images/business/slidebox_thumb.png); color:#fff;}
#slidebox .thumbs .thumb:hover{background:#fff; color:#000;}
#slidebox .selected_thumb{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
/* jQuery selectlist plugin: http://odyniec.net/projects/selectlist/examples.html */
.selectlist-list { list-style: none; margin: 0; padding: 0; }
div.full-white ul.selectlist-list { margin:0 }
div.full-white ul.selectlist-list li { color:#777; }
.selectlist-item {
background: #F5F5F5 url(../images/business/icon-pm-trashcan.gif) no-repeat right center;
border-bottom: solid 1px #eee;
cursor: pointer;
padding: 3px 0 3px 3px ;
margin: 0 0 3px 0;
width:247px;
}
/* jQuery Cycle Plugin: http://jquery.malsup.com/cycle/ */
#slideshow { float:left }
#nav { width: 100px; margin: 0 15px 15px ; float:left }
#nav li { width: 100px; float: left; margin-bottom: 0; list-style: none }
#nav a { width: 80px; padding: 3px; display: block; border: 1px solid #fff; }
#nav li.activeSlide a { border: 1px solid #ccc; }
#nav a:focus { outline: none; }
#nav img { border: 1px solid #ccc; display: block }
body.business ul.tabs { margin-top:8px }
body.business div.full-white { width:989px;padding:0;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb; }
body.business div#body { margin-top:0 }
body.business div.left { width:640px;margin:15px 20px 0px 19px }
body.business .locaties div.left {margin:0px 0px 0px 0px }
body.business div.left div#blocks { width:660px;margin:40px 0 }
body.business div.left div#blocks div { float:left;width:200px;margin-right:20px }
body.business div.left div#blocks div.last { margin-right:0 }
body.business div.left div#blocks div h3 { margin: 12px 0 8px;text-transform:uppercase }
body.business div.left div.page-content { margin-bottom:2em }
body.business div.left div.page-content img { width:180px; border:1px solid #cfcfcf; float:left; margin-right:20px }
body.business div.left ul.primary li, body.business div.left div.intro { min-height:120px;clear:left;margin-bottom:2em }
body.business div.left div.intro { margin-bottom:1.5em }
body.business div.left ul.primary li div.image, body.business div.left div.intro div.image { float:left;width:218px;height:120px;margin-right:20px;border:1px solid #cfcfcf; }
body.business div.left ul.primary li div.text, body.business div.left div.intro div.text { width:400px;float:left; min-height:120px }
body.business div.left ul.primary li h3, body.business div.left div.intro h3 { margin-bottom:5px }
body.business div.left ul.primary li img { width:180px; height:120px; border:1px solid #cfcfcf; float:left; margin-right:20px }
body.business div.left ul.secundary li div.image { float:left;width:120px;height:63px;margin-right:10px;border:1px solid #cfcfcf; }
body.business div.left ul.secundary li div.text { min-height:50px; }
body.business div.left ul p { margin:0 0 8px 0;color:#000 }
body.business div.left p.job { color:#777 }
body.business div.left p.quote { font-style:italic }
body.business div.left p.price { font-weight:bold }
body.business div.left div.page-content img { width:180px; border:1px solid #cfcfcf; float:left; margin-right:20px }
body.business div.right { margin:0 0 20px 0;width:310px;padding:0 }
body.business div.themed, body.hotels div.themed { background: url('../images/business/bg_business_referentie.jpg') repeat-x scroll right top; padding:15px; float:left; border-bottom: 1px solid #EE7D11; margin:0 20px 0 0 }
body.hotels div.themed {float:none; margin-bottom:40px;}
body.business div.right div.themed a { font-weight:bold; margin-bottom:1em }
a.nieuwsbrief { background: url('../images/business/icon-newsletter.png') no-repeat; display: block; line-height: 45px; padding: 0 0 0 50px; }
body.business .arrangementen H2{display:none;}
body.business .arrangementen ul li{color:#000;}
/* locaties */
.comment a { color:#777; text-decoration:none }
/*p.maitreb-quote { background: url('../images/business/maitreb_quote.jpg') no-repeat; width:175px; height:163px; clear:left; margin:30px 0 0 0; padding:37px 10px 0 115px; color:#fff; font-size:110%; font-style:italic; line-height:20px} */
/* TODO: merge in screen.css */
body.business div.left ul.primary li ul { color: #000;margin-top:2px}
body.business div.left ul.primary li ul li { min-height:0;background: url("../images/icon_arrows_li.gif") no-repeat scroll left top transparent; list-style-type: none; margin: 0 0 1px; padding: 0 0 0 10px; }
.business #formbox-trouwen .question input.medium { width: 150px; }
/* countdown */
#countdown_dashboard { margin: 10px 0px 10px 0px; width:221px;}
#countdown_dashboard .dash {background: url("/images/dash.gif") no-repeat scroll 0 0 transparent; float: left; height: 43px; margin: 10px 0px 0px 7px; position: relative; width: 50px;}
#countdown_dashboard .dash .digit {color: #555555; float: left; font-family: Arial; font-size: 20pt; font-weight: bold; position: relative; text-align: center; width: 25px;}
#countdown_dashboard .dash_title { bottom: 0; color: #555555; display: block; font-size: 8px; letter-spacing: 0px; position: absolute; left: 3px; right:2px; text-transform: uppercase; text-align:center;}
/* Newsletter Requester */
.newsletter-question-box { color:#000;text-align:left;width:622px;}
.newsletter-question-box input#submitnl {background: url("/images/button_inschrijven.png") no-repeat scroll 0 0 transparent;}
.newsletter-question-box input.reserverenSubmit {display: block;height: 36px;margin: 10px 0 20px 0;width: 193px;}
tr.vroegboekkorting-waarschuwing th { color:red; font-size:.88em }
#offerte tr.vroegboekkorting-waarschuwing { display: none }