/* ========================== GLOBAL STYLES ============================ */ /* TOC ------------------ HTML Tags Layout Navigation Content Special Elements Fieldsets Data (tabular) Data (non tabular) /* /* HTML Tags ------------------------------------------------------------------------ */ body{ margin:0px; font-family: Georgia, "Times New Roman", Times, serif; color:#333333; background:#fff url(images/bg.jpg) center 0 repeat; font-size:0.75em; line-height:1.5em; letter-spacing:-0.005em; } .reverse{ background:#fff url(images/bg-reverse.jpg) center 0 repeat; } .gold{ background:#fff url(images/bg-gold.jpg) center 0 repeat; } a img {border:0px;} a {text-decoration:none;color:#8e0030;} a:hover {text-decoration:underline;} h1 {margin:0 0 8px 0;padding:0px;} h2 {font-size:1.25em;margin:0 0 0.5em 0;padding:0 0 0.5em 0;color:#464646;border-bottom:1px solid #cdcdcd;} h3 {font-size:1em;margin:0 0 0.5em 0;padding:0px;color:#666;} h4 {font-size:1em;margin:0 0 0.3em 0;color:#666;} h5 {font-size:1em;margin:35pt 0 0.5em 0;color:#40aaab;border-bottom:1px solid #CDCDCD;padding:0pt 0pt 0.5em;} p {margin:0px;padding:0px;margin-bottom:0.9em;} /*NOR removed due to tinymce colour changing problems strong,b {color:#666;} */ form {margin:0;} input,select,textarea {font-family:Georgia, "Times New Roman", Times, serif;font-size:0.9em;} hr {height:0;border:none;border-top:1px solid #cdcdcd;} /* Layout ------------------------------------------------------------------------ */ #top {height:169px;width:911px;margin:22px auto 0 auto;position:relative;} #logo {position:absolute;top:0;left:0;width:192px;height:148px;display:block;border-bottom:1px solid #dfdfdf;margin:0;} #logo a {display:block;width:100%;height:100%;background:transparent url(images/logo_wstripes.gif) 0 0 no-repeat;} #logo span {display:none;} #topTelDetails {position:absolute;left:192px;top:31px;width:252px;font-size:0.9em;font-family:helvetica,arial;color:#999;} #topTelDetails .details {width:100%;float:left;height:15px;line-height:15px;} #topTelDetails .details .label {float:left;display:block;width:32px;} #topTelDetails .details .field {float:left;display:block;width:220px;} #topTelDetails a {color:#999;} #topTelDetails a:hover {text-decoration:none;color:#8e0030;} #logoRC {position:absolute;display:block;width:47px;height:48px;left:801px;top:26px;background-image:url(images/logo_rc.gif);} #logoRC span {display:none;} .languages {list-style:none;margin:0;padding:0;position:absolute;left:867px;top:32px;width:40px;height:46px;} .lanuages li {margin:0;padding:0;} .languages a {width:40px;height:16px;display:block;background-repeat:no-repeat;} .languages .en {background-image:url(images/flag_en.gif)} .languages .de {background-image:url(images/flag_de.gif)} .languages .es {background-image:url(images/flag_es.gif)} .languages a span {display:none;} #navContainer {position:absolute;left:192px;top:85px;width:719px;height:62px;border-bottom:1px solid #dfdfdf;border-top:1px solid #e7dec6;} #container {width:911px;margin:0 auto 22px auto;} #main {float:left;width:100%;background:transparent url(images/bg_stripes_norepeat.gif) 0px 480px no-repeat;} #main.inner {float:left;width:100%;background:transparent url(images/bg_stripes_norepeat.gif) 0px 40px no-repeat;} #side {float:left;width:162px;position:relative;top:-2px; background-color: white; } #side-top { height: 63px; margin: 0px; padding: 0px; } #side table { border: none; border-collapse:collapse; cell-spacing: 0px; border-spacing: 0px; } #side td { vertical-align: bottom; } #topimage { height: 364px; width: 719px; } #content {float:right;width:719px;} .focalHome {margin-bottom:15px;} .wide {width:470px;float:left;} .fullwide {width:719px;float:left;} .narrow {width:222px;float:right;} #footer {float:left;width:100%;margin-top:30px;font-size:0.9em;height:0.8em;margin-bottom:3em;} #footer .notice {float:left;margin-right:10px;} #footer .links {float:left;} #footer .links a {float:left;display:block;padding:0 10px;border-left:1px solid #959595} /* Navigation ------------------------------------------------------------------------ */ .nav {list-style:none;float:left;margin:0;padding:0;width:100%;height:20px;border-bottom:1px solid #dfdfdf;} .nav li {float:left;height:100%;} .nav a {width:100%;height:100%;display:block;float:left;background-repeat:no-repeat;background-position:0 center;} .nav a span {display:none;} /* English Top Navigation */ #navContainer.en .nav .nHotel {width:83px} #navContainer.en .nav .nRestaurants {width:137px} #navContainer.en .nav .nSpa {width:92px} #navContainer.en .nav .nContact {width:165px} #navContainer.en .nav .nNews {width:83px} #navContainer.en .nav .nGallery {width:137px} #navContainer.en .nav .nOffers {width:92px} #navContainer.en .nav .nEvents {width:193px} #navContainer.en .nav .nCycling {width:190px} #navContainer.en .nav .nLinks {width:120px} #navContainer.en .nav .nHotel a {background-image:url(images/en/nav_hotel.gif);} #navContainer.en .nav .nRestaurants a {background-image:url(images/en/nav_restaurants.gif);} #navContainer.en .nav .nSpa a {background-image:url(images/en/nav_spa.gif);} #navContainer.en .nav .nContact a {background-image:url(images/en/nav_contact.gif);} #navContainer.en .nav .nNews a {background-image:url(images/en/nav_news.gif);} #navContainer.en .nav .nGallery a {background-image:url(images/en/nav_gallery.gif);} #navContainer.en .nav .nOffers a {background-image:url(images/en/nav_offers.gif);} #navContainer.en .nav .nEvents a {background-image:url(images/en/nav_events.gif);} #navContainer.en .nav .nCycling a {background-image:url(images/en/nav_cycling.gif);} #navContainer.en .nav .nLinks a {background-image:url(images/en/nav_links.gif);} #navContainer.en .nav .nHotel a:hover {background-image:url(images/en/nav_hotel_on.gif);} #navContainer.en .nav .nRestaurants a:hover {background-image:url(images/en/nav_restaurants_on.gif);} #navContainer.en .nav .nSpa a:hover {background-image:url(images/en/nav_spa_on.gif);} #navContainer.en .nav .nContact a:hover {background-image:url(images/en/nav_contact_on.gif);} #navContainer.en .nav .nNews a:hover {background-image:url(images/en/nav_news_on.gif);} #navContainer.en .nav .nGallery a:hover {background-image:url(images/en/nav_gallery_on.gif);} #navContainer.en .nav .nOffers a:hover {background-image:url(images/en/nav_offers_on.gif);} #navContainer.en .nav .nEvents a:hover {background-image:url(images/en/nav_events_on.gif);} #navContainer.en .nav .nCycling a:hover {background-image:url(images/en/nav_cycling_on.gif);} #navContainer.en .nav .nLinks a:hover {background-image:url(images/en/nav_links_on.gif);} /* Spanish Top Navigation */ #navContainer.es .nav .nHotel {width:100px} #navContainer.es .nav .nRestaurants {width:145px} #navContainer.es .nav .nSpa {width:100px} #navContainer.es .nav .nContact {width:170px} #navContainer.es .nav .nNews {width:100px} #navContainer.es .nav .nGallery {width:145px} #navContainer.es .nav .nOffers {width:100px} #navContainer.es .nav .nEvents {width:193px} #navContainer.es .nav .nCycling {width:190px} #navContainer.es .nav .nLinks {width:120px} #navContainer.es .nav .nHotel a {background-image:url(images/es/nav_hotel.gif);} #navContainer.es .nav .nRestaurants a {background-image:url(images/es/nav_restaurants.gif);} #navContainer.es .nav .nSpa a {background-image:url(images/es/nav_spa.gif);} #navContainer.es .nav .nContact a {background-image:url(images/es/nav_contact.gif);} #navContainer.es .nav .nNews a {background-image:url(images/es/nav_news.gif);} #navContainer.es .nav .nGallery a {background-image:url(images/es/nav_gallery.gif);} #navContainer.es .nav .nOffers a {background-image:url(images/es/nav_offers.gif);} #navContainer.es .nav .nEvents a {background-image:url(images/es/nav_events.gif);} #navContainer.es .nav .nCycling a {background-image:url(images/es/nav_cycling.gif);} #navContainer.es .nav .nLinks a {background-image:url(images/es/nav_links.gif);} #navContainer.es .nav .nHotel a:hover {background-image:url(images/es/nav_hotel_on.gif);} #navContainer.es .nav .nRestaurants a:hover {background-image:url(images/es/nav_restaurants_on.gif);} #navContainer.es .nav .nSpa a:hover {background-image:url(images/es/nav_spa_on.gif);} #navContainer.es .nav .nContact a:hover {background-image:url(images/es/nav_contact_on.gif);} #navContainer.es .nav .nNews a:hover {background-image:url(images/es/nav_news_on.gif);} #navContainer.es .nav .nGallery a:hover {background-image:url(images/es/nav_gallery_on.gif);} #navContainer.es .nav .nOffers a:hover {background-image:url(images/es/nav_offers_on.gif);} #navContainer.es .nav .nEvents a:hover {background-image:url(images/es/nav_events_on.gif);} #navContainer.es .nav .nCycling a:hover {background-image:url(images/es/nav_cycling_on.gif);} #navContainer.es .nav .nLinks a:hover {background-image:url(images/es/nav_links_on.gif);} /* German Top Navigation */ #navContainer.de .nav .nHotel {width:120px} #navContainer.de .nav .nRestaurants {width:130px} #navContainer.de .nav .nSpa {width:110px} #navContainer.de .nav .nContact {width:110px} #navContainer.de .nav .nNews {width:120px} #navContainer.de .nav .nGallery {width:130px} #navContainer.de .nav .nOffers {width:110px} #navContainer.de .nav .nEvents {width:191px} #navContainer.de .nav .nCycling {width:190px} #navContainer.de .nav .nLinks {width:120px} #navContainer.de .nav .nHotel a {background-image:url(images/de/nav_hotel.gif);} #navContainer.de .nav .nRestaurants a {background-image:url(images/de/nav_restaurants.gif);} #navContainer.de .nav .nSpa a {background-image:url(images/de/nav_spa.gif);} #navContainer.de .nav .nContact a {background-image:url(images/de/nav_contact.gif);} #navContainer.de .nav .nNews a {background-image:url(images/de/nav_news.gif);} #navContainer.de .nav .nGallery a {background-image:url(images/de/nav_gallery.gif);} #navContainer.de .nav .nOffers a {background-image:url(images/de/nav_offers.gif);} #navContainer.de .nav .nEvents a {background-image:url(images/de/nav_events.gif);} #navContainer.de .nav .nCycling a {background-image:url(images/de/nav_cycling.gif);} #navContainer.de .nav .nLinks a {background-image:url(images/de/nav_links.gif);} #navContainer.de .nav .nHotel a:hover {background-image:url(images/de/nav_hotel_on.gif);} #navContainer.de .nav .nRestaurants a:hover {background-image:url(images/de/nav_restaurants_on.gif);} #navContainer.de .nav .nSpa a:hover {background-image:url(images/de/nav_spa_on.gif);} #navContainer.de .nav .nContact a:hover {background-image:url(images/de/nav_contact_on.gif);} #navContainer.de .nav .nNews a:hover {background-image:url(images/de/nav_news_on.gif);} #navContainer.de .nav .nGallery a:hover {background-image:url(images/de/nav_gallery_on.gif);} #navContainer.de .nav .nOffers a:hover {background-image:url(images/de/nav_offers_on.gif);} #navContainer.de .nav .nEvents a:hover {background-image:url(images/de/nav_events_on.gif);} #navContainer.de .nav .nCycling a:hover {background-image:url(images/de/nav_cycling_on.gif);} #navContainer.de .nav .nLinks a:hover {background-image:url(images/de/nav_links_on.gif);} /* Content ------------------------------------------------------------------------ */ .featureVespasian {display:block;float:left;width:100%;height:199px;background:transparent url(images/thevespasian_stripes.gif) 0 bottom no-repeat;margin-bottom:15px;} .featureVespasian a {display:block;width:100%;height:163px;background:transparent url(images/thevespasian_header.gif) 0 0 no-repeat;position:relative;} .featureVespasian span {display:none;} .featureVespasian .pic {display:block;position:absolute;top:44px;left:0;width:100%;height:119px;background:transparent url(images/thevespasian_pic.jpg) 0 0 no-repeat;} .featureBacchus {display:block;float:left;width:100%;height:188px;background:transparent url(images/bacchus_stripes.gif) 0 bottom no-repeat;margin-bottom:15px;} .featureBacchus a {display:block;width:100%;height:168px;background:transparent url(images/bacchus2_header.gif) 0 0 no-repeat;position:relative;} .featureBacchus span {display:none;} .featureBacchus .pic {display:block;position:absolute;top:48px;left:0;width:100%;height:119px;background:transparent url(images/bacchus_pic.jpg) 0 0 no-repeat;} .featureBistro33 {display:block;float:left;width:100%;height:153px;margin-bottom:15px;} .featureBistro33 a {display:block;width:100%;height:153px;background:transparent url(images/bistro33_header.gif) 0 0 no-repeat;position:relative;} .featureBistro33 span {display:none;} .featureBistro33 .pic {display:block;position:absolute;top:34px;left:0;width:100%;height:119px;background:transparent url(images/bistro33_pic.jpg) 0 0 no-repeat;} .purplelinks {float:left;width:100%;margin-bottom:2em;} .purplelinks h2 {color:#755079;border-bottom-color:#d5c9d5;} .purplelinks p {color:#755079;font-weight:bold;margin-bottom:0.3em;} .purplelinks a {color:#755079;} .orangelinks {float:left;width:100%;margin-bottom:2em;} .orangelinks h2 {color:#b09347;border-bottom-color:#e7dec6;} .orangelinks p {color:#b09347;font-weight:bold;margin-bottom:0.3em;} .orangelinks a {color:#b09347;} .criticsHome {float:left;width:100%;margin-bottom:2em;} .criticsHome h2 {color:#755079;border-bottom-color:#d5c9d5;} .criticsHome p {color:#755079;font-weight:normal;margin-bottom:0.3em;} .criticsHome p.critic { color:#755079;font-weight:bold;margin-bottom:2em; /* padding-left: 25px; */ } .criticsHome p.quote { background: transparent url(images/graphics/quoleft.gif) left top no-repeat; margin-top: 1em; /* font-family: "Trebuchet MS", sans-serif; */ padding-top: 12px; padding-left: 25px; color: #75828A; } a.pdf { background:transparent url(images/graphics/pdf.gif) no-repeat scroll right top; margin-top:1em; padding-bottom:1em; padding-right:21px; } #lightbox img { margin: 15px; border:5px solid #cdcdcd; } /* Special Elements ------------------------------------------------------------------------ */ .small {font-size:11px;color:#888;} .hide {display:none} /* Forms ------------------------------------------------------------------------ */ form.contact, form.reservation { margin: 0; padding: 0; font-size: 1.1em; } form.contact fieldset, form.reservation fieldset { margin: 0; padding: 0; border: none; } fieldset.buttons input { margin-top: 1em; padding: .2em; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; color: #9a9a9a; background-color: white; text-transform: uppercase; } fieldset.buttons input.send { background-color: #9a9a9a; color: white; } form.contact legend { padding: 0; width: 257px; margin-top: -25pt; height: 29px; background: url(../images/feedback_header.gif) 0 0 no-repeat; } form.contact legend span { display: block; width: 257px; height: 29px; visibility: hidden; } form.reservation legend { margin: 0 0 2em 0; padding: 0; width: 257px; height: 29px; background: url(../images/reservation_header.gif) 0 0 no-repeat; } form.reservation legend span.alt { width: 257px; height: 29px; visibility: hidden; } form.contact div.form-item { margin: .5em 0 .5em 0; width: 100%; clear: left; text-align: right; } div.form-item label { float: left; width: 12em; text-align: left; } div.form-item.left label { width: 100%; } div.form-item .xlarge { width: 100%; } div.form-item .large { width: 60%; } div.form-item .medium { width: 40%; } div.form-item .small { width: 15%; } form.reservation div.form-item { margin: .5em 0 .5em 0; width: 100%; float: left; clear: left; } fieldset.date { width: 100%; float: left; clear: left; } fieldset.date legend { margin: 0; padding: 0; width: 100%; height: 1em; float: left; } fieldset.date legend span.alt { width: 100%; height: 1em; } fieldset.date div.form-item { width: 40%; float: left; clear: none; } fieldset.date div.form-item .large { width: 90%; } fieldset.date div.form-item label { position: absolute; left: -9999em; text-indent: -999em; } fieldset.date div.form-item label span.alt { height: 0; width: 0; text-indent: -9999em; } /* Fieldsets ------------------------------------------------------------------------ */ /* Data (tabular) ------------------------------------------------------------------------ */ /* Data (non tabular) ------------------------------------------------------------------------ */ /* NOR - Validation ------------------------------------------------------------------------ */ input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; } input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; padding: 5px; color : #FF3300; } .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; } /* NOR - Editor styles ------------------------------------------------------------------------ */ .header-5 { border-bottom:1px solid #CDCDCD; color:#666666; font-size:1em; margin:14pt 0pt 0.5em; padding:0pt 0pt 0.5em; font-weight: bolder; display: block; }