/* 306 // template/306.css // ncf_tcc_Cache_template/306.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;}} /* Template 303 (Business 9 Webresponsive: Root)*/ /*@import url('/packages/style.css');*/ * HTML { behavior: url('/s/tc-www/css/hover.htc'); } body { background-size: 100% auto !important; } #page { padding: 0; margin: 0 auto; max-width: 1010px; height:auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; position: relative; background-position: top left; background-repeat: repeat-y; } #page_container { max-width: 950px; padding: 15px; margin: 0 15px; } #location { display: none; } #header { height: auto; max-width: 950px; overflow-x: visible; overflow-y: visible; -ms-overflow-x: hidden; -ms-overflow-y: visible; } #logo { text-align: left; min-height: 50px; } #logo-mobile { display: none; } /*------------ Languages ------------*/ #languages { position: absolute; top: 15px; right: 30px; } /*-----------------------------------*/ #main { max-width: 950px; } /*------------ Navigation ------------*/ #navigation { font-size: 14px; min-height: 45px; max-width: 950px; margin: 15px 0; font-weight: bold; } #navigation UL { padding: 0; margin: 0; list-style: none; } #navigation_inner UL.level_0 LI { float: left; line-height: 45px; cursor: pointer; } /* width: 170px;*/ #navigation UL.level_0 LI A { display: block; margin: 0 1px; } #navigation UL.level_0 LI { background-repeat: repeat-y; } #navigation UL.level_0 LI.first { background: none; } #navigation_inner UL LI SPAN .inner{ padding-left: 10px; padding-right: 10px; } /* #navigation_inner UL LI A { display: block; padding: 0 10px; text-decoration: none; } */ #navigation_inner UL LI A{ display: block; padding-top: 0; padding-bottom: 0; text-decoration: none; } #navigation UL.level_1 { display: none; width: 169px; } #navigation UL LI:hover UL.level_1 { display: block; position: absolute; } #navigation UL.level_1 LI { font-weight: normal; font-size: 11px; height: 25px; line-height: 24px; width: 169px; /* text-align: center;*/ } #navigation UL.level_1 A { background-image: none !important; margin: 0; } #navigation UL.level_1 LI SPAN.outer { display: block; padding: 0 5px; height: 25px; line-height: 24px; } #navigation UL.level_1 LI SPAN.inner { height: 24px; border-bottom: 1px solid #fff; line-height: 24px; display: block; } #navigation UL.level_1 LI.last SPAN.inner { border: none; } /*-----------------------------------*/ #content_container { font-size: 14px; max-width: 950px; } #footer { max-width: 950px; padding: 30px 30px 15px 30px; margin: 0; display: block; font-size: 11px; min-height: 40px; background-repeat: no-repeat; background-position: top left; overflow: hidden; } #footer_inner { margin: 0; overflow: hidden; min-height: 40px; } #address, #information_navigation LI { line-height: 18px; } #address { margin-left: -10px; float: left; width: 60%; } #address .address_item { border-left: 1px solid #2A7979; padding: 0 5px 0 8px; white-space: nowrap; display: block; float: left; } #address .content { white-space: nowrap; } #information_navigation { float: right; width: 40%; } #information_navigation_inner UL { padding: 0; margin: 0; list-style: none; } #information_navigation_inner UL LI { float: left; display: block; padding-right: 5px; padding-left: 5px; } #information_navigation_inner UL LI.first A { padding-left: 0; } #information_navigation_inner UL LI.last { border-right: none; } #information_navigation_inner UL LI A { font-weight: normal; display: block; text-decoration: none; } #content_container .image_container { height: auto; max-width: 100%; } /* Media Queries */ /* Tablet */ @media only screen and (min-width: 769px) and (max-width: 1200px) { body { background: none; } #page { width: 100%; background-image: none; margin-left: auto; margin-right: auto;} #page_container {max-width: 950px; padding: 10px; margin: auto;} #content_container {font-size: 14px; padding-left: 10px; padding-right: 10px;} /* Navigation */ /* #navigation {font-size: 16px;} #navigation UL.level_1 LI {height: 35px !important; line-height: 35px !important; font-size: 14px;} #navigation UL.level_1 LI SPAN.inner {border-bottom: 1px solid #fff; display: block; height: 35px !important; line-height: 35px !important;} #navigation UL.level_1 LI SPAN.outer {height: 35px !important; line-height: 35px !important;} */ /* Layout image */ #layout_image {max-width: 100%; height: auto; margin: auto;} #layout_image_inner { width: 100%;} #layout_image_inner img { max-width: 100%; height: auto; width: auto\9; /* ie8 */} /* ueberschriften */ h1 {font-size: 1.25em !important;} h2 {font-size: 1.2em !important;} h3 {font-size: 1.12em !important;} h4, h5, h6 {font-size: 1em !important;} /* paragraph_button */ .paragraph_button {margin-top: 5px;} .paragraph_button_inner A {background-size: 100% auto !important;} /* Umfrage radio button */ /*#page .paragraph_survey_form .radio .formElementDescription {float: right !important; width: 95% !important; margin-left: 0;}*/ /*#page .paragraph_survey_form .radio .formElementDescription {float: right !important; width: calc(100% - 35px) !important; margin-left: 0;}*/ #page .paragraph_survey_form .radio .formElementDescription {float: right !important; width: 90% !important; margin-left: 0;} /*#page .paragraph_survey_form .radio .formElementContent {float: left !important; width: 20px !important; margin-top: 0;}*/ #page .paragraph_survey_form .radio .formElementContent {float: left !important; max-width: 10%; width: 20px !important; margin-top: 0;} #page .paragraph_survey_form .formElementContent INPUT {height: 20px; font-size: 16px;} #page .paragraph_survey_form .submit .formElementContent BUTTON {height: 30px; font-size: 16px;} #page .survey_result_link_inner, #page .survey_back_link_inner {padding: 5px 0;} /* formular */ #page DIV.formElement {font-size: 14px;} #page .contact_form FORM DIV.formElementContent INPUT, #page .contact_form FORM DIV.formElementContent SELECT {height: 30px; font-size: 16px;} #page .contact_form FORM DIV.formElementContent INPUT[type=radio] {height: auto;} #page .contact_form FORM DIV.formElementContent BUTTON {height: 30px; font-size: 16px;} #page .contact_form FORM .submit DIV.formElementContent INPUT, #page .contact_form FORM DIV.formElementContent TEXTAREA, #page .contact_form FORM .submit DIV.formElementContent BUTTON {font-size: 16px;} #page DIV.formElement, #page DIV.formElementContent {white-space: normal;} /* guestbook */ #page .guestbook_form FORM DIV.formElementContent INPUT, #page .guestbook_form FORM DIV.formElementContent BUTTON {height: 30px; font-size: 16px;} #page .guestbook_form FORM .submit DIV.formElementContent INPUT, #page .guestbook_form FORM DIV.formElementContent TEXTAREA, #page .guestbook_form FORM .submit DIV.formElementContent BUTTON {font-size: 16px;} /* Newsletter anmelden */ #page .paragraph_newsletter FORM DIV.formElementContent INPUT, #page .paragraph_newsletter FORM DIV.formElementContent BUTTON {height: 30px; font-size: 16px;} #page .paragraph_newsletter FORM .submit DIV.formElementContent INPUT, #page .paragraph_newsletter FORM .submit DIV.formElementContent BUTTON {font-size: 16px;} /* Bildergalerie */ .paragraph_image_gallery .image_gallery_preview_item {float: left; max-width: 100%;} /* flash paragraph */ .paragraph_flash { position: relative; padding-bottom: 56%; /* padding-top: 30px;*/ height: 0; overflow: hidden; } .paragraph_flash object { position: absolute; top: 0; /* left: 0;*/ max-width: 100%; height: 100%; } /*.paragraph_html_inner iframe {width: 100% !important;}*/ /*.paragraph_content_structure_inner .paragraph_html iframe {width: 100% !important;}*/ /* IFrame Paragraph */ .paragraph_iframe_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; } .paragraph_iframe_inner iframe, .paragraph_iframe_inner object, .paragraph_iframe_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 90%; } /* Google-Maps Paragraph */ .paragraph_googlemaps_inner iframe { max-width: 100%; } /* .paragraph_googlemaps_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; } .paragraph_googlemaps_inner iframe { position: absolute; top: 0; left: 0; max-width: 100%; height: 100%; }*/ /* Routeplanner */ .paragraph_route_inner iframe {max-width: 100%;} /* Öffnungszeiten */ .paragraph_opening_hours .openingHoursBaseName { float: left; /*width: 200px;*/ width: 20%; } .paragraph_opening_hours .openingHoursBaseTime { float: left; /* width: 125px;*/ width: 80%; } /* Footer */ #footer { background-image: none; font-size: 12px; min-height: 60px; padding: 15px; margin: 15px;} #footer_inner{ height: 100%; margin: auto;} #address { width: 100%;} #information_navigation { width: 100%; min-height: 20px;} #information_navigation UL LI { line-height: 18px;} } /* Smartphone */ @media only screen and (max-width: 768px) { body { min-width: 300px;} body { background: none !important; } #page { width: 100%; background-image: none; margin-left: auto; margin-right: auto;} #page_container {max-width: 950px; padding: 2px; margin: 0 2px;} #main { margin-top: 15px;} #content_container {font-size: 16px; padding: 10px;} #content_container a {font-size: 17px;} /* Logo */ /* #logo_inner a { display: none;}*/ /*#logo_inner a img {display: block; margin-left: auto; margin-right: auto; height: auto; max-height: 100px; width: auto;}*/ #logo_inner a img {margin-left: auto; margin-right: auto; height: auto; max-height: 100px; width: auto;} /* Logo Druckversion only if display: none; */ #logo_inner #logo-mobile {display: block; font-size: 24px; margin-left: 75px; margin-top: 20px;} /* Navigation */ #navigation {min-height: 0; font-size: 14px; margin: 0;} /* #navigation_inner UL.level_0 LI {width: 50%;} #navigation UL.level_1 {width: 50%;} */ /* 01-12-2016 */ /* #navigation_inner UL.level_0 LI {width: 85%; max-width: 350px;} #navigation UL.level_1 {width: 80%; max-width: 350px;} */ #navigation_inner UL.level_0 LI {width: 85%;} #navigation UL.level_1 {width: 85%;} #navigation UL.level_1 LI {width: 100%; min-height: 45px !important; height: auto; line-height: 35px !important; font-size: 14px;} #navigation UL.level_1 LI A { text-decoration: none;} #navigation UL.level_1 LI SPAN.inner { border-bottom: 0;} /* Layout image */ /*#layout_image { display: none;}*/ /* Ueberschriften */ h1 {font-size: 1.25em !important;} h2 {font-size: 1.2em !important;} h3 {font-size: 1.12em !important;} h4, h5, h6 {font-size: 1em !important;} /* paragraph_button */ .paragraph_button {margin-top: 5px;} .paragraph_button_inner A {background-size: 100% auto !important;} /* Impressum */ #page .paragraph_contact .contact_form {width: 98%;} #page DIV.paragraph_contact, #page DIV.paragraph_imprint {width: 100%!important;} /* umfrage radio button */ #page .paragraph_survey_form .formElementContent INPUT {height: 20px; font-size: 18px;} #page .paragraph_survey_form .submit .formElementContent BUTTON {height: 40px; width: 100%; font-size: 18px;} #page .paragraph_survey_form .radio .formElementDescription {float: right !important; width: 90% !important; margin-left: 0;} /*#page .paragraph_survey_form .radio .formElementContent {float: left !important; width: 20px !important; margin-top: 0;}*/ #page .paragraph_survey_form .radio .formElementContent {float: left !important; width: 10% !important; margin-top: 0;} #page .survey_result_link_inner, #page .survey_back_link_inner {padding: 5px 0;} /* formular */ #page DIV.formElement { font-size: 16px;} #page .contact_form DIV.formElementContent {float: none; width: 100%} #page .contact_form DIV.formElementDescription {float: none; width: 100%} #page .contact_form FORM DIV.address DIV.formElementContent DIV.formElementDescription {width: 100%;} #page .contact_form FORM DIV.formElementContent INPUT, #page .contact_form FORM DIV.formElementContent SELECT {height: 30px; width: 100%; font-size: 18px;} #page .contact_form FORM DIV.formElementContent BUTTON {height: 30px; width: 100%; font-size: 18px;} #page .contact_form FORM .submit DIV.formElementContent INPUT, #page .contact_form FORM DIV.formElementContent TEXTAREA, #page .contact_form FORM .submit DIV.formElementContent BUTTON {font-size: 18px; width: 100%;} #page .checkbox .formElementContent { width: 100% !important;} #page DIV.formElement, #page DIV.formElementContent {white-space: normal;} /* #page .contact_form FORM DIV.formElementContent INPUT[type=radio] {height: auto;}*/ /* Newsletter anmelden */ #page .paragraph_newsletter FORM {width: 100%;} #page .paragraph_newsletter DIV.formElementContent {float: none; width: 100%;} #page .paragraph_newsletter DIV.formElementDescription {float: none; width: 100%} #page .paragraph_newsletter FORM DIV.formElementContent INPUT {height: 30px; width: 100%; font-size: 18px;} #page .paragraph_newsletter FORM DIV.formElementContent BUTTON {height: 40px; font-size: 18px;} #page .paragraph_newsletter FORM .submit DIV.formElementContent INPUT, #page .paragraph_newsletter FORM .submit DIV.formElementContent BUTTON {font-size: 18px; width: 100%;} /* News */ .news_image IMG {width: 100%} /* guestbook */ #page .paragraph_guestbook_insert .guestbook_form {width: 100%;} #page .guestbook_form DIV.formElementContent {float: none; width: 100%;} #page .guestbook_form DIV.formElementDescription {float: none; width: 100%} #page .guestbook_form FORM DIV.address DIV.formElementContent DIV.formElementDescription {width: 100%;} #page .guestbook_form FORM DIV.formElementContent INPUT {height: 30px; width: 100%; font-size: 18px;} #page .guestbook_form FORM DIV.formElementContent BUTTON {height: 40px; font-size: 18px;} #page .guestbook_form FORM .submit DIV.formElementContent INPUT, #page .guestbook_form FORM DIV.formElementContent TEXTAREA, #page .guestbook_form FORM .submit DIV.formElementContent BUTTON {font-size: 18px; width: 100%;} /* Bildergalerie */ .paragraph_image_gallery .image_gallery_preview_item {float: left; max-width: 100%;} .page_image_gallery_window {font-size: 18px;} .image_gallery_preview_label {margin-left: auto; margin-right: auto;} /* flash paragraph */ .paragraph_flash { position: relative; padding-bottom: 56%; /* padding-top: 30px;*/ height: 0; overflow: hidden; } .paragraph_flash object { position: absolute; top: 0; /* left: 0;*/ max-width: 100%; height: 100%; } /* #page DIV.paragraph_html IFRAME {width: 100%;}*/ /* IFrame Paragraph */ .paragraph_iframe_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; } .paragraph_iframe_inner iframe, .paragraph_iframe_inner object, .paragraph_iframe_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 90%; } /* video Paragraph */ /*.paragraph_video { display: none; }*/ .paragraph_video_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; } .paragraph_video_inner iframe, .paragraph_video_inner object, .paragraph_video_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 90%; } .player_controls_container {top: 90%;} .player_seekbar {width: 70% !important;} .player_duration {right: 27px;} .player_volume_bar_outer {display: none;} .player_mute {right: 7px;} .player_type_video {position: static !important;} .player_overlay {width: 100% !important; height: 90% !important;} .player_box {width: 100%!important;} .player_flash_box_inner {height: 100% !important; width: 100%!important;} .paragraph_html {width: 100% !important;} .paragraph_html_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; /*overflow: hidden;*/ } .paragraph_html_inner iframe, .paragraph_html_inner object, .paragraph_html_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* .paragraph_html_inner object, .paragraph_html_inner embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ /* Google Maps */ .paragraph_googlemaps { width: 100% !important; } .paragraph_googlemaps_inner iframe { width: 100%; } .paragraph_googlemaps_inner { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; } .paragraph_googlemaps_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Routeplanner */ .paragraph_route_inner iframe {width: 100%;} .paragraph_route_inner { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .paragraph_route_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .paragraph_route_inner iframe html body #map[style] { width: 100%!important; height: auto!important; } /* Kfz Markt */ .paragraph_cars {display: none;} /* Veranstaltungen */ .paragraph_view_events_normal .event .event_image {width: 100%;} /* link Bild */ .image_container p {width: 100% !important;} /* Mittagstisch */ .lunch_image img {width: 100%;} /* Öffnungszeiten */ .paragraph_opening_hours .openingHoursBaseName { float: left; /*width: 200px;*/ width: 40%; } .paragraph_opening_hours .openingHoursBaseTime { float: left; /* width: 125px;*/ width: 60%; } /* Sitemap */ .paragraph_sitemap {display: none;} /* Tabelle */ /* .paragraph_table {display: none;}*/ /* Footer */ #footer { font-size: 14px; height: 100%; margin: auto;} #footer_inner{ height: 100%; margin: auto;} #address { float: none; width: 100%;} #information_navigation { width: 100%; min-height: 20px; padding-top:10px; margin: 3px;} #information_navigation_inner UL LI { border-right: none !important; padding: 2px; float:none;} #information_navigation UL LI { display: block; text-decoration: none; text-align: center; line-height: 30px;} #information_navigation SPAN.inner { margin: 0px; padding: 5px;} } @media only screen and (max-width: 380px) { .image_gallery_preview_image .outer {display: block; margin-left: auto; margin-right: auto;} .paragraph_image_gallery .image_gallery_preview_item {float: none;} #navigation_inner UL.level_0 LI{ position:relative; } #navigation UL.level_1{ position:absolute; top:45px; left:0; } } @media only screen and (max-width: 420px) { .player_duration .flivpee_duration_position {display: none;} #navigation_inner UL.level_0 LI{ position:relative; } #navigation UL.level_1{ position:absolute; top:45px; left:0; } } /*Tabelle */ @media screen and (max-width: 600px) { table { border: 1px solid #ccc; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0; } table thead { display: none; } table colgroup col { width: 100% !important; } table tbody tr, table tfoot tr { margin-bottom: 5px; /*display: block;*/ border-bottom: 2px solid #ddd; padding: 5px; } table tbody td, table tfoot td { display: block; padding: 10px; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; } table tbody td:last-child, table tfoot td:last-child { border-bottom: 0; } table tbody td:before, table tfoot td:before { content: attr(data-label); text-transform: uppercase; font-weight: bold; width: 50%; display: inline-block; margin-right: 5px; } } /* Template 306 (Business 9 Webresponsive: Content)*/ #content { width: 100%; margin: 0; padding: 0; } /* Concept 65 Business 9 Webresponsive (from concept 45 Business 9)*/ /* Layoutbilder */ #page { background-image: url(/files/layoutelement/7410/layout/layout_main_background.png?time=1478608758); } #footer { background-image: url(/files/layoutelement/7410/layout/layout_footer_background.png?time=1478608758); } #navigation { background-image: url(/files/layoutelement/7410/layout/navigation_background.png?time=1478608758); } #navigation LI:hover A, #navigation LI.active A { background-image: url(/files/layoutelement/7410/layout/navigation_background_active.png?time=1478608758); } #navigation UL LI.level_0 { background-image: url(/files/layoutelement/7410/layout/navigation_pipe.png?time=1478608758); } /* 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/7410/layout/navigation_background.png?time=1478608758);} #navigation UL LI.level_0.first {background-image: url(/files/layoutelement/7410/layout/navigation_background.png?time=1478608758)!important;} #navigation UL.LI.level_1.first {background-image: url(/files/layoutelement/7410/layout/navigation_background.png?time=1478608758);} .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/7410/layout/navigation_background_active.png?time=1478608758); 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/7410/layout/navigation_background.png?time=1478608758);} #navigation UL.level_0 LI AL {background-repeat: repeat;} #navigation LI:hover A,#navigation LI.active A { background-image: url(/files/layoutelement/7410/layout/navigation_background_active.png?time=1478608758);} #address { float: none; width: 100%;} #information_navigation {color: #ADADAD;} } #page .recaptcha { display: flex; justify-content: start; align-items: center; padding: 0 !important; } #page .recaptcha .formElementDescription { display: none; } #page .recaptcha .formElementContent { width: auto !important; } /*Call-to-Action Navigation*/ #page #navigation_101658_102132, #page #navigation_101658_102135 { position: absolute; top: 10px; width: 200px; height: 32px; z-index: 70; display: block !important; padding-left: 20px; } #page #navigation_101658_102132 /*Telefon*/ { left: 60%; background: url('/files/www/navi-phone.png') no-repeat left top; } #page #navigation_101658_102135 /*Ort*/ { left: 70%; background: url('/files/www/navi-map.png') no-repeat left top; } #page li#navigation_101658_102132 A, #page li#navigation_101658_102135 A { background-color: transparent !important; border-radius: 0 !important; color: #444444 !important; font-size: 15px; font-weight: normal !important; text-align: left; } @media only screen and (min-width: 768px) and (max-width: 1601px) { #page #navigation_101658_102132 /*Telefon*/ { right: 10% !important; top: 1em; } #page #navigation_101658_102135 /*Ort*/ { right: 20% !important; top: 4.5em; } } @media only screen and (max-width: 767px) { #page #navigation_101658_102132, #page #navigation_101658_102135 { display: none !important; } } /********************* SCHRIFTARTEN v16-08-01 *********************/ @font-face { font-family: 'Open Sans Regular'; src: url('/files/fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*Beispiele für Strukturen und Absätze, die angepasst werden müssen*/ #page, #page #content, #page h1, #page #navigation { font-family: 'Open Sans Regular', sans-serif; font-size: 16px; } /*************************************************** 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: 1100px; width: 100%; } #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; } /*********************** LOGO VERTIKAL ZENTRIEREN ***********************/ #page #logo { display: table; /*height: 150px;*/ } #page #logo_inner { height: 120px; width: auto; display: table-cell; vertical-align: middle; /*text-align: center;*/ padding: 0px 0px; padding-left: 10px; } #page #logo_inner IMG { width: auto; height: auto; max-width: 75% !important; } @media only screen and (max-width: 767px) { #page #logo_inner { height: 90px; } #page #logo_inner IMG { max-height: 70px; } } /************************************************* NAVIGATION STANDARD nur Hamburger-Button v16-11-07 *************************************************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page #navigation, #page #navigation UL LI, #page #navigation UL LI A { background-image: none !important; background-color: rgba(16,38,77,1); } #page #navigation { height: 50px; max-width: 100%; width: 100%; margin: 0px; } #page #navigation_inner { max-width: 1200px; margin: 0 auto; height: 50px; } #page #navigation_inner.nav-collapse { float: none; } #page #navigation ul { text-align: center; } #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: 18px; text-transform: uppercase; font-weight: normal; height: 50px; line-height: 50px; margin: 0px; padding: 0px 20px; color: #ffffff; } #page #navigation li.level_0 a:before { content: url('/files/www/navi-punkt.png'); } #page #navigation li.level_0:hover a { background-color: rgba(123,190,252,0.2); } #page #navigation li.level_0.active a { text-decoration: underline; } /*Unternavigation*/ /*Unternavigation-Block rechtsbündig an Level_0 setzen*/ /* #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: transparent; z-index: 50; text-align: left; } #page #navigation li.level_1 a:before { display: none !important; } #page #navigation UL.level_1 LI { width: 100%; height: 50px !important; border-top: 1px rgba(255,255,255,1) dotted; } #page #navigation_inner UL LI.level_1 a { background-color: rgba(16,38,77,1) !important; color: #ffffff !important; padding: 0px; font-size: 16px; text-decoration: none !important; } #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 !important; } #page #navigation_inner UL LI.level_1 A:hover { background-color: rgba(123,190,252,0.2) !important; } @media only screen and ( min-width: 768px ) and ( max-width: 1200px) { #page #navigation LI.level_0 a { font-size: 15px; padding: 0px 5px; } } @media only screen and (max-width: 767px) { #page #navigation { background: none; min-height: auto; height: auto; } #page .nav-toggle { /*background-color: #00cc00 !important;*/ color: rgba(16,38,77,1) !important; font-size: 32px !important; text-align: center !important; float: right !important; margin-top: -80px !important; /*Abstand und Höhe zum Logo anpassen*/ margin-right: 20px !important; } #page .logo-mobile { display: none !important; } #page #navigation_inner UL.level_0 LI { background-color: rgba(16,38,77,1)!important; width: 100% !important; max-width: 100%; float: left; border-top: 1px rgba(255,255,255,0.5) solid; } #page #navigation UL LI.level_0 A { color: #ffffff; margin: 0px; text-align: left; padding: 0px 10px; } #page #navigation UL LI.level_0.active A {} #page #navigation UL LI.level_0:hover A { background-color: rgba(123,190,252,0.2); 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(16,38,77,1) !important; } #page #navigation_inner UL LI.level_1 a { background: 0 !important; color: #ffffff !important; font-size: 0.9em !important; } #page #navigation_inner UL.level_1 LI { max-width: 50% !important; border-top: 0; } #page .touch-button { display: none !important; } } /************************ FOOTER STANDARD v16-08-01 ************************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page #footer { width: 100%; max-width: 100%; background-image: none; background-color: rgba(16,38,77,1); 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; } } /*********** EMOTIONSBILD ***********/ #page .wrapper-emo { position: relative; } #page .wrapper-emo IMG { width: 100%; height: auto; } #page .emo-spruch-wrapper { position: absolute; bottom: 13%; left: 13%; width: 600px; height: auto; display: none !important; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ } #page .emo-spruch-wrapper .h { text-align: right; font-size: 25px; line-height: 2.2em; } #page .emo-spruch-wrapper SPAN.outer { padding: 5px 10px; display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } #page .wrapper-emo p { padding: 0px; max-width: 100%; width: 100%; } #page .wrapper-emo p SPAN.outer { background-color: rgba(136,136,136,0.8); padding: 5px 10px; color: #ffffff !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; } #page .slider .image_gallery_title_outer, #page .slider .image_gallery_description_outer, #page .slider .image_gallery_details_link_outer, #page .slider .image_gallery_info_outer, #page .slider .image_gallery_navigation_outer, #page .slider .image_gallery_image_actions_outer, #page .slider .image_gallery_previews { display: none; } @media only screen and (max-width: 767px) { #page .wrapper-emo p SPAN.outer { font-size: .9em; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { #page .wrapper-emo p { position: absolute; bottom: 13%; left: 10%; width: 31% !important; text-align: left; } #page .wrapper-emo p SPAN.outer { display: inline; font-size: 18px; line-height: 2.2em; } #page .xwrapper-emo p { position: absolute; bottom: 13%; left: 13%; width: 32%!important; height: auto; text-align: right; } #page .xwrapper-emo p SPAN.outer { display: inline; font-size: 25px; line-height: 2.2em; } } @media only screen and (min-width: 1201px) { #page .wrapper-emo p { position: absolute; bottom: 13%; left: 13%; width: 32% !important; text-align: right; } #page .wrapper-emo p SPAN.outer { display: inline; font-size: 25px; line-height: 2.2em; } } /************************* 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; } #page .box50 { padding: 0px 20px; } @media only screen and (max-width: 767px) { #page .wrapper-contentbox-innen { padding: 30px 20px; } #page .box50 { width: 100%; padding: 0px; } } /************************ HEADLINES & ÜBERSCHRIFTEN ************************/ /*Allgemeine Einstellungen für alle Auflösungen*/ #page .h { color: rgba(16,38,77,1); text-align: center; font-weight: normal; line-height: 1.5em; font-size: 30px; } #page h1 { text-transform: uppercase; margin-bottom: 30px; } #page h1 EM { font-style: normal; } #page h2 { color: #999999 !important; } @media only screen and (min-width: 768px) { #page h1 { font-size: 35px !important; } #page h1 EM { font-size: 30px !important; } #page h2 { font-size: 30px !important; } } @media only screen and (max-width: 767px) { #page h1 { font-size: 25px !important; } #page h2 { font-size: 20px !important; } } /********* STARTBOXEN *********/ #page .startbox-wrapper {} #page .startbox { width: 33.33%; } #page .startbox-innen { margin: 0 10px 20px; text-align: left; border: 1px #cdcdcd solid; border-bottom: 10px rgba(16,38,77,1) solid; background: linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -moz-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -webkit-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -ms-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -o-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); } #page .startbox-innen .h { background-color: rgba(16,38,77,1); color: rgba(255,255,255,1); font-size: 20px; text-align: left; padding-left: 10px; } #page .startbox-inhalt { min-height: 170px !important; padding: 20px 10px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { #page .startbox { width: 50%; } } @media only screen and (max-width: 767px) { #page .startbox { width: 100%; } #page .startbox-inhalt { min-height: 0 !important; } } /********************* BUTTON-LINKS v16-08-01 *********************/ #page .link-btn-wrapper { margin: 20px 0px; } #page .link-btn {} #page .link-btn UL { list-style: none; padding: 0px; } #page .link-btn LI { float: left; } #page .link-btn A { background-color: rgba(136,136,136,0.8); color: #ffffff; display: inline-block; min-height: 50px; line-height: 50px; text-align: center; text-decoration: none; padding: 5px 35px; font-size: 20px; } #page .link-btn a:hover { background-color: rgba(16,38,77,1); color: #ffffff; transition: all 0.25s ease-in 0s; } @media only screen and (max-width: 767px) { #page .link-btn LI { width: 100% !important; } #page .link-btn a { width: 100% !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 17px; } } /******************* ACCORDION REFERENZEN *******************/ #page .accordion-box {} #page .accordionStruk { padding: 0px 20px; padding-top: 20px; } #page .accordion_area { margin-bottom: 20px; border: 1px #dddddd solid; } #page .accordionStruk .accordionButton { cursor: pointer; } #page .accordionStruk .accordionButton { background-color: rgba(16,37,77,1); height: 50px !important; line-height: 50px !important; color: #5d0000; padding-left: 100px; background-image: url('/files/www/accord-menu.png'); background-repeat: no-repeat; background-position: 0px 0px; } #page .accordionStruk .accordionButton h2 { font-size: 22px !important; color: #ffffff !important; text-align: left !important; line-height: 50px !important; height: 50px !important; padding: 0px !important; } #page .accordionStruk .accordionButton DIV.paragraph_text P { padding: 0px !important; } #page .accordionStruk .accordionButton.on { background-position: 0px -150px; } #page .accordionStruk .accordionContent { padding: 15px; } #page .ref-box {} #page .ref-box .ref-box-innen { color: #333333; padding: 15px; margin-bottom: 15px; text-align: left; border: 1px #cdcdcd solid; background: #dbedfe; } #page .ref-box .ref-col-links { width: 40%; } #page .ref-box .ref-col-links IMG { width: 100% !important; height: auto !important; border: #c2c2c2; } #page .ref-box .ref-col-rechts { width: 60%; box-sizing: border-box; padding: 0 0 0 20px; } #page .ref-box .h { color: #0a2138; border-bottom: 1px #666666 solid; padding-bottom: 7px; margin-bottom: 10px; font-size: 17px; font-weight: bold; text-align: left; } #page .ref-box .pdf-box { border: 1px #333333 dotted; padding: 10px 15px; margin-top: 15px; } #page .pdf-box-download { width: 40%; } #page .pdf-box-text { width: 60%; } #page .ref-box A { color: darkred; } @media only screen and (max-width: 767px) { #page .ref-box .ref-col-links, #page .ref-box .ref-col-rechts { width: 100% !important; } #page .ref-box .ref-col-links .image_gallery_preview_item { width: 100% !important; height: auto; margin-bottom: 20px; } #page .ref-box .ref-col-rechts { padding: 0px; } } /**************** TEAM - MANAGEMENT ****************/ #page .team-wrapper {} #page .teambox {} #page .teambox IMG { width: 100%; height: auto; } #page .teambox-innen { text-align: left; border: 1px #cdcdcd solid; margin: 0px 10px 20px; border-bottom: 10px rgba(16,38,77,1) solid; } #page .teambox-innen A { color: rgba(16,38,77,1); } #page .teambox-textbox { padding: 10px 15px; min-height: 260px !important; background: linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -moz-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -webkit-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -ms-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -o-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); } #page .teambox-name { font-size: .9em; line-height: 1.5em; } #page .teambox-name STRONG { font-size: 1.25em; } #page .teambox-mail { background-image: url('/files/www/team-mail.png'); background-repeat: no-repeat; background-position: 3px 10px; padding-left: 35px; } #page .teambox-telefon { background-image: url('/files/www/team-phone.png'); background-repeat: no-repeat; background-position: 6px 7px; padding-left: 35px; } #page .teambox-xing { background-image: url('/files/www/team-xing.png'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 35px; } #page .teambox-xing A { font-weight: normal !important; } #page .xing { margin: 10px 0px; } @media only screen and (max-width: 930px) { #page .teambox { width: 100%; } } /*********** AUFTRAGGEBER ***********/ #page .auftragbox-wrapper { margin-bottom: 30px; } #page .auftragbox { width: 33.33%; } #page .auftragbox-innen { border: 1px #cdcdcd solid; margin: 10px; background-color: #eaeaea; padding: 5px; } @media only screen and (max-width: 767px) { #page .auftragbox { width: 50% !important; } #page .auftragbox-innen { margin: 5px; } } /********************************* KONTAKTFORMULAR STANDARD v16-08-01 *********************************/ /*Allgemeine Einstellungen für Desktopversion*/ #page .contact_form { position: relative; } #page .paragraph_contact .contact_form { width: 100%; } #page .contact_form label, #page .contact_form .formElementDescription { font-size: 16px; } #page .contact_form input[type=text], #page .contact_form textarea { border: 1px solid #CCC; min-height: 40px; padding: 10px; } /*Beschreibung über Textfeld*/ #page .contact_form DIV.formElementContent { float: none; width: 100% } #page .contact_form DIV.formElementDescription { float: none; width: 100%; } /*Felder ausblenden*/ #page .tck_form_fieldform_field_5, /*Firma*/ #page .tck_form_fieldform_field_3, /*Anschrift*/ #page .tck_form_fieldform_field_7 /*Fax*/ { display: none; } /*Nachrichtenfeld neben Infofeld !!! nur ab 768px Auflösung !!! */ @media only screen and (min-width: 768px) { #page .contact_form DIV.formElement { padding-left: 65%; min-height: 80px; } #page .tck_form_fieldform_field_4 /*Nachrichtenfeld*/ { position: absolute; width: 63%; top: 0; left: 0; padding-left: 0 !important; } #page .tck_form_fieldform_field_4 textarea { height: 200px !important; } #page .form_invalid { position: absolute; top: -60px; left: 0px; width: 100%; } } /*Disclaimer und Button angleichen*/ #page .contact_form .disclaimer, #page .contact_form .submit { padding-left: 0px !important; margin: 15px 0px; } #page .contact_form button { background-color: rgba(16,38,77,1); 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 .contact_form button:hover { background-color: #333333; } /******** IMPRESSUM ********/ #page .impressum A { color: #333333; font-weight: normal; } #page .impressum A:hover { text-decoration: underline; } #page .impressum STRONG { font-size: .85em; color: rgba(16,38,77,1); } /************************************ FLEXBOX-MODELL EINFACHE BOX v21-10-23 ************************************/ /*Allgemeine Einstellungen für die Boxen*/ #page .flexwrap > div { display: flex; flex-wrap: wrap; } #page .flexwrap .flexbox { display: flex; xxxalign-items: center; /*vertikal*/ xxxjustify-content: center; /*horizontal*/ width: 50%; /*minus doppeltem margin*/ margin: 0; margin-bottom: 20px; padding: 20px; text-align: left; xxxbackground-color: lightgrey; } #page .flexbox > div { background: linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -moz-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -webkit-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -ms-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); background: -o-linear-gradient(top, #fbfdff 0%, #dbedfe 100%); border: 1px #cdcdcd solid; border-bottom: 10px rgba(16,38,77,1) solid; padding: 10px 30px 30px 20px; text-align: left; } #page .flexbox .h { text-align: left; margin-bottom: 5px; } #page .flexwrap .flexbox > div { width: 100%; } @media only screen and (max-width: 767px) { #page .flexwrap .flexbox { width: 100%; margin: 0px 0px 10px; } } /******************* ZITAT AUF STARTSEITE *******************/ #page .zitat-wrap { margin: 30px 0px 80px; } #page .zitat { font-style: italic; font-size: 23px; } #page .zitat STRONG { font-size: 2em; font-weight: normal; display: inline-block; padding: 0px 10px; } #page .zitat EM { font-size: .8em; display: block; margin-left: 30%; margin-top: 10px; } @media print { #page, #page_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #page_container, #page_container_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; } #navigation{ display: none; } #main, #main_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #content_container, #content_container_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #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; } #information_navigation{ display: none; } }