/*************************************************************************************************************************************** Quality Hotel Autor: 2Nuts,Stefan Senn, info@2nuts.info Datum: Juli 2007 Hauptstylesheet Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website! ************************************************************************************************************************************* */ * { margin:0; padding:0 } body { font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:16px; color:#00655c; background:#f1f1f1 } .clear { clear:both; overflow:hidden; background-color:#000 } .div_clear { clear:both;} #adress { margin-left:35px; height:24px; background-color:#f1e2b3; width:995px; } #adress a { font-size:12px; color:#00655c; text-decoration:none; font-weight:normal } #adress a:hover { text-decoration: underline; color:#00655c; } #adress .text { width:600px; height:19px; float:left; font-size:12px; padding-top:5px; padding-left:24px; overflow:hidden; } #adress .img { float:left; padding-left:24px; padding-top:5px } #adress_plusone { width:90px !important; height:20px !important; float:right; padding-top:2px; overflow:hidden; } #adress_fblike { width:120px !important; height:20px !important; float:right; padding-top:2px; overflow:hidden; } #header { margin-left:35px; height:279px; } #header img { vertical-align:bottom; border:none; } #background { width:1065px; margin:0px auto; background:transparent url(../img/meta/bg.jpg) top center repeat-y; } /* --- NAV -------------------------------------------------------------------------------------------------------------------------- */ #bghauptnav { padding-left:35px; float:left; height:29px; width:995px; } #hauptnav { float:left; height:29px; width:658px; background-color:#017763; } #hauptnav a { background-position: 0px 0px; background-repeat: no-repeat; height:29px; display:block } #hauptnav a:hover { background-position: 0px -29px } #hauptnav li { list-style:none; float:left; height:29px } /* --- CONTENT -------------------------------------------------------------------------------------------------------------------------- */ #content { margin-left:35px; width:995px; } #content iframe { padding:25px 0 0 0 } #line { clear:both; margin:0; padding:0; background:#d1d1d1; width:995px; height:5px; overflow:hidden; } #hl { font-size:20px; font-weight:bold; margin:14px 0 12px 24px; } .icons { margin:0 0 12px 9px; } .calendar_header { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; } .calendar_dayname { background-color: #eeeeee; border: 1px solid #c0c0c0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 8pt; text-align: center; } .calendar_day { background-color: #eeeeee; color: #000000; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 8pt; } .calendar_day a { font-size:12px; color:#00655c; text-decoration:none; font-weight:normal } .calendar_day a:hover { text-decoration: underline; color:#00655c; } .calendar_today { background-color: #ffffff; border: 1px solid #c0c0c0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 8pt; } .calendar_today a { font-size:12px; color:#00655c; text-decoration:none; font-weight:normal } .calendar_today a:hover { text-decoration: underline; color:#00655c; } .calendar { background-color: #c0c0c0; border: 1px outset white; visibility: hidden; position: absolute; top: 1px; left: 1px; } #box_res_left1 { background:url(../img/meta/bg_teaser_right_bottom.gif) no-repeat; width:337px; height:110px; border:none } #box_res_left1 .hl { font-size:14px; margin:0 0 10px 12px; padding-top:5px; } #box_res_left1 .img { float:left; border:none; padding-left:12px; } #box_res_left1 .link { float:left; font-size:13px; margin-left:9px; } #box_res_left1 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_res_left1 .link a:hover { text-decoration: underline; color:#00655c; } #box_res_left2 { background:url(../img/meta/bg_teaser_right_bottom.gif) no-repeat; width:337px; height:110px; margin-top:6px; border:none } #box_res_left2 .hl { font-size:14px; margin:0 0 10px 12px; padding-top:5px; } #box_res_left2 .img { float:left; border:none; padding-left:12px; } #box_res_left2 .link { float:left; font-size:13px; margin-left:9px; } #box_res_left2 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_res_left2 .link a:hover { text-decoration: underline; color:#00655c; } #box_res_left3 { background:url(../img/meta/bg_teaser_right_bottom.gif); width:337px; margin:6px 0 0 0; padding:0 0 8px 0; border:none; overflow:hidden } #box_res_left3 .hl { font-size:14px; margin:0 0 10px 12px; padding-top:5px; } #box_res_left3 .img { float:left; border:none; padding-left:12px; } #box_res_left3 .link { float:left; font-size:13px; margin-left:10px; } #box_res_left3 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_res_left3 .link a:hover { text-decoration: underline; color:#00655c; } /* --- CONTENT RELATED RESERVIEUNG -------------------------------------------------------------------------------------------------------------------------- */ #content_res_left { float:left; padding-top:6px; } #content_res_left .hl_top { font-size:12px; font-weight:bold; margin-left:14px } #content_res_left .hl_top_down { font-size:12px; font-weight:bold; margin-left:14px; padding-top:6px } #content_res_left .inputdate { float:left; background-color:#eaeaea; border:1px solid #b6b6b6; width:100px; margin:6px 9px 12px 14px; font-family: Arial, Helvetica, sans-serif; } #content_res_left .input { float:left; background-color:#eaeaea; border:1px solid #b6b6b6; width:125px; margin:0 9px 0 14px; font-family: Arial, Helvetica, sans-serif; } #content_res_left .cal { float:left; margin-top:7px; } #content_res_left .select { width:40px; background-color:#eaeaea; margin:6px 0 0 14px; border:1px solid #b6b6b6; font-family: Arial, Helvetica, sans-serif; } #content_res_right { float:left; padding:6px 0 0 28px; } #content_res_right .hl_top { font-size:12px; font-weight:bold; margin-left:14px } #content_res_right .inputdate { float:left; background-color:#eaeaea; border:1px solid #b6b6b6; width:100px; margin:6px 9px 12px 14px; font-family: Arial, Helvetica, sans-serif; } #content_res_right .input { float:left; background-color:#eaeaea; border:1px solid #b6b6b6; width:125px; margin:0 9px 0 14px; font-family: Arial, Helvetica, sans-serif; } #content_res_right .cal { float:left; margin-top:7px; } #content_res_right_submit { float:right; padding-right:16px } #content_res_right_submit .submit { padding-top:32px; } #content_res_right_submit .submit a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } #content_res_right_submit .submit a:hover{ font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } /* --- CONTENT HOME-------------------------------------------------------------------------------------------------------------------------- */ #home_content_left { float:left; background:url(../img/home/bg_teaser_left.gif) no-repeat; width:658px; height:150px; border:none } #home_content_left .text { margin:44px 24px 0 24px; } #home_content_left .hl { margin:8px 0 6px 18px; } #home_content_left img { border:none; padding:35px 0 0 24px; } #home_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; overflow:hidden; } #home_content_bottom { width:995px; min-height:196px; } #home_content_bottom .hl { padding-top:20px; width:300px; float:left } #home_content_bottom .hl img { border:none; } #home_content_bottom .hotline { margin:10px 0 0 0; width:271px; height:31px; float:right; background:transparent url(../img/meta/phone.jpg) top left no-repeat; } #home_content_bottom .hotline p { font-size:20px; margin:0 0 0 46px } #home_content_bottom .hotline p span{ font-size:11px } #box_home1 { float:left; width:217px; background:#f1f1f1; padding:10px 10px; margin:14px 6px 0 14px; height:136px } #box_home1 .hl { font-size:14px; font-family:Arial; padding:0; margin:0 0 8px 0 } #box_home1 .text { font-size:23px; font-weight:bold; margin:0 0 8px 0 } #box_home1 .link { font-size:13px; } #box_home1 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_home1 .link a:hover { text-decoration:underline; color:#00655c; } #box_home2 { float:left; width:217px; background:#f1f1f1; padding:10px 10px; margin:14px 6px 0 0; height:136px } #box_home2 .hl { font-size:14px; font-family:Arial; padding:0; margin:0 0 8px 0 } #box_home2 .text { font-size:23px; font-weight:bold; } #box_home2 .img { float:left; border:none; } #box_home2 .link { float:left; margin-left: 9px; font-size:13px; } #box_home2 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_home2 .link a:hover { text-decoration: underline; color:#00655c; } #box_home3 { float:left; width:217px; background:#f1f1f1; padding:10px 10px; margin:14px 6px 0 0; height:136px } #box_home3 .hl { font-size:14px; font-family:Arial; padding:0; margin:0 0 8px 0 } #box_home3 .text { font-size:23px; font-weight:bold; } #box_home3 .img { float:left; border:none; padding-left:30px; } #box_home3 .link { float:left; margin-left: 9px; font-size:13px; } #box_home3 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_home3 .link a:hover { text-decoration: underline; color:#00655c; } #box_home4 { float:left; width:217px; background:#f1f1f1; padding:10px 10px; margin:14px 0 0 0; height:136px } #box_home4 .hl { font-size:14px; font-family:Arial; padding:0; margin:0 0 8px 0 } #box_home4 .text { font-size:23px; font-weight:bold; } #box_home4 .img { float:left; border:none; } #box_home4 .link { float:left; font-size:13px; } #box_home4 .link a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #box_home4.link a:hover { text-decoration: underline; color:#00655c; } /* --- CONTENT ANREISE-------------------------------------------------------------------------------------------------------------------------- */ #anreise_content_left { float:left; background:url(../img/meta/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #anreise_content_left .up { margin:0 24px 14px 24px; } #anreise_content_left .img { margin:16px 24px 16px 24px; } #anreise_content_left .img a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #anreise_content_left .img a:hover { text-decoration: underline; color:#00655c; } #anreise_content_left .line { margin-left:24px; background-color:#d1d1d1; width:612px; height:2px; overflow:hidden } #anreise_content_left .down { margin:0 24px 0 24px; } #anreise_content_left .gotop { padding:44px 0 44px 0; } #anreise_content_left img { margin-left:24px; } #anreise_content_left #route { margin:0 24px 0 24px; border:1px solid #00655c } #anreise_content_left #route .inhalt { margin:12px 0 0 12px } #anreise_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; } #anreise_content_right .hl_teaser { padding:8px 0 12px 0; } /* --- CONTENT EMPFANG-------------------------------------------------------------------------------------------------------------------------- */ #empfang_content_left { float:left; background:url(../img/empfang/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #empfang_content_left .hl { margin:40px 24px 12px 24px; font-weight:bold; } #empfang_content_left .box { background-color:#e3e3e3; margin-left:24px; width:614px; height:190px; } #empfang_content_left .box ul { float:left; padding:18px 0 0 24px; list-style:none } #empfang_content_left .box li { padding-left:15px; background:url(../img/meta/pfeil.gif) no-repeat; background-position:0 3px; line-height:19px } #empfang_content_left .text { margin:12px 24px 12px 24px; } #empfang_content_left .line { margin-left:24px; background-color:#d1d1d1; width:612px; height:2px; overflow:hidden } #empfang_content_left .gotop { padding:44px 0 44px 24px; } #empfang_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; } #empfang_content_right .hl_teaser { padding:8px 0 12px 0; } #empfang_content_left .roomBox { clear:both; margin:24px 24px 0 24px; padding:0 0 24px 0; border-bottom:2px solid #d1d1d1; overflow:hidden } #empfang_content_left .roomBox h2 { font-size:13px; margin:0 0 12px 0 } #empfang_content_left .roomBox .gallerie { float:left; width:319px; margin:0 12px 0 0 } #empfang_content_left .roomBox .text { float:left; width:278px } /* --- CONTENT AUSSTATTUNG-------------------------------------------------------------------------------------------------------------------------- */ #ausstattung_content_left { float:left; background:url(../img/reservierung/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #ausstattung_content_left .hl { margin:40px 24px 0 24px; font-weight:bold; } #ausstattung_content_left .box { background-color:#e3e3e3; margin-left:24px; width:614px; height:150px; } #ausstattung_content_left .box ul { float:left; padding:18px 0 0 24px; list-style:none } #ausstattung_content_left .box li { padding-left:15px; background:url(../img/meta/pfeil.gif) no-repeat; background-position:0 5px; line-height:19px } #ausstattung_content_left .bc { float:left; padding:4px 0 0 24px; } #ausstattung_content_left .bc a { font-size:13px; color:#00655c; text-decoration:none; font-weight:normal } #ausstattung_content_left .bc a:hover{ font-size:13px; color:#00655c; text-decoration:underline; font-weight:normal } #ausstattung_content_left .bt_preise { float:right; margin-right:21px; border:none } #ausstattung_content_left .line { margin:10px 0 10px 24px; background-color:#d1d1d1; width:612px; height:2px; overflow:hidden } #ausstattung_content_left .roomBox { clear:both; margin:24px 24px 0 24px; padding:0 0 24px 0; border-bottom:2px solid #d1d1d1; overflow:hidden } #ausstattung_content_left .roomBox h2 { font-size:13px; margin:0 0 12px 0 } #ausstattung_content_left .roomBox .gallerie { float:left; width:319px; margin:0 12px 0 0 } #ausstattung_content_left .roomBox .text { float:left; width:278px } #preise { position:absolute; width:612px; background-color:#00655c; margin-left:24px; display:none; z-index:2; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFF } #preise .text { margin-left:24px; } #preise .preise_box { margin-left:24px; border:1px solid #FFF; width:532px } #preise .preise_box .inhalt { margin:32px 32px 32px 32px; font-weight:bold; } #preise .hinweis { margin-left:24px; background-color:#FFF; width:532px } #preise .text_hinweis { text-align:center; color:#00655c; padding:8px 0 8px 0; font-weight:bold; } #preise .close { margin:0 0 24px 24px; } #preise .close a { font-size:13px; color:#FFF; text-decoration:underline; font-weight:bold } #preise .close a:hover { font-size:13px; color:#FFF; text-decoration:underline; font-weight:bold } #ausstattung_content_left .gotop { margin:22px 0 22px 24px; } #ausstattung_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; } #ausstattung_content_right .hl_teaser { margin:30px 0 12px 0 } /* --- CONTENT RESERVIERUNG-------------------------------------------------------------------------------------------------------------------------- */ #reservierung_content_left { float:left; background:url(../img/reservierung/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #reservierung_content_left .text { margin:12px 24px 12px 24px; } #reservierung_content_left .gotop { margin:22px 0 22px 24px; } #reservierung_content_left .pflicht { font-size:11px; text-align:right; margin-right:12px } #form { border:1px solid #00655c; width:626px; margin-left:18px } #form .line { background-color:#d1d1d1; width:613px; height:2px; margin:18px 0 18px 5px; overflow:hidden } #form_left { float:left; margin:18px 0 0 12px; } #form_left .select { width:125px; background-color:#eaeaea; border:1px solid #b6b6b6; font-family: Arial, Helvetica, sans-serif; } #form_left .input { background-color:#eaeaea; border:1px solid #b6b6b6; width:189px; height:18px; font-family: Arial, Helvetica, sans-serif; } #form_left span { font-size:13px; font-weight:bold; color:#3b3b3b; } #form_right { float:left; margin:12px 0 0 30px; } #form_right .select { width:189px; background-color:#eaeaea; border:1px solid #b6b6b6; font-family: Arial, Helvetica, sans-serif; } #form_right .input { background-color:#eaeaea; border:1px solid #b6b6b6; width:189px; height:18px; font-family: Arial, Helvetica, sans-serif; } #form_right .input_plz { background-color:#eaeaea; border:1px solid #b6b6b6; width:76px; margin-right:6px; height:18px; font-family: Arial, Helvetica, sans-serif; } #form_right .input_ort { background-color:#eaeaea; border:1px solid #b6b6b6; width:105px; margin-right:6px; height:18px; font-family: Arial, Helvetica, sans-serif; } #form_right span { font-size:13px; font-weight:bold; color:#3b3b3b; } #form_middle_left { float:left; margin-left:12px; } #form_middle_left .hl { font-size:13px; font-weight:normal; color:#3b3b3b; margin-bottom:6px; } #form_middle_left span { font-size:13px; font-weight:bold; color:#3b3b3b; } #form_middle_left .radio { vertical-align:middle; } #form_middle_left .select { width:40px; background-color:#eaeaea; margin-top:6px; border:1px solid #b6b6b6; font-family: Arial, Helvetica, sans-serif; } #form_middle_right { float:left; margin-left:44px; } #form_middle_right .hl { font-size:13px; font-weight:normal; color:#3b3b3b; margin-bottom:6px; } #form_middle_right span { font-size:13px; font-weight:bold; color:#3b3b3b; } #form_middle_right .radio { vertical-align:middle; } #form_bottom { margin-left:12px; } #form_bottom span { font-size:13px; font-weight:bold; color:#3b3b3b; } #form_bottom .checkbox { border:1px solid #b6b6b6; } #form_bottom .input { background-color:#eaeaea; border:1px solid #b6b6b6; width:117px; height:18px; font-family: Arial, Helvetica, sans-serif; } #form_bottom textarea { background-color:#eaeaea; border:1px solid #b6b6b6; width:572px; font-family: Arial, Helvetica, sans-serif; font-size:13px; } #form_bottom .text { font-size:13px; font-weight:normal; color:#3b3b3b; margin:12px 0 12px 0; } #form_bottom .submit { float:right; margin:0 40px 12px 0; } #form_bottom .submit a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } #form_bottom .submit a:hover { font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } #form_bottom .cal { float:left; margin:2px 0 0 6px; } #reservierung_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; } #reservierung_content_right .hl_teaser { padding-bottom:12px; } /* --- CONTENT KONTAKT-------------------------------------------------------------------------------------------------------------------------- */ #kontakt_content_left { float:left; background:url(../img/reservierung/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #kontakt_content_left .pflicht { font-size:11px; text-align:right; margin-right:12px } #kontakt_form { border:1px solid #00655c; width:626px; margin-left:18px } #kontakt_form .line { background-color:#d1d1d1; width:613px; height:2px; margin:18px 0 18px 5px; overflow:hidden } #kontakt_form_left { float:left; margin:18px 0 0 12px; } #kontakt_form_left .select { width:125px; background-color:#eaeaea; border:1px solid #b6b6b6; font-family: Arial, Helvetica, sans-serif; } #kontakt_form_left .input { background-color:#eaeaea; border:1px solid #b6b6b6; width:189px; height:18px; font-family: Arial, Helvetica, sans-serif; } #kontakt_form_left span { font-size:13px; font-weight:bold; color:#3b3b3b; } #kontakt_form_right { float:left; padding:24px 0 0 20px } #kontakt_form_right span { font-size:13px; font-weight:bold; color:#3b3b3b; } #kontakt_form_right textarea { background-color:#eaeaea; border:1px solid #b6b6b6; width:300px; font-family: Arial, Helvetica, sans-serif; } #kontakt_form_bottom .submit { float:right; margin:0 20px 12px 0; } #kontakt_form_bottom .submit a { font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } #kontakt_form_bottom .submit a:hover { font-size:13px; color:#00655c; text-decoration:underline; font-weight:bold } #kontakt_content_left .text { margin:12px 24px 12px 24px; } #kontakt_content_left .gotop { margin:66px 0 66px 24px; } #kontakt_content_left .adress { margin:22px 0 22px 94px; line-height:19px } #kontakt_content_left .adress a { font-size:12px; color:#00655c; text-decoration:none; font-weight:normal } #kontakt_content_left .adress a:hover { text-decoration: underline; color:#00655c; } #kontakt_content_right { float:left; background:url(../img/meta/bg_teaser_right.gif) no-repeat; width:337px; height:150px; } #kontakt_content_right .hl_teaser { padding:8px 0 12px 0; } /* --- CONTENT IMPRESSUM-------------------------------------------------------------------------------------------------------------------------- */ #impressum_content_left { float:left; background:url(../img/reservierung/bg_teaser_left.gif) no-repeat; width:657px; border-right:1px solid #00655c } #impressum_content_left_inhalt { margin-left:24px; } #impressum_content_left_inhalt .line { background-color:#d1d1d1; width:613px; height:2px; margin:18px 0 18px 0; overflow:hidden } #impressum_content_left_inhalt a { font-size:12px; color:#00655c; text-decoration:none; font-weight:normal } #impressum_content_left_inhalt a:hover { text-decoration: underline; color:#00655c; } #impressum_content_left_inhalt .gotop { margin:88px 0 88px 0; } /* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */ #footer { clear:both; margin:0px auto; width:1065px; height:63px; background:transparent url(../img/meta/footerBg.jpg) top center no-repeat; } #footer ul { list-style:none; float:left; margin:22px 0 0 59px } #footer li { float:left; color:#FFF; font-size:11px; margin:0 14px 0 0 } #footer a { font-size:11px; color:#FFF; text-decoration:none; font-weight:normal } #footer a:hover { text-decoration: underline; color:#FFF; } #footer p { float:right; margin:21px 59px 0 0 } #footer p span { float:left; color:#FFF; font-size:11px; margin:2px 8px 0 0 } #footer a.has { float:left; display:block; height:20px; width:26px; background:transparent url(../img/meta/has.png) top left no-repeat; } /* --- QUICK BOOKING -------------------------------------------------------------------------------------------------------------------------- */ #WebResHotelAvailabilities { width:320px !important; } #webresRatesContent .loginlinkV2 { display:none } #webresRatesContent.horizontal .widgetquickbooker.horizontal .quickline { float:none !important; padding:8px 0 8px 0 !important } #WebResHotelAvailabilities input { background:#eaeaea !important; border:1px solid #b6b6b6 !important; } body #webresRatesContent.horizontal #webresRatesButton.horizontal { background-color: transparent !important; margin:10px 0 0 65px !important; padding:0 !important; } body #WebResHotelAvailabilities #webresRatesButton { border: none !important; } body #WebResHotelAvailabilities #webresRatesButton a { font-size: 13px !important; font-weight: bold !important; text-decoration: underline !important; background-color: transparent !important; color: #00655c !important; } body #webresRatesContent.horizontal .widgetquickbooker.horizontal .rooms, body #webresRatesContent.horizontal .widgetquickbooker.horizontal .persons { color: #00655C !important; float: left; margin-left: 14px !important; padding-bottom: 2px !important; padding-top: 6px !important; width: auto !important; } body #WebResHotelAvailabilities #webresRatesContent { background-color: transparent !important; }