/***************************************************** * AV 103 Logoleiste * ******************************************************/ #btnLogoRight { left: 630px; } .logo_container{ margin-left: 35px; } #mmi_area .arrow_left{ position:absolute; left:640px; z-index:100; } /***************************************************** * AV Banner rectangle * ******************************************************/ #targetGroup .teaser_margin_left20_last{ margin-left:0;} #content_2 .marginalGroup .rectangle,#content_2 .marginalGroup .medium_rectangle,#content_2 .marginalGroup .banner{ float: left; width: 300px; margin-left: 20px; } #content_2 .firstPosition_marginal{ margin-top:0px; margin-left:20px; } /***************************************************** * AV 303 Teaser Login * ******************************************************/ #content_2 .marginal_login_div { width: 280px; } .social_media li{ display:inline-block; width:138px; } /***************************************************** * AV 306 Newsletteranmeldung * ******************************************************/ #content_2 .newsletter{ width:290px !important; background-color:#f5f5f5; padding:20px 0px 30px 10px; } #content_2 .newsletter .description_text{ color: #9a9a9a; font-weight: bold; margin-top: 15px; margin-bottom: 7px; } #content_2 .newsletter .textfeld{ width:210px; height:28px; border: solid 1px #999999; padding-left:10px; color:#9a9a9a; vertical-align:middle; } #content_2 .newsletter .buttonGoNl{ margin-right:10px; } #content_2 .newsletter .hr_newsletter{ width:280px; } /***************************************************** * Sitemap ******************************************************/ #content_without_marginal .border_dotted_content{ border-bottom:dotted 1px #444444; width:620px; margin-top:14px; margin-bottom:7px; } #content_without_marginal .sitemapTablet{ margin:15px 0 0 -11px; } #content_without_marginal div.sitemap { margin:0px 0 18px 0; padding:0; } .sitemap .sitemap_level1 { width:620px; height: 32px; background-color: #FF0000; } .sitemap .sitemap_sublevel { width: 300px; padding-top: 1px; } .sitemap .sitemap_sublevel a span { color: #444444; font-size: 14px; line-height: 20px; min-width:250px; } /***************************************************** * AV 212 Reiter / Tabs * ******************************************************/ .tabs{ float:left; width:600px; height:46px; } /***************************************************** * AV 219 Drittel Teaser Bild (Bereichseinstiegsseite) * ******************************************************/ #content_1 .teaser_height310, #content_1 .teaser_height420, #content_1 .teaser_height200 { margin-bottom:0px; } #content_1 .teaser_margin_left_last{ margin-left:0px; } #content_1 .teaser_width_tablet_last{ width:618px; height:100%; } #content_1 .teaserimage_last { float:left; margin: 4px 4px 4px 4px; } #content_1 .teaser_inline_last { float:right; width:300px; position:relative; top:-18px; } #content_1 .teaser_inline_last_withoutimage{ float:left; width:600px; padding-left:20px; } #content_1 .teaserH2{ margin-bottom:5px; } #content_1 .teaser li{ margin-bottom: 9px; } #content_1 .teaser_downloadlist ul li{ list-style-type:none; } #content_1 .teaser_downloadlist .ul_normal { max-width: 100%; height: auto; margin: 4px 4px 4px 4px; } #content_1 .teaser_downloadlist span.teaser_text_position_last{ font-weight:bold; min-width:50px; margin-left:20px; position:relative; bottom:3px; } #content_1 .teaser_downloadlist .ul_last{ float:left; max-width:180px; } #content_1 .teaser_downloadlist span.teaser_text_position{ font-weight:bold; margin-left:20px; position:relative; bottom:14px; } #content_1 .teaser_downloadlist .description{ /* position:relative; bottom:14px; margin-right:20px; line-height:15px; */ font-size:12px; } #content_1 .teaser_downloadlist .description_last{ margin-left:20px;margin-bottom:11px; font-size:12px; line-height:15px; } #content_1 .only_tablet .list_landscape_format .teaser_text_position_last{ width:170px; display:inline-block; } #content_1 .only_tablet .list_landscape_format{ width:180px; } #content_1 .teaserH2 { padding-bottom:10px; position:relative;top:0.6em; margin-bottom:1px; } #content_1 .teaserimage { height:120px; width:290px; margin: 4px 4px 0px 4px; } #content_1 .teaser_running_text { margin-bottom: 19px; } /***************************************************** * AV 219 Drittel Teaser Bild NEU * ******************************************************/ #content_1.startpageTeaserWidth { width: 640px; padding-right:0px; margin-top: -6px; margin-bottom: 40px; } #content_1 .teaser-img-text-new:not(.fair_startpage_area):nth-child(3n) { /*overwrite action from desktop*/ /*margin-right:0px;*/ } #content_1 .only_tablet.teaser-img-text-new:not(.fair_startpage_area) { margin-right:0px; } #content_1 .teaser-img-text-new div.teaser_inline { margin-top: -13px; } #content_1 .teaser-img-text-new h2.teaserH2 { margin-bottom: 8px; padding-bottom: 0px; } #content_1 .teaser-img-text-new .teaser_width_tablet_last a { float:left; } #content_1 .teaser-img-text-new .teaser_width_tablet_last img { margin-bottom: 26px; } #content_1 .teaser-img-text-new .teaser_width_tablet_last .teaser_inline { width: 300px; } #content_1 .teaser-img-text-new .teaser_width_tablet_last .teaser-btn-container { margin-bottom: 20px; } #content_1 .only_tablet.teaser-img-text-new .teaser_height420.teaser_width_tablet_last, #content_1 .only_tablet.teaser-img-text-new .teaser_height310.teaser_width_tablet_last, #content_1 .only_tablet.teaser-img-text-new .teaser_height200.teaser_width_tablet_last { margin-top: 6px; } #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser_inline_last.teaser_has_no_picture, #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser_inline_last_withoutimage.teaser_has_no_picture { float:left; width: 598px; margin-top: 8px; margin-left: 20px; margin-right: 0px; padding-left: 0px; } #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser_inline_last h2.teaserH2.teaser_has_no_picture, #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser_inline_last_withoutimage h2.teaserH2.teaser_has_no_picture { margin-bottom: 10px; } #content_1 .only_tablet.teaser-img-text-new .teaser_inline_last_withoutimage .teaserH2.teaser_has_no_picture { margin-top: 0px; } #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser_inline_last_withoutimage.teaser_has_no_picture .teaser_running_text { padding-bottom: 17px; } #content_1 .only_tablet.teaser-img-text-new .teaser_width_tablet_last .teaser-btn-container.teaser_has_no_picture { margin-top: -17px; margin-bottom: 27px; } /***************************************************** * AV 219 Drittel Teaser Bild (Startseite) * ******************************************************/ #targetGroup .teaserImageText .teaser_margin_left20{ margin-left:0px;} #targetGroup .teaserImageText .teaser_margin_right20{ margin-right:0px;} #targetGroup .teaser_margin_left_last{ margin-left:0px; } #targetGroup .teaserImageText .teaserMarginText{ float:left; margin-left:20px; } #targetGroup .teaser_width_tablet_last{ width:618px; height:100%; clear:both; } #targetGroup .teaserimage_last { float:left; margin: 4px 4px 4px 4px; } #targetGroup .teaser_width_tablet { width:300px; position:relative; top:0px; background-color:red; } #targetGroup .teaser_inline_last { float:right; width:300px; position:relative; top:0px; } #targetGroup .teaser_inline_last_withoutimage{ float:left; width:600px; padding-left:20px; } #targetGroup .teaserImageText .teaser li{ margin-bottom: 19px; } /* targetGroupContainer ist bei Startseite um Zielgruppenbereich */ #targetGroupContainer #targetGroup .teaserMargin { margin-right:0px; } #targetGroup .teaserMargin { margin-right:20px; } /***************************************************** * AV 222 Teaser Terminmbox (Startseite) * ******************************************************/ #content_1 .teaser_eventbox h2 { padding:10px 0 6px; 0; } #content_1 .teaser_eventbox .link .bg_linklist{ position:relative; top:-2px; left:3px; } #content_1 .teaser_eventbox .link .text_position{ position:relative; top:-3px; } #content_1 .teaser_eventbox .link_last .bg_linklist{ position:relative; top:-2px; left:3px; } #content_1 .teaser_eventbox .link_last .text_position{ position:relative; top:-2px; left:2px; } #content_1 .teaser_width_tablet_last .date{ position:relative; top:-5px; } #content_1 .teaser_eventbox .hrStyle{ margin-top:4px; border-bottom: 1px dotted #444444; color: #AAAAAA; width:260px; } #content_1 .teaser_eventbox .paddingTop13 .text_position{ margin:4px 0 0 10px; padding:0; float:left; } #content_1 .teaser_eventbox .paddingTop13{margin-top:9px;} #content_1 .teaser_eventbox .paddingTop13 .bg_linklist{margin:5px 0 0 0;padding:0;} /***************************************************** * AV 222 Teaser Terminmbox Zielgruppeneinstieg * ******************************************************/ /* last Teaser Begin */ #targetGroup .teaser_eventbox .link_last{ width:100%; } #targetGroup .teaser_eventbox .link_last a{ display:inline-block; width:100%; } #targetGroup .teaser_eventbox .link_last span.bg_linklist { margin:3px 0 0 -1px; padding:0px; } #targetGroup .teaser_eventbox .link_last span.text_position{ float:left; width:100%; white-space:nowrap; } #targetGroup .teaser_width_tablet_last .paddingTop13 a{ display:inline; white-space:nowrap; } #targetGroup .teaser_width_tablet_last .paddingTop13{ margin-bottom:50px; } /* last Teaser End */ #targetGroup .teaser_eventbox .link{ margin-left:30px; } #targetGroup .teaser_eventbox span.bg_linklist { margin:3px 0 0 -1px; padding:0px; } #targetGroup .teaser_eventbox span.text_position{ margin-left:10px; } #targetGroup .teaser_eventbox .link{ max-width:510px; position:relative; top:3px; } #targetGroup .teaser_eventbox .paddingTop13{ margin-top:10px; } #targetGroup .teaser_eventbox .paddingTop13 .text_position{ margin:0 0 0 10px; padding:0; float:left; font-weight: bold; } #targetGroup .teaser_eventbox .paddingTop13 span.bg_linklist { margin-top:2px; padding:0; } #targetGroup .teaser_eventbox .date{ color:#FF0000; width: 20px; padding-bottom:5px; } #targetGroup .teaser_eventbox h2 { padding:16px 15px 9px 0; } #targetGroup .teaser_eventbox .hrStyle{ margin:10px 0 3px 0; clear:both; } #targetGroup .teaser_eventbox .list{ padding-top:3px; } #targetGroup .teaser_eventbox .teaserMarginEvent{ float:left; margin-left:20px;margin-right:-10px; } #targetGroup .teaser_eventbox .hrStyle{ margin-top:4px; border-bottom: 1px dotted #444444; color: #AAAAAA; } #targetGroupContainer #targetGroup .teaser_eventbox .teaserMargin{ float:left; margin-left:0px; } /***************************************************** * AV 220 Teaser Linkliste (Startseite) * ******************************************************/ #targetGroup .teaser_downloadlist { width: 298px; border: 1px solid #C8C8C8; float:left; } #targetGroup .teaser_downloadlist .ul_normal { max-width: 100%; height: auto; margin: 4px 4px 14px 4px; } #targetGroup .teaser_downloadlist ul { max-width: 100%; height: auto; margin: 0px 4px 4px 4px; padding-left:10px; padding-bottom:19px; } #targetGroup .teaser_downloadlist li{ list-style-type:none;margin-bottom:8px; } #targetGroup .teaser_downloadlist .description{ font-size: 14px; margin-left:20px;margin-bottom:15px; } #targetGroup span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/content_arrow_link_whiteback_1.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; margin-right:10px; } #targetGroup a:hover > span.bg_linklist { background-color:#FF0000; } #targetGroup span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrow_link_extern.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; margin-right:10px; } #targetGroup a:hover > span.bg_externlink { background-color:#FF0000; } #targetGroup .teaser_downloadlist .marginleft14{margin-left:14px;} /***************************************************** * AV 220 Teaser Linkliste (Startseite) - last * ******************************************************/ #targetGroup .teaser_downloadlist_last{ width:618px; height:100%; border: 1px solid #C8C8C8; float:left; margin-bottom:20px; } #targetGroup .teaser_downloadlist_last .list_landscape_format{ width:260px; display:inline-block; float:left; margin-right:25px; } #targetGroup .teaser_downloadlist_last .list_landscape_format a{ display:inline-block; } #targetGroup .teaser_downloadlist_last .list_landscape_format span.teaser_text_position{ font-weight:bold; width:100% !important; max-width:260px; margin-left:20px; position:relative; bottom:12px; } #targetGroup .teaser_downloadlist .teaserimage_last { float:left; margin: 4px 4px 4px 4px; } #targetGroup .teaser_downloadlist_last .ul_last { height: auto; margin-left:23px; } #targetGroup .teaser_downloadlist_last .description_last{ font-size: 14px; margin:-10px 0 11px 20px; } #targetGroup .teaser_downloadlist h2, .teaser_downloadlist_last h2{margin: 16px 20px 14px 20px;} #targetGroup .teaser_downloadlist_last .list_landscape_format_last { display:inline; float:left; margin-left:25px; padding-top:10px; } #targetGroup .teaser_downloadlist_last .list_landscape_format_last .teaser_text_position{ font-weight:bold; position:relative; left:20px; bottom:12px; } #targetGroup .teaser_downloadlist_last .hrWidth{ width:570px; margin-bottom:20px; } #targetGroup .teaser_downloadlist_last .liLast{ margin-bottom:30px; } #targetGroupContainer #targetGroup .teaserMargin { margin-left:60px; } /***************************************************** * AV 221 Teaser Nachrichten rollierend * ******************************************************/ #content_1 .teaser_news_rolling { margin-top: 18px; } #content_1 .tnr_margin_left { margin-bottom: 1px; /* Hack sonst funktioniert es nicht richtig*/ } #content_1 .tnr_last { margin-left: 0px; width: 620px; height: 270px; } #content_1 .tnr_last .hrStyle { display: none; } #content_1 .tnr_last #firstNews { position: relative; z-index: 2; top: -18px; } #content_1 .tnr_last .withFirstNews { position: relative; top: -95px; } #content_1 .tnr_last .line { margin-right: 25px; margin-top: 5px; float: left; width: 275px; } #content_1 .tnr_last .startRight{ margin-left: 300px; } #content_1 .tnr_last .link { float: left; width: 220px; } #content_1 .tnr_last #news_paging { margin-left: 247px; margin-top: 5px; } #content_1 .tnr_last #bottom_link { margin-top: -20px; } #content_1 .tnr_last #bottom_link_withFirstNews { margin-top: -112px; position: relative; z-index: 2; } /* Ansicht im Zielgruppeneinstieg */ #targetGroup .tnr_first { margin-right: 0px; } #targetGroup .tnr_second { margin-left: 20px; } #targetGroup .tnr_last { margin-left: 0px; width: 620px; height: 220px; } #targetGroup .tnr_last .hrStyle { display: none; } #targetGroup .tnr_last .link { float: left; width: 220px; } #targetGroup .tnr_last #firstNews { position: relative; z-index: 2; top: -15px; } #targetGroup .tnr_last .withFirstNews { position: relative; top: -75px; } #targetGroup .tnr_last .line { margin-right: 25px; margin-top: 5px; float: left; width: 275px; } #targetGroup .tnr_last .startRight{ margin-left: 300px; } #targetGroup .tnr_last #news_paging { margin-left: 247px; margin-top: 20px; } #targetGroup .tnr_last #bottom_link { position: relative; bottom: 15px; z-index: 2; width: 0px; } #targetGroup .tnr_last #bottom_link .text_position { width: auto; } /***************************************************** * AV 231 Teaser Flickr * ******************************************************/ #content_1 .teaser_flickr { margin-top: 18px; } #content_1 .tnr_last .flickr_photos { float: left; margin-left: 20px; margin-top: 10px; width: 600px; height: 60px; } #content_1 .tnr_last { width: 620px; height: 210px; } #content_1 .tnr_last .bottom_link { margin-top: 50px; } #targetGroup .tnr_last .flickr_photos { width: 600px; height: 100px; margin-left: 20px; margin-top: 65px; } /***************************************************** * AV 232 Teaser Twitter * ******************************************************/ #content_1 .teaser_twitter{ margin-top: 18px; } #content_1 .tnr_last .twitterContent { float: left; margin-left: 20px; margin-top: 0px; width: 600px; height: 120px; } #content_1 .tnr_last .tweet{ width: 280px; margin-right: 20px; } #targetGroup .tnr_last .twitterContent { float: left; margin-left: 20px; margin-top: 0px; width: 600px; height: 120px; } #targetGroup .tnr_last .tweet{ width: 280px; margin-right: 20px; float: left; } /***************************************************** * AV 233 Teaser Facebook ******************************************************/ #content_1 .teaser_facebook { margin-top: 18px; } #content_1 .tnr_last .fbContent{ margin-top: -15px; height: 130px; margin-bottom: 10px; } #content_1 .teaser_facebook .teaser_bottom_link_horizontal { position: relative; margin-top: 25px; } .tnr_last .fbContent .fbText { margin-right: 20px; } /***************************************************** * AV 238 Teaser Promotion rollierend ******************************************************/ #content_1 .teaser_promotion_rolling { margin-top: 18px; } .tnr_last .promotion { /* height: 100px; line-height: 70px; width: 550px; */ display: table-cell; width:580px; height:100px; vertical-align:middle; text-align:center; } /*********************************************************** * Pressedetail Hilfsnavigation* ************************************************************/ div.paging{ width:620px; } /*********************************************************** * AV 404 - Teaser Newsletter (Footer) * ************************************************************/ .newsletter_footer .conversion_button { max-width: 60px; padding:5px 10px 5px 5px; margin: 20px 100px 0px 0px; cursor: pointer; } /*********************************************************** * AV 302 - Teaser Visitenkarte * ************************************************************/ #content_2 .contact_card{ width:300px; } /***************************************************** * AV 402 Teaser Dialog * ******************************************************/ .footer_dialog .labelMargin{ margin-bottom:10px; } .footer_dialog .fax { width:300px; float: left; } .footer_dialog .mail{ margin-left: 0px; margin-top: 7px; float: left; } /****************************************************************************************************** * AV 251 Erfolgsgeschichte für Seite mit Marginalspalte allerdings innerhalb Seite ohne Marginalspalte* *******************************************************************************************************/ #content_without_marginal .av251_textWidthBig{ width:230px; } #content_without_marginal .av251_textWidthSmall{ width:150px; } #content_without_marginal .av251_textWidthWithoutImg{ width:480px; } #content_without_marginal .av251_imgAlign{ margin-left:0px; } #content_without_marginal .av251_lastPosContent{margin-bottom:56px;} #content_without_marginal .av251_contentWidth{width:530px;} #content_without_marginal .av251_imgDiv{position:relative;top:-70px;} #content_without_marginal .av251_border_left{float:left;border-left:2px solid #FF0000;margin-left:28px;} #content_without_marginal .av251_year{ position:relative; top:-1px; margin-bottom:-2px; color:#FF0000; font-size:26px; font-weight:bold; width:900px; } #content_without_marginal .av251_content{ float:left; position:relative; top:26px; padding:0; margin:0 0 0 50px; width:530px; } #content_without_marginal .av251_entries{ float:left; margin-top:19px; width:540px; } #content_without_marginal .av251_textPos h3{ line-height:15px; } #content_without_marginal .av251_textPos{position:relative;top:-20px;background-color:#e9e9e9;padding:27px 30px 27px 30px;} #content_without_marginal .av251_imgBackgroundPosLeftSmall{ background-repeat:no-repeat;background-position:22px -22px; } #content_without_marginal .av251_imgBackgroundPosRightSmall{ background-repeat:no-repeat; background-position:290px -22px; } #content_without_marginal .av251_imgBackgroundPosRightBig{ background-repeat:no-repeat;background-position:210px -22px; } #content_without_marginal .av251_imgPosRightSmall{ position:absolute; margin-left:0px; top:48px; } #content_without_marginal .av251_imgPosRightBig{ position:absolute; margin-left:0px; top:48px; } /* externe Module über Iframe */ .iframeWithoutMarginal{ width:620px; margin-top:20px; height:auto; min-height:1000px; } /***************************************************** * Errorpage * ******************************************************/ .errorpage .errortext { width: 100%; float: left; }