/* Import Sub-CSS-Files */ @import url('navigation_desktop.css'); @import url('paragraph_templates_desktop.css'); @import url('footer_desktop.css'); @import url('modules_desktop.css'); /***************************************************** * CSS-Klassen (allgemeine Helperklassen * ******************************************************/ .not_desktop { display: none; } /***************************************************** * Inhaltsbereich gesamt* * ******************************************************/ #frame { position: absolute; left: 2%; top: 0; height: auto; float: left; } #maincontent { width: 980px; background-color: #FFFFFF; box-shadow: 1px 0px 3px 1px #999999; float:left; } #header { background-color: #FFFFFF; } .marginal_template { margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; } .marginal_template hr { width: 100%; } /**************************************************** * Logo + Markenbereich MMI * *****************************************************/ #headline { clear: left; width: 100%; height: 110px; background-color: #FFFFFF; } #fair_logo { width: 70%; height: 100%; padding-left: 20px; } #fair_logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #mmi_area { width: 15%; float: right; } #mmi_logo { padding-left: 10px; float: left; } #mmi_area img:hover { cursor: pointer; } #mmi_arrow_right { display: inline; } #mmi_arrow_left { display: none; } #mmi_brand { left: 980px; position:absolute; height: 100%; width: 220px; display: none; float:left; background: white; box-shadow: 1px 0px 3px 1px #999999; } #mmi_brand_top { padding-top: 20px; margin-left: 15px; margin-bottom:30px; } #mmi_brand_top a { padding-left: 5px; text-decoration: none; font-size:12px; color:#333333; } #mmi_brand_top a:hover { color: #6A91CE; } #mmi_brand_top a img { float:left; position:relative; top:6px; background-color: #6A91CE; } #mmi_brand_top span{ margin-bottom:10px; } #coOrganizerLogo { width: 12%; float: left; } #coOrganizerLogo img { max-width: 130px; max-height: 100px; margin-right: 1px; } /**************************************************** * Markenbereich Selektboxen allgemein * *****************************************************/ div.fair_selectbox_container { padding:6px 0 0px 0px; } select.fair_selectbox { position: relative; z-index:10; display: block; cursor:pointer; } .fair_selectbox{ width:199px; border:solid 1px #f5f5f5; font-size:12px; color:#666; text-indent: 10px; } span.fair_selectbox { position: absolute; bottom: 0; left: 0; cursor: default; z-index: 1; line-height: 22px; } .label_select { position:relative; } .label_select:after { content:''; right:11px; top:14px; padding:0px; position:absolute; pointer-events:none; width: 9px; height: 7px; background: url(../../images/metanavigation/arrow_gray_down.png) no-repeat; } /* .label_select:before { content:''; right:4px; top:1px; width:27px; height:26px; background:#fff; position:absolute; pointer-events:none; display:block; border-top:solid 1px #f5f5f5; border-right:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; border-left:solid 1px #fff; } */ /**************************************************** * Markenbereich MMI - Events * *****************************************************/ .brand_fair{ width:200px; min-height:103px; height:100%; background-color:#f5f5f5; margin-left:10px; margin-bottom:10px; } .brand_fair a{ color:#666; font-size:12px; } .brand_fair ul{ line-height:16px; } .padding_div{ width:205px; padding:10px 0 10px 10px; } .padding_div ul li{ width:180px; } .fair_boxWithoutSelect{ font-size:12px; padding:13px 10px 10px 10px; } /**************************************************** * Markenbereich MMI - News * *****************************************************/ .brand_news .content{float:left;padding-right:25px;} .brand_news{ width:200px; height:42px; background-color:#fff; margin-left:10px; } .padding_div{ padding:10px 0 10px 10px; } .fair_selectbox{ width:199px; height:25px; border:solid 1px #f5f5f5; font-size:12px; color:#666; padding-top:3px; } div.brand_news .date{ float:left;width:20px; } div.brand_news .content{ float:right;width:145px; } div.brand_news .headline{ width:128px;line-height:14px; } div.brand_news .image{ background-color:#6A91CE;position:relative;top:2px; } div.border_bottom{ width:200px; border-bottom:dotted 1px #666;margin:0 10px 0 10px; } div.brand_news .date .month { text-transform: uppercase; color:#6A91CE; font-size: 10px; } div.brand_news .date .day { font-weight: bold; font-size: 18px; line-height: 100%; color:#6A91CE; } div.brand_news .date .year { font-size: 10px; color:#6A91CE; } .brand_news a { text-decoration: none; font-size:12px; color:#333333; } .brand_news a:hover { color: #6A91CE; } .padding_link{ padding-top:20px; } .image_bottom{ background-color:#6A91CE;position:relative;top:2px; float:left;margin-left:10px; } .link_text{ float:left;margin-left:10px; } /**************************************************** * Markenbereich MMI - News * *****************************************************/ .brand_contact{ width:200px; height:103px; margin-left:10px; margin-bottom:13px; font-size:12px; } .brand_contact a{ color:#6A91CE; font-size:12px; } .brand_contact ul{ line-height:16px; } .padding_div_contact{ padding:10px 0 10px 5px; } .padding_bottom_contact{ padding-bottom:5px; } /**************************************************** * Delimiter-Image * *****************************************************/ #delimiter { width: 100%; float: left; } /**************************************************** * Content * *****************************************************/ #content_1 { background: white; width: 620px; float: left; padding-left: 20px; padding-right:20px; } #content_1 a { font-size: 14px; line-height: 17px; text-decoration: none; color: #444444; display: inline-block; margin-bottom: 5px; } #content_1 hr { margin-top: -10px; margin-bottom: 15px; } #content_1 div { float: left; margin-top: 2%; } #content_1 .youtube.movingImageContainer div[class^="mi"] { float: none; margin-top: 0%; } #content_1 .youtube.movingImageContainer div[class^="mi"] p { margin-bottom: 0; } #content_1 .youtube.movingImageContainer div[class^="mi"].youtubeLink.notEmpty { margin-top: 11px; } #content_1 .youtube.movingImageContainer div[class^="mi"].youtubeLink.empty { margin-top: 7px; } #content_1 .youtube.movingImageContainer .mi-player .mi-control-elements, #content_1 .youtube.movingImageContainer .mi-player .mi-player-generator.mi-big-play { z-index: 50; } #content_1 .youtube.movingImageContainer .mi-player .mi-poster.mi-poster-full { z-index: 20; } #targetGroup, #targetGroupOpacity { z-index: 100; } #targetGroup, #targetGroup { z-index: 110 !important; } #content_1 div[class^="dom-fix"] { margin-top: 0%; width: 100%; } #content_1 div.dom-fix-inline { display: inline; float: none; } #content_1 img { max-width: 100%; height: auto; } #content_1 p{ font-size:14px; line-height:18px; } /* Marginalspalte */ #content_2 { font-size: 13px; background: white; width: 300px; float: left; padding-right: 20px; padding-top: 9px; } #content_2 hr { margin-top: 10px; margin-bottom: 15px; } /* Position der Marginalspalte mit AV 201 b mit Datum */ #content_2 .withAvDate{ position:relative; top:25px; } .content_border { border: 1px solid #AAAAAA; } #skyscraper { position:absolute; left:1000px; margin-top:220px; } /**************************************************** * Content ohne Marginalspalte * *****************************************************/ #content_without_marginal { background: white; width: 940px; float: left; padding-left: 20px; padding-right:20px; } #content_without_marginal .border_dotted_content{ border-bottom:dotted 1px #444444; width:100%; margin-top:10px; margin-bottom:16px; } #content_without_marginal a { font-size: 14px; line-height: 17px; text-decoration: none; color: #444444; display: inline-block; margin-bottom: 5px; } #content_without_marginal hr { margin-top: -10px; margin-bottom: 15px; } /* #content_without_marginal div { float: left; margin-top: 2%; } */ #content_1 img { max-width: 100%; height: auto; } #content_without_marginal p{ font-size:14px; line-height:17px; } /**************************************************** * globale Suche * *****************************************************/ #content_1 .globalSearch .text_grey { margin-top: 10px; margin-bottom: 5px; font-weight: bold; color: #999999; } #content_1 .globalSearch .searchForm { background-color: #E9E9E9; height: 90px; margin-top: 3px; padding-left: 20px; width: 600px; } #content_1 .globalSearch .searchForm input{ margin-right: 20px; height: 28px; width: 250px; border: 1px solid #999999; padding-left: 5px; } #content_1 .globalSearch #searchButton { margin-top: 5px; } #content_1 .globalSearch .extendedSearch { background-color: #E9E9E9; width: 600px; /* height: 230px; */ margin-top: 2px; padding-left: 20px; padding-top: 10px; } #content_1 .globalSearch .extendedSearch .openExtendedSearch span{ float: left; margin-left: 10px; margin-top: -4px; font-weight: bold; color: #444444; } #content_1 .globalSearch .extendedSearch .area{ width: 50%; height: 150px; margin-top: -10px; } #content_1 .globalSearch .extendedSearch .area input[type=checkbox]{ margin-top: 5px; margin-bottom: 5px; float: left; margin-right: 10px; } #content_1 .globalSearch .extendedSearch .period { width: 48%; height: 150px; margin-top: -10px; } #content_1 .globalSearch .extendedSearch .period label { width: 40px; float: left; margin-top: 5px; } #content_1 .globalSearch .area label { float: left; margin-top: 2px; } #content_1 .globalSearch #search_type_pr { clear: both; } #content_1 .globalSearch .extendedSearch .period input[type=text]{ margin-left: 0px; height: 28px; margin-bottom: 10px; margin-right: 10px; width: 100px; border: 1px solid #999999; padding-left: 5px; float: left; } #content_1 .globalSearch span.bg_SearchResultMore{ background-image: url('../../images/pressrelease/content_arrow_greyback_right.png'); background-repeat:no-repeat; background-color:#E45314; width:10px; height:10px; float:left; top: 2px; position:relative; margin-right:10px; margin-left:10px; } #content_1 .globalSearch .extendedSearch .area .calendar { background-color: transparent; cursor: pointer } #content_1 .globalSearch #btnRefresh { margin-right: 10px; margin-bottom: 10px; } #content_1 .globalSearch .result { width: 100%; margin-top: 20px; padding-top: 10px; } #content_1 .globalSearch .result .resultitem { margin-bottom: 15px; width: 100%; float: left; } #content_1 .globalSearch .moreresults { width: 100%; height: 30px; background-color: #E9E9E9; padding-top: 10px; font-weight: bold; text-align: center; } #content_1 .globalSearch .extendedSearchHrefOpen, .extendedSearchHrefClose { background-repeat:no-repeat;padding-left:15px; } .extendedSearchHrefOpen { background-image:url( ../../images/content_icon/akkordeon_h3_grey_down_transback.png );background-position:0px 3px; } .extendedSearchHrefClose { background-image:url( ../../images/content_icon/akkordeon_h3_grey_left_transback.png );background-position:0px 3px; } /**************************************************** * Bühne auf Startseite * *****************************************************/ #stageContainer { width: 980px; height: 360px; margin-bottom: 27px; } .stageLink { width: 980px; height: 360px; position: absolute; z-index: 200; cursor:pointer; /* only for ie < 11 because transparent div not clickable */ background-color: white; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:.0; } .stage_paging_btn { width: 40px; height: 70px; background-color: white; -moz-opacity: 0.50; opacity:.50; filter: alpha(opacity=50); z-index: 12; position: absolute; top: 260px; display: none; cursor: pointer; } .stage_paging_btn img { margin-left: 15px; margin-top: 30px; } #btnStageRight { left: 939px; } #stageIndicator { position: relative; margin-left: 20px; margin-top: 313px; display: table; border-spacing: 5px; z-index: 19; } #stageIndicator div { display: table-row; } #stageIndicator div div { display:table-cell; background-color:#FFFFFF; cursor: pointer; } .slideshow { position:absolute; z-index: 10; } .slideEle { display:none; width: 980px; height: 360px; background-color: black; } .slideEle .jp-controls-holder { position: absolute; background-color: black; width: 100%; top: 350px; } .slideEle .jp-controls-holder .playerControls img{ border: 1px solid white; margin-left: 5px; margin-bottom: 5px; } /**************************************************** * Zielgruppeneinstieg auf Startseite * *****************************************************/ /* targetGroupContainer ist bei Startseite um Zielgruppenbereich */ #targetGroupContainer #targetGroupOpacity { display: none; } #targetGroupContainer #targetGroup { margin-left: 10px; width: 960px; height: auto; padding-left: 0px; } #targetGroupContainer #targetGroup #tgButton { display: none; } #targetGroupContainer #targetGroup #targetGroupContent { width: 940px; } #targetGroupContainer #targetGroup #targetGroupSections { overflow: hidden; height: auto; } #targetGroupContainer #targetGroup #targetGroupSections .tgSection { width: 940px; } /**************************************************** * Zielgruppeneinstieg auf Content-Seiten * *****************************************************/ #targetGroupOpacity { height: 60px; } #targetGroupSections { margin-left: -10px; } #targetGroup { margin-left: 2%; width: 970px; height: 60px; padding-left: 10px; } #targetGroupContent { height: 40px; width: 940px; } .tgSection { width: 960px; margin-left: 20px; margin-right: 10px; padding-top: 10px; /*padding-bottom: 20px;*/ } .tgContainer:hover > span { color: #FFFFFF; } .tgContainer:hover > div span { color: #FFFFFF; } .tgContainer:hover { background-color: #E45314; cursor: pointer; height:100%; } .tgElement { margin-top: 10px; float:left; white-space: nowrap; color: #444444; margin-right: 20px; font-size: 16px; line-height: 20px; } .tgImg { background-repeat: no-repeat; background-color: #E45314; height: 40px; width: 40px; margin-left: 10px; margin-right: 2px; } #tgHighlight { float: left; background-image: url(../../images/target-group/targetgroup_highlight_inactive.png); } #tgHighlightContainer img { float: left; } #tgHighlightContainer:hover > div #tgHighlight { background-image: url(../../images/target-group/targetgroup_highlight_active.png); } #tgExhibitor { background-image: url(../../images/target-group/targetgroup_exhibitor_inactive.png); } #tgExhibitorContainer:hover > #tgExhibitor { background-image: url(../../images/target-group/targetgroup_exhibitor_active.png); } #tgVisitor { background-image: url(../../images/target-group/targetgroup_visitor_inactive.png); } #tgVisitorContainer:hover > #tgVisitor { background-image: url(../../images/target-group/targetgroup_visitor_active.png); } #tgPress { background-image: url(../../images/target-group/targetgroup_press_inactive.png); } #tgPressContainer:hover > #tgPress { background-image: url(../../images/target-group/targetgroup_press_active.png); } #tgCongress { background-image: url(../../images/target-group/targetgroup_congress_inactive.png); } #tgCongressContainer:hover > #tgCongress { background-image: url(../../images/target-group/targetgroup_congress_active.png); } #tgButton { background-color: #E45314; border-left: 2px solid white; cursor: pointer; } #targetGroupSections { width: 980px; float: left; background-color: white; } .tgBtnActive { background-color: #E45314; height:100%; } .tgBtnActive span { color: #FFFFFF; } .tgBtnActive > div #tgHighlight { background-image: url(../../images/target-group/targetgroup_highlight_active.png); } .tgBtnActive > #tgExhibitor { background-image: url(../../images/target-group/targetgroup_exhibitor_active.png); } .tgBtnActive > #tgVisitor { background-image: url(../../images/target-group/targetgroup_visitor_active.png); } .tgBtnActive > #tgPress { background-image: url(../../images/target-group/targetgroup_press_active.png); } .tgBtnActive > #tgCongress { background-image: url(../../images/target-group/targetgroup_congress_active.png); } /* Zeitleiste jquery.ui */ .ui-slider { position: relative; text-align:left; background-color:#e9e9e9; width:910px; margin-left: 15px; } .ui-slider .ui-slider-handle { position: absolute; z-index:2; background:#afc800 url(../../images/target-group/timeline_slider.png) no-repeat scroll 50% 50%; width:61px; height:19px; cursor:pointer; } .ui-slider-horizontal { height:4px; } .ui-slider-horizontal .ui-slider-handle { margin-top: -12px; margin-left: -30.5px; } .timelineContainer { margin-top: 17px; margin-bottom: 19px; } .timelineContainer div { height:4px; background-color: #afc800; } .timelineCaptionContainer { width: 940px; } .TimelineCaption { margin-bottom: 40px; text-transform: uppercase; } .TimelineCaption:hover { color: #E45314; }