img {border:0;} a:link {text-decoration:none;color:#1D2646;} a:visited {text-decoration:none;color:#1D2646;} a:focus {text-decoration:none;color:#1D2646;} a:hover {text-decoration:none;color:#1D2646;} a:active {text-decoration:none;color:#1D2646;} body {background:#FFFFFF;font-family:"DroidSerifRegular", Times, serif; font-size:10px; line-height:120%; color:#1E2647;} @media screen and (min-width:400px) { body { font-size:12px; } } @media screen and (min-width:480px) { body { font-size:14px; } } @media screen and (min-width:560px) { body { font-size:16px; } } @media screen and (min-width:640px) { body { font-size:18px; } } h1 {font-size:2.3em;font-weight:normal;line-height:120%;padding-bottom:0px;margin:0; width:100%; padding:4% 0;} h2, .fliesstext h2 {font-size:1.6em;font-weight:normal;line-height:2.6em;padding:20px 0 0 0;margin:0;font-family:"DroidSerifRegular" Times, serif;} h3 {font-size:1.2em;font-weight:bold;line-height:1.6em;padding:20px 0 0 0;margin:0;} h4 {font-size:15px;font-weight:normal;line-height:26px;padding:6px 0 0 0;margin:0;font-family:"DroidSerifRegular", Times, serif;} .content, .fliesstext {font-family:Verdana, Geneva, sans-serif; color:#000000; } #site_container { width:100%; background:none; } #site_innerContainer {width:100%;padding:0;} #site_background, #site_background_en {background:none; position:relative;} #site_header {padding:0; width:100%; background:#804736 url(/standards/img/site_background_img_m.png) right top no-repeat; height:auto; background-size:cover; display:inline-block; position:relative; } #site_background_en #site_header { background:#804736 url(/standards/img/site_background_img_en_m.png) right top no-repeat; } #site_header:before { padding-top: 33.4375%; /*320:107 ratio (107 / (320 / 100)) */ content:""; display:block; } #site_header a { display:block; position:absolute;top:10%;left:0;right:0;bottom:10%; } #site_header img { height:100%; margin:0 0; } #site_content {padding:0;} #navi {width:100%;padding:0;float:left;} #switch_lang {background:none; height:auto; width:94.06%; padding:0; position:absolute; right:5.94%; top:10px; text-align:right;} #switch_lang .de, #switch_lang .en {display:inline-block; margin:5px; float:right; width:auto; padding:0; width:8.89%; position:relative; } #switch_lang .de:before, #switch_lang .en:before { padding-top: 60%; /*5:3 ratio (3 / (5 / 100)) */ content:""; display:inline-block } #switch_lang .active {border:5px solid #363664;margin:0;} #switch_lang .de span, #switch_lang .en span {background:url(/standards/img/flag_de_m.png) no-repeat; background-size:cover; display:block; font-size:0.01em; position:absolute; top:0; left:0; right:0; bottom:0; } #switch_lang .en span { background:url(/standards/img/flag_en_m.png) no-repeat; background-size:cover; } #navi_content {width:100%;padding:0; position:relative; display:inline-block;} #navi_content:after { padding-top: 21.875%; /*320:70 ratio (70 / (320 / 100)) */ content:""; display: block; } #buchen_overlay { position:absolute; top:0; left:0; right:0; bottom:0; } #buchen_overlay.firstActive { background:url(/standards/img/navi_overlay_first_m.png) right top no-repeat; background-size:cover; } #buchen_overlay.secondActive { background:url(/standards/img/navi_overlay_second_m.png) right top no-repeat; background-size:cover; } #buchen_overlay.noItemActive { background:url(/standards/img/navi_overlay_m.png) right top no-repeat; background-size:cover; } #button_buchen { width:38%; padding:0; position:relative; display:inline-block; float:right; } #button_buchen:before { padding-top: 39.80%; /*103:41 ratio (41 / (103 / 100)) */ content:""; display: block; } #button_buchen a { position:absolute; top:12%; left:7%; right:7%; bottom:0; background:url(/standards/img/bg_button_buchen_m.png) no-repeat; background-size:cover; text-align:center; padding-top:14%; } #button_buchen span { font-size:2.2em; color:#FFFFFF; background:url(/standards/img/arrow_white.png) left center no-repeat; padding:2px 0 0 14px; } #navi_content ul {font-size:1em; background:none; width:62%; position:absolute; left:0; top:26%; bottom:0; right:0; } #navi_content ul li {width:51.5%;border:none; background:none; list-style:none; height:auto; float:left; display:inline; overflow:hidden; text-align:center; } #navi_content ul li.navZimmer { width:48.5%; } #navi_content ul li.active {background:none;} #navi_content ul li a { font-size:1.6em; line-height:120%; padding:0; display:block; height:auto; width:auto;} #navi_content ul li span {background:url(/standards/img/navi_icon.png) left center no-repeat;padding:0 0 0 13px;} #content_container {float:left;position:relative; width:100%; height:auto;} #content_innerContainer_maps, #content_innerContainer {width:auto;background:#FFFFFF;position:relative;top:auto;left:auto;padding:0;} #content_innerContainer_maps { padding:0; } #maps { width:100%; height:100%; } #mapinfoContent { margin-top:25px; width:100%; } #mapinfoLeft, #mapinfoRight { width:50%; float:left; font-family:Arial, Helvetica, sans-serif; } #mapinfoRight { float:right; } #mapinfoLeft p { width:100%; margin-bottom:4%; } .gm-style .gm-style-iw { font-size:1.2em;line-height:120%; } #btn_Route, #btnAnfahrtPDF, #btnRestaurantinfos, .downloadKarte { background:#EBECF1 url(/standards/img/bg_button_hell.png) left bottom repeat-x; margin:0 8px 8px 0; float:left; } .downloadKarte { width:48%; margin-right:2%; overflow:hidden; } .downloadKarte:nth-child(2), .downloadKarte:last-child { margin-left:2%; margin-right:0; } #btn_Route, #btnAnfahrtPDF, #btnRestaurantinfos { margin:0 0 5px 0 } #btn_Route a, #btnAnfahrtPDF a, #btnRestaurantinfos a, .downloadKarte a {font-family:Times, "Times New Roman", serif; font-size:1em; line-height:120%; display:inline-block; background:url(/standards/img/navi_icon.png) 10px center no-repeat;padding:5px 15px 5px 20px;} .downloadKarte a { font-size:1.6em; } #btn_Route, #btnAnfahrtPDF, #btnRestaurantinfos { padding:0; width:100%; } #btnAnfahrtPDF a, #btnRestaurantinfos a { color:#363664; } #btn_Route, form .button_weiter { background:#363664 url(/standards/img/button_link_bg.gif) left bottom repeat-x; } #btn_Route a { color:#ffffff; background:url(/standards/img/arrow_white.png) 10px center no-repeat; } #special_link {position:absolute;height:40px;width:172px;bottom:104px;left:33px;} .bankettkarte_small {font-size:13px;float:left;padding-bottom:5px;font-family:"DroidSerifRegular", Times, serif;padding-top:5px;} .bankettkarte_small div {text-align:right;font-size:13px;line-height:17px;float:left;padding:15px 2px 0 0;} .bankettkarte_small img {padding:4px 0 0 0;float:left;} .bankettkarte_small_trenner {padding-right:0px;margin-top:10px;border-left:1px solid #DBD2CC;float:left;height:45px;width:10px;} #content_innerContainer {width:88.12%;padding-top:12px;float:left;position:relative;padding:0 5.94%} .button_weiter, .switchRoom { background:none; width:100%;color:#ffffff;height:auto;float:none; padding:10% 0; text-align:center;} .button_weiter a:link, .button_weiter a:visited, .button_weiter a:focus, .button_weiter a:hover, .button_weiter a:active, .switchRoom a { font-size:1.3em; line-height:120%; display:inline-block; background:#363664 url(/standards/img/button_link_bg.gif) left bottom repeat-x; padding:3px 10px; } .button_weiter div, .button_weiter span {padding:2px 10px 0 0;} .switchRoom span {padding:2px 0 0 10px;} .switchRoom { padding-bottom:0; } .switchRoom span { background:url(/standards/img/arrow_content_blue.png) left center no-repeat; } .switchRoom a { background:#EBECF1 url(/standards/img/bg_button_hell.png) left bottom repeat-x; font-size:1.6em; padding:5px 10px; } #content_left {width:100%; padding:0; float:left; } #content_left .fliesstext, .ajax_info_content_container .fliesstext {font-size:1.55em;line-height:140%;} #content_left .fliesstext p, .ajax_info_content_container .fliesstext p {width:100%; padding-top:4%;} #content_left .fliesstext p a, .ajax_info_content_container .fliesstext p a {font-weight:bold;color:#203666;} #content_left .img_container, #content_left .img_container_zimmerbeschreibung {width:100%;padding:20px 0 0 0;float:none;overflow:visible;} #content_left .img_container .img, #content_left .img_container_zimmerbeschreibung .img {width:100%;height:auto;float:none;padding-right:0;position:relative;} #content_left .img_container, #content_left .img_container_zimmerbeschreibung {width:100%;padding-top:8%;} #content_left .img_container .img, #content_left .img_container_zimmerbeschreibung .img {width:100%;padding-right:0;} #content_left .img_container .img img, #content_left .img_container_zimmerbeschreibung .img img { width:100%; padding-bottom:10%; } #content_left .fussnote�{/* Styles stehen im Element, da sie aus dem css nicht funktionierten */} #socialmedia {padding: 5% 5.94%; position:relative; left:0; text-align:center; width:88.12%; float:left; } .angebote_outer_container, .incl_rechts_outer_container {width:100%;background:none;} .angebote_inner_container, .incl_rechts_inner_container {width:100%;background:none;} .angebote_inner_head_navi_container {height:auto;} .angebote_inner_head, .angebote_inner_head_navi {border-bottom:none;height:auto;font-size:1.5em;padding:10;position:relative;background:none;} .angebote_inner_head_navi {padding:0;margin:0;height:auto;background:none;} .ui-tabs-nav .angebote_inner_head_navi_item.ui-state-default {margin:0; height:auto; display:block; position:relative; width:48.8%; float:left; list-style:none; margin:3% 0 0 0; padding:0; border-right:none; background:#FFFFFF url(/standards/img/btn_einzelzimmer_inactive.png) left top no-repeat; background-size:cover;} .ui-tabs-nav .angebote_inner_head_navi_item.ui-state-default:before { padding-top: 30.4348%; /*23:7 ratio (7 / (23 / 100)) */ float:left; content:"";} .ui-tabs-nav .angebote_inner_head_navi_item.ui-state-default:before { clear:both; } .ui-tabs-nav .angebote_inner_head_navi_item#doppelzimmer_tab.ui-state-default { float:right; background:#FFFFFF url(/standards/img/btn_doppelzimmer_inactive.png) left top no-repeat; background-size:cover; } .ui-tabs-nav .angebote_inner_head_navi_item.ui-tabs-selected {background:#FFFFFF url(/standards/img/btn_einzelzimmer_active.png) left top no-repeat; background-size:cover;} .ui-tabs-nav .angebote_inner_head_navi_item#doppelzimmer_tab.ui-tabs-selected {background:#FFFFFF url(/standards/img/btn_doppelzimmer_active.png) left top no-repeat; background-size:cover;} .ui-tabs-nav .angebote_inner_head_navi_item a {background:url(/standards/img/arrow_content_blue.png) right 3px no-repeat;margin:0 20% 0 0; text-align:right; padding-right:10%; position:absolute; top:38%; left:0; right:0; bottom:0; } .ui-tabs-nav .angebote_inner_head_navi_item#doppelzimmer_tab a { margin-right:15%; } #site_background_en .ui-tabs-nav .angebote_inner_head_navi_item a {background:url(/standards/img/arrow_content_blue.png) right 3px no-repeat;margin:0 15% 0 0; text-align:right; padding-right:10%; position:absolute; top:38%; left:0; right:0; bottom:0; } #site_background_en .ui-tabs-nav .angebote_inner_head_navi_item#doppelzimmer_tab a { margin-right:10%; } .ui-tabs-nav .ui-tabs-selected {background-color:#FFFFFF;} .ui-tabs-nav #doppelzimmer_tab.ui-tabs-selected, .ui-tabs-nav #wellnesstab.ui-tabs-selected {border-right:none;} .angebote_inner_content, .angebote_inner_footer {padding:14px 18px;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;line-height:120%;} .angebote_inner_content {color:#000000;} .angebote_inner_content.jobangebote {padding:8px 8px 0 18px;} .angebote_inner_content p {padding:8px 0 0 0;line-height:19px;} .angebote_inner_content ul {padding:12px 0 0 0;} .angebote_inner_content ul li {padding:0 0 8px 12px;list-style:none;background: url(/standards/img/list_style_angebote.gif) left 6px no-repeat;} *html .angebote_inner_content ul li {list-style:square;margin-left:20px;padding-left:0;} .angebote_inner_content_accordion, .angebote_inner_content_galerie {width:100%;padding:0;} .angebote_inner_content_galerie {overflow:hidden;float:left;} .angebote_inner_content_galerie .img {width:100%;height:auto;float:left;padding:0;padding-bottom:8px;position:relative;} .angebote_inner_container .ui-tabs-hide {display: none;} .vitalpauschalen_link {cursor:pointer;color:#203666;font-weight:bold;} .accordion {border:none;width:100%;background:#FFFFFF;overflow:hidden;} .accordion .accordion_headline {border:none;background:none;height:auto;outline:none;cursor:pointer; width:100%; padding:10% 0 0 0;position:relative;font-size:2.3em;} .accordion .show_details {display:none;} .accordion .accordion_content_container {overflow:hidden;position:relative;} .accordion .accordion_content_container .accordion_content {padding:0 0 10px 0;} .angebote_inner_content_accordion {} .accordion .accordion_content_container .accordion_content .left, .accordion .accordion_content_container .accordion_content .full {width:100%;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:21px;float:left;} .accordion .accordion_content_container .accordion_content .right {position:relative;float:right;width:100%;height:auto;} .accordion .accordion_content_container .accordion_content .full {width:100%;line-height:120%;} .accordion .accordion_content_container .accordion_content .full p {padding-bottom:10px;} .accordion .accordion_content_container .accordion_content_preis {font-size:1.8em; line-height:120%;font-family:Arial, Helvetica, sans-serif;overflow:hidden;} .angebote_inner_footer, .accordion .accordion_content_container .accordion_content_preis {border-bottom:2px solid #C6C9D5;height:auto; width:100%; padding:0 0 0 0; border-top:0;} .accordion .accordion_content_container .accordion_content_preis { padding:0;height:auto;overflow:hidden; } .accordion .accordion_content_container .accordion_content_preis .preis_container, .angebote_inner_footer .preis_container { width:100%; padding:5% 0 0 0;height:auto;float:none; } .angebote_inner_footer .preis_container { padding-top:3px; } .accordion .accordion_content_container .accordion_content_preis .preis_trenner, .angebote_inner_footer .preis_trenner { padding:5px 10px 0 10px;height:24px;float:left;display:none; } .angebote_inner_footer .preis_trenner { padding-top:0px; } .accordion .accordion_content_container .accordion_content_preis .button_weiter, .angebote_inner_footer .button_weiter, .angebote_inner_container .button_weiter { margin-top:0; } .angebote_inner_footer .button_weiter { margin-top:0; } .angebote_inner_footer .preis, .accordion .accordion_content_container .accordion_content_preis .preis {font-size:1.3em;font-weight:bold;} .angebote_inner_footer_zimmer {width:100%; height:auto; text-align:left;padding:10% 0 5% 0;font-size:1.2em;} form { border-top:2px solid #C6C9D5; } form .angebote_inner_content { padding-left:0; padding-right:0; } table, tbody, tr, td { display: block !important; width:100%; } table tr td.kontakt_label { font-size:1.5em;width:100%;height:auto;padding-top:4%; } table tr td.kontakt_label.email { width:100%;padding-left:0; } .form_select, .form_input, .form_textarea, .form_input.small { width:96%; font-size:1.5em; padding:2%; border:none; outline:none; height:auto; margin:2% 0 5% 0; background:#E9EAEF; } .form_textarea { height:140px; } form .button_weiter { font-size:1.6em; background:none; width:40%; margin:0 30%; display:inline-block; padding:5% 0; } form .button_weiter div { line-height:120%; display:inline-block; width:100%; height:100%; background:#363664 url(/standards/img/button_link_bg.gif) left bottom repeat-x; } form .sendForm { font-size:1em; color:#ffffff; background:url(/standards/img/arrow_white.png) right center no-repeat; padding:10px 0 10px 0; width:100%; } form .button_weiter img { display:none; } .abstand_big {height:24px;clear:both;} .abstand_small {clear:both;height:0px;} #content_left .fliesstext.fliesstext_oeffnungszeiten { font-size:1.34em; } #content_right {width:100%;padding:0;float:left;} .incl_rechts_outer_container {width:100%;} .incl_rechts_inner_container {width:100%;padding:0;} .incl_rechts_inner_container .head, .grundriss_container .head {background:url(/standards/img/icon_info.gif) no-repeat;font-size:16px;line-height:19px;padding:4px 0 0 34px;} .incl_rechts_inner_container .content, .incl_rechts_inner_container .reservieren_content {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:17px;padding:10px 0 0 0;} .incl_rechts_inner_container .reservieren_content {padding:0 0 10px 0;} .incl_rechts_inner_container .content img {padding:20px 0 0 0;} .button_online_buchung {background:url(/standards/img/button_online_buchung.gif) no-repeat;height:46px;} .button_online_buchung span {font-family:"DroidSerifRegular", Times, serif;font-size:15px;color:#ffffff;float:left;padding:16px 0 0 20px} .button_online_buchung img {float:left;border:0;padding:19px 0 0 15px;} #footer {background:#1E2647 url(/standards/img/footer_m.png) center top no-repeat; background-size:275px 82px; height:82px; display:block; padding:0; width:100%; } #footer_navi {float:none; text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:1.2em;color:#ffffff; line-height:120%;padding:58px 0 0 0;} #footer_navi span {padding:0 1.2em;font-size:1.2em;color:#8796AE;}