/* Import Sub-CSS-Files */ @import url('navigation_tablet.css'); @import url('footer_tablet.css'); @import url('paragraph_templates_tablet.css'); /***************************************************** * CSS-Klassen (allgemeine Helperklassen * ******************************************************/ .only_desktop { display: none; } .not_tablet { display: none; } .only_tablet { display: inline; } /***************************************************** * Inhaltsbereich gesamt* * ******************************************************/ #maincontent { width: 660px; } /**************************************************** * Logo + Markenbereich MMI ******************************************************/ #fair_logo { width: 58%; } #mmi_area{ width: 145px; } #coOrganizerLogo{ float: left; } #coOrganizerLogo img { margin-right: 8px; } #mmi_brand { left: 660px; } #coOrganizerLogo{ width: 110px; } #coOrganizerLogo img { max-width: 110px; } /**************************************************** * Content * *****************************************************/ #content_1 { background: white; width: 620px; } #content_2 { background: white; width: 660px; padding-left: 0px; padding-right: 0px; } #content_2 .marginalGroup .marginal_template { float: left; width: 300px; margin-left: 20px; } .marginal_template { float: left; width: 300px; margin-left: 20px; } #tabcontent{ top:-23px; } /**************************************************** * Content ohne Marginalspalte * *****************************************************/ #content_without_marginal { width: 620px; } /**************************************************** * Bühne auf Startseite * *****************************************************/ #stageContainer { width: 660px; height: 250px; } .stageLink { width: 660px; height: 250px; } #btnStageRight { left: 618px; } #stageIndicator { margin-top: 213px; } .slideEle { height: 250px; width: 660px; } .slideEle .jp-controls-holder { top: 230px; } /**************************************************** * Zielgruppeneinstieg auf Startseite * *****************************************************/ /* targetGroupContainer ist bei Startseite um Zielgruppenbereich */ #targetGroupContainer #targetGroup { width: 640px; } #targetGroupContainer #targetGroup #targetGroupContent { width: 620px; } #targetGroupContainer #targetGroup #targetGroupSections { width: 660px; } #targetGroupContainer #targetGroup #targetGroupSections .tgSection { width: 620px; } /**************************************************** * Zielgruppeneinstieg auf Contentseiten * *****************************************************/ #targetGroupOpacity { height: 110px; } #targetGroup { margin-left: 2%; width: 650px; height: 100px; } #targetGroupSections { width: 660px; } #targetGroupContent { height: 90px; width: 620px; } .tgContainer{ width: 70px; text-align: center; } .tgSection { width: 640px; } .tgContainerSmall{ width: 58px; } /* MD: Wichtig bei Highlights 10px mehr*/ .tgContainerSmall:first-child{ width: 68px; } #tgHighlightContainer div{ width: 58px; } .tgImg{ margin-top: 8px; clear: left; margin-left: 15px; margin-right: 0px; } .tgImgHighlight { margin-left: 20px; } .tgImgSmall { /* clear: left;*/ margin-left: 8px; margin-right: 0px; } .tgElement { clear: left; text-align: center; margin-right: 0px; margin-top: 0px; margin-bottom: 5px; font-size: 10px; line-height: 11px; display: block; width: 100%; white-space: normal; word-wrap: break-word; } .tgContainerHighlight { width: 90px; } .tgContainerHighlight div { width: 80px; } #tgButton { border-left: 0px; margin-top: 20px; } /* Zeitleiste jquery.ui */ .ui-slider { width:590px; } .timelineCaptionContainer { width: 620px; }