/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {height: 100%; margin: 0; padding: 0; font: normal 12px/18px sans-serif; color: #000; background: #bae0f9 url(../gfx/bg.gif) repeat-x;} h1 {font: normal 18px/24px georgia, times new roman; color: #347ec4; letter-spacing: 1px; text-transform: uppercase;} h2 {font: normal 14px/18px sans-serif; color: #347ec4;} h2.in {font: normal 14px/18px sans-serif; color: #347ec4; margin-bottom: 0; padding-bottom: 0;} h2.line {font: normal 14px/18px sans-serif; color: #347ec4; border-bottom: solid 1px #347ec4; margin-top: 18px;} h3 {margin: 18px 0 0 0; padding: 0; font: bold 11px/14px sans-serif; color: #347ec4; text-transform: uppercase;} h2.kontakt {padding-top: 15px; font: normal 14px Sans-Serif; clear: both; border-top: solid 0px #ccc;} p {padding: 0; margin: 0 0 18px 0;} a {color: #347ec4;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} .nomargin {margin: 0; padding: 0;} textarea {font: normal 12px/18px sans-serif;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#wrapper {width: 940px; margin: 0 auto; height: 100%;} div#header {width: 940px; height: 260px; background: url(../gfx/top_logo.jpg) no-repeat 0 0;} div#header-photos {width: 940px; height: 160px; margin-top: -40px; background: url(../gfx/header_photo.jpg) no-repeat;} div#content {width: 940px; padding: 20px 0; background: #fff url(../gfx/wave.gif) no-repeat; float: left; clear: both; overflow: hidden;} div#secondary-content {width: 230px; padding: 20px; float: left; overflow: hidden;} div#main-content {width: 650px; padding: 20px 20px 0px 0px; float: left; overflow: hidden;} div#footer {width: 940px; height: 40px; margin: 20xp 0; background: url(../gfx/bg_footer.gif) no-repeat; float: left; clear: both;} address.footer {font: normal 11px sans-serif; display: block; clear: both; text-align: center; padding: 15px 0 0 0;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} div.push {width: 200px; margin: 0 0 20px 0; padding: 10px; color: #fff; background: #6eb1dc url(../gfx/bg_push_bottom.gif) no-repeat 0 100%;} div.push h2 {margin: -10px; margin-bottom: 5px; padding: 10px; font: normal 12px/12px sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: url(../gfx/bg_push_top.gif) no-repeat 0 0;} div.push h2 a {text-decoration: none;} div.push h3 {margin: 18px 0 0 0; padding: 0; font: bold 11px/14px sans-serif; color: #fff; text-transform: uppercase;} div.push p {margin: 4px 0 10px 0; padding: 0; line-height: 14px;} div.push a {color: #fff;} div.contact {width: 200px; height: 30px; margin: 0 0 20px 0; padding: 0 10px; color: #fff; background: url(../gfx/bg_push_contact.gif) no-repeat 0 100%;} div.contact h2 {margin: 0; padding: 0; font: normal 12px/30px sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px;} div.contact a {color: #fff; text-decoration: none;} div.push fieldset {width: 200px; margin: 0; padding: 0; border: 0;} div.push fieldset legend {margin: 0 0 5px -7px; padding: 0; font: normal 12px/12px sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: none;} div.push fieldset legend a {text-decoration: none;} div.push fieldset p {margin: 3px 0;} div.push fieldset label {margin-bottom: 3px; display: block;} div.push fieldset label .rfv {font-size: 11px; color: #f00;} div.push fieldset input {width: 193px; padding: 1px 2px; font: normal 12px sans-serif; color: #000;} div.push fieldset .btn {width: auto; margin-top: 5px; padding: 1px 0;} div.push ul {margin: 0; padding: 0; list-style-type: none;} div.push ul li {margin: 0;} div.push ul span {margin-top: 10px; font-weight: bold; text-decoration: none; display: block;} div.company {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc; float: left; clear: both;} div.company p {margin: 0;} div.companyfloat {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;} div.companyfloat p {margin: 0;} div.company a.right {text-align: right; display: block;} p.right {text-align: right;} /*-------------------------------------------------------------------------------------------------- Moduler --------------------------------------------------------------------------------------------------*/ div.product {width: 650px; margin: 0; padding: 0 0 35px 0; background: url(../gfx/bg_product_bottom.gif) no-repeat 0 100%; float: left; position: relative;} div.product h3 {width: 640px; margin: 0 0 10px 0; padding: 40px 0 0 10px; font: bold 14px/15px sans-serif; color: #347ec4; text-transform: uppercase; background: url(../gfx/bg_product_top.gif) no-repeat 0 0;} div.product h3 a {text-decoration: none;} div.product h3 img {padding-left: 5px; vertical-align: top;} div.image {width: 200px; margin: 0 10px 10px 10px; float: left; display: inline;} div.info {width: 430px; float: left;} div.info p {margin: 0;} div.info p a {color: #000; text-decoration: none;} div.info_noimg {width: 430px; float: left; padding: 0 0 0 10px;} div.info_noimg p {margin: 0;} div.info_noimg p a {color: #000; text-decoration: none;} div.info dl {margin: 20px 0; padding: 0;} div.info dl dt {width: 80px; margin: 0 0 2px 0; padding: 1px 3px; text-align: right; border: solid 1px #eee; background: #fff url(../gfx/bg_dt.gif) repeat-y 100% 0; float: left; clear: left;} div.info dl dd {width: 300px; margin: 0 0 2px 90px; padding: 1px 3px; border: solid 1px #eee;} div.info_noimg dl {margin: 20px 0; padding: 0;} div.info_noimg dl dt {width: 80px; margin: 0 0 2px 0; padding: 1px 3px; text-align: right; border: solid 1px #eee; background: #fff url(../gfx/bg_dt.gif) repeat-y 100% 0; float: left; clear: left;} div.info_noimg dl dd {width: 320px; margin: 0 0 2px 90px; padding: 1px 3px; border: solid 1px #eee;} div.info .more {padding-right: 10px; font: bold 12px/18px sans-serif; color: #347ec4; text-decoration: none; text-transform: none; background: url(../gfx/bg_more.gif) no-repeat 100% 5px; display: block; position: absolute; bottom: 35px; right: 10px;} div.info_noimg .more {padding-right: 10px; font: bold 12px/18px sans-serif; color: #347ec4; text-decoration: none; text-transform: none; background: url(../gfx/bg_more.gif) no-repeat 100% 5px; display: block; position: absolute; bottom: 35px; right: 10px;} table.facilities {width: 60%; border: 0; border-collapse: collapse;} table.facilities caption {font: bold 11px/14px sans-serif; color: #347ec4; text-align: left; text-transform: uppercase; padding: 18px 0 5px 0;} table.facilities td {padding: 0 0 10px 0;} table.facilities td.icon {width: 40px;} table.prices {border-collapse: collapse;} table.prices caption {font: bold 11px/14px sans-serif; color: #347ec4; text-align: left; text-transform: uppercase; padding: 18px 0 5px 0;} table.prices th {text-align: left; padding: 0 10px 0 0;} table.prices td {text-align: right;} p.formitem {margin: 2px 0; padding: 0;} p.formitem label {width: 150px; display: inline-block;} p.formitem input {width: 300px;} p.formitem textarea {clear: both; width: 423px;} hr.newsseparator {height: 1px; color: #fff;} ul.locationlist {} ul.locationlist li {font: normal 11px/18px Sans-Serif;} ul.locationlist li a {text-decoration: none;} div.right {float: right; margin: 0 0 5px 10px;} div.productlinks {width: 200px; border-left: dashed 1px #ccc; padding: 5px 0 10px 10px;} div.productlinks ul {list-style: none; padding: 0; margin: 0;} div.productlinks ul li a {text-decoration: none;} div#enquiry {width: 440px; height: 540px; border: solid 1px #666; background: #fff; margin: 20px; padding: 10px;} div#enquiry p.formitem {margin: 2px 0; padding: 0;} div#enquiry p.formitem label {width: 120px; display: inline-block;} div#enquiry p.formitem input {width: 300px;} div#enquiry p.formitem textarea {clear: both; width: 423px;} div.push dl.cart {font: normal 10px Sans-Serif; margin: 0 0 18px 0; padding: 0;} div.push dl.cart dt {font-weight: bold; margin: 10px 0 0 0;} div.push dl.cart dd {margin: 0 0 0 10px; padding: 0;} div.push dl.cart dd a {text-decoration: none;} table.cart {border-collapse: collapse; width: 100%; font: normal 11px Sans-Serif;} table.cart th {text-align: left; padding: 2px 10px 2px 0; border-bottom: solid 1px #000;} table.cart td {padding: 2px 10px 2px 0; border-top: solid 1px #ddd; } table.cart tr.summary td {border-top: solid 1px #666; font-weight: bold;} div.booking-search-types {margin: 0 0 20px 0; padding: 10px; color: #fff; background: #fca93d url(../gfx/bg_booking-search-types_bottom.gif) no-repeat 0 100%;} div.booking-search-types h2 {margin: -10px; margin-bottom: 10px; padding: 10px 10px 5px 10px; font: normal 12px/12px sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #fff url(../gfx/bg_booking-search-types_top.gif) no-repeat 0 0;} div.booking-search-types a {text-decoration: underline; color: #fff;} div.booking-search-types label {margin: 0 15px 0 0;} div.booking-search-form {margin: 0 0 20px 0; padding: 10px; color: #333; background: #e3e3e3 url(../gfx/bg_booking-search-form_bottom.gif) no-repeat 0 100%;} div.booking-search-form h2 {margin: -10px; margin-bottom: 10px; padding: 10px 10px 0 10px; font: normal 12px/12px sans-serif; color: #333; text-transform: uppercase; letter-spacing: 1px; background: #fff url(../gfx/bg_booking-search-form_top.gif) no-repeat 0 0;} div.booking-search-form input {font: normal 11px Sans-Serif;} div.booking-search-form textarea {font: normal 11px Sans-Serif;} div.booking-search-form select {font: normal 11px Sans-Serif; width: 190px;} div.booking-search-form select.list-year {width: 50px;} div.booking-search-form select.list-month {width: 100px;} div.booking-search-form select.list-days {width: 40px;} div.booking-search-form input.number-short {width: 40px;} div.booking-search-form span.list-facilities label {width: 200px; display: inline-block;} input.button-search {width: 60px; padding: 2px 0;} table.default {border-collapse: collapse;} table.default th {padding-right: 10px; text-align: left;} table.default td {} table.default-booking-confirmation {border-collapse: collapse;} table.default-booking-confirmation th {width: 150px; text-align: left;} table.default-booking-confirmation td {} table.default-hotelprice {border-collapse: collapse; border: solid 1px #000;} table.default-hotelprice th {padding: 5px; border: solid 1px #ccc; background: #f5f5f5;} table.default-hotelprice td {padding: 5px; border: solid 1px #ccc;} img.images_image {max-width: 200px; max-height: 133px;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 930px; height: 40px; margin: -3px 0 0 0; padding: 0 0 0 10px; list-style-type: none; background: url(../gfx/bg_menu.gif) no-repeat; position: relative;} ul#menu li {height: 40px; float: left;} ul#menu li a {padding: 0 20px; font: normal 14px/40px sans-serif; text-decoration: none; color: #000; display: block;} ul#menu li.on a {background: url(../gfx/bg_menu_on.gif) repeat-x;} ul#menu li a:hover {background: url(../gfx/bg_menu_on.gif) repeat-x;} ul.submenu {width: 180px; margin: 0; padding: 0; list-style-type: none; border: none; border-top: solid 2px #fa9209; border-bottom: solid 2px #fa9209; position: absolute; display: none; z-index: 100;} ul.submenu li {height: 26px !important; background: #fff; } ul.submenu li a {width: 140px; margin: 0; padding: 0; font: normal 11px/26px sans-serif !important; background: #fff url(../gfx/pil_bla.gif) no-repeat 10px 50% !important; display: block;} ul.submenu li.on a {background-color: #f5f5f5 !important;} ul.submenu li.on li a {background-color: #fff !important;} ul.submenu li.on li li a {background-color: #fff !important;} ul.submenu li li.on a {background-color: #f5f5f5 !important;} ul.submenu li li li.on a {background-color: #f5f5f5 !important;} ul.submenu li a:hover {background-color: #f5f5f5 !important;} ul.submenu li li a:hover {background-color: #f5f5f5 !important;} ul.submenu li li li a:hover {background-color: #f5f5f5 !important;} ul.submenu ul {margin: -28px 0 0 180px; background-color: #fff; display: none;} #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li:hover ul ul ul ul ul {display: none !important;} #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li li li li li:hover ul {display: block !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 11px Sans-Serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 90px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 12px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px; color: #999;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} @media print { body {background-image: none; background-color: #fff;} div#header {display: none;} div#header-photos {display: none;} div#content {background: none; background-color: #fff;} div#secondary-content {display: none;} div#main-content {} div#footer {background-image: none; background-color: #fff;} address.footer {font: normal 11px sans-serif; display: block; clear: both; text-align: left; padding: 15px 0 0 0;} address.footer strong {display: none;} address.footer span.org {display: block;} address.footer span.adr {display: block;} address.footer span.tel {display: block; margin: 18px 0 0 0;} address.footer span.fax {display: block; margin: 0 0 18px 0;} address.footer a {} }