body {text-align: center; font-size: 14px; font-family: Tahoma, Verdana, Arial, sans-serif; margin: 5px 0px;} body.bgcolor {background: #fffacd;} form {margin: 0px; padding: 0px;} h1 {font-size: 24px; font-family: Verdana, Tahoma, Arial, sans-serif;} .center {text-align: center;} .floatleft {float: left;} .floatright {float: right;} .green {color: #00b800;} input.inputtext, input.inputtext100, input.inputtext200, input.inputtext300, input.inputtext400, textarea.inputtext300, textarea.inputtext500, select.inputtext {border: 1px solid #333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; padding: 1px 2px;} input.inputtext100 {width: 100px;} input.inputtext200 {width: 200px;} input.inputtext300 {width: 300px;} input.inputtext400 {width: 400px;} textarea.inputtext300 {width: 300px;} textarea.inputtext500 {width: 500px;} input.inputbutton100 {} input.inputbutton100 {width: 100px;} input.error, textarea.error, select.error {background: #ffa000;} label.error {color: #ffa000;} #oms h1 {text-align:center;} #oms .blockJustify {text-align:justify;} #oms a {color:#FFA202; text-decoration:none; font-weight:bold;} /* ****************************** CONSTRUCTOR ****************************** */ #constructor {/*width: 780px;*/ width: 870px; margin: 0px auto; text-align: left;} #header {height: 220px; clear: both; text-align: center;} #header img {border: none;} #languages {float: right; margin: 0px 5px 5px 0px; text-align: left;} #languages img {border: none; margin: 0px 6px 0px 0px; float: right; display: block;} /*#languages a {float: right; display: block;}*/ #languages a.flag {float: right; display: inline-block; padding: 34px 0px 0px 50px; width: 0px; height: 0px; overflow: hidden; background-image: url('/content/images/menu_flags.gif'); background-repeat: no-repeat;} #languages a.de {background-position: 0px 0px;} #languages a.en {background-position: -50px 0px;} #languages a.pl {background-position: -100px 0px;} #languages a.de:hover {background-position: 0px -34px;} #languages a.en:hover {background-position: -50px -34px;} #languages a.pl:hover {background-position: -100px -34px;} #languages a.viewed_delete {font-size: 10px; color: #FFF; background: url('../images/header_viewed.gif') center no-repeat; width: 130px; height: 14px; text-align: center; padding-top: 1px; text-decoration: none;} #languages a.viewed_delete:visited {color: #FFF;} #languages a.link {/*display: block;*/ display: inline-block; position: relative; /*width: 129px;*/ width: 24px; background: #000 url('../images/menu_bg_1.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 4px 9px 4px;} #languages a.link:hover {background: #ffa202 url('../images/menu_bg_1_on.png') left no-repeat;} #left_content {float: left; /*width: 160px;*/ width: 240px;} #menu_search {border: 1px solid #999; background: #FFF; position: relative; width: 216px; padding: 0px; margin-bottom: 9px; overflow: hidden;} #menu_search input.search {margin: 0px; padding: 4px 0px 4px 3px; width: 190px; font-size: 13px; font-weight: normal; color: #999; background: none; border: none;} /*#menu_search input.submit {display: inline-block; position: relative; width: 97px; background: #000 url('../images/menu_bg_search4.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 4px 9px 4px; border: none;}*/ #menu_search input.on {color: #000;} #menu_search input.submit {display: block; font-size: 0px; padding: 0px; margin: 0px; width: 22px; height: 22px; position: absolute; top: 1px; right: 1px; background: url('../images/menu_bg_search5.png') right no-repeat; border: none;} #pagesfounded {float: right; font-weight: bold; padding: 12px 30px 0px 0px;} #google_translate_element {padding-left: 15px; width: 220px; height: 50px; position: relative; overflow: hidden;} #google_translate_element div div {/*position: absolute; top: 14px;*/} #main {margin-left: 250px; margin-top: 0px;} #main div.index_row {height: 365px;} #footer {clear: both; padding: 20px 5px 10px 5px; font-size: 12px;} #footer div.arrow {font-size: 11px; font-weight: bold; text-align: right;} #footer div.arrow img {border: none; vertical-align: middle; margin: 0px 0px;} #footer div.arrow a {color: #000;} #footer div.arrow a:visited {color: #000;} #footer div.arrow a:hover {color: #ffa202;} #footer div.data {text-align: center; padding: 6px 0px; white-space: nowrap;} #footer div.data span {padding: 2px 5px;} #footer div.menu {background: #000; color: red; padding: 4px; text-align: center;} #footer div.menu a {color: #FFF; padding: 2px 5px; text-decoration: none;} #footer div.menu a:visited {color: #FFF;} #footer div.menu a:hover {text-decoration: underline;} body {text-align: center; font-size: 14px; font-family: Tahoma, Verdana, Arial, sans-serif; margin: 5px 0px;} body.bgcolor {background: #fffacd;} /* ****************************** COMMON ****************************** */ form {margin: 0px; padding: 0px;} h1 {font-size: 24px; font-family: Verdana, Tahoma, Arial, sans-serif;} .center {text-align: center;} .floatleft {float: left;} .floatright {float: right;} .green {color: #00b800;} input.inputtext, input.inputtext100, input.inputtext200, input.inputtext300, input.inputtext400, textarea.inputtext300, textarea.inputtext500, select.inputtext {border: 1px solid #333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; padding: 1px 2px;} input.inputtext100 {width: 100px;} input.inputtext200 {width: 200px;} input.inputtext300 {width: 300px;} input.inputtext400 {width: 400px;} textarea.inputtext300 {width: 300px;} textarea.inputtext500 {width: 500px;} input.inputbutton100 {} input.inputbutton100 {width: 100px;} input.error, textarea.error, select.error {background: #ffa000;} label.error {color: #ffa000;} /*#welcome {width: 720px; margin: 5px auto; text-align: left; position: relative;} #welcome div {display: block; position: absolute; width: 76px; height: 76px; top: 612px; overflow: hidden;} #welcome a {padding: 80px 0px 0px 80px; width: 76px; height: 76px;} #welcome div.en {left: 90px;} #welcome div.de {left: 323px;} #welcome div.pl {left: 559px;}*/ /* ****************************** MENU ****************************** */ #menu {} #menu img {border: none;} #menu div {display: block; position: relative; z-index: 1000;} /*#menu a.link {display: block; position: relative; width: 129px; background: #000 url('../images/menu_bg_1.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 4px 9px 4px;} #menu a.link:hover {background: #ffa202 url('../images/menu_bg_1_on.png') left no-repeat;} #menu a.island {background: url('../images/menu_bg_2.png') left no-repeat;} #menu a.island:hover {background: url('../images/menu_bg_2_on.png') left no-repeat;} #menu a.search {background: url('../images/menu_bg_search.png') left no-repeat;} #menu a.search:hover {background: url('../images/menu_bg_search_on.png') left no-repeat;} #menu a.home {background: url('../images/menu_bg_home.png') left no-repeat; padding-left: 15px; width: 118px; color: #000;} #menu a.home:hover {background: url('../images/menu_bg_home_on.png') left no-repeat;} #menu a.preferred {background: url('../images/menu_bg_5.png') left no-repeat; display: block;} #menu a.preferred:hover {background: url('../images/menu_bg_5_on.png') left no-repeat;} #menu a.realestate {background: url('../images/menu_bg_10.png') left no-repeat; padding-left: 15px; width: 118px; color: #000;} #menu a.realestate:hover {background: url('../images/menu_bg_10_on.png') left no-repeat;} #menu a.realestate_big {background: url('../images/menu_bg_8.png') left no-repeat; padding-left: 15px; width: 118px; color: #000;} #menu a.realestate_big:hover {background: url('../images/menu_bg_8_on.png') left no-repeat;} #menu a.skype {background: url('../images/menu_bg_9.png') left no-repeat; padding-left: 15px; width: 118px;} #menu a.skype:hover {background: url('../images/menu_bg_9_on.png') left no-repeat;} #menu a.ebay {background: url('../images/menu_bg_11.png') left no-repeat;} #menu a.ebay:hover {background: url('../images/menu_bg_11_on.png') left no-repeat;} #menu a.recommend {background: url('../images/menu_bg_12.png') left no-repeat; color: #000;} #menu a.recommend:hover {background: url('../images/menu_bg_12_on.png') left no-repeat;} #menu a.big {background: url('../images/menu_bg_7.png') left no-repeat;} #menu a.big:hover {background: url('../images/menu_bg_7_on.png') left no-repeat;} #menu a.last_minute {background: url('../images/menu_bg_14.png') left no-repeat; color: #000;} #menu a.last_minute:hover {background: url('../images/menu_bg_14_on.png') left no-repeat;} #menu a.viewed_delete {background: url('../images/menu_bg_13.png') left no-repeat; color: #000;} #menu a.viewed_delete:hover {background: url('../images/menu_bg_13_on.png') left no-repeat;} #menu a.viewed_delete_big {background: url('../images/menu_bg_13_big.png') left no-repeat; color: #000;} #menu a.viewed_delete_big:hover {background: url('../images/menu_bg_13_big_on.png') left no-repeat;} #menu a.close_to_sea {background-image: url('../images/menu_buttons_main.png'); background-position: 0px -160px; background-repeat: no-repeat; color: #FFF;} #menu a.close_to_sea:hover {background-image: url('../images/menu_buttons_main.png'); background-position: -137px -160px;} */ #menu a.link {display: block; position: relative; width: 129px; padding: 6px 4px 9px 4px; background-color: #000; background-image: url('../images/menu_buttons_main.png'); background-position: 0px 0px; background-repeat: no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF;} #menu a.link:hover {background-position: -137px 0px;} #menu a.dspnone {display: none;} #menu a.close_to_sea {background-position: 0px -160px; color: #FFF;} #menu a.close_to_sea:hover {background-position: -137px -160px;} #menu a.island {background-position: 0px -400px;} #menu a.island:hover {background-position: -137px -400px;} #menu a.home {background-position: 0px -40px; padding-left: 15px; width: 118px; color: #000;} #menu a.home:hover {background-position: -137px -40px;} #menu a.preferred {background-position: 0px -360px; display: block;} #menu a.preferred:hover {background-position: -137px -360px;} #menu a.realestate {background-position: 0px -120px; padding-left: 15px; width: 118px; color: #000;} #menu a.realestate:hover {background-position: -137px -120px;} #menu a.realestate_big {background-position: 0px -520px; padding-left: 15px; width: 118px; color: #000;} #menu a.realestate_big:hover {background-position: -137px -520px;} #menu a.skype {background-position: 0px -320px; padding-left: 15px; width: 118px;} #menu a.skype:hover {background-position: -137px -320px;} #menu a.ebay {background-position: 0px -440px;} #menu a.ebay:hover {background-position: -137px -440px;} #menu a.recommend {background-position: 0px -80px; color: #000;} #menu a.recommend:hover {background-position: -137px -80px;} #menu a.big {background-position: 0px -580px;} #menu a.big:hover {background-position: -137px -580px;} #menu a.last_minute {background-position: 0px -480px; color: #000;} #menu a.last_minute:hover {background-position: -137px -480px;} #menu a.opinion {color: #ffa202;} #menu a.link {display: block; position: relative; width: 210px; padding: 6px 4px 9px 4px; background-color: #000; background-image: url('../images/menu_buttons_main2.png'); background-position: 0px 0px; background-repeat: no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF;} #menu a.link:hover {background-position: -220px 0px;} #menu a.dspnone {display: none;} #menu a.close_to_sea {background-position: 0px -160px; color: #FFF;} #menu a.close_to_sea:hover {background-position: -220px -160px;} #menu a.island {background-position: 0px -400px;} #menu a.island:hover {background-position: -220px -400px;} #menu a.home {background-position: 0px -40px; padding-left: 15px; width: 199px; color: #000;} #menu a.home:hover {background-position: -220px -40px;} #menu a.preferred {background-position: 0px -360px; display: block;} #menu a.preferred:hover {background-position: -220px -360px;} #menu a.realestate {background-position: 0px -120px; padding-left: 15px; width: 199px; color: #000;} #menu a.realestate:hover {background-position: -220px -120px;} #menu a.realestate_big {background-position: 0px -520px; padding-left: 15px; width: 199px; color: #000;} #menu a.realestate_big:hover {background-position: -220px -520px;} #menu a.skype {background-position: 0px -320px; padding-left: 15px; width: 199px;} #menu a.skype:hover {background-position: -220px -320px;} #menu a.ebay {background-position: 0px -440px;} #menu a.ebay:hover {background-position: -220px -440px;} #menu a.recommend {background-position: 0px -80px; color: #000;} #menu a.recommend:hover {background-position: -220px -80px;} #menu a.big {background-position: 0px -580px;} #menu a.big:hover {background-position: -220px -580px;} #menu a.last_minute {background-position: 0px -480px; color: #000;} #menu a.last_minute:hover {background-position: -220px -480px;} #menu a.opinion {color: #ffa202;} #menu input.on {color: #000;} #menu a.strong {font-weight: bold;} #menu div.sub1 {position: absolute; top: 0px; left: 217px/*135px*/; width: 170px; color: #000; z-index: 1000;} #menu div.sub2 {position: absolute; top: 5px; left: 382px/*300px*/; width: 170px; color: #000; z-index: 1001;} #menu div.sub1 a, #menu div.sub2 a {display: block; font-size: 14px; color: #FFF; padding: 2px 5px; height: 20px; text-decoration: none; z-index: 1002;} #menu div.sub1 a {background: url('../images/menu_sub1_off.gif') bottom left no-repeat;} #menu div.sub1 a:hover {background: url('../images/menu_sub1_on.gif') center no-repeat; color: #000;} #menu div.sub1 a.on {background: url('../images/menu_sub1_on.gif') center no-repeat; color: #000;} #menu div.sub1 a.on:hover {background: url('../images/menu_sub1_on.gif') center no-repeat; color: #000;} #menu div.sub2 a {background: url('../images/menu_sub2_off.gif') bottom left no-repeat;} #menu div.sub2 a.allcities {background: url('../images/menu_sub2_allcities.gif') bottom center no-repeat;} #menu div.sub2 a:hover {background: url('../images/menu_sub2_on.gif') center no-repeat; color: #000;} #menu div.sub1 a.allsides {background: url('../images/menu_sub2_allcities.gif') bottom center no-repeat;} #menu div.sub1 a.allsides:hover {background: url('../images/menu_sub2_on.gif') center no-repeat; color: #000;} /*#filter {border: 3px solid #ffa200; padding: 0px; background: #FFF; width: 220px;}*/ #filter {padding: 3px 0px 0px 0px; width: 220px; background: url('../images/search_background.png') left top no-repeat;} #filter div.padding {padding: 0px 5px 0px 3px;} #filter form {background: url('../images/search_background_2.png') left bottom no-repeat; padding: 0px; margin: 0px;} #filter h3 {margin: 0px; padding: 2px 0px; font-size: 14px; color: #FFF;} #filter strong {color: #FFF;} #filter div.part1 {background: #ffa202 url('../images/search_part_top.gif') top left no-repeat;} #filter div.part2 {padding: 3px 5px 7px 5px; background: url('../images/search_part_bottom.gif') bottom left no-repeat;} #filter div.hr {margin-bottom: 3px;} /*#filter div {padding: 5px;}*/ #filter div.js_roll {padding: 0px;} /*#filter div.hr {border-bottom: 1px solid #ffa200;}*/ #filter select, input {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 1px 0px;} #filter select.island {width: 200px;} #filter select.city {width: 200px;} #filter input.rooms {width: 50px; text-align: right;} #filter input.price {width: 60px; text-align: right;} #filter a {font-size: 12px; color: #000; text-decoration: underline; display: block; font-weight: bold; text-align: right; padding: 4px 26px 4px 0px; background-image: url('../images/menu_filter_arrows.gif'); background-repeat: no-repeat;} #filter a:hover {color: #FFF;} #filter a.js_extended_close {background-position: 190px 0px;} #filter a.js_extended_open {background-position: 190px -22px;} #filter div.buttons {text-align: center; padding-bottom: 6px;} #filter div.buttons div.part2 {background-color: #ffa202;} #filter div.buttons input {/*width: 90px;*/ font-size: 12px;} /* ****************************** INDEX ****************************** */ div.box {float: left; width: 310px; height: 342px;} div.box div.shadow_1 { background: url('../images/box_1/index_box_shadow.png') left top no-repeat; width: 310px; height: 342px;} div.box div.shadow_1_dimm { background: url('../images/box_1_dimm/index_box_shadow.png') left top no-repeat; width: 310px; height: 357px;} div.box div.shadow_2 { background: url('../images/box_2/index_box_shadow.png') left top no-repeat; width: 310px; height: 342px;} div.box div.shadow_2_dimm { background: url('../images/box_2_dimm/index_box_shadow.png') left top no-repeat; width: 310px; height: 357px;} div.box div.margins {margin: 0px 15px 0px 15px;} div.box div.background_1 {background: #ffa202 url('../images/box_1/index_box_top2.gif') left top repeat-x;} div.box div.background_1_dimm {background: #ffa202 url('../images/box_1_dimm/index_box_top2.gif') left top repeat-x;} div.box div.background_2 {background: #b08551 url('../images/box_2/index_box_top2.gif') left top repeat-x;} div.box div.background_2_dimm {background: #b08551 url('../images/box_2/index_box_top2.gif') left top repeat-x;} div.box div.background_2_dimm {background: #b08551 url('../images/box_2_dimm/index_box_top2.gif') left top repeat-x;} div.box div.buttons_1 {height: 12px; font-family: Arial; overflow: hidden; color: #000;} div.box div.buttons_1 a {display: block; text-align: center; font-size: 18px; /*font-weight: bold;*/ text-decoration: none; margin-top: 0px; color: #000;} div.box div.buttons_1 div.noimage {float: left; width: 26px; height: 23px; background: url('../images/box_1/index_box_button.gif') left top;} div.box div.buttons_1 div.image {float: left; width: 26px; height: 23px; background: url('../images/box_1/index_box_button_off.gif') left top;} div.box div.buttons_1 div.image_on {background: url('../images/box_1/index_box_button_on.gif') left top;} div.box div.buttons_1 div.video {float: left; width: 68px; height: 23px; background: url('../images/box_1/index_box_button_video_off.gif') left top;} div.box div.buttons_1 div.video_on {background: url('../images/box_1/index_box_button_video_on.gif') left top;} div.box div.buttons_1 div.video_on a {color: /*#fce065*/ #FFF; /*color: #bfbfbd;*/} div.box div.buttons_1 div.info {float: left; width: 56px; height: 23px; background: url('../images/box_1/index_box_button_info_off.gif') left top;} div.box div.buttons_1 div.info_on {color: #FFF; background: url('../images/box_1/index_box_button_info_off.gif') left top;} div.box div.buttons_1 div.info a {color: #FFF; /*color: #bfbfbd;*/} div.box div.buttons_1 div.foto {float: left; width: 56px; height: 23px; background: url('../images/box_1/index_box_button_info_off.gif') left top;} div.box div.buttons_1 div.foto_on {color: #74ecff; background: url('../images/box_1/index_box_button_info_off.gif') left top;} div.box div.buttons_1 div.foto a {color: /*#74ecff*/ #FFF; /*color: #bfbfbd;*/} div.box div.buttons_1_dimm {height: 12px; font-family: Arial; overflow: hidden; color: #888;} div.box div.buttons_1_dimm a {display: block; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; margin-top: 0px; color: #888;} div.box div.buttons_1_dimm div.noimage {float: left; width: 26px; height: 23px; background: url('../images/box_1_dimm/index_box_button.gif') left top;} div.box div.buttons_1_dimm div.image {float: left; width: 26px; height: 23px; background: url('../images/box_1_dimm/index_box_button_off.gif') left top;} div.box div.buttons_1_dimm div.image_on {background: url('../images/box_1_dimm/index_box_button_on.gif') left top;} div.box div.buttons_1_dimm div.video {float: left; width: 68px; height: 23px; background: url('../images/box_1_dimm/index_box_button_video_off.gif') left top;} div.box div.buttons_1_dimm div.video_on {background: url('../images/box_1_dimm/index_box_button_video_on.gif') left top;} div.box div.buttons_1_dimm div.video_on a {color: #fef0ba;} div.box div.buttons_1_dimm div.info {float: left; width: 56px; height: 23px; background: url('../images/box_1_dimm/index_box_button_info_off.gif') left top;} div.box div.buttons_1_dimm div.info_on {color: #FFF; background: url('../images/box_1_dimm/index_box_button_info_off.gif') left top;} div.box div.buttons_1_dimm div.info a {color: #FFF;} div.box div.buttons_2 {height: 12px; font-family: Arial; overflow: hidden; color: #000;} div.box div.buttons_2 a {display: block; text-align: center; font-size: 18px; /*font-weight: bold;*/ text-decoration: none; margin-top: 0px; color: #000;} div.box div.buttons_2 div.noimage {float: left; width: 26px; height: 23px; background: url('../images/box_2/index_box_button.gif') left top;} div.box div.buttons_2 div.image {float: left; width: 26px; height: 23px; background: url('../images/box_2/index_box_button_off.gif') left top;} div.box div.buttons_2 div.image_on {background: url('../images/box_2/index_box_button_on.gif') left top;} div.box div.buttons_2 div.video {float: left; width: 68px; height: 23px; background: url('../images/box_2/index_box_button_video_off.gif') left top;} div.box div.buttons_2 div.video_on {background: url('../images/box_2/index_box_button_video_on.gif') left top;} div.box div.buttons_2 div.video_on a {color: /*#fce065*/ #FFF; /*color: #bfbfbd;*/} div.box div.buttons_2 div.info {float: left; width: 56px; height: 23px; background: url('../images/box_2/index_box_button_info_off.gif') left top;} div.box div.buttons_2 div.info_on {color: #FFF; background: url('../images/box_2/index_box_button_info_off.gif') left top;} div.box div.buttons_2 div.info a {color: #FFF; /*color: #bfbfbd;*/} div.box div.buttons_2 div.foto {float: left; width: 56px; height: 23px; background: url('../images/box_2/index_box_button_info_off.gif') left top;} div.box div.buttons_2 div.foto_on {color: #74ecff; background: url('../images/box_2/index_box_button_info_off.gif') left top;} div.box div.buttons_2 div.foto a {color: /*#74ecff*/ #FFF; /*color: #bfbfbd;*/} div.box div.buttons_2_dimm {height: 12px; font-family: Arial; overflow: hidden; color: #888;} div.box div.buttons_2_dimm a {display: block; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; margin-top: 0px; color: #888;} div.box div.buttons_2_dimm div.noimage {float: left; width: 26px; height: 23px; background: url('../images/box_2_dimm/index_box_button.gif') left top;} div.box div.buttons_2_dimm div.image {float: left; width: 26px; height: 23px; background: url('../images/box_2_dimm/index_box_button_off.gif') left top;} div.box div.buttons_2_dimm div.image_on {background: url('../images/box_2_dimm/index_box_button_on.gif') left top;} div.box div.buttons_2_dimm div.video {float: left; width: 68px; height: 23px; background: url('../images/box_2_dimm/index_box_button_video_off.gif') left top;} div.box div.buttons_2_dimm div.video_on {background: url('../images/box_2_dimm/index_box_button_video_on.gif') left top;} div.box div.buttons_2_dimm div.video_on a {color: #fef0ba; /*color: #dddddb;*/} div.box div.buttons_2_dimm div.info {float: left; width: 56px; height: 23px; background: url('../images/box_2_dimm/index_box_button_info_off.gif') left top;} div.box div.buttons_2_dimm div.info_on {color: #FFF; background: url('../images/box_2_dimm/index_box_button_info_off.gif') left top;} div.box div.buttons_2_dimm div.info a {color: #FFF; /*color: #dddddd;*/} div.box div.roll {float: left; height: 12px; width: 90px; padding-left: 10px; font-size: 12px; font-weight: bold;} div.box div.roll img {float: left; border: none; padding-top: 2px;} div.box div.roll div.count {float: left; display: block; text-align: center; width: 50px; padding-top: 3px; font-size: 16px; font-weight: bold;} div.box div.roll div {float: left; text-align: center; width: 120px; padding-top: 4px;} div.box div.img {width: 280px; height: 210px; position: relative;} div.box div.img img {border: none;} div.box div.img div.zoom {width: 30px; height: 30px; position: absolute; bottom: 0px; left: 0px;} div.box div.img div.price_1 {width: 75px; height: 45px; position: absolute; top: 110px; left: 175px; padding: 55px 5px 0px 25px; text-align: right; color: #f8fb87; font-size: 16px; font-weight: bold; background: url('../images/index_price.gif') right bottom no-repeat;} div.box div.img div.price_2 {width: 105px; height: 45px; position: absolute; top: 110px; left: 145px; padding: 55px 5px 0px 25px; text-align: right; color: #f8fb87; font-size: 16px; font-weight: bold; background: url('../images/index_price_2.gif') right bottom no-repeat;} div.box div.img div.price_1_3 {width: 105px; height: 45px; position: absolute; top: 110px; left: 145px; padding: 55px 5px 0px 25px; text-align: right; color: #f8fb87; font-size: 16px; font-weight: bold; background: url('../images/index_price_3.gif') right bottom no-repeat;} div.box div.img div.price_2_3 {width: 105px; height: 45px; position: absolute; top: 110px; left: 145px; padding: 55px 5px 0px 25px; text-align: right; color: #f8fb87; font-size: 16px; font-weight: bold; background: url('../images/index_price_4.gif') right bottom no-repeat;} div.box div.name_1 {background: url('../images/box_1/index_box_input1.gif') right no-repeat; font-size: 11px; font-weight: bold;} div.box div.name_1 span.d {display: inline-block; padding: 2px 10px 2px 5px; background: url('../images/box_1/index_box_input2.gif') right no-repeat; color: #FFF;} div.box div.name_1 span.v {display: inline-block; padding: 2px 5px 2px 2px; color: #000;} div.box div.name_1_dimm {background: url('../images/box_1/index_box_input1.gif') right no-repeat; font-size: 11px; font-weight: bold;} div.box div.name_1_dimm span.d {display: inline-block; padding: 2px 10px 2px 5px; background: url('../images/box_1/index_box_input2.gif') right no-repeat; color: #FFF;} div.box div.name_1_dimm span.v {display: inline-block; padding: 2px 5px 2px 2px; color: #800080;} /* div.box div.name_1_dimm {height: 17px; background: url('../images/box_1_dimm/index_box_input1.gif') right no-repeat; font-size: 11px; font-weight: bold;} div.box div.name_1_dimm span {display: block; float: left; padding: 2px 10px 2px 5px; background: url('../images/box_1_dimm/index_box_input2.gif') right no-repeat; color: #FFF;} div.box div.name_1_dimm div {padding-top: 2px; color: #888;} */ div.box div.name_2 {background: url('../images/box_2/index_box_input1.gif') right no-repeat; font-size: 11px; font-weight: bold;} div.box div.name_2 span.d {display: inline-block; padding: 2px 10px 2px 5px; background: url('../images/box_2/index_box_input2.gif') right no-repeat; color: #FFF;} div.box div.name_2 span.v {display: inline-block; padding: 2px 5px 2px 2px; color: #000;} div.box div.name_2_dimm {background: url('../images/box_2_dimm/index_box_input1.gif') right no-repeat; font-size: 11px; font-weight: bold;} div.box div.name_2_dimm span.d {display: inline-block; padding: 2px 10px 2px 5px; background: url('../images/box_2_dimm/index_box_input2.gif') right no-repeat; color: #FFF;} div.box div.name_2_dimm span.v {display: inline-block; padding: 2px 5px 2px 2px; color: #888;} div.box div.short {padding: 3px 10px 0px 15px; height: 77px; font-size: 11px; overflow: hidden; position: relative; color: #000; line-height: 12px;} div.box div.short_dimm {padding: 3px 10px 0px 15px; height: 62px; font-size: 11px; overflow: hidden; position: relative; color: #800080; line-height: 12px; } /* div.box div.short_dimm {padding: 3px 10px 0px 15px; height: 62px; font-size: 11px; overflow: hidden; position: relative; color: #888; line-height: 12px;} */ div.box div.short div.more a {position: absolute; top: 50px; right: 0px; display: block; font-weight: bold;} div.box div.short div.more a:hover {color: #ffa202;} div.box div.short div.more a img {vertical-align: middle; border: none; margin-left: 5px;} div.box div.preferred_delete {text-align: left; margin: 10px 10px 5px 15px; position: relative;} div.box div.preferred_delete a.link {float: left; display: block; position: relative; width: 157px; background: #000 url('../images/menu_bg_4.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 0px 9px 0px; margin: 0px auto;} div.box div.preferred_delete a.link:hover {background: #ffa202 url('../images/menu_bg_4_on.png') left no-repeat;} div.box div.preferred_delete div {margin-left: 0px; padding-top: 3px; text-align: right; font-weight: bold;} /*div.box_2 div.background {background: #ffa202 url('../images/box_2/index_box_top.gif') center top repeat-x;} */ #pager {/*clear: both;*/ float: left; text-align: center; color: #ffa202; font-weight: bold; width: 640px; padding-bottom: 20px;} #pager a {display: inline; border-bottom: 1px solid #888; padding: 1px 1px; margin: 2px 3px; color: #000; text-decoration: none;} #pager a.edge { border-bottom: 1px solid #ffa202; color: #ffa202;} /* ****************************** POPUP ****************************** */ #popup {margin: 0px auto; text-align: center;} #popup div.header {text-align: center; height: 180px;} #popup div.menu {width: 660px; height: 125px; margin: 0px auto;} #popup div.menu_full {width: 770px;} #popup div.menu_extended {height: 150px;} /*#popup div.menu span {display: inline-block; height: 90px; text-align: center; margin: 0px; padding: 0px;} #popup div.menu span a {display: block; width: 107px; background: #000 url('../images/popup/menu_bg_3.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 6px 0px 10px 0px;} #popup div.menu span a:hover {background: #ffa202 url('../images/popup/menu_bg_3_on.png') left no-repeat;} #popup div.menu a.preferred {background: #c41210 url('../images/popup/menu_bg_preferred.png') left no-repeat;} #popup div.menu a.preferred:hover {background: #c41210 url('../images/popup/menu_bg_preferred_on.png') left no-repeat;} #popup div.menu a.floatleft {float: left;} #popup div.menu a.floatright {float: right;} #popup div.menu div span {height: 30px;} #popup div.menu div span.extended {width: 139px;} #popup div.menu a.home {background: url('../images/popup/menu_bg_home2.png') left no-repeat; padding-left: 10px; width: 107px; color: #000;} #popup div.menu a.home:hover {background: url('../images/popup/menu_bg_home2_on.png') left no-repeat;} #popup div.menu a.recommend {background: url('../images/popup/menu_bg_recommend2.png') left no-repeat; color: #000;} #popup div.menu a.recommend:hover {background: url('../images/popup/menu_bg_recommend2_on.png') left no-repeat;} #popup div.menu a.recommend_big {background: url('../images/popup/menu_bg_recommend2_big.png') left no-repeat; color: #000;} #popup div.menu a.recommend_big:hover {background: url('../images/popup/menu_bg_recommend2_big_on.png') left no-repeat;} #popup div.menu a.recommend_width {background: url('../images/popup/menu_bg_recommend.png') left no-repeat; width: 139px; color: #000;} #popup div.menu a.recommend_width:hover {background: url('../images/popup/menu_bg_recommend_on.png') left no-repeat;} */ #popup div.menu a.floatleft {float: left;} #popup div.menu a.floatright {float: right;} #popup div.menu span {display: inline-block; overflow: hidden; width: 110px; padding-top: 50px; background-image: url('../images/popup/menu_icons.jpg'); background-repeat: no-repeat; background-position: 0px 0px;} #popup div.menu div span { width: 110px; padding-top: 8px;} #popup div.menu div span.extended {width: 137px;} #popup div.menu span.video {background-position: 0px -50px;} #popup div.menu span.pictures {background-position: 0px -100px;} #popup div.menu span.descr {background-position: 0px -150px;} #popup div.menu span.map {background-position: 0px -200px;} #popup div.menu span.book {background-position: 0px -350px;} #popup div.menu span.print {background-position: 0px -250px;} #popup div.menu span.favorite {background-position: 0px -300px;} #popup div.menu span.height34 {padding-top: 34px;} #popup div.menu span a {display: inline-block; width: 107px; background-image: url('../images/popup/menu_buttons.png'); background-repeat: no-repeat; background-position: 0px 0px; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 6px 0px 10px 0px;} #popup div.menu span a:hover {background-position: -137px 0px;} #popup div.menu a.preferred {background-position: 0px -80px;} #popup div.menu a.preferred:hover {background-position: -137px -80px;} #popup div.menu a.home {background-position: 0px -40px; padding-left: 10px; width: 107px; color: #000;} #popup div.menu a.home:hover {background-position: -137px -40px;} #popup div.menu a.recommend {background-position: 0px -120px; color: #000;} #popup div.menu a.recommend:hover {background-position: -137px -120px;} #popup div.menu a.recommend_big {background-position: 0px -160px; color: #000;} #popup div.menu a.recommend_big:hover {background-position: -137px -160px;} #popup div.menu a.recommend_width {background-position: 0px -220px; width: 137px; color: #000;} #popup div.menu a.recommend_width:hover {background-position: -137px -220px;} /*#popup div.menu img {width: 50px; height: 50px;}*/ #popup div.content {clear: both; width: 800px; height: 490px; overflow: scroll; margin: 0px auto; text-align: left;} #popup div.content div.name {margin: 0px auto; width: 655px;} #popup div.content div.name_full {width: 760px;} #popup div.menu h3.name {margin: 0px 0px 5px 0px; padding: 0px;} #popup div.content table {width: 99%;} #popup div.content table td {width: 50%; vertical-align: top;} #popup div.content a.link {display: block; position: relative; width: 129px; background: #000 url('../images/popup/menu_bg_1.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 4px 9px 4px;} #popup div.content a.link:hover {background: #ffa202 url('../images/popup/menu_bg_1_on.png') left no-repeat;} #popup div.map {text-align: center;} #popup div.map iframe {margin: 0px auto;} #popup p.preferred {padding: 75px 50px; color: #c41210; font-weight: bold;} #popup #gallery {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; text-align: center;} #popup #gallery a.mini {display: inline-block; width: 60px; height: 15px; padding-top: 45px; margin: 0px 5px 5px 0px; text-align: right; font-weight: bold; color: #FFF; text-decoration: none; border: 1px solid #000;} #popup #gallery div.image {margin: 0px auto;} #popup #gallery div.image img {border: 0px; margin: 15px;} #popup #gallery div.image div.f1 {background: url('../images/popup/frame_1.gif') left top no-repeat;} #popup #gallery div.image div.f2 {background: url('../images/popup/frame_2.gif') right top no-repeat;} #popup #gallery div.image div.f3 {background: url('../images/popup/frame_3.gif') right bottom no-repeat;} #popup #gallery div.image div.f4 {background: url('../images/popup/frame_4.gif') left bottom no-repeat; position: relative;} #popup #gallery div.image a.button {position: absolute; display: inline-block; height: 470px; padding-left: 150px; width: 0px; top: 10px; overflow: hidden; background-image: url('../images/popup/gallery_buttons3.png'); background-repeat: no-repeat; background-position: 0px 400px;} #popup #gallery div.image a.prev {left: 14px; /*background-position: -100px 0px;*/} #popup #gallery div.image a.next {right: 14px; /*background-position: 50px 0px;*/} #popup #gallery div.image div.prev {position: absolute; left: 34px; top: 195px; width: 100px; height: 100px;} #popup #gallery div.image div.next {position: absolute; right: 34px; top: 195px; width: 100px; height: 100px;} /*#popup #gallery div.image a.prev:hover {background-position: -100px -468px;}*/ /*#popup #gallery div.image a.next:hover {background-position: 50px -468px;}*/ #popup #gallery div.pager {height: 40px; width: 400px; text-align: center; color: #FFF; font-weight: bold; margin: 5px auto 0px auto;} #popup #gallery div.pager span {vertical-align: middle; display: inline-block; width: 100px; padding: 10px 0px; background-color: #000; background-image: url('../images/popup/gallery_buttons.gif'); background-position: 0px -7px; background-repeat: no-repeat;} #popup #gallery div.pager a {vertical-align: middle; display: inline-block; width: 0px; height: 30px; padding-left: 100px; overflow: hidden; background-image: url('../images/popup/gallery_buttons.gif'); background-repeat: no-repeat;} #popup #gallery div.pager a.prev {background-position: 0px -60px;} #popup #gallery div.pager a.next {background-position: 0px -90px;} #popup div.map_warning {padding: 5px; border: 1px solid #F00; color: #F00; background: #FDD; font-weight: bold; font-size: 11px; margin: 0px 70px;} #popup div.video {text-align: center; position: relative;} #popup div.video embed {margin: 10px auto;} #popup div.content #recommend {margin-right: 0px;} #popup span.column_33 {display: inline-block; width: 30%; vertical-align: top;} /* ****************************** BOOK ****************************** */ #book {margin: 0px auto; width: 560px;} #book div {margin-bottom: 15px; font-weight: bold;} #book div span {display: block; float: left; width: 200px; text-align: right; padding: 2px 5px 0px 0px; font-weight: normal;} #book div div {margin-left: 210px;} #book div.msg {padding: 10px 50px; font-weight: bold;} #book div.error {padding: 10px 50px; font-weight: bold; color: red;} /* ****************************** SEARCH ****************************** */ div.pagesfounded {text-align: right; padding: 5px 10px 10px 5px; font-weight: bold;} #search_form {font-weight: bold; background: url('../images/search_box_shadow.png') left top no-repeat;} #search_form div.bg { padding: 10px 30px 30px 30px; background: url('../images/search_box_shadow_2.png') left bottom no-repeat;} #search_form div {padding: 2px 0px 8px 0px;} #search_form div span {white-space: nowrap;} #search_form div.type2 span {padding: 0px 30px 0px 0px;} #search_form div.worldsides span {padding-right: 20px;} #search_form div.buttons {text-align: right;} #search_form div.price {float: left;} #search_form div.rooms span {padding: 5px 20px 0px 0px;} #search_form div.left_column {float: left; padding: 0px 10px 0px 0px;} #search_form div.right_column {margin-left: 140px;} #search_form select, input {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 1px 5px;} #search_form select.island {width: 180px;} #search_form select.city {width: 180px;} #search_form input.rooms {width: 50px; text-align: right;} #search_form input.price {width: 60px; text-align: right;} /*#search_form a.submit {display: block; float: right; width: 99px; background: #ffa202 url('../images/menu_bg_search2.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #000; padding: 5px 4px 9px 4px;} #search_form a.submit:hover {background: #ffa202 url('../images/menu_bg_search2_on.png') left no-repeat;} */ #search_form input.submit {width: 107px; background: #ffa202 url('../images/menu_bg_search2.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #000; padding: 5px 4px 9px 4px; border: 0px;} #search_form input.submit_on {background: url('../images/menu_bg_search2_on.png') left no-repeat;} div.notfound {text-align: center;} /* ****************************** CONTACT ****************************** */ #contact_box {float: right; width: 300px;} #contact_box div.buttons {height: 35px; padding-right: 10px; margin: 60px 0px 50px 0px;} #contact_box div.buttons a.link {display: block; position: relative; width: 137px; background: #000 url('../images/menu_bg_1.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 0px 9px 0px;} #contact_box div.buttons a.link:hover {background: #ffa202 url('../images/menu_bg_1_on.png') left no-repeat;} #contact_box div.buttons a.floatright {float: right;} #contact_box div.call div {width: 140px; height: 160px; font-weight: bold; text-align: center; padding: 10px 0px;} #contact_box div.call div img {margin: 5px auto;} #contact_box div.call div span {padding: 2px 0px;} #contact_box div.call div.telefon {float: left;} #contact_box div.call div.telefon span.color {display: block; color: #ffa202} #contact_box div.call div.skype {margin-left: 150px; background: url('../images/contact_skype_frame.gif') left top no-repeat;} #contact_box div.call div.skype span.color {display: block; color: #73b1da;} /* ****************************** GALLERY ****************************** */ #gallery {list-style-type: none; font-size: 10px; text-align: center; margin: 0px; padding: 0px; color: #444;} #gallery li {display: block; float: left; width: 142px; height: 140px; margin: 0px 10px 15px 0px; background: #f2f2f2; border: 1px solid #CCC; overflow: hidden;} #gallery li div.mini img {border: 1px solid #000; margin-top: 5px;} #gallery div.size {text-align: right; font-weight: bold; margin: 3px 6px; white-space: nowrap;} #gallery div.size span {float: left; font-size: 9px; padding-top: 1px;} #gallery li div.download {padding: 2px 0px; font-weight: bold;} #gallery li div.download img {margin: 2px 4px; vertical-align: middle;} #gallery li a:link {color: #000;} #gallery li a:visited {color: #666;} #gallery li a:hover {color: #ffa202;} /* ****************************** AIRLINE ****************************** */ #airline {list-style-type: none; text-align: center; margin: 40px 0px 0px 0px; padding: 0px;} #airline li {display: block; float: left; width: 190px; height: 60px; margin: 0px 10px 20px 0px; overflow: hidden;} #airline li img {vertical-align: middle; border: none;} #airline li a:link {color: #000;} #airline li a:visited {color: #666;} #airline li a:hover {color: #ffa202;} /* ****************************** PREFERED ****************************** */ #preferred div.delete {text-align: center; margin: 0px auto; position: relative; height: 55px; width: 460px;} #preferred div.delete a.link {display: block; position: relative; width: 157px; background-color: #000; background-image: url('../images/menu_buttons_main2.png'); background-position: 0px -690px; background-repeat: no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF; padding: 5px 0px 9px 0px; margin: 0px auto;} #preferred div.delete a.link:hover {background-color: #ffa202; background-position: -220px -690px;} #preferred div.delete a.js_deleteall {float: left;} #preferred div.delete a.js_deleteselected {float: right;} /*#menu a.link {display: block; position: relative; width: 129px; padding: 6px 4px 9px 4px; background-color: #000; background-image: url('../images/menu_buttons_main.png'); background-position: 0px 0px; background-repeat: no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #FFF;} #menu a.close_to_sea {background-position: 0px -160px; color: #FFF;} #menu a.close_to_sea:hover {background-position: -137px -160px;}*/ /* ****************************** RECOMMEND ****************************** */ #recommend {width: 670px; margin: 0px auto; text-align: left;} #recommend div.error {padding: 10px 50px; font-weight: bold; color: red;} #recommend div.msg {padding: 10px 50px; font-weight: bold;} #recommend input.submit {width: 135px; float: right; background: #ffa202 url('../images/menu_bg_12.png') left no-repeat; text-align: center; font-size: 14px; font-family: Arial; text-decoration: none; color: #000; padding: 5px 4px 9px 4px; border: 0px; } #recommend input.submit_on {background: url('../images/menu_bg_12_on.png') left no-repeat; cursor: pointer;} #recommend div.message {border: 1px solid #333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; padding: 3px 4px; width: 500px; background: #FFF;} #recommend img {vertical-align: middle;} /* ****************************** OPINION ****************************** */ #opinion {width: 670px; margin: 0px auto; text-align: left;} #opinion table {table-layout: fixed; /*margin: 0px auto;*/ font-size: 14px;} #opinion table thead tr th {font-size: 13px; padding: 0px 10px;} #opinion table tbody tr th {font-weight: normal;} #opinion table tbody tr td.red {color: red;} #opinion div.error {padding: 10px 50px; font-weight: bold; color: red;} #opinion div.msg {padding: 10px 50px; font-weight: bold;} #opinion input.submit {float: right;} #opinion img {vertical-align: middle;} /* ****************************** PARTNERS ****************************** */ #partners {padding: 0px; margin: 30px 10px 0px 0px;} #partners li {list-style-type: none; padding: 0px 0px 30px 0px; font-weight: bold;} #partners li h2 {margin: 0px; font-size: 18px;} #partners li a {color: #000; text-decoration: none;} #partners li a:hover {color: #ffa202;} #partners li a:hover {color: #ffa202;} #partners li span {display: inline-block; float: right;} #partners li span a {text-decoration: underline;} #partners li div {margin: 5px 0px 0px 30px; font-style: italic; font-weight: normal;} /* ****************************** SITEMAP ****************************** */ #sitemap {margin-left: 20px;} #sitemap ul li {margin-top: 12px; list-style-image: url('../images/sitemap_dot_1.gif'); padding-left: 0px;} #sitemap ul ul li {list-style-image: url('../images/sitemap_dot_2.gif');} #sitemap ul ul ul li {list-style-image: url('../images/sitemap_dot_3.gif');} #sitemap ul ul ul ul li {list-style-image: url('../images/sitemap_dot_3.gif');} #sitemap ul ul ul ul ul li {list-style-image: none; list-style: none;} #sitemap ul li.sub {margin: 0px; list-style: none; list-style-image: none;} #sitemap ul ul ul ol li {padding-bottom: 0px; list-style-image: none; list-style: none; font-weight: bold;} #sitemap ul ul ul ol li a {font-weight: normal;} #sitemap a {color: #000; text-decoration: none; border-bottom: 1px solid #333;} #sitemap a:active {color: #ffa000;} #sitemap a:visited {color: #800080; border-bottom-color: #800080;} #sitemap a:hover {color: #ffa000; border-bottom-color: #FFA000;} #sitemap span {display: inline-block; width: 47%; vertical-align: top;} /* ****************************** ISLANDS ****************************** */ ul.images {list-style-type: none; font-size: 10px; text-align: center; margin: 0px; padding: 0px; color: #444;} ul.images li {display: block; float: left; width: 142px; height: 120px; margin: 0px 10px 15px 0px;} ul.images img {border: 1px solid #000; margin-top: 5px;}