#fancybox-loading { position: fixed; height: 40px; width: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 200; } * html #fancybox-loading {  position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/img/fancybox/fancy_progress.png') no-repeat; } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; display: none; z-index: 80; } * html #fancybox-overlay {  position: absolute; width: 100%; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; margin: 0; z-index: 90; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; outline: none; overflow: hidden; padding: 0; margin: 0; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('/img/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 165; display: none; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { border: none; padding: 0; margin: 0; width: 100%; height: 100%; -ms-interpolation-mode: bicubic; outline: none; line-height: 0; font-size: 0; vertical-align: top; } #fancybox-frame { position: relative; width: 100%; height: 100%; } #fancybox-tmp { display: none; padding: 0; margin: 0; border: 0;  vertical-align: top; overflow: auto; } #fancybox-title { position: absolute; bottom: 0; left: 0; text-align: center; font-family: Arial; font-size: 12px; z-index: 112; } .fancybox-title-inside { padding: 10px 0; color: #333; } .fancybox-title-outside { padding-top: 15px; color: #FFF; font-weight: bold; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background: transparent url('/img/fancybox/fancy_title_left.png') repeat-x; } #fancybox-title-main { line-height: 29px; background: transparent url('/img/fancybox/fancy_title_main.png') repeat-x; color: #FFF; } #fancybox-title-right { padding-left: 15px; background: transparent url('/img/fancybox/fancy_title_right.png') repeat-x; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url('/img/fancybox/data:image/gif;base64,AAAA'); outline: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } #fancybox-left-ico { left: -9999px; background: transparent url('/img/fancybox/fancybox_left.png') no-repeat; } #fancybox-right-ico { left: -9999px; background: transparent url('/img/fancybox/fancybox_right.png') no-repeat; } #fancybox-left:hover { visibility: visible; } #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } div.fancy-bg { position: absolute; z-index: 70; border: 0; padding: 0; margin: 0; } div#fancy-bg-n { top: -20px; width: 100%; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_n.png') repeat-x; } div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_ne.png') no-repeat; } div#fancy-bg-e { right: -20px; height: 100%; width: 20px; background: transparent url('/img/fancybox/fancy_shadow_e.png') repeat-y; } div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_se.png') no-repeat; } div#fancy-bg-s { bottom: -20px; width: 100%; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_s.png') repeat-x; } div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_sw.png') no-repeat; } div#fancy-bg-w { left: -20px; height: 100%; width: 20px; background: transparent url('/img/fancybox/fancy_shadow_w.png') repeat-y; } div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/img/fancybox/fancy_shadow_nw.png') no-repeat; } body { margin: 0; padding: 0; font-size: 62.5%; font-family: Arial, Verdana; color: #565656; background-color: #80b2dd; background-image: url(/img/background.gif); background-repeat: repeat-x; } body.night { background-color: #3c5468; background-image: url(/img/background_night.gif); } body.pink { background-color: #e08ea4; background-image: url(/img/background_pink.gif); } body.bggreen { background-color: #89dc80; background-image: url(/img/background_green.gif); } .center { text-align: center; } * { font-family: Arial, Verdana;} img { border: 0; } a { color: #3d6fac; text-decoration: none;} a:hover { text-decoration: underline; } .left { float: left; } .right { float: right; } th { text-align: left; } th,td { vertical-align: top; } h1 { border-bottom: 1px #e1e1e1 solid; color: #e34506; font-size: 1.2em;} h2 { border-bottom: 1px #e1e1e1 solid; color: #e34506; font-size: 1.2em;} h3 { border-bottom: 1px #e1e1e1 solid; color: #3d6fac; font-size: 1.1em;} ul { list-style-image: url(/img/bullet_blue.png); } a.btn { border-style: double; border-color: white; background-color: #d7412b; background-image: url(/img/btn_bg.jpg); padding: 3px 5px; color: white; font-weight: bold; font-family: Arial, Verdana; text-transform: uppercase; white-space: nowrap; } #blocks .btn { color: #fff; margin-right: 15px;} .btn:hover {text-decoration: none;} .accom_btn { float: left; margin: 15px 0 0 50px; text-align: center; } .btn_verywide { width: 300px; } .error, .errorMessage { border: 1px #900 solid; padding: 10px; margin: 5px 0; background-color: #FCC} .error li { font-weight: bold; } .correct, .successMessage { border: 1px #090 solid; padding: 10px; margin: 5px 0; background-color: #CFC} .orange { color: #e34506; } .blue { color: #3d6fac; } .green { color: #76ac3d; } .red { color: #bfb129; } .weg { display: none;} .clear { clear: both; } .clearpx { clear: both; height: 1px;}  a.restaurantPhoto { margin-left: 5px;} a.restaurantPhoto img { width: 170px; } #html { width: 960px; background-image: url(/img/page_bg.png); padding: 0 9px; margin: auto; font-size: 1.3em; } #menu { height: 35px; background-image: url(/img/menu_bg.png); color: #fff; font-weight: bold; margin-bottom: 5px; } #menu img.menu_out_left { position: absolute; margin-left:-7px;} #menu img.menu_out_right { position: absolute; margin-left:960px;} #menu ul { list-style-type: none; list-style-image: none; margin-left: -40px;} #menu ul li { float: left; margin-top: 10px; } #menu ul li a { color: #FFF; text-decoration: none; font-size: 1em; padding: 8px 12px; margin: 0 5px; } #menu ul li a:hover, #menu ul li a.active { color: #e24507;} #menu ul li div.sub { display: none; position: absolute; background-color: #000; padding: 10px 0; margin: 22px 0 0 0px; z-index: 150} #menu ul li div.sub ul { margin: -10px 0 0 0px; list-style-type: none; list-style-image: none; padding: 0;} #menu ul li div.sub ul li { float: none; } #menu ul li div.sub ul li a{ font-size: 1em; font-weight: normal; } #menu #searchbox { float: right; } #menu #searchbox img { margin-top: 7px; float: left} #menu #searchbox input { margin: 7px 5px 0 0 ; float: left; } #breadcrumb { margin: 0 0 10px 15px; color: #999;font-size: 0.8em;} #breadcrumb a { color: #999; } #breadcrumb a:hover { color: #000; text-decoration: none; }    #header { position: absolute; top: 0; height: 239px; width: 960px; margin-left: -9px; overflow: hidden; background-image: url(/img/page_bg.png); padding: 0 9px; } #header ul { height: 39px; background-color: #FFF; list-style-type: none; list-style-image: none; padding: 0; margin: 0;} #header ul li { margin: 10px 3px 0 3px; } #header ul li a { padding: 0 7px; text-decoration: none; color: #8a8a8a; font-weight: bold; font-size: 0.9em;} #header ul li a:hover { color: #e34506; } #content { margin: 239px auto 0 auto; background-color: #FFF; } #content { } div.col1 { width: 210px; float: left;} div.col2 { width: 515px; margin: -7px 10px 0 10px; float: left; } div.col3 { width: 210px; float: left;} div.colFull { width: 930px; margin: 0 auto; } div.col2wide { width: 700px; margin: -7px 10px 0 15px; float: left; } div.double_col1 { width: 515px; margin: 0 15px; float: left;} div.double_col2 { width: 400px; float: left; margin-top: -3px; } #content div.col2 li{ margin-left: 30px; list-style-image: url(/img/bullet_blue.png); } #content div.col2 #companies li{ margin-left: 0px; } #content div.col2 img.header { width: 515px; } div.accommodation_container { border: 1px #e7e2e2 solid; background-color: #f4f2f2; margin: -1px auto 30px auto; padding: 5px 0 ; } div.accommodation_container div div{ float: right; text-align: right; } div.container { border: 1px #e7e2e2 solid; background-color: #f4f2f2; width: 180px; margin: -1px auto 30px auto; padding: 2px 0px; } div.container h3 { font-size: 1em; margin: 0; border-bottom: 0; } div.container ul { list-style-type: none; list-style-image: none; padding: 0px; margin: 0px 0 0px 5px; width: 167px; } div.container ul li { border-top: 1px #a7a7a7 solid; } div.container ul li:first-child { border-top: 0; } div.container ul li a { display: block; text-decoration: none; padding: 3px 0 3px 2px; margin: 1px 0; color: #595959; } div.container ul li a:hover { background-color: #c6c6c6 } div.container #gallery li { border: 0; } div.container #gallery li a { border:1px #f4f2f2 solid; padding: 1px;} div.container #gallery li a:hover { background-color: transparent; border:1px #333 solid; } div.container .head_blue { background-image: url(/img/container/head_blue.png); } div.container .head_red{ background-image: url(/img/container/head_red.png); } div.container .head_orange { background-image: url(/img/container/head_orange.png); } div.container .head_green { background-image: url(/img/container/head_green.png); } div.container .head_red, div.container .head_orange, div.container .head_green, div.container .head_blue{ display: block; width: 171px; height: 22px; color: #FFF; font-weight: bold; margin: 0px 0 3px 2px; padding: 6px 0 0 6px; } div.container .head_red:hover, div.container .head_orange:hover, div.container .head_green:hover, div.container .head_blue:hover{ text-decoration: none; } div.container div.address { margin: 5px;} #content ul.todo { list-style-type: none; list-style-image: none; padding: 0; margin: 0; } #content ul.todo li { float: left; width: 160px; height: 100px; margin-left: 0; list-style-image: none; padding: 5px; font-size: 0.8em; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid; } ul.todo li img { width: 156px; } ul.todo li:first-child { border-left: 1px white solid; } li a.readmore { float: right; background-image: url(/img/readmore.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 10px; color: #565656; text-decoration: none; } ul.todo li a.readmore:hover { text-decoration: underline; } #footer { clear: both; color: #CCC; text-align: center; padding-bottom: 10px; height: 145px; background-image: url(/img/footer_shade.gif); background-repeat: repeat-x; background-position: 0 20px; font-size: 0.8em; } #footer a { color: #FFF; text-decoration: none; } #footer ul { padding: 0; float: left; width: 145px; margin: 55px 0px 0 40px; height: 75px; text-align: left; } #footer ul:first-child { margin-left: 50px } #footer ul li a { font-size: 1.2em; } #footer div.ad { float: right; margin: 50px 30px 0 0; } #footer .credits { clear: both; } #footer span { float: right; margin: -11px 5px 0px 3px; } #searchForm th {text-align: left; } #searchForm input { width: 510px;} #searchForm .accommodation input { width: 225px;} #searchForm input.button { width: auto;} #searchForm select { width: 230px;} #searchForm select.budget { width: auto;} #searchForm select.numcount { width: 50px; } ul.accommodationSearchLeft { margin: 3px 0 0 2px; width: 175px; font-weight: bold; } ul.accommodationSearchLeft li { margin-bottom: 5px; border: 0 !important; } ul.accommodationSearchLeft select, ul.accommodationSearchLeft input { width: 173px !important; } ul.accommodationSearchLeft input[type="submit"]{ margin-top: 3px; }  #content div.col2 #blocks { list-style-type: none; list-style-image: none; margin: 0; padding: 0; } #content div.col2 #blocks li { float: left; width: 500px; margin-bottom: 10px; margin-left: 0px; border-bottom: 0px solid #e1e1e1; padding-bottom: 10px; list-style-image: none; } #blocks li p { margin: 0; } #blocks li img.avatar { float: left; border:1px #CCC solid; padding: 1px; } #blocks li img.avatar_resize { width: 200px; } #blocks li div { float: left; width: 266px; padding: 0px 15px 0 15px;} #blocks li div span { background-color: #FDFF5D} #blocks li div h3 {padding: 0; margin: 0; } #blocks li div a { color: #565656} #blocks li div a.readmore { margin-top: 7px;} .accommodation_container { clear: both; margin: 35px 0 0 0; } .accommodation_container strong { font-size: 1.1em; } .accommodation_container div.right{ float: right; width: 565px; } .accommodation_container p{ margin-right: 10px; } .accommodation_container img.avatar { margin-left: 7px; width: 115px; } .accommodation_container table { border-spacing: 0 0; } .accommodation_container table th { width: 100px; } .accommodation_container a.btn { margin: 3px 10px 5px 0; } img.accommImg { margin: 5px; float: right;} img.todoImg { margin: 15px 0px 5px 10px; float: right; border:1px #CCC solid; padding: 1px; width: 250px; } table.accommodationDetails { width: 500px; font-size: 0.9em;} table.accommodationDetails th { width: 140px;} .booknow { float: left; margin: 15px 0px 15px 70px; } #addThis { } #contact table { width: 400px;} #contact table th { width: 150px;} #contact input { border: 0; border-bottom: 1px dotted grey; width: 250px; } #contact textarea { border: 0; border-bottom: 1px dotted grey; width: 250px; height: 150px; } #contact input.active { border-bottom: 1px solid black } #contact input.button { width: auto; } div.paging { text-align: center; font-size: 0.9em; height: 28px; } div.paging strong,div.paging span, div.paging a { background-color: #e24507; color: #FFF; padding: 4px 4px; margin: 0 1px; } div.paging a:hover, div.paging strong, div.paging span { background-color: #3d6fac; text-decoration: none; font-weight: bold; } div.paging a.diff { background-color: #FFF; color: #e24507; font-weight: bold;} div.paging a.diff:hover { text-decoration: underline; } input.button { width: auto; background-color: #565656; color: #FFF; border:0; padding: 3px 10px;} form.editfrm input { width: 312px; } form.editfrm input.button { width: auto; } form.editfrm input.captcha { width: 80px; background-color: #000; color: #fff; font-size: 1.3em; font-weight: bold; letter-spacing: 4px; border: 1px black solid; text-align: center; } #comments { width: 400px; } #comments th { width: 150px; } #comments input,#comments textarea { width: 250px; } #comments textarea { height: 100px; } #comments input.btn { width: auto; } #comments input.captcha { width: 80px; background-color: #000; color: #fff; font-size: 1.3em; font-weight: bold; letter-spacing: 4px; border: 1px black solid; text-align: center; } ul.comments { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } ul.comments li { border-bottom: 1px #e1e1e1 solid; padding-bottom: 8px; margin-bottom: 5px; } ul.comments li span.name { margin-right: 10px; font-size: 1.4em; color: #76ac3d; } ul.comments li span.date { font-size: 0.9em; color: #b1c5de; } ul.comments li span.country { font-size: 0.9em; color: #bfb129; margin-right: 10px; } ul.comments li div.comments { margin-top: 4px; font-family: Trebuchet MS, Verdana, Arial; color: #666; } ul.smallindent li { margin-left: -25px; } div.starRating { position: absolute; margin: -50px 0 0 410px; } .embedMovie { margin: 0 0 0 0px;} div.linkBox { width:237px; margin: 10px; float: left; } div.linkBox em { font-style: normal; border-bottom: 1px #ccc solid; display: block; color: #3d6fac; font-size: 1.2em; font-weight: bold;} div.linkBox ul { padding-left: 12px;} #accommodationResults { padding-top: 0px; } .searchResBlok { margin: 5px; float: left; width: 395px; } .searchResBlokImgTop strong, .searchResBlok strong { border-bottom: 1px #DEDEDE solid; display: block; color: #e34506; } .searchResBlok div { float: left; width: 280px; } .searchResBlok img { float: left; width: 100px; margin: 2px 5px 5px 0; border:1px #CCC solid; padding: 1px; } .searchResBlokAds { margin: 5px; float: left; width: 395px; padding: 25px 0 0 0px; text-align: center; } .searchResBlokImgTop { margin: 5px; float: left; width: 395px; } .searchResBlokImgTop div { float: left; width: 180px; } .searchResBlokImgTop img { float: left; width: 105px; margin: 0; border:1px #CCC solid; padding: 1px; } .searchResBlokImgTop a.readmore, .searchResBlok a.readmore { float: right; background-image: url(/img/readmore.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 10px; color: #565656; text-decoration: none; } .searchResBlokImgTop a.readmore:hover, .searchResBlok a.readmore:hover { text-decoration: underline; } #searchOnMap,#searchOnMap li { list-style: none; margin: 0; padding: 0; } #searchOnMap li{ padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #e1e1e1; clear: both; display: block; float: left; } #searchOnMap li img{ margin-left: 8px; float: right; border: 1px solid #e1e1e1; padding: 1px; } #wc2010_matches { width: 515px; } #wc2010_matches th, #wc2010_matches td { width: 255px; border: 1px white solid; padding: 1px 2px; } #wc2010_matches th { background-color: #e34506; color: white; } #loadingBox { text-align: center; width: 680px; border:1px #999 solid; height: 235px; padding: 10px 0; display: none; } .col2 h3 { display: block; float: none; clear: both; } .ui-accordion .ui-accordion-header { padding-left: 30px; } #upperAccommodation { margin: 5px 15px; } #upperAccommodation h3{ display: none; } #upperAccommodation #upperAccommodationLeft { width: 400px; border:1px green solid; margin-right: 5px; float: left; } #upperAccommodation #map_canvas { float: left; } table.price { width: 515px; } table.price td, table.price th { padding: 2px; font-size: 0.9em; } table.price tr:first-child td, table.price tr:first-child th { background-color: #5f97fd; color: #FFF; text-align: center; } table.price tr.alt td { background-color: #d8e6ff; } table.price tr:first-child th:first-child { background: none; color: #000; text-align: left; } .col2 h4 { border-bottom: 1px #CCC solid; } .haha { display: none; } .adBar { border: 1px #ccc solid; clear: both; padding: 2px; text-align: center; background-color: #EDEDED; } .adBar a { display: block; } .adBar span { color: #888; }