/* 25 // template/25.css // ncf_tcc_Cache_template/25.css */BODY{margin:0;padding:0;}#page{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}#page .clear{clear:both;font-size:1px;line-height:0;height:0;overflow:hidden;}#page .clear DIV{display:inline;}.clickable,#page A[href]{cursor:pointer;}* HTML #page A{cursor:pointer;}#location{display:none;}* HTML .paragraph_container{zoom:1;}* HTML .paragraph_container_inner{zoom:1;}* HTML .paragraph_content{zoom:1;}* HTML .paragraph_content_inner{zoom:1;}*+HTML .paragraph_container{min-height:1px;}*+HTML .paragraph_container_inner{min-height:1px;}*+HTML .paragraph_content{min-height:1px;}*+HTML .paragraph_content_inner{min-height:1px;}.hidden{display:none;}SPAN.u{text-decoration:underline;}SPAN.strike{text-decoration:line-through;}IMG{border:0;}.paragraph_logo A{cursor:pointer;text-decoration:none;}.paragraph_content{line-height:150%;}.paragraph_headline{line-height:180%;}#page H1{font-size:18px;padding:7px 0 7px 0;margin:0;}#page H2{font-size:14px;padding:4px 0 4px 0;margin:0;}#page H3{font-size:12px;padding:4px 0 4px 0;margin:0;}#page H4,#page H5,#page H6{font-size:11px;padding:3px 0 3px 0;margin:0;}#page H1 A,#page H2 A,#page H3 A,#page H4 A,#page H5 A,#page H6 A{text-decoration:none;}#page .h A.outer{display:block;text-decoration:none;}DIV.paragraph_content P{margin:0;padding:4px 0 5px 0;}.paragraph_button A{display:block;text-decoration:none;overflow:hidden;}.paragraph_button A SPAN.outer{display:none;padding:2px;}.right .paragraph_button_inner A{margin-left:auto;}.center .paragraph_button_inner A{margin:auto;}.right .paragraph_image_inner{text-align:right;}.right .paragraph_image_inner P{margin-left:auto;}.paragraph_image.left{text-align:left;}.paragraph_image.center{text-align:center;}.center .paragraph_image_inner,.center .paragraph_image_inner P{text-align:center;margin:auto;}* HTML .paragraph_image{zoom:1;}.paragraph_imagetext DIV.image_container P,.paragraph_image .image_container P{margin-top:0;margin-bottom:0;padding:5px 0 5px 0;}.paragraph_imagetext DIV.image_container P SPAN.outer,.paragraph_image P SPAN.outer{padding:0 5px 0 5px;display:block;}.paragraph_imagetext DIV.image_container_inner{padding-bottom:10px;}.paragraph_imagetext_inner{min-height:1px;}.right .paragraph_imagetext_inner DIV.image_container{float:right;}* HTML .right .paragraph_imagetext_inner{text-align:left;}.right .paragraph_imagetext_inner DIV.image_container_inner{margin-left:10px;}.left .paragraph_imagetext_inner DIV.image_container{float:left;}.left .paragraph_imagetext_inner DIV.image_container_inner{margin-right:10px;}.left .paragraph_imagetext_inner DIV.text UL,.left .paragraph_imagetext_inner DIV.text OL{display:table;}* HTML .left .paragraph_imagetext_inner DIV.text UL{display:inline-block;}* HTML .left .paragraph_imagetext_inner DIV.text OL{display:inline-block;}*+HTML .left .paragraph_imagetext_inner DIV.text UL{display:inline-block;}*+HTML .left .paragraph_imagetext_inner DIV.text OL{display:inline-block;}.paragraph_flash .flash_element{overflow:hidden;}.center .paragraph_flash_inner .flash_element{margin:auto;}.right .paragraph_flash_inner .flash_element{margin-left:auto;}.paragraph_download .download_description A{display:block;padding-right:90px;text-decoration:none;}.paragraph_download SPAN.size A{text-decoration:none;}.download_icon .download_info,.download_icon .zip,.download_icon .exe,.download_icon .pdf,.download_icon .wmv,.download_icon .pdf{padding:0;background-image:url(/img/page/download_icons_1.png);background-repeat:no-repeat;min-height:42px;}* HTML .download_icon .download_info,* HTML .download_icon .zip,* HTML .download_icon .exe,* HTML .download_icon .pdf,* HTML .download_icon .wmv,* HTML .download_icon .pdf{padding:0;background-image:url(/img/page/download_icons_1.gif);background-repeat:no-repeat;min-height:42px;}.download_icon .bmp,.download_icon .png,.download_icon .jpg,.download_icon .gif,.download_icon .swf,.download_icon .flv,.download_icon .tif{padding:0;background-image:url(/img/page/download_icons_2.png);background-repeat:no-repeat;}* HTML .download_icon .bmp,* HTML .download_icon .png,* HTML .download_icon .jpg,* HTML .download_icon .gif,* HTML .download_icon .swf,* HTML .download_icon .flv,* HTML .download_icon .tif{padding:0;background-image:url(/img/page/download_icons_2.gif);background-repeat:no-repeat;}.download_icon .doc,.download_icon .xls,.download_icon .rar,.download_icon .html{padding:0;background-image:url(/img/page/download_icons_3.png);background-repeat:no-repeat;}* HTML .download_icon .doc,* HTML .download_icon .xls,* HTML .download_icon .rar,* HTML .download_icon .html{padding:0;background-image:url(/img/page/download_icons_3.gif);background-repeat:no-repeat;}.download_icon .download_info SPAN.title A,.download_icon .download_info SPAN.size A,.download_icon .download_description A{padding-left:40px;display:block;}.download_icon .download_info SPAN.size{font-size:.8em;}.download_description P{padding:0 0 5px 0;}.download_icon .png{background-position:-1000px 0;}.download_icon .jpg{background-position:-2000px 0;}.download_icon .gif{background-position:-3000px 0;}.download_icon .swf{background-position:-4000px 0;}.download_icon .tif{background-position:-5000px 0;}.download_icon .bmp{background-position:0 0;}.download_icon .xls{background-position:-1000px 0;}.download_icon .exe{background-position:-2000px 0;}.download_icon .pdf{background-position:-3000px 0;}.download_icon .wmv{background-position:-4000px 0;}.download_icon .flv{background-position:-4000px 0;}.download_icon .html{background-position:-3000px 0;}.download_icon .doc{background-position:0 0;}.download_icon .rar{background-position:-2000px 0;}.download_icon .zip{background-position:-1000px 0;}.download_icon .mp3{background-position:-3000px 0;}.cols .paragraph_content_structure_inner .paragraph_text_inner{padding-right:10px;}.paragraph_view_events_normal .event .event_image{display:inline;float:left;margin:0 10px 0 0;}.paragraph_view_events_normal .event .event_description{display:inline;}.paragraph_view_events_normal .event .event_subtitle{font-weight:bold;}.paragraph_view_events_normal .event{margin-top:10px;}.paragraph_view_events_normal .events{overflow:hidden;}.paragraph_view_events_normal .event_date{float:left;display:inline;text-align:left;}.paragraph_view_events_normal .event_location{float:right;display:inline;white-space:nowrap;}.paragraph_view_events_normal .event_title{clear:both;}* HTML .paragraph_view_events_normal .event_title{height:1px;}*+HTML .paragraph_view_events_normal .event_title{min-height:1px;}.imprint .imprint_part,.imprint .imprint_item_outer{padding-bottom:5px;}.imprint .label{font-weight:bold;}.imprint .label,.imprint .content{display:block;}.imprint .imprint_address_outer,.imprint .imprint_zip_city_outer{margin-top:-5px;}.imprint .imprint_address_outer .label,.imprint .imprint_zip_city_outer .label,.imprint .imprint_disclaimer_outer .label{display:none;}.imprint .imprint_disclaimer_outer .content{font-weight:bold;}.paragraph_address{line-height:150%;}.paragraph_address SPAN.address_item{white-space:nowrap;}#newsletter_info_display_problems{float:left;margin-top:-1000px;}.paragraph_newsletter FORM{margin:0;}.newsticker_direction_horizontal .newsticker{height:20px;}.newsticker_direction_horizontal .newsticker_content{white-space:nowrap;}.newsticker_direction_horizontal .newsticker_item{padding:0 25px;border-right:1px solid #000;}.newsticker_direction_horizontal .newsticker_item_first{padding-left:0;}.newsticker_direction_horizontal .newsticker_item_last{padding-right:0;border-right:0;}.newsticker_direction_vertical .newsticker{height:50px;}.newsticker_direction_vertical .newsticker_content{width:100%;}.newsticker_direction_vertical .newsticker_item{display:block;padding:15px 0;border-bottom:1px solid #000;}.newsticker_direction_vertical .newsticker_item_first{padding-top:0;}.newsticker_direction_vertical .newsticker_item_last{padding-bottom:0;border-bottom:0;}#content DIV.news_title H3 A:link,#content DIV.news_title H3 A:visited,#content DIV.news_title H3 A:active{color:#000;}DIV.news_image{float:left;padding-right:5px;padding-bottom:5px;}DIV.news_title{display:inline-block;clear:both;width:80%}* HTML DIV.news_title{zoom:1;}*+HTML DIV.news_title{zoom:1;}SPAN.news_title_outer{display:block;}* HTML SPAN.news_title_outer{float:left;}*+HTML SPAN.news_title_outer{float:left;}SPAN.news_date_outer{float:left;display:block;padding:0 10px 0 0;}.news_location{width:20%;float:right;padding:5px 0 5px 0;text-align: right;}DIV.news_subtitle{text-align:left;clear:both;}DIV.news_content{display:block;padding:5px 0 5px 0;}DIV.news_item{clear:both;}.feed_item_title{font-weight:bold;}* HTML #page FORM{zoom:1;}*+HTML #page FORM{zoom:1;}#page FORM DIV.formElementContent TEXTAREA,#page FORM DIV.formElementContent INPUT,#page FORM DIV.formElementContent BUTTON{width:100%;}#page FORM .submit DIV.formElementContent INPUT,#page FORM .submit DIV.formElementContent BUTTON{width:60%;}#page .paragraph_contact .contact_form{width:95%;}#page DIV.formElement,#page DIV.formElementContent{white-space:nowrap;}#page DIV.formElementContent .elementErrorMessage{white-space:normal;}#page DIV.group DIV.formElementContent DIV{display:block;}#page DIV.formElementDescription{width:25%;float:left;white-space:normal;}#page DIV.formElementContent{width:74%;float:right;}#page DIV.formElement{clear:both;padding:5px 0 5px 0;font-size:11px;}* HTML #page FORM DIV.address{display:inline-block;}#page FORM DIV.address DIV.formElementDescription{display:none;}#page FORM DIV.address DIV.group DIV.formElementDescription{display:block;}#page FORM DIV.address DIV.formElementDescription{width:100%;}#page FORM DIV.address DIV.formElementContent{width:100%;}#page FORM DIV.address DIV.formElementContent DIV.formElementContent{width:74%;}#page FORM DIV.address DIV.formElementContent DIV.formElementDescription{width:25%;}#page FORM .streetnumber .input_street{float:left;width:74%;display:block;}#page FORM .streetnumber .input_number{float:right;width:22%;display:block;}#page FORM DIV.streetnumber SPAN.input_number INPUT.number,#page FORM DIV.streetnumber SPAN.input_street INPUT.street{width:100%!important;}#page FORM DIV.tckDisclaimer .formElementDescription,#page FORM DIV.checkboxnote .formElementDescription{display:none;}#page FORM DIV.tckDisclaimer .formElementContent,#page FORM DIV.checkboxnote .formElementContent{float:none;width:100%;white-space:normal;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_item INPUT,#page FORM DIV.checkboxnote .formElementContent .checkbox_item INPUT{width:auto;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_item,#page FORM DIV.checkboxnote .formElementContent .checkbox_item{float:none;width:30px;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_note,#page FORM DIV.checkboxnote .formElementContent .checkbox_note{padding-left:25px;margin-top:-20px;}#page FORM DIV.tckDisclaimer .formElementContent .elementErrorMessage,#page FORM DIV.checkboxnote .formElementContent .elementErrorMessage{padding-left:30px;}* HTML #page FORM DIV.streetnumber SPAN{overflow:hidden;}#page FORM .ziptown .input_zip{float:left;width:22%;display:block;}#page FORM .ziptown .input_town{float:right;width:75%;display:block;}#page FORM DIV.ziptown SPAN.input_zip INPUT.zip,#page FORM DIV.ziptown SPAN.input_town INPUT.town{width:100%!important;}* HTML #page FORM DIV.ziptown SPAN{overflow:hidden;}#page FORM .formElementContentInner{margin-right:5px;}#page FORM .address .formElementContent .formElement .formElementContentInner{margin-right:0;}HTML #page FORM .select .formElementContentInner{margin-right:0;}* HTML #page FORM .formElementContent{overflow:hidden;}* HTML #page FORM .formElementContentInner{padding-right:5px;margin-right:0;}* HTML #page FORM .address .formElementContentInner{padding-right:0;}* HTML #page FORM .select .formElementContentInner{padding-right:0;}#page FORM SELECT{width:100%;}#page FORM .checkboxgroup .checkbox{width:100%!important;}#page FORM .checkboxgroup .formElementDescription{white-space:normal;}#page FORM .checkboxgroup .checkbox .formElementContent{width:20px!important;float:left;margin-top:-20px;}#page FORM .checkboxgroup .checkbox .formElementDescription{margin-left:25px;float:none!important;width:auto;white-space:nowrap;}.paragraph_opening_hours .openingHoursBaseName{float:left;width:200px;}.paragraph_opening_hours .openingHoursBaseTime{float:left;width:125px;}#page .form_invalid,#page .form_invalid .formError{background-color:#BA304B;color:#fff;font-weight:bold;}#page .form_invalid_inner{padding:5px;}DIV.paragraph_text P,DIV.paragraph_imagetext DIV.text P{padding:4px 0 6px 0;}DIV.paragraph_imagetext DIV.image_container_inner{padding:5px 0 0 0;}DIV.paragraph_text UL,DIV.paragraph_text OL,DIV.paragraph_imagetext DIV.text UL,DIV.paragraph_imagetext DIV.text OL{margin:0;padding:0 0 0 30px;}DIV.paragraph_text UL LI{padding:1px 0 1px 0;margin:0;}* HTML DIV.paragraph_imagetext DIV.text{width:auto;}#page .paragraph_cars THEAD TD{text-align:center;font-weight:bold;}#page .paragraph_cars THEAD TD.car_label{text-align:left;}#page .paragraph_cars TD{padding:2px;}#page .paragraph_cars .car TD.car_price,#page .paragraph_cars .car TD.car_kilometre{text-align:right;}#page .paragraph_cars .car TD.car_image{width:55px;}#page .paragraph_cars .car TD.car_label{font-weight:bold;}#page .paragraph_cars .car TD.car_price{white-space:nowrap;}#page .paragraph_cars .car_details .car_details_list{width:40%;float:left;}#page .paragraph_cars .car_details .car_details_list DIV{padding-right:10px;}#page .paragraph_cars .car_details .car_details_list .label{float:left;width:40%;display:block;}#page .paragraph_cars .car_details .car_details_list .content{float:left;width:58%;padding-left:2%;display:block;}#page .paragraph_cars .car_details .car_details_images{float:left;width:60%;overflow:hidden;padding-left:0;}#page .paragraph_cars .car_details .car_details_images DIV{padding:5px;}#page .paragraph_cars .car_details .car_details_configuration{padding-top:10px;}#page .paragraph_cars .car_details .car_details_configuration .label{font-weight:bold;display:block;}#page .paragraph_cars .car_details_nature{margin-top:10px;}#page .paragraph_cars .car_details_info_texts,#page .paragraph_cars .car_details_info_text{margin-top:5px;}#page .paragraph_cars .car_contact_link,#page .paragraph_cars .car_details_back{margin-top:10px;}.contact_form_6 TEXTAREA,.contact_form_7 TEXTAREA{height:50px;}#page .contact_form_8 .date .formElementDescription,#page .contact_form_8 .select .formElementDescription,#page .contact_form_9 .date .formElementDescription,#page .contact_form_9 .select .formElementDescription{margin-left:0;float:none;width:60%;}#page .contact_form_8 .date .formElementContent,#page .contact_form_8 .select .formElementContent,#page .contact_form_9 .date .formElementContent,#page .contact_form_9 .select .formElementContent{float:none;}#page .contact_form_8 .date,#page .contact_form_8 .select,#page .contact_form_9 .date,#page .contact_form_9 .select{margin-left:26%;}#page .contact_form_8 .select .formElementContent,#page .contact_form_9 .select .formElementContent{width:100%;}#page FORM .tc_calendar_outer SELECT{width:auto;}#page .tc_calendar_outer .clear{overflow:visible;height:auto;}#page .paragraph_guestbook_insert .guestbook_form{width:95%;}.guestbook_comment{margin-top:15px;}.guestbook_comment_level_2{margin-left:25px;margin-top:5px;}.guestbook_comment_first,.guestbook_comment_level_2 .guestbook_comment{margin-top:0;}.guestbook_comment_name,.guestbook_comment_location,.guestbook_comment_block_title{float:left;}.guestbook_comment_location{margin-left:10px;}.guestbook_comment_date{text-align:right;}.guestbook_comment_name,.guestbook_comment_location,.guestbook_comment_date,.guestbook_comment_block_title{font-weight:bold;}.paragraph_real_estate LEGEND,.paragraph_real_estate .noDisplay,.paragraph_view_real_estate_list_without_select .real_estate_list_select,.paragraph_view_real_estate_list .real_estate_list_back_link,.paragraph_view_real_estate_list_without_select .real_estate_list_back_link{display:none;}.paragraph_real_estate FIELDSET,.paragraph_real_estate .fieldset{background:#fff;border:2px groove #F2F0EE;margin-bottom:10px;padding:2px;}.paragraph_real_estate .real_estate_list_select{margin-right:0!important;width:33.33%!important;float:left;}.paragraph_real_estate .real_estate_list_select FIELDSET{margin:0 2px 10px;}.paragraph_real_estate .real_estate_list_select_object_type{margin-right:-2px!important;}.paragraph_real_estate .real_estate_list_select_sell_type FIELDSET{margin-left:0;}.paragraph_real_estate .real_estate_list_select_object_type FIELDSET{margin-right:0;}.paragraph_real_estate .real_estate_list_box{margin-left:0;margin-right:0;}.paragraph_real_estate .real_estate_results TD{cursor:pointer;}.paragraph_real_estate .contactNames{float:left;width:75px;}.paragraph_real_estate .real_estate_image_details .real_estate_image_container{overflow:hidden;}.page_contact_overlay,.tc_overlay_dialog{z-index:50;}.page_contact_dialog,.tc_window_dialog{z-index:51;background-color:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}.page_contact_dialog_dialog_options LI,.tc_window_dialog .tc_window_dialog_options LI{cursor:pointer;}.page_image_gallery_overlay,.page_image_zoom_overlay,.page_contact_overlay{background-color:#000;opacity:.5;-moz-opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);}.page_contact_dialog{padding:10px 20px 10px 20px;width:400px;}.page_contact_dialog_header H1{font-size:1.3em;}.page_contact_dialog_main{font-size:1.0em;}.page_contact_dialog_dialog_options UL{list-style-type:none;margin:10px 0 0 0;padding:0;}.page_contact_dialog_dialog_options UL LI{display:inline;padding:0;margin:0;}.page_contact_dialog_dialog_options UL LI A{padding:5px 10px;margin:0 10px 0 0;color:#FFF;background-color:#999;display:block;float:left;font-weight:bold;text-decoration:none;font-size:1.0em;}*+HTML .paragraph_image_gallery .image_gallery_outer{zoom:1;}* HTML .paragraph_image_gallery .image_gallery_outer{zoom:1;}.paragraph_image_gallery_view_toogle_left .image_gallery_details,.paragraph_image_gallery_view_toogle_right .image_gallery_previews{float:left;width:50%;}.paragraph_image_gallery_view_toogle_left .image_gallery_previews,.paragraph_image_gallery_view_toogle_right .image_gallery_details{float:right;width:50%;}* HTML .paragraph_image_gallery_view_toogle_left .image_gallery_details{overflow:hidden;}* HTML .paragraph_image_gallery_view_toogle_left .image_gallery_previews,* HTML .paragraph_image_gallery_view_toogle_right .image_gallery_details{margin-right:-1px;overflow:hidden;}*+HTML .paragraph_image_gallery_view_toogle_left .image_gallery_previews,*+HTML .paragraph_image_gallery_view_toogle_right .image_gallery_details{margin-right:-1px;}.paragraph_image_gallery .image_gallery_image_container,.page_image_gallery_window .page_image_gallery_image_container,.page_image_zoom_window .page_image_zoom_image_container{text-align:center;}.paragraph_image_gallery .image_gallery_previews_list{margin:0;padding:0;list-style-type:none;zoom:1;}.paragraph_image_gallery .image_gallery_preview_item{float:left;text-align:center;}.paragraph_image_gallery .image_gallery_preview_item IMG{cursor:pointer;}.paragraph_image_gallery .image_gallery_content,.page_image_gallery_image_container_outer,.page_image_zoom_image_container_outer{overflow:hidden;}.page_image_gallery_overlay,.page_image_zoom_overlay{z-index:80;}.page_image_gallery_window,.page_image_zoom_window{background-color:#fff;z-index:85;max-width:1000px;}.page_image_gallery_window_header,.page_image_zoom_window_header{padding:10px 10px 0;}.page_image_gallery_window_main,.page_image_zoom_window_main{padding:0 10px;}.page_image_gallery_window_footer,.page_image_zoom_window_footer{padding:0 10px 10px;}.page_image_gallery_window_hasNoTitle H1,.page_image_zoom_window_hasNoTitle H1{display:none;}.page_image_gallery_window_header,.page_image_gallery_content,.page_image_zoom_window_header,.page_image_zoom_content{text-align:center;}.page_image_gallery_window_header H1,.page_image_zoom_window_header H1{font-size:22px;margin-top:0;margin-bottom:10px;}.page_image_gallery_description_outer,.page_image_gallery_details_link_outer,.page_image_gallery_info_outer,.page_image_gallery_navigation_outer,.page_image_zoom_description_outer,.page_image_zoom_details_link_outer,.page_image_zoom_info_outer,.page_image_zoom_navigation_outer{text-align:left;}.page_image_gallery_image_container,.page_image_zoom_image_container{margin:0 auto;}* HTML .page_image_gallery_image_container,* HTML .page_image_zoom_image_container{margin:0;}*+HTML .page_image_gallery_image_container,*+HTML .page_image_zoom_image_container{margin:0;}.paragraph_image_gallery .image_gallery_contact_link,.page_image_gallery_window .image_gallery_contact_link{float:left;padding:5px 5px 0 0;}.paragraph_image_gallery .image_gallery_details_link_outer,.page_image_gallery_details_link_outer{padding:5px 5px 0 0;}.paragraph_image_gallery .image_gallery_info_outer,.page_image_gallery_info_outer{clear:both;padding:5px 0;}.paragraph_image_gallery .image_gallery_navigation_link,.page_image_gallery_navigation_link{padding-right:5px;}.paragraph_image_gallery .image_gallery_previews,.paragraph_image_gallery .image_gallery_preview_label{overflow:hidden;}.paragraph_image_gallery_effect_window .image_gallery_previews,.paragraph_image_gallery_view_toogle_bottom .image_gallery_preview,.paragraph_image_gallery_view_toogle_top .image_gallery_preview{width:100%;}.paragraph_image_gallery .image_gallery_page_current{text-decoration:none;}.paragraph_image_gallery .image_gallery_details_link .seperator,.paragraph_image_gallery .image_gallery_details_link .content,.page_image_gallery_details_link .seperator,.page_image_gallery_details_link .content,.page_image_zoom_details_link .seperator,.page_image_zoom_details_link .content{display:none;}.paragraph_image_gallery .image_gallery_navigation_outer,.page_image_gallery_navigation_outer{float:left;}.paragraph_image_gallery .image_gallery_image_actions_outer,.page_image_gallery_image_actions_outer{text-align:right;}.paragraph_image_gallery .image_gallery_image_action,.page_image_gallery_image_action{padding-left:5px;}* HTML .page_image_gallery_content_clear{display:none;}.paragraph_random{text-align:center;}.paragraph_random .real_estate_object_title,.paragraph_random .real_estate_object_details{float:none!important;width:auto!important;}.paragraph_lunch .lunch_details{overflow:hidden;width:100%;}.paragraph_lunch .lunch_day_title{font-weight:bold;}.paragraph_lunch .lunch_item_title{float:left;width:75%;}* HTML .paragraph_lunch .lunch_item_title{margin-right:-1px;}.paragraph_lunch .lunch_item_price{float:left;width:25%;text-align:right;}* HTML .paragraph_lunch .lunch_item_price{float:right;}*+HTML .paragraph_lunch .lunch_item_price{margin-right:-1px;}.paragraph_lunch .lunch_day{padding-bottom:10px;}.paragraph_lunch .lunch_navigation_prev{padding-right:10px;}.paragraph_lunch .lunch_has_image_left .lunch_image{float:left;padding-right:10px;}.paragraph_lunch .lunch_has_image_right .lunch_image{float:right;padding-left:10px;}.paragraph_lunch .lunch_has_image_left .lunch_image,.paragraph_lunch .lunch_has_image_right .lunch_image,.paragraph_lunch .lunch_has_image_top .lunch_image{padding-bottom:10px;}.paragraph_lunch .lunch_has_image_bottom .lunch_image{padding-top:10px;}.paragraph_lunch .lunch_has_image_top .lunch_image IMG,.paragraph_lunch .lunch_has_image_bottom .lunch_image IMG{margin:auto;display:block;}.paragraph_lunch .lunch_price{font-weight:bold;}.paragraph_lunch .lunch_price,.paragraph_lunch .lunch_info,.paragraph_lunch .lunch_back{padding-top:10px;}#page .paragraph_survey_form{margin:0;padding:0;}#page .paragraph_survey_form .formElementDescription,#page .paragraph_survey_form .formElementContent{float:none;width:auto;}#page .paragraph_survey_form .radio .formElementContent{width:20px;margin-top:-17px;float:none!important;}#page .paragraph_survey_form .radio .formElementDescription{width:auto!important;float:none!important;margin-left:25px;}#page .paragraph_survey_form .formElementContent INPUT,#page .paragraph_survey_form .submit .formElementContent BUTTON{width:auto;}#page .survey_option_row_outer{width:100px;border:1px solid #000;float:left;}#page .survey_option_row_inner{background-color:#ccc;height:1.25em;}#page .survey_option_percent_outer{width:5em;text-align:right;float:left;}#page .image_position_container{position:relative;}#page .paragraph_image.left .image_position_container{margin-right:auto;}#page .paragraph_image.right .image_position_container{margin-left:auto;}#page .paragraph_image.center .image_position_container{margin:0 auto;}#page .image_map_area{position:absolute;}#page .image_map_area_action_outer A{display:block;}#page .image_map_map .image_map_area_action_outer A{background-color:#fff;opacity:.0;-moz-opacity:.0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);}#page .image_map_mark .image_map_area_action_outer A{background-color:#c00;width:20px;height:20px;}#page .image_map_area_content_outer{display:none;position:absolute;top:50%;left:50%;background-color:#fff;border:1px solid #000;z-index:10;width:300px;max-height:300px;overflow:auto;}* HTML #page .image_map_area_content_outer{height:expression(this.scrollHeight>300 ? '300px':'auto');}#page .image_map_area_content_inner{text-align:left;padding:10px;}#page .image_map_area_image IMG{float:none;}#page .page_image_zoom_content{position:relative;}* HTML #page .page_image_zoom_content{position:static;}* HTML #page .page_image_zoom_image_container{position:relative;}@media print{BODY{margin:0;padding:0;background-color:transparent!important;background-image:none!important;font-color:#999!important;}.noprint{display:none;}#page{position:static;top:0;right:0;margin:0;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;width:100%!important;}#page_inner{width:100%!important;padding-top:150px!important;margin:0;}#page *{background-color:transparent!important;background-image:none!important;}#page,#page_inner,#page DIV.paragraph,#page .paragraph_content DIV.paragraph{background-color:transparent!important;background-image:none!important;}#tck_translate_onpage{display:none;}#location{display:none!important;}.paragraph_headline .h SPAN.inner{display:inline!important;}.paragraph_button A SPAN.outer{display:block!important;}.paragraph_button A{background-image:none!important;}.paragraph_logo{font-size:25px;position:absolute!important;top:0!important;left:0!important;height:140px;width:45%;overflow:hidden;}.paragraph_logo A{text-decoration:none;color:#000;font-weight:bold;}.paragraph_logo SPAN.inner{display:block;}.paragraph_address{position:absolute!important;top:0!important;left:50%!important;width:45%!important;text-align:left!important;}.paragraph_address_inner{padding:10px;}.paragraph_address .address_item{display:block!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;font-size:12px!important;text-align:left!important;}.paragraph_address .address_item SPAN{padding:0!important;margin:0!important;}.paragraph_image_gallery .image_gallery_previews_list{width:auto!important;}.paragraph_flash{display:none;}} #page { width: 860px; margin: auto; padding: 15px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } #page_inner { position: relative; width: 100%; } /* Languages */ #page.multilingual { margin-top: 8px; } * HTML #page.multilingual { padding-top: 20px; } *+HTML #page.multilingual { padding-top: 20px; } #languages { right: 0px; top: -17px; } #box_area { background-color: #ffffff; padding: 10px 10px 10px 10px; } #header { width: 100%; } #logo { float: left; max-width: 30%; } #logo IMG { float: left; } * HTML #logo { width: 30%; } #module { float: right; } #module_inner { padding: 0px; } #main { width: 100%; clear: both; } #content_container { width: 100%; clear: both; } #content_container_inner { padding: 10px 0px 0px 0px; } #content { width: 100%; } * HTML #content { overflow-x: hidden; } #content_inner { min-height: 200px; padding: 10px 10px 10px 10px; } * HTML #content_inner { height: 200px; } #footer { padding: 10px; } #footer_inner { width: 100%; text-align: center; } #address SPAN.address_item { white-space: nowrap; padding: 0px 5px 0px 5px; } #address SPAN.address_company { padding: 0px 5px 0px 0px; } #address SPAN.address_email, #address SPAN.address_phone, #address SPAN.address_fax { white-space: nowrap; } #address SPAN.content { white-space: nowrap; padding: 0px 0px 0px 2px; } /* Navigation */ #navigation A:link, #navigation A:visited, #navigation A:active { text-decoration: none; } #navigation { width: 840px; min-height: 23px; } * HTML #navigation { height: 23px; } #navigation_inner { width: 100%; } #navigation UL { list-style: none; margin: 0px; padding: 0px; } #navigation UL.level_0 LI.level_0 { float: left; display: inline; } * HTML #navigation UL.level_0 LI.level_0 { } #navigation UL.level_0 LI.level_0 SPAN.outer { display: block; } #navigation UL.level_0 LI.level_0 SPAN.inner { display: block; margin: 0px 0px 0px 1px; padding: 5px 14px 5px 14px; font-weight: bold; text-align: center; } #navigation UL.level_0 LI.first SPAN.inner { margin: 0px 0px 0px 0px; } * HTML #navigation LI.level_0 A { float: left; } * HTML #navigation LI.level_1 A { position: relative; float: none; } #navigation { display: inline-block; } * HTML { behavior: url('/s/tc-www/css/hover.htc'); } #navigation { position: relative; } #navigation LI.folder UL.level_1 { display: none; position: relative; list-style: none; } #navigation LI.folder:hover UL.level_1 { display: block; position: absolute; list-style: none; z-index: 10; } * HTML LI.folder:hover UL.level_1 LI.level_1 { height: 23px; } #navigation LI.folder UL.level_1 LI.level_1 { float: none; } * HTML #navigation LI.folder UL.level_1 LI.level_1 { display: inline; } * HTML #navigation LI.folder UL.level_1 LI.level_1 { height: 0px; margin: 0px; padding: 0px; } #navigation LI.folder UL.level_1 LI.level_1 SPAN.outer { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; } #navigation LI.folder UL.level_1 LI.last SPAN.outer { padding: 0px 0px 0px 0px; } * HTML #navigation LI.folder UL.level_1 LI.level_1 SPAN.outer { padding: 0px 0px 0px 0px; margin: 0px 0px 1px 0px; } * HTML #navigation LI.folder UL.level_1 LI.last SPAN.outer { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #navigation UL.level_0 LI.first UL.level_1 LI.first SPAN.inner { margin: 0px 0px 0px 0px; } #navigation LI.folder UL.level_1 LI.first SPAN.inner { margin: 0px 0px 0px 1px; } #navigation UL.level_0 LI.level_0 SPAN.inner { text-align: left; } /* IE 6 Navigation */ * HTML #navigation UL.level_1 { clear: both; } * HTML #navigation UL.level_1 LI SPAN.outer { display: block; } * HTML #navigation UL.level_1 LI A { display: block; cursor: pointer; } #layout_image { width: 840px; height: 250px; } #layout_image IMG { float: left; } #layout_image { width: 280px; height: 400px; float: left; overflow: hidden; } #content { width: 560px; float: right; } #content_inner { margin-left: 10px; } /* Concept 65 Business 9 Webresponsive (from concept 45 Business 9)*/ /* Layoutbilder */ #page { background-image: url(/files/layoutelement/7306/layout/layout_main_background.png?time=1472219979); } #footer { background-image: url(/files/layoutelement/7306/layout/layout_footer_background.png?time=1472219979); } #navigation { background-image: url(/files/layoutelement/7306/layout/navigation_background.png?time=1472219979); } #navigation LI:hover A, #navigation LI.active A { background-image: url(/files/layoutelement/7306/layout/navigation_background_active.png?time=1472219979); } #navigation UL LI.level_0 { background-image: url(/files/layoutelement/7306/layout/navigation_pipe.png?time=1472219979); } /* Farben */ BODY { background-color: #333333; } #content_container, .template_13 #content_container, .template_13 #contact_container, .template_13 #imprint_container, .template_12 #content { background-color: #FFFFFF; color: #333333; } #content .paragraph_headline, #content_additional .paragraph_headline, #content_additional_1 .paragraph_headline, .template_12 #content .paragraph_headline, .template_13 #imprint_container .paragraph_headline, .template_13 #contact_container .paragraph_headline, .template_13 #content_container .paragraph_headline { color: #D1293D; } #navigation UL LI { color: #FFFFFF; } #navigation UL LI A { color: #7F7F7F; } #navigation UL LI:hover A { color: #333333; } #navigation UL LI.active A { color: #7F7F7F; } /* test */ #navigation UL.level_0 LI.active { color: #7F7F7F !important; } /* end test */ #navigation UL.level_1 { background-color: #FFFFFF; border: 1px solid #FFFFFF; } #navigation UL.level_1 LI { color: #FFFFFF !important; } #navigation UL.level_1 LI A { color: #7F7F7F !important; } #navigation UL.level_1 LI:hover A { color: #333333 !important; } #navigation UL.level_1 LI.active A { color: #7F7F7F !important; } #content { color: #333333; } #content A { color: #ADADAD; } #content { background-color: #FFFFFF; } #footer { background-color: #333333; } #address { color: #ADADAD; } #address a { color: #ADADAD; } #address .address_item { border-left: 1px solid #ADADAD; } #information_navigation { color: #ADADAD; } #information_navigation_inner UL LI { border-right: 1px solid #ADADAD; } #information_navigation_inner UL LI A { color: #ADADAD; } #information_navigation_inner UL LI A:hover { color: #ADADAD; } #information_navigation_inner UL LI.active A { color: #ADADAD; } @media only screen and ( max-width: 767px) { body { min-width: 300px; background-color: #333333;} img {height:auto; max-width: 100%;} #page {background-color: #333333; background-image: none;} #page FORM .submit DIV.formElementContent INPUT, #page FORM .submit DIV.formElementContent BUTTON {color: #D1293D;} #footer { background-image: none;} #address {color: #ADADAD;} #navigation UL.level_0 LI {background-repeat: repeat-x;} #navigation UL LI.level_0 {background-image: url(/files/layoutelement/7306/layout/navigation_background.png?time=1472219979);} #navigation UL LI.level_0.first {background-image: url(/files/layoutelement/7306/layout/navigation_background.png?time=1472219979)!important;} #navigation UL.LI.level_1.first {background-image: url(/files/layoutelement/7306/layout/navigation_background.png?time=1472219979);} .nav-toggle {color: #DBE1EB !important; text-decoration:none !important; font-size: 1.7em !important;margin-top: -42px !important; } .nav-toggle:hover {color: #DBE1EB !important; text-decoration:none !important;} .logo-mobile {color: #DBE1EB !important;} .navicon {color: #7F7F7F;} #logo_inner #logo-mobile { font-size: 23px; margin-left: 30px; } #information_navigation {color: #ADADAD;} #information_navigation_inner UL LI A { color:#ADADAD; background-image: url(/files/layoutelement/7306/layout/navigation_background_active.png?time=1472219979); background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #tcs_fixed_preview {background-image:url(/reseller/45d1e8e19235f/img/intern/preview_background_mobile.png); height: 40px; width: 97px;} #tcs_fixed_preview DIV { padding: 12px;} } @media only screen and ( min-width: 768px) and ( max-width: 1200px ) { body {background-color: #333333;} img {height:auto; max-width: 100%;} #page {background-color: #333333; background-image: none;} #footer { background-image: none;} #navigation UL.level_0 LI A {background-image: url(/files/layoutelement/7306/layout/navigation_background.png?time=1472219979);} #navigation UL.level_0 LI AL {background-repeat: repeat;} #navigation LI:hover A,#navigation LI.active A { background-image: url(/files/layoutelement/7306/layout/navigation_background_active.png?time=1472219979);} #address { float: none; width: 100%;} #information_navigation {color: #ADADAD;} } /****************** AKKORDION v17-03-08 ******************/ /*Accordion Feld*/ #page .accordion-box {} #page .accordion-box .paragraph_html_inner { padding-bottom: 0px !important; } #page .accordion-box {} #page .accordionStruk { padding: 0px; padding-top: 20px; max-width: 850px; width: 100%; margin: 0 auto; } #page .accordion_area { margin-bottom: 20px; border: 1px #cccccc solid; width: 100%; text-align: left; } /*Accordion-Button*/ #page .accordionStruk .accordionButton { cursor: pointer; background-color: rgba(0,0,0,0.1); padding: 2px 15px; border-left: 45px #262626 solid; } /*Accordion-Content*/ #page .accordionStruk .accordionContent { padding: 10px 15px 10px 60px; } @media only screen and ( max-width: 767px ) { #page .accordion_area { width: 100%; margin-right: 0; } } /*************************************************** KONZEPT ZURÜCKSETZEN & SEITENEINSTELLUNGEN v16-08-01 ***************************************************/ #page * { box-sizing: border-box; } BODY, #page { background-color: #ffffff !important; background-size: auto !important; } #page, #page #page_container, #page #main { background-image: none; margin: 0; max-width: 100%; padding: 0; } #page #header { max-width: 100%; width: 100%; } #page #logo { margin: 0 auto; padding: 0px; max-width: 1200px; } #page #content_container { background: transparent; max-width: 100%; padding: 0px; } #page #content { background: transparent; } #page .xxparagraph_html_inner { padding-bottom: 0px !important; } #page .paragraph_text_inner { padding-right: 0px; } /*Kalender-Buchungsformular*/ #page .tc_calendar_day { width: 27px; /*Größe der Kalenderzahlen anpassen*/ } #page .tc_calendar_header_inner { padding-top: 10px; height: 32px; } #page .tc_calendar_weekday, .tc_calendar_inner { font-size: 14px; } @media only screen and (max-width: 768px ) { #page .tc_calendar_action a { position: absolute; left: 0px !important; } #page .tc_calendar_header_inner { padding-top: 10px; padding-bottom: 5px; height: 75px !important; } } /********************* SCHRIFTARTEN v16-08-01 *********************/ @font-face { font-family: 'Raleway'; src: url('/files/fonts/raleway-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Script'; src: url('/files/fonts/script-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } #page { font-family: 'Raleway', sans-serif; } #page #content { font-size: 20px !important; line-height: 1.7em; } /************ LOGO ANPASSEN ************/ @media only screen and (min-width: 769px) { #page #logo { position: absolute; top: 0px; left: 6.5%; z-index: 50; width: 25%; } #page #logo_inner { padding: 40px 50px 0px 50px; } #page #logo_inner IMG { width: 100%; height: auto; } } @media only screen and (max-width: 768px) { #page #logo { background: url('/files/www/responsive/bg-schieferkachel.jpg') center top; } #page #logo_inner { min-height: 80px; height: 100%; } #page #logo_inner IMG { padding: 10px 10px 10px 20px; } } /*********************** EMOTIONBSILD & BANDEROLE ***********************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page .wrapper-emo { position: relative; z-index: 25; max-height: 900px; overflow: hidden; } #page .wrapper-emo IMG { width: 100%; height: auto; } #page .banderole { width: 24%; position: absolute; top: 0; left: 7%; } #page .banderole-bg {} #page .btn-aktuelles { width: 100%; position: absolute; bottom: 12.5%; left: 0px; padding: 0 6%; } /********* NAVIGATION *********/ @media only screen and ( min-width: 769px ) { #page #navigation { position: absolute; min-height: 50px; width: 65%; top: 20px; right: 20px; margin: 0px; z-index: 50; overflow-y: visible; overflow-x: visible; } } /*Allgemeine Einstellungen für alle Auflösungen*/ #page #navigation, #page #navigation UL LI, #page #navigation UL LI A { background-image: none !important; background-color: transparent; } #page #navigation_inner { max-width: 100%; height: 50px; } #page #navigation_inner.nav-collapse { float: none; } #page #navigation ul { text-align: right; } #page #navigation ul li.level_0 { display: inline-block; float: none; margin-right: -5px; /*beseitigt Abstände wg. inline-block*/ } #page #navigation li.level_0 a { display: block; font-size: 17px; font-weight: normal; height: 50px; line-height: 50px; margin: 0px; padding: 0px 10px; color: #ffffff; } #page #navigation li.level_0:hover a { background-color: rgba(63,62,64,0.5); } #page #navigation li.level_0.active a { border-bottom: 2px rgba(255,255,255,0.3) dotted; } /*UNTERNAVIGATION*/ #page #navigation ul li { position: relative; } #page #navigation ul li ul { position: absolute; top: 50px; right: 0px; width: 200px; } #page #navigation li.level_1 { width: 200px !important; } #page #navigation UL.level_1 { border: 0; background-color: rgba(63,62,64,0.5); z-index: 50; text-align: right; } #page #navigation UL.level_1 LI { width: 100%; height: 50px !Important; border-top: 1px rgba(255,255,255,0.3) dotted; } #page #navigation_inner UL LI.level_1 a { padding: 0px; background-color: transparent !important; font-size: 16px; color: #ffffff !important; padding-right: 10px; } #page #navigation_inner UL LI.level_1 SPAN.outer { height: 50px !important; padding: 0px; } #page #navigation_inner UL LI.level_1 SPAN.inner { height: 50px !important; line-height: 50px !important; border-bottom: 0; } #page #navigation_inner UL LI.level_1 A:hover { background-color: rgba(63,62,64,0.6) !important; } #page #navigation li.level_1 a { border-bottom: 0 !important; } #page #navigation li.level_1.active a { background-color: rgba(255,255,255,0.15) !important; } @media only screen and ( min-width: 769px ) and ( max-width: 1200px) { #page #navigation LI.level_0 a { font-size: 14px; padding: 0px 5px; } } @media only screen and (max-width: 768px) { #page #navigation { background: none; min-height: auto; height: auto; } /* #page .dnav-toggle { border: 1px rgba(0,111,181,1.0) solid !important; width: 70% !important; height: 50px !important; line-height: 45px !important; font-size: 35px !important; color: rgba(0,111,181,1.0) !important; text-align: center; position: absolute !important; top: 55px !important; right: 20px !important; z-index: 50 !index; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 10px; }*/ #page .nav-toggle { background-color: #333333 !important; color: #ffffff !important; font-size: 40px !important; float: right !important; width: 50px !important; height: 50px !important; margin-right: 20px !important; margin-top: -80px !important; text-align: center !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #page .logo-mobile { display: none !important; } #page #navigation_inner UL.level_0 LI { background-color: transparent !important; width: 100% !important; max-width: 100%; float: left; border-top: 1px rgba(0,0,0,0.5) dotted; } #page #navigation UL LI.level_0 A { color: #333333; margin: 0px; text-align: center; padding: 0px 10px; } #page #navigation UL LI.level_0.active A { border-bottom: 0; } #page #navigation UL LI.level_0:hover A { background-color: rgba(203,51,51,1); color: #ffffff; } /*Unternavigation Smartphone*/ #page #navigation UL.level_1 { text-align: center; } #page #navigation li.level_0 a { width: 100% !important; } #page #navigation_inner UL.level_1 { display: block !important; max-width: 100% !important; width: 100% !important; background-color: rgba(0,0,0,0.05) !important; } #page #navigation_inner UL LI.level_1 a { background: 0 !important; color: #333333 !important; font-size: 0.9em !important; } #page #navigation_inner UL.level_1 LI { max-width: 50% !important; border-top: 0; border-bottom: 1px rgba(255,255,255,0.5) solid; } #page .touch-button { display: none !important; } } /************** FOOTER ANPASSEN **************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page #footer { width: 100%; max-width: 100%; background-image: none; background-color: #444444; padding: 0px; margin: 0px; } #page #footer_inner { max-width: 1200px; margin: 0 auto; padding: 10px; } #page #footer #address, #page #footer #information_navigation { width: 100%; margin: 0px; text-align: center !important; padding: 1% 0px; } #page #footer SPAN.address_company { border: none; padding-left: 0px; } #page #footer SPAN.address_item, #page #footer LI { float: none; display: inline-block; } #page #information_navigation { color: #cc0000; } #page #information_navigation_inner UL LI A { color:#333333; background-color: #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 5px 10px; font-weight: bold; } #page #information_navigation_inner UL LI A:hover { background-color: #cccccc; } #page #information_navigation UL LI { border-right: 0px; } @media only screen and (max-width: 767px) { #page #footer { padding-bottom: 80px !important; /*Abstand für mobil-cta*/ } #page #information_navigation_inner UL LI { width: 100%; } #page #information_navigation_inner UL LI A { background-image: none; } } /*************************** BILDERGALERIE RESP v16-08-01 ***************************/ /*Vorschau*/ #page .image_gallery_preview_item { padding-right: 20px; padding-bottom: 20px; /*width: 20%;*/ } #page .image_gallery_preview_item IMG { width: 100%; height: auto; border: 1px #999999 solid; } /*Bildergalerie Einstellungen*/ #page .page_image_gallery_overlay { opacity: 0.7 !important; -moz-opacity: 0.7 !important; -ms-filter: "alpha(opacity=70)" !important; filter: alpha(opacity=70) !important; } #page .page_image_gallery_window_header { position: relative; z-index: 20; } #page A.page_image_gallery_navigation_prev { background-image: url('/files/www/galerie-pfeil-prev-weiss.png'); background-repeat: no-repeat; background-position: left 50%; position: absolute; display: block; width: 30%; height: 100%; padding: 0px; top: 0; left: 0px; z-index: 2; } #page A.page_image_gallery_navigation_next { background-image: url('/files/www/galerie-pfeil-next-weiss.png'); background-repeat: no-repeat; background-position: right 50%; position: absolute; display: block; width: 30%; height: 100%; padding: 0px; top: 0; right: 0px; z-index: 2; } #page A.page_image_gallery_navigation_prev .inner, #page A.page_image_gallery_navigation_next .inner { display: none; } #page .page_image_gallery_navigation_close { z-index: 20; background-color: #dddddd; position: absolute; display: block; width: 100%; height: 30px; line-height: 30px; bottom: 0; left: 0; text-align: center; padding: 0px; } #page a.page_image_gallery_navigation_close { text-decoration: none; font-weight: bold; letter-spacing: 0.5em; color: #333333; font-size: 14px !important; } #page .page_image_gallery_window_header h1 { font-size: 18px !important; } #page .page_image_gallery_description_outer { position: relative; z-index: 20; font-size: 15px; } #page .page_image_gallery_details_link { position: relative; z-index: 20; margin-bottom: 20px; } #page .page_image_gallery_info { display: block; position: absolute; bottom: 0; left: 0; width: 120px; height: 30px; line-height: 30px; padding-left: 20px; z-index: 30 !important; display: none; } /*Größe der Vorschaubilder*/ #page .image_gallery_preview_item { width: 33.333%; } /* @media only screen and ( min-width: 768px ) and ( max-width: 1200px) { #page .image_gallery_preview_item { width: 25% !important; } } */ @media only screen and (min-width: 768px) { #page .paragraph_image_gallery_inner { padding-top: 50px; } } @media only screen and (max-width: 767px) { #page .image_gallery_preview_item { width: 50% !important; } } @media only screen and (max-width: 480px) { #page .image_gallery_preview_item { width: 50% !important; float: left; padding: 5px 5px !important; } } /*Sonstige Bildergalerie-Einstellungen*/ #page .galerie-rahmen .image_gallery_preview_item IMG { border: 1px #999999 solid; } #page .einzelbild .image_gallery_preview_item { width: 100% !important; } /************************* CONTENTBOXEN EINSTELLUNGEN *************************/ #page .wrapper-contentbox {} #page .wrapper-contentbox-innen { max-width: 1200px; width: 100%; margin: 0 auto; padding: 50px 30px; text-align: center; } #page .wrapper-contentbox-innen A { color: #cb3333; text-decoration: none; font-weight: bold; } #page .wrapper-contentbox-innen A:hover { color: #333333; } /*Contentboxen Hintergrundbilder*/ #page .bg-schiefer { background: url('/files/www/responsive/bg-schieferkachel.jpg') center top; background-color: #ffffff; border-bottom: 1px #c8c8c8 solid; } #page .bg-bauer-enkel-feld { background-image: url('/files/www/responsive/bg-bauer-enkel-feld.jpg'); background-repeat: no-repeat; background-position: right -280px top; border-bottom: 1px #c8c8c8 solid; } #page .bg-dunkelgrau { background-color: #444444; color: #ffffff !important; } #page .bg-kachelweiss { background: url('/files/www/responsive/bg-kachel-weissgrau.png') center top; background-color: #ffffff; } @media only screen and (max-width: 767px) { #page .wrapper-contentbox-innen { padding: 30px 10px; } } /*Spezielle Boxen & Hintergründe*/ #page .wrapper-bauer-enkel-feld { background-color: rgba(255,255,255,0.4); padding: 20px; } @media only screen and (min-width: 1201px) { #page .bg-bauer-enkel-feld { background-position: right top; } #page .wrapper-bauer-enkel-feld { width: 50%; background-color: transparent; padding: 0px; } } /*Absätze ZWEISPALTIG*/ #page .spalte { width: 50%; } @media only screen and (max-width: 767px) { #page .spalte { width: 100%; } } /********************** COLUMNS & CONTENTSÄULEN **********************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page .col3er1er, #page .col3er2er { margin-bottom: 20px; } @media only screen and (min-width: 1024px) { #page .col2er1 { width: 50%; padding-right: 40px; } #page .col2er2 { width: 50%; padding-left: 40px; border-left: 1px #999999 dotted; } #page .col3er1er { width: 33%; padding-right: 40px; } #page .col3er2er { width: 66%; padding-right: 20px; } #page .flussrechts { float: right; } #page .flusslinks { float: left; } } @media only screen and (max-width: 767px) { #page .p50p { width: 100%; } } /************ ÜBERSCHRIFTEN ************/ /*h1 und h2 sind für die headline-box. Alle weiteren Überschriften gehen ab h3 los*/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page .headline-wrapper { margin-bottom: 40px; } #page .headline-border { border-bottom: 1px #666666 dotted; max-width: 350px; width: 100%; margin: 0 auto; margin-top: 10px !important; } #page .h { color: #cb3333; text-align: center; font-weight: normal; line-height: 1.5em; font-size: 30px; } #page h1 { color: #666666 !important; text-transform: uppercase; } #page h4 { background-color: #262626; color: #ffffff !important; padding: 5px 10px; margin-top: 30px; } #page .claim-qualitaet { font-family: 'Script'; font-weight: normal; font-size: 45px !important; line-height: 1em; margin-right: 20px; } @media only screen and (min-width: 768px) { #page h1 { font-size: 20px !important; } #page h2 { font-size: 45px !important; } #page h3 { font-size: 35px !important; } #page h4 { font-size: 20px !important; } } @media only screen and (max-width: 767px) { #page .headline-wrapper { margin-bottom: 20px; } #page .headline-border { display: none; } #page h1 { font-size: 18px !important; } #page h2 { font-size: 30px !important; } #page h3 { font-size: 25px !important; } #page h4 { font-size: 20px !important; } } /*Besondere Überschriften*/ #page .headline-script .h { font-family: 'Script'; text-transform: none; text-align: left; font-weight: normal; font-size: 50px !important; } /********************* BUTTON-LINKS v16-08-01 *********************/ #page .link-btn-wrapper { margin: 20px 0px; } #page .link-btn { text-align: center; } #page .link-btn UL { list-style: none; padding: 0px; } #page .link-btn LI { float: left; } #page .link-btn A { background-color: #262626; display: inline-block; color: #ffffff; min-height: 50px; line-height: 50px; text-align: center; text-decoration: none; padding: 0px 30px; margin: 0px 7px 14px 7px !important; } #page .link-btn a:hover { background-color: #666666; color: #ffffff; } @media only screen and (max-width: 767px) { #page .link-btn LI { width: 100% !important; } #page .link-btn a { width: 100% !important; background-color: #aaaaaa; margin: 2px 0px !important; min-height: 35px; line-height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } } /*Spezielle Button-Einstellungen für jede Contentbox*/ #page .xbg-bauer-enkel-feld .link-btn { float: right !important; } /**************************** BUTTONS MIT BILDERN v16-08-01 ****************************/ #page .bild-btn-box {} #page .bild-btn-box-innen { position: relative; overflow: hidden; width: 100%; padding: 0px; text-align: center; } #page .bild-btn-box-innen .bild-btn-bild IMG { width: 100%; height: auto; } #page .bild-btn-textbox { padding: 10px 5px; } #page .bild-btn-box-innen .bild-btn-link a { position: relative; z-index: 1; display: block; margin: -1000px; padding: 1000px; background: url('/files/www/responsive/blank.gif'); text-decoration: none; color: #000000; } #page .bild-btn-box-innen a:hover { background-color: rgba(203,51,51,0.3); } @media only screen and (max-width: 767px) { #page .bild-btn-box { width: 50%; } } /********************************* KONTAKTFORMULAR STANDARD v16-08-01 *********************************/ /*Allgemeine Einstellungen für Desktopversion*/ #page .kontaktformular .contact_form { position: relative; } #page .kontaktformular .paragraph_contact .contact_form { width: 100%; } #page .kontaktformular .contact_form label, #page .kontaktformular .contact_form .formElementDescription { font-size: 16px; } #page .kontaktformular .contact_form input[type=text], #page .kontaktformular .contact_form textarea { border: 1px solid #CCC; min-height: 40px; padding: 10px; } /*Beschreibung über Textfeld*/ #page .kontaktformular .contact_form DIV.formElementContent { float: none; width: 100% } #page .kontaktformular .contact_form DIV.formElementDescription { float: none; width: 100%; } /*Felder ausblenden*/ #page .kontaktformular .tck_form_fieldform_field_5, /*Firma*/ #page .kontaktformular .tck_form_fieldform_field_3, /*Anschrift*/ #page .kontaktformular .tck_form_fieldform_field_7 /*Fax*/ { display: none; } /*Nachrichtenfeld neben Infofeld !!! nur ab 768px Auflösung !!! */ @media only screen and (min-width: 768px) { #page .kontaktformular .contact_form DIV.formElement { padding-left: 65%; min-height: 80px; } #page .kontaktformular .tck_form_fieldform_field_4 /*Nachrichtenfeld*/ { position: absolute; width: 63%; top: 0; left: 0; padding-left: 0 !important; } #page .kontaktformular .tck_form_fieldform_field_4 textarea { height: 200px !important; } #page .kontaktformular .form_invalid { position: absolute; top: -60px; left: 0px; width: 100%; } } /*Disclaimer und Button angleichen*/ #page .kontaktformular .contact_form .disclaimer, #page .kontaktformular .contact_form .submit { padding-left: 0px !important; margin: 15px 0px; } #page .kontaktformular .contact_form button { background-color: #262626; border: 0 none; color: #fff !important; cursor: pointer; display: block; font-size: 17px; height: 50px !important; line-height: 50px !important; text-align: center; text-decoration: none; padding: 0; width: 100% !important; } #page .kontaktformular .contact_form button:hover { background-color: #666666; } /************************************** TABELLE ANPASSEN (HIER: WOCHENANGEBOTE) **************************************/ #page .angebote-wrapper {} #page .angebote-tabelle { margin-bottom: 40px; } #page .angebote-tabelle TABLE { width: 100%; } #page .angebote-tabelle TABLE .col_first { width: 65% !important; background-color: rgba(0,0,0,.1); } #page .angebote-tabelle TABLE .col_second { width: 35% !important; background-color: rgba(0,0,0,.1); } #page .angebote-tabelle TABLE { border-spacing: 3px 3px !important; } #page .angebote-tabelle TD { border-bottom: 1px #bbbbbb solid; padding: 10px 15px !important; } /*Tabellenüberschrift*/ #page .angebote-tabelle thead TR { background-color: #262626; color: #ffffff; } /*Spezielle (Font)-Einstellungen für alle Auflösungen*/ #page .angebote-tabelle table td EM { color: #cb3333; font-style: normal; font-weight: bold; font-size: 30px; margin-left: 20px; display: inline-block !important; } @media screen and (max-width: 600px) { #page .angebote-tabelle TABLE { border-collapse: separate; } #page .angebote-tabelle thead, #page .angebote-tabelle thead TR, #page .angebote-tabelle thead TD { width: 100% !important; display: inline-block; font-size: 18px; } #page .angebote-tabelle TABLE .col_first, #page .angebote-tabelle TABLE .col_second { width: 100% !important; } /*Wenn TABLE nicht auf "border-collapse: separate" sondern auf "collapse" steht, dann: */ /* #page .angebote-tabelle table tbody tr, table tfoot tr { margin-bottom: 5px; border-bottom: 0px solid #ddd; padding: 5px; }*/ #page .angebote-tabelle table tbody td:before, #page .angebote-tabelle table tfoot td:before { content: ""; width: 100%; display: inline-block; } #page .angebote-tabelle table tbody td { border-bottom: 0; font-size: 16px; } } /*************** REZEPT DER WOCHE ***************/ #page .rezept-wrapper {} #page .rezept-wrapper .h { margin-bottom: 20px; } #page .rezept-box { text-align: left; } #page .rezept-box .h { text-align: left; background-color: #262626; color: #ffffff; font-size: 20px; padding: 5px 10px; margin-bottom: 10px; margin-top: 0px; } #page .rezept-zutaten-box { background-color: rgba(0,0,0,.1); width: 35%; padding-bottom: 10px; } #page .rezept-zubereitung-box { width: 65%; padding-left: 20px; } @media only screen and (max-width: 767px) { #page .rezept-zutaten-box, #page .rezept-zubereitung-box { width: 100%; padding-left: 0px; margin-bottom: 20px; } } /******************* FILIALEN - ÜBERSICHT *******************/ /*Filialen Übersichtsliste*/ #page .filiale-liste-wrapper { margin-bottom: 40px; } #page .filiale-liste-wrapper UL { list-style: none; padding: 0px; } #page .filiale-liste-wrapper A { background-color: #262626; display: inline-block; padding: 5px 10px; text-decoration: none; color: #ffffff; } #page .filiale-liste-wrapper A:hover { background-color: #666666; } #page .filiale-liste-wrapper EM { font-style: normal; font-size: 0.65em; } #page .filiale-liste-box-links { text-align: right; padding-right: 15px; } #page .filiale-liste-box-rechts { text-align: left; padding-left: 15px; } @media only screen and (max-width: 767px) { #page .filiale-liste-box-links, #page .filiale-liste-box-rechts { width: 100%; padding: 0px; text-align: center; } #page .filiale-liste-wrapper a { width: 100% !important; background-color: #aaaaaa; margin: 2px 0px; min-height: 35px; line-height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } } /*Filiale Detailboxen*/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page .filiale-wrapper {} #page .filiale-box { margin-bottom: 30px; } #page .filiale-box h3 {} #page .filiale-anschrift { background-color: #262626; color: #ffffff; font-size: 20px; padding: 5px 0px !important; margin-bottom: 10px; line-height: 1.5em; } #page .filiale-infobox {} #page .filiale-bild-box { width: 40%; padding-right: 30px; } #page .filiale-bild-box .paragraph_image_gallery_inner { padding-top: 0px; } #page .filiale-bild-box .image_gallery_preview_item { width: 100% !important; padding: 0; } #page .filiale-oeffnungszeiten-box { width: 60%; } #page .filiale-oeffnungszeiten-box TABLE { width: 100%; } #page .filiale-oeffnungszeiten-box TABLE .col_first { width: 40% !important; } #page .filiale-oeffnungszeiten-box TABLE .col_second { width: 60% !important; } #page .filiale-oeffnungszeiten-box TABLE { border-spacing: 0px 0px !important; } #page .filiale-oeffnungszeiten-box TD { padding: 5px 15px !important; } #page .filiale-oeffnungszeiten-box tbody TD { border-top: 1px #999999 dotted; } /*Tabellenüberschrift*/ #page .filiale-oeffnungszeiten-box thead TR { text-transform: uppercase; font-weight: bold; } /*Spezielle (Font)-Einstellungen für alle Auflösungen*/ #page .filiale-oeffnungszeiten-box table td STRONG { color: #cb3333; font-size: 23px; font-weight: normal; } #page .filiale-maps-box { border: 1px #999999 solid; margin-top: 10px; } #page .filiale-nachoben { text-align: right; margin-top: 0px; } #page .filiale-nachoben A { text-decoration: none; font-size: 12px !important; color: #333333; } @media only screen and (max-width: 1200px) { #page .filiale-bild-box, #page .filiale-oeffnungszeiten-box { width: 50% !important; } } @media only screen and (max-width: 870px) { #page .filiale-bild-box { width: 100% !important; padding-right: 0px; margin-bottom: 10px; } #page .filiale-oeffnungszeiten-box { width: 100% !important; } } @media screen and (max-width: 600px) { #page .filiale-oeffnungszeiten-box table { border: 0; } #page .filiale-oeffnungszeiten-box thead, #page .filiale-oeffnungszeiten-box thead TR, #page .filiale-oeffnungszeiten-box thead TD { width: 100% !important; display: inline-block; font-size: 18px; } #page .filiale-oeffnungszeiten-box TABLE .col_first, #page .filiale-oeffnungszeiten-box TABLE .col_second { width: 100% !important; } #page .filiale-oeffnungszeiten-box table tbody tr { border: 1px #999999 dotted; display: block; padding: 10px 0px !important; } #page .filiale-oeffnungszeiten-box table tbody td:before, #page .filiale-oeffnungszeiten-box table tfoot td:before { content: ""; width: 100%; display: inline-block; } #page .filiale-oeffnungszeiten-box table tbody td { border: 0px !important; font-size: 16px; padding: 0px 15px !important; } } /********* BERGKLAUSE *********/ #page .infofeld-wrapper { max-width: 850px; width: 100%; margin: 0 auto; margin-bottom: 40px; } #page .infofeld-box { border: 1px #999999 solid; background-color: rgba(0,0,0,.1); padding: 10px 20px; } #page .liste-none UL { list-style: none; padding: 0px; } #page .infofeld-box STRONG { color: #cb3333; } #page .liste50p { text-align: left; padding-right: 20px; } #page .download-box { border: 1px #aaaaaa solid; padding: 10px 0px 0px 10px; font-size: 16px; line-height: 1.5em; text-align: left !important; margin: 15px 0px; } @media only screen and (max-width: 767px) { #page .liste50p { width: 100%; } } /*Bergklause CTA-Box*/ #page .bergklause-cta-box {} #page .bergklause-cta-box EM { font-style: normal; color: #cb3333; font-weight: bold; font-size: .8em; } #page .bergklause-cta-anschrift { background: rgba(0,0,0,.1); padding: 10px 0px; } #page .bergklause-cta-oeffnungszeiten { padding: 10px; } #page .bergklause-cta-maps { border: 1px #999999 solid; } @media only screen and (max-width: 767px) { #page .bergklause-cta-anschrift, #page .bergklause-cta-oeffnungszeiten { padding: 10px 0px; width: 100%; } } /********************************* TABELLE ANPASSEN (HIER: AKTUELLES) *********************************/ #page .tabelle-aktuelles TABLE { max-width: 850px; width: 100%; margin: 0 auto; } #page .tabelle-aktuelles TABLE .col_first { width: 30% !important; background-color: rgba(0,0,0,.1); } #page .tabelle-aktuelles TABLE .col_second { width: 70% !important; background-color: rgba(0,0,0,.1); } #page .tabelle-aktuelles TABLE { border-spacing: 3px 3px !important; } #page .tabelle-aktuelles TD { border-bottom: 1px #bbbbbb solid; padding: 5px 15px !important; } /*Tabellenüberschrift*/ #page .tabelle-aktuelles thead TR { background-color: #262626; color: #ffffff; } /*Spezielle (Font)-Einstellungen für alle Auflösungen*/ #page .tabelle-aktuelles table td EM { color: #cb3333; font-style: normal; font-weight: bold; } @media screen and (max-width: 600px) { #page .tabelle-aktuelles TABLE { border-collapse: separate; } #page .tabelle-aktuelles thead, #page .tabelle-aktuelles thead TR, #page .tabelle-aktuelles thead TD { width: 100% !important; display: inline-block; font-size: 18px; } #page .tabelle-aktuelles TABLE .col_first, #page .tabelle-aktuelles TABLE .col_second { width: 100% !important; } /*Wenn TABLE nicht auf "border-collapse: separate" sondern auf "collapse" steht, dann: */ /* #page .angebote-tabelle table tbody tr, table tfoot tr { margin-bottom: 5px; border-bottom: 0px solid #ddd; padding: 5px; }*/ #page .tabelle-aktuelles table tbody td:before, #page .tabelle-aktuelles table tfoot td:before { content: ""; width: 100%; display: inline-block; } #page .tabelle-aktuelles table tbody td { border-bottom: 0; font-size: 16px; } } /*************************** ESF-FÖRDERUNG AUF STARTSEITE ***************************/ #page .bg-esf .wrapper-contentbox-innen { xpadding-top: 20px; padding-bottom: 0px; } #page .esf-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; } #page .esf-text-box { font-size: 0.7em; line-height: 1.8em; padding: 0 2%; } #page .esf-logo-box { padding: 20px 0px; } #page .esf-logo-box IMG { max-width: 630px; width: 100%; height: auto; border: 10px #ffffff solid; } #page .keinrand IMG { border: 0px; } #page .zusatzinfo-footer { font-size: 0.7em; line-height: 1.8em; margin-top: 4%; color: #cccccc; } #page .anschrift-im-footer { font-size: 15px; } #page .anschrift-im-footer a { color: #ffffff; font-weight: normal; text-decoration: none; } #page .anschrift-im-footer EM { font-style: normal; margin: 0px 10px; } @media only screen and (max-width: 767px) { #page .esf-text-box { width: 100%; text-align: center; } #page .esf-logo-box { width: 100%; } #page .esf-logo-box .paragraph_image_inner { text-align: center !important; } } /******** IMPRESSUM ********/ #page .impressum-box { text-align: left; } #page .impressum-box A { color: #333333; font-weight: normal; } #page .impressum-box A:hover { color: #cb0000; } #page .impressum-box STRONG { font-size: 0.7em; line-height: 1.6em; margin-top: 10px !important; color: #cb0000; } /**** POPUP ****/ @media only screen and (max-width: 767px) { #page .popup { display: none; } } /***** STÖRER *****/ #page .stoerer, #page .stoerer2 { border: 5px #cb3333 dashed; max-width: 400px; width: 100%; padding: 10px 20px; margin: 0 auto; text-align: center; line-height: 1.3em; font-weight: bold; background-color: rgba(255,255,255,.75) } #page .stoerer STRONG, #page .stoerer2 STRONG { color: #cb3333; font-size: 1.3em; line-height: 1.3em; } @media only screen and (min-width: 769px) { #page .stoerer { position: absolute; bottom: 60px; right: 10%; z-index: 99; } #page .stoerer2 { position: absolute; bottom: 60px; right: calc(10% + 430px); z-index: 99; } } @media print { #page, #page_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #box_area, #box_area_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #header, #header_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #module, #module_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #main, #main_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #navigation{ display: none; } #content_container, #content_container_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #layout_image{ display: none; } #content, //content_inner {width: 100%;position: static;margin: 0px;padding: 0px;float: none;clear: both;height: auto;overflow: visible;} #footer, #footer_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } }