.startpage_area{width:620px;} #mmi_area .arrow_left{ position:absolute; left:960px; z-index:100; } /********************************************************* * Link-Formatierung internal_link & external_link global * *********************************************************/ a.internal_link, a.external_link { font-size:14px; color:#444; display: inline-block; text-decoration: none; } a.internal_link:hover, a.external_link:hover, #content_1 a.internal_link:hover, #content_1 a.external_link:hover { color:#FF0000; } a.internal_link .bg_linklist, a.external_link .bg_linklist { margin-top: 3px; } /***************************************************** * AV 103 Logoleiste * ******************************************************/ .logobar { width: 100%; height: 135px; box-shadow: 0px -1px 1px 0px #999999; margin-top: 20px; padding-top: 20px; } #logo_headline { padding-left: 20px; } #logo_headline a { text-decoration: none; color: #444444; } #logo_headline a:hover { color: #FF0000; } #logobar { width: 940px; height: 115px; padding-left: 20px; padding-right: 20px; } #btnLogoRight { position: absolute; left: 950px; margin-top: 35px; z-index: 100; cursor:pointer; } #btnLogoLeft { position: absolute; left: 20px; margin-top: 35px; z-index: 100; cursor:pointer; } .logo_container{ margin-left: 19px; margin-top: 10px; margin-bottom: 10px; width: 110px; height: 95px; } .logo_container span { display: none; color: #444444; } .logo_container:hover span{ display: block; position:absolute; margin-left: 30px; border: 1px solid #444444; background: #FFFFCC; } /***************************************************** * AV 201 allgemein* ******************************************************/ #content_1 img.text_image_max_height { max-width: 620px; } #content_1 .intro_text p{ color: #999999; font-size: 16px; line-height: 20px; } /***************************************************** * AV 201 a,b Datum, Subheadline, Einleitungstext - alle Styles * ******************************************************/ #content_1 .hr_margin{ margin-top:4px; } #content_1 .border_dotted_content{ border-bottom:dotted 1px #444444; width:620px; margin-top:4px; margin-bottom:7px; } #content_1 .p_padding{ padding-bottom:5px; } #content_1 .h3_margin_padding{ position:relative; bottom:0px; padding-bottom: 5px; padding-top: 12px; } #content_1 .image_padding{ padding-bottom:16px; } #content_1 .text_image .continuous_text { padding-top: 2px; } #content_1 .text_image_padding{ padding:3px 0 16px 0; width:100%; } #content_1 .text_image .positionWithoutImage{ margin-top:-15px; } #content_1 .text_image h1{ padding-top:4px;} #content_1 .text_image a {display:inline;} #content_1 .text_image ul { display:inline-block; margin-bottom: 9px; margin-top: 1px; } #content_1 .text_image ol{display:inline-block;} #content_1 .text_image ul ul { margin: 3px 0 0 4px; padding-bottom: 0px; display: block; } #content_1 .text_image ul ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; } /***************************************************** * AV 201 c Datum, Subheadline, Einleitungstext - alle Styles * ******************************************************/ #content_1 .video_width{width:620px;} #content_1 .video_width h1{ padding-top:4px;} #content_1 .video_pos{float:left;margin-top:4px;margin-right:20px;} /***************************************************** * AV 219 Drittel Teaser Image Text - alle Styles * ******************************************************/ #content_1 .teaser_height310,#content_1 .teaser_height420, .teaser_height200 { margin-bottom:7px; } #content_1 .teaserH2 { margin-top:10px;margin-bottom:-3px; padding-right:20px; } #content_1 .teaserimage { height:120px; width:290px; margin: 4px 4px 0px 4px; } #content_1 ul.teaser li{ margin-bottom:7px;} #content_1 .teaser_inline { padding-left:20px; } #content_1 .teaser_inline .teaser .text_position{ display:inline-block; margin-left:0px; max-width:230px; } /* Fließtext Teaser*/ #content_1 .teaser_running_text{ font-size:12px; line-height:15px; position:relative;top:0.5em; margin-bottom:10px; } #content_1 .teaser_running_text p{ font-size:12px; line-height:15px; position:relative;top:0.2em; margin-right:25px; } #content_1 .teaser_height310 ul li{ list-style-type:none; } #content_1 .teaser_height200 ul li{ list-style-type:none; } #content_1 span.text_position{ display:inline-block; max-width:95%; margin-left:0px; } #content_1 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; margin-right:10px; margin-top:4px; } #content_1 a:hover > .bg_externlink { background-color:#FF0000; } #content_1 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; margin-right:10px; } #content_1 a:hover > .bg_linklist { background-color:#FF0000; } /* Medien Link Text - Grafik und Text ändern die Farbe auf hover */ #content_1 a.medien_link{ font-size:14px;color:#444; } #content_1 a.medien_link:hover { color:#FF0000; } #content_1 span.linktext{ min-width:600px;padding-left:20px;position:relative;bottom:3px;} /* MMIV-5085, and making sure to not touch fair_linklist_content_b here */ #content_1 li.li_lineheight span.linktext{ min-width:0; } #content_1 span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_whiteback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:0px; } #content_1 td.row_grey span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); } #content_1 span.bg_medien.internalLinklistDownloads { margin-right: 10px; margin-top: 3px } #content_1 a:hover > .bg_medien { background-color:#FF0000; } #content_1 .text_filedescription{text-transform:uppercase;display:inline;} /***************************************************** * AV 219 Drittel Teaser Text Bild NEU * ******************************************************/ #content_1.startpageTeaserWidth { width: 940px; margin-bottom: 33px; } #content_1 .teaser-img-text-new { position: relative; } #content_1 .teaser-img-text-new.not_mobile.not_tablet { margin-top:13px; } #content_1 .teaser-img-text-new:not(.fair_startpage_area) { margin-right:20px; } #content_1 .teaser-img-text-new:not(.fair_startpage_area):nth-child(3n) { margin-right:0px; } #content_1 .teaser-img-text-new a { margin-bottom: 3px; } #content_1 .teaser-img-text-new .teaser_inline a { margin-bottom: 6px; } #content_1 .teaser-img-text-new .teaser-btn-container { /*position: absolute; */ /*bottom: 20px; */ margin-left: 20px; margin-top:0px; } #content_1 .teaser-img-text-new .teaser-link-btn { margin-top: 4px; background-color: #FF0000; min-height: 20px; padding: 5px 10px; } #content_1 .teaser-img-text-new .teaser-link-btn .linkText { font-weight: bold; position: relative; width: auto; color: #fff; line-height: 20px; max-width: 220px; } #content_1 .teaser-img-text-new .bg_conversionbutton { top: 5px; } #content_1 .teaser-img-text-new .teaserH2 { margin-bottom: -2px; margin-top: 8px; } #content_1 .teaser-img-text-new .teaserH2.teaser_has_no_picture { margin-top: 18px; } #content_1 .teaser-img-text-new .teaser_inline { margin-top: 0px; } #content_1 .teaser-img-text-new .teaser_running_text { top: 0; margin-bottom:0px; } #content_1 .teaser-img-text-new .teaser_running_text p { top: 0; margin-right: 20px; } #content_1 .teaser-img-text-new.teaser_height200.not_mobile.not_tablet, #content_1 .teaser-img-text-new.teaser_height310.fair_startpage_area.not_mobile.not_tablet, #content_1 .teaser-img-text-new.teaser_height420.fair_startpage_area.not_mobile.not_tablet { margin-bottom: 7px; } /***************************************************** * AV 221 Drittel Teaser Nachrichten rollierend * ******************************************************/ /* allgemeingültig (sowohl in Bereichseinstiegsseite als auch Zielgruppeneinstieg) */ #content_1 .teaser_news_rolling .inner{ padding-left:20px; margin-top:-3px; } #content_1 .teaser_news_rolling h2 { padding:16px 0 0px 20px; } .teaser_news_rolling .date{ color:#FF0000; font-size: 14px; width: 33px; margin-right: 10px; float: left; margin-bottom: 5px; } .teaser_news_rolling .month{ text-transform:uppercase; } .teaser_news_rolling .day{ font-size:20px; text-align: center; } .teaser_news_rolling .month, .teaser_news_rolling .day, .teaser_news_rolling .year { text-align: center; width: 100%; } .teaser_news_rolling .hrStyle{ float:left; width:260px; position:relative; top:10px; margin-bottom:7px; } .tnr_margin_left { margin-left: 20px; margin-right:-10px; } .teaser_news_rolling #news_paging img:hover { cursor: pointer; } .teaser_news_rolling #news_paging .pageNo:hover { cursor: pointer; } .teaser_news_rolling #news_paging .activePageNo { font-weight: bold; } #content_1 .teaser_news_rolling .line { height: 67px; } #content_1 .teaser_news_rolling div.link { margin-left:6px; } #content_1 .teaser_news_rolling .link { width: 220px; margin-top: 7px; } .teaser_news_rolling .newsHeadline { width: 200px; margin-left: -1px; } #content_1 .teaser_news_rolling #news_paging { margin-top: 20px; margin-left: -20px; clear: both; position: relative; width: 298px; text-align: center; } .clear_complete { clear: both !important; float: none !important; } #content_1 .teaser_news_rolling #news_paging .paginationCenter { display: table; margin: 0 auto; } #content_1 .teaser_news_rolling #bottom_link { margin-top: 13px; } #content_1 .teaser_news_rolling #bottom_link_withFirstNews{ margin-top: 13px; } /* spezielle Styles für Zielgruppeneinstieg*/ #targetGroup .teaser_news_rolling .line { height: 55px; margin-top: 10px; } /* drittel_teaser_image_text, Links sind alle bold */ #targetGroup .teaser a, .teaser a{ font-weight:bold; } #targetGroup .teaser_news_rolling .inner{ padding-left:20px; margin-top:-3px; } #targetGroup .teaser_news_rolling h2 { padding:16px 0 3px 20px; } #targetGroup .teaser_news_rolling div.link { margin-left:6px; margin-top:0px; } #targetGroup .teaser_news_rolling .link { width: 220px; margin-top: 10px; } #targetGroup .teaser_news_rolling .line { height: 62px; } #targetGroup .teaser_news_rolling .hrStyle{ width:260px; position:relative; top:0px; } #targetGroup .teaser_news_rolling .bg_linklist{ margin-top:1px; } #targetGroup .teaser_news_rolling #news_paging { margin-top: 10px; margin-bottom: 5px; margin-left: 85px; clear: both; width: 90px; font-size: 14px; } #targetGroup .tnr_first { margin-right: 20px; } #targetGroup .tnr_last { margin-left: 20px; margin-right:-10px; } /***************************************************** * AV 223 Drittel Teaser Linkliste * ******************************************************/ #content_1 .teaser_downloadlist { width: 298px; border: 1px solid #C8C8C8; } #content_1 .teaser_downloadlist ul li{ list-style-type:none; } #content_1 .teaser_downloadlist h2{margin: 16px 20px 12px 20px;} #content_1 .teaser_downloadlist ul { max-width: 100%; height: auto; margin: 4px 4px 4px 4px; } #content_1 .teaser_downloadlist span.text_position{ font-weight:bold; margin-left:20px; position:relative; bottom:3px; } #content_1 .teaser_downloadlist .ul_normal { max-width: 100%; height: auto; margin: 4px 4px 4px 4px; } #content_1 .teaser_downloadlist .teaser_text_position{ font-weight:bold; margin-left:20px; position:relative; bottom:13px; } #content_1 .teaser_downloadlist .description{ /* position:relative; bottom:14px; left:20px; margin-right:20px; font-size:12px; line-height:15px; */ margin-left:20px;margin-bottom:12px; margin-top:-14px; padding-right:20px; font-size:12px; line-height:15px; } /***************************************************** * Formatierung AV 219 1/3 Teaser Bild/Text * ******************************************************/ #content_1 .teaser li{ list-style-type:none; margin-bottom: 9px; } #content_1 ul.teaser { margin-left:-10px; } #content_1 .teaser_margin_left20{ margin-left:20px;margin-right:-10px;} /***************************************************** * Formatierung AV 203 Vorteilsliste * ******************************************************/ #content_1 .benefit { width:620px; } div.benefit { background-color:#f5f5f5; } #content_without_marginal .clear { padding-bottom: 20px; } #content_without_marginal .benefit { padding: 5px 0 20px 0; } #content_without_marginal .benefit ul { list-style-position: outside; padding:13px 0 10px 30px; margin:0 15px 0 15px; } #content_1 .benefit ul { list-style-position: outside; padding:16px 10px 13px 30px; margin: 0 15px 0 15px; } #content_1 .benefit ul li { list-style-type:none; } .benefit li{ line-height:20px; margin-bottom: 10px; } .benefit img { background-color:#FF0000; position:absolute; left:38px; margin-top:-5px; } .benefit .text_left{ padding-left:3px;} .benefit .h3_pos { margin:17px 15px 8px 19px; font-size: 14px; font-weight:bold; } /***************************************************** * Formatierung AV 204 Text hervorgehoben * ******************************************************/ #content_1 .highlight h3 { font-size: 14px; font-weight:bold; color:#ffffff; padding-top:17px; padding-bottom:3px; } #content_1 .highlight a.link_continuous_text{ font-size: 14px;color:#fff;text-decoration:underline;margin:0;padding:0; } #content_1 .highlight a.link_continuous_text:hover { font-size: 14px;color:#fff;text-decoration:underline; } #content_1 .highlight { width:580px; padding-bottom: 24px; background-color:#FF0000; color:#ffffff; padding-left: 20px; padding-right:20px; } #content_1 #highlightContent { margin-top: 10px; } #content_1 .highlight #highlightContent ul { display:inline-block; margin: 1px 15px -11px 0; } #content_1 .highlight #highlightContent ol {display:inline-block;margin:0 15px -11px 0px;} #content_1 .highlight #highlightContent ul li{ color:#ffffff; } #content_1 .highlight #highlightContent ol li{ color:#ffffff; } #content_1 .highlight #highlightContent .internal_link_text{ color:#ffffff; } #content_1 .highlight #highlightContent .internal_link_text:hover{ color:#ffffff; } #content_1 .highlight #highlightContent .external_link_text{ color:#ffffff; } #content_1 .highlight #highlightContent .external_link_text:hover{ color:#ffffff; } /* Formatierung AV 205 Link list */ #content_1 .h3_pos7 {padding-bottom:6px;} #content_1 .h3_pos2 {padding-bottom:2px;} #content_1 .marginleft14{margin-left:-14px;} #content_1 .marginleft16{margin-left:-16px;} #content_1 .div_width{ width:620px; } #content_1 .li_style { list-style-type:none; display:inline-block; } #content_1 .li_style.linklistContentB { margin-top: 15px; } #content_1 .li_style.linklistContentB a { margin-bottom: 5px; } #content_1 .linklistA { width:100% ; } #content_1 h3.h3_pos2 { padding-bottom: 12px; } #content_1 li.li_style { margin-bottom: 0px; } #content_1 li.li_style a { margin-bottom: 0px; } #content_1 .linklistA span.text_position{ display:inline-block; max-width:570px; } #content_1 .li_padding{ margin-bottom:18px; } #content_1 .li_padding img{ float:left;margin-right:20px;} #content_1 .li_width{ width:100%; } #content_1 .linklistB a { max-width:80%; } #content_1 .span_pos { position:relative;top:-2px;margin-bottom:-7px; } #content_1 .span_style{ line-height:15px; font-size:12px; max-width:470px; margin-top:4px; float:left; } #content_1 ul.link-list-type-b{ padding: 0px; margin-top: 11px; } #content_1 .link-list-type-b a { width: 100%; margin-bottom: 23px; } #content_1 .link-list-type-b img{ width: 140px; height: auto; border-bottom: 4px solid transparent; } #content_1 .link-list-type-b div { width: 440px; margin-top: 0px; } #content_1 #tabcontent .link-list-type-b div { width: 420px; } #content_1 .link-list-type-b span { line-height: 18px; } #content_1 .link-list-type-b span.linktext { max-width:420px; min-width:0; padding-left:0; } #content_1 #tabcontent .link-list-type-b span.linktext { max-width:400px; min-width:0; padding-left:0; } #content_1 .link-list-type-b div.link-b { margin-top: 12px; width: auto; } #content_1 .link-list-type-b div.link-b .bg_linklist, #content_1 .link-list-type-b div.link-b .bg_medien { margin-top: 3px; margin-right: 10px; } /* Formatierung AV 206 Jump list */ #content_1 .anchor{width:620px;} #content_1 .anchor ul{ list-style-position:outside;padding-top:12px;margin-left:-15px; } #content_1 .anchor li{ list-style-type:none; } #content_1 .anchor .li_width { width:100%; } #content_1 .anchor_image{ float:left;position:relative; top:3px;margin-right:10px;background-color:#444444;width:9px;height:9px;} #content_1 a.anchor_a{ font-size:14px; } #content_1 a.anchor_a:hover { color:#FF0000; } #content_1 a.anchor_a:hover img { background-color:#FF0000; } /***************************************************** * Formatierung AV 208 Downloadlist * *****************************************************/ #content_1 .downloads { width:620px; } #content_1 .downloads ul { list-style-position: outside; padding-top: 16px; margin-left:-15px; } #content_1 .downloads li { list-style-type:none; } #content_1 .downloads .li_width { width:100%; } #content_1 .downloads a { font-size: 14px; color: #444; text-decoration: none; } #content_1 .downloads a:hover { color: #FF0000; } /***************************************************** * AV 210 Akkordeon * *****************************************************/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #content_1 .accordion_ul{ width:620px; } #content_1 .accordion ul{ background-color:#f5f5f5; } #content_1 .accordion li{border-bottom:1px solid #FFFFFF;} #content_1 .accordionItem{ background-color:#f5f5f5;margin-left:-14px;list-style-type:none; } #content_1 .accordionItem:active{ background-color:#f5f5f5; } #content_1 .accordionLink { width:560px !important; background-color:#f5f5f5; height:100%; padding-top:9px; padding-bottom:10px; margin-bottom:0px; padding-right:20px; } #content_1 .accordionLink:hover { background-color:#FF0000; height:100%; padding-top:9px; padding-bottom:10px; margin-bottom:0px; } #content_1 .accordionContent { display: none; } #content_1 a.accordionLink { display:block; text-decoration:none; padding-left: 40px; background-repeat: no-repeat; background-position: 20px 13px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; width:100%; cursor:pointer; } #content_1 a.accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; } #content_1 a.accordionLink.open { width:560px !important; text-decoration:none; padding-left: 40px; background-repeat: no-repeat; background-position: 17px 17px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png'); color:#444; width:100%; } #content_1 a.accordionLink.open:hover { background-image: url('/media/fair_images/fair_content_icon/akkordeon_h3_white_down_transback.png'); color:#fff; width:100%; } #content_1 a.accordionLink_converse { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); color:#444444; } #content_1 a.accordionLink_converse:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); color:#444444; } #content_1 a.accordionLink_converse.open { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png'); width:100%; } #content_1 a.accordionLink_converse.open:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png'); color:#444444; } #content_1 .accordiontext{ margin:13px 20px 26px 38px; } #content_1 div.accordiontext{ width:90%; } /* Listenformatierung innerhalb dem Akkordeon Element AV 210 */ #content_1 .accordiontext ul li{ border:0px;} #content_1 .accordiontext ol li{ border:0px;} #content_1 .accordiontext ol{ padding:10px 0 10px 20px; } #content_1 .accordiontext ul{ padding:10px 0 10px 15px; } #content_1 .accordiontext ol li{ list-style-type:decimal;display:list-item;font-size:14px; } #content_1 .accordiontext ul li{ list-style-type:disc;display:list-item;font-size:14px; } /* interne und externe Links innerhalb dem Akkordeon Element AV 210 */ #content_1 .accordiontext span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/content_arrow_left_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; margin-right:10px; } #content_1 .accordiontext span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; margin-right:10px; } /* Listenformatierung für DOM-Element im Content */ #content_1 ol{ padding: 10px 0 10px 20px; } #content_1 ul{ padding: 0px 0 10px 15px; } #content_1 ol li{ list-style-type:decimal; display:list-item; font-size:14px; } #content_1 ul li{ list-style-type:disc; display:list-item; font-size:14px; line-height: 16px; margin-bottom: 4px; } /* Formatierung AV 202 Text/Bild */ #content_1 .text_image{ width:620px; } #content_1 .text_image h3{ margin-bottom: 8px;} .image_description_position_zoomable01 { font-size:12px; line-height:15px; font-weight:bold; position: relative; top:-16px; } #content_1 .picture_caption_text_withZoom{ width:100%; } .image_description_fullsize { position: relative; top:6px; font-weight:bold; padding-bottom:10px; font-size:12px; line-height:15px; } #content_1 .image_content { padding-right:20px; width: 300px; float: left; } #content_1 .img_big{ position:relative;top:-5px; } #content_1 .img_content{ float:left; margin-right:20px; margin-bottom:15px; } #content_1 .img_zoomable{ position:relative;top:-5px; } #content_1 .img_icon_zoom{ position:relative;left:270px;bottom:30px; } #content_1 .text_image .text_pos{ float:left; } #content_1 .text_image .padding_text_zoom ul{ max-width:280px; padding-left:10px; } #content_without_marginal .img_big{ position:relative;top:5px; } #content_without_marginal .image_description_fullsize { position: relative; top:7px; font-size:12px; line-height:15px; } /***************************************************** * AV 212 Reiter / Tabs * ******************************************************/ ul.tabs{ padding:0; margin:0; width:620px; position:relative;left:-15px } .tabs{ float:left; width:620px; height:37px; } ul.tabs{ padding:0; margin:0; width:620px; position:relative;left:-15px } .tabs #tabNo1, .tabs #tabNo2, .tabs #tabNo3, .tabs #tabNo4{ color:#999; line-height:15px; padding: 10px 10px 0 10px; } .tabs ul.style_li, .tabs li.style_li{ list-style-type:none !important; text-align:center; height:46px; } .tabs .style_li{ background-image:url('/media/fair_images/fair_tab/content_reiter_background.jpg'); background-repeat: repeat-x; margin-top:1px; list-style-type:none !important; float:left; height:46px; width:152px; /* margin-right:3px;*/ margin-right:4px; cursor: pointer; } .tabs .style_li:nth-child(4),.tabs #current:nth-child(4){ width:152px; margin-right:0px; } .tabs #current{ background-image:url('none'); list-style-type:none; float:left; background-color:#f5f5f5; /* margin-right:3px;*/ margin-right:4px; } .tabs #current a{ padding: 10px 10px 0 10px; text-decoration: none; font-size: 14px; font-weight:bold; color:#444444; line-height:15px; } .tabs a:link{ padding: 8px 3px 0 0px; text-decoration: none; font-size: 14px; font-weight:bold; color:#999; line-height:15px; } #tabcontent{ float:left; background-color:#f5f5f5; padding:0; margin:0; width:620px; position: relative; top:-13px; } #tabcontent .positionWithHeadline{ width:580px; padding-right:20px; } #tabcontent div.text_pos{ width:585px; padding:0px 20px 0px 0px; } /* spezielle Klassen zum Überschreiben der ursprünglichen AVen, wegen der Hintergrundfarbe und der Position*/ /* AV 212 fair_benefit_list */ #tabcontent .benefitTab{ max-width:610px; position:relative; top:-24px; margin-bottom:-22px; } #tabcontent .benefitImage{ float:left;margin-left:-20px; } /* AV 208 fair_downloadlist */ #tabcontent .downloads{ max-width:610px; position:relative; margin:0px 20px 8px 20px; } #tabcontent .downloads span.linktext{ min-width:100px; max-width:500px; padding-left:20px; position:relative; bottom:3px; } /* AV 205 fair_linklist */ #tabcontent .div_width{ max-width:580px; position:relative; margin:4px 20px 0px 20px; } #content_1 #tabcontent .div_width .link-list-type-b a{ margin-bottom: 22px; } #tabcontent .tabPosWithoutHeadline{ margin-top:-12px; } /* AV 209 fair_table_type_a */ #tabcontent .TabTableStyle{ max-width: 577px; position: relative; margin: 17px 30px 16px 18px; } #tabcontent .TabTableStyleB{ max-width: 577px; position: relative; margin: 17px 30px 16px 18px; } #tabcontent .TabTableWithoutHeadline{ margin-top:-5px; } /* AV 204 fair_text_highlighted */ #tabcontent .tabHighlight{ max-width:533px; position:relative; margin:4px 20px 30px 20px; } #content_1 #tabcontent .highlight { padding-bottom: 26px; } #tabcontent .tabHighlight p { margin-bottom: 0px; } /* AV 202 fair_text_image */ #tabcontent .TextImageTab{ max-width: 580px; position: relative; margin: 4px 20px 0px 20px; } #tabcontent .TextImageTab .text_posTab{ max-width:550px; position:relative; margin-top:0px; margin-bottom:14px; } #tabcontent .TextImageTab .text_pos{ margin-bottom:0px; } #tabcontent .TextImageTab .text_posTab span.positionWithoutImage{ margin-top:0px; } #tabcontent .TextImageTab .positionWithHeadline li:first-child{ margin-top: 12px; } #tabcontent .TextImageTab span.padding_text_zoom{ max-width:260px; float:left; } #tabcontent .TextImageTab .img_content img{ float:left; /*margin-right:20px;*/ max-width:570px; } #tabcontent .TextImageTab li { margin-bottom: 4px; } #tabcontent .TextImageTab li:first-child{ position:relative; margin-top:0px; } #tabcontent span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; } #tabcontent span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/content_arrow_left_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:-1px; margin-right:10px; } #tabcontent span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:-1px; margin-right:10px; } #tabcontent .mobile_width{ max-width:590px; overflow:hidden; } /***************************************************** * AV 207 Top link * ******************************************************/ #content_1 .toplink li{ list-style-type:none; margin-right:20px; margin-bottom:-10px; } #content_1 .li_width a.toplink_a{ white-space:nowrap;font-size:14px;position:relative; } #content_1 .li_width a.toplink_a:hover { white-space:nowrap;position:relative;text-decoration:none;color:#FF0000; } #content_1 .li_width .toplink_image{ float:left;position:relative; top:3px;margin-right:10px;background-color:#444444;width:9px;height:9px;} #content_1 a.toplink_a:hover img { background-color:#FF0000; } .toplink{ border-bottom:dotted 1px #444444; width:620px; text-align:right; margin-bottom: 15px; } /***************************************************** * AV 211 Splitter * ******************************************************/ .border_dotted{border-bottom:dotted 1px #444444;width:100%; margin-bottom: 15px;} /***************************************************** * AV 214 Film YouTube * ******************************************************/ .youtube{ background-color:#f5f5f5; height:100%; padding-left:20px; padding-right:20px; } .youTubeSpacer{ margin-bottom:-6px; } #content_1 .youtube .youtubeLink span.bg_externlink{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; margin-right:10px; margin-bottom:25px; } #content_1 .youtubeLink a:hover > .bg_externlink { background-color:#FF0000; } .youtube .youtubeDescription { margin-top: 14px; } .youtube h3{ margin:17px 0 16px 0px;padding:0; } /* Fließtext */ .running_text{ font-size:14px; } .movingImageContainer { width: 580px; } .movingImageContainer .movingImageVideoContainer { width: 100%; } @media all and (max-width: 659px) { .movingImageContainer { width: 260px; } } #content_1 div.youtubeLink a.external_link, div.youtubeLink a.internal_link { margin-bottom: 5px; } /***************************************************** * AV 224 Banner Medium Rectangle (300x250)* ******************************************************/ .ad{ font-size:12px; color:#999999; margin-bottom:14px; line-height:0; } .medium_rectangle{width:300px;} #content_2 .medium_rectangle{ margin:0; padding:20px 0 20px 0; } #content_2 .firstPosition_marginal{ float:none; margin-top:28px; padding-bottom:20px; } /***************************************************** * AV 225 Banner Rectangle (180x150)* ******************************************************/ #content_2 .rectangle{ width:180px; height:150px; } #content_2 div.rectangle{ width:280px; margin:0px; padding:24px 0 32px 0; } #content_1 .rectangle_areapage{ width:280px; margin-right:20px; } .rectangle{ width:180px; height:150px; } /***************************************************** * AV 226 Banner Full-Banner (468x60)* ******************************************************/ .fullbanner{width:468px;height:60px;padding:0 76px 30px 0px;} /***************************************************** * AV 213 Fotostrecke * ******************************************************/ #medienpool{ background-color:#f5f5f5; width:620px; min-height:200px; } #medienpool .h3Style{ margin:17px 0 -5px 20px; padding:0; } #medienpool .mediapool_button_left{ width: 20px; height: 20px; float:left; margin-top:104px; margin-left: 10px; cursor:pointer; background-image: url('/media/fair_images/content_icon/arrowleft_slider_transback.png'); background-repeat: no-repeat; } #medienpool .mediapool_button_right{ width: 20px; height: 20px; float:right; margin-top:104px; margin-left: 20px; cursor:pointer; background-image: url('/media/fair_images/content_icon/arrowright_slider_transback_1.png'); background-repeat: no-repeat; } #medienpool .imgThumbFairKit{ position:relative; left:20px; top:10px; width:560px; } #medienpool ul.imgThumbFairKit, .imgThumbFairKit li { float:left; margin:0px; padding:0px; } #medienpool .imgThumbFairKit li { list-style-type:none; margin-right:20px; margin-top:18px; } #medienpool .imgThumbFairKit li div { position:relative; width:120px; height:80px; overflow: hidden; } #medienpool .imgThumbFairKit .iconShow { background-image: url('/media/fair_images/content_icon/content_sizeplus_transback.png'); background-repeat:no-repeat; width:20px; height:20px; position:absolute; bottom:6px; right:6px; } #medienpool .div_footer{ clear:both; position:relative; top:0px; width: 100%; margin-bottom:18px; } #medienpool span.text_position{ min-width:200px } #medienpool .pager { color: #999999; font-size: 12px; display:inline-block; } #medienpool .mediapool_pager_active{ font-weight:bold; color: #444444; display:inline-block; } #medienpool .mediapool_pager_inactive{ font-weight:normal; cursor: pointer; display:inline-block; } #medienpool .div_pager{ float: right; top:-4px; left:40px;; width: 50%; } #medienpool .div_footer .div_link{ float: left; margin-left: 40px; width: 40%; margin-right: -20px; } #medienpool .div_footer .div_link .text_position{ width:200px; } #medienpool span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); margin-top: 3px; } /***************************************************** * AV 215 Filmstrecke YouTube * ******************************************************/ #medienpoolVideo{ background-color:#f5f5f5; width:620px; min-height:200px; } #medienpoolVideo .h3StyleimgThumb{ margin:17px 0 1px 20px; padding:0; } #medienpoolVideo .imgThumbVideo { width: 580px; padding-left: 0px; padding-top: 2px; padding-bottom: 6px; float: left; } #medienpoolVideo .imgThumbVideo li { list-style-type:none; float: left; margin-left: 10px; } #medienpoolVideo .imgThumbVideo li div { width: 120px; margin-left: 10px; margin-right: 10px; position: relative; overflow: hidden; } #medienpoolVideo .imgThumbVideo li div a { height: 90px; } #medienpoolVideo .imgThumbVideo li div div.mi24gThumbnail { background-color: #000; width: 120px; margin: 0; padding: 0; margin-bottom: 10px; height: 90px; position: relative; } #medienpoolVideo .imgThumbVideo li div div.mi24gThumbnail div.centerClass { margin: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #medienpoolVideo .imgThumbVideo li div div.mi24gThumbnail div.centerClass a { max-width: 100%; margin: 0; padding: 0; height: auto; max-height: 90px; } #medienpoolVideo .imgThumbVideo li div div.mi24gThumbnail div.centerClass a span.iconShow { bottom: 15px; right: 10px; top: 50px; } #medienpoolVideo .iconShow { background-image: url('/media/fair_images/content_icon/content_playvideo_transback.png'); background-repeat:no-repeat; width:20px; height:20px; position:absolute; top: -32px; right: -80px; } #medienpoolVideo .imgThumbVideo li div .youtubeDescription{ margin-bottom: 3px; font-size:12px; font-weight:bold; line-height:13px; } #medienpoolVideo .pagerLeft{ float:left; margin-top:97px; margin-left: 10px; cursor:pointer; } #medienpoolVideo .pagerRight{ float:right; margin-top:97px; margin-right: 10px; cursor:pointer; } #medienpoolVideo .div_footer{ width: 100%; padding-bottom: 21px; margin-top: 0px; } #medienpoolVideo .div_footer .brxlpagination { margin-top: 0px; } #medienpoolVideo .div_footer .div_link { float: left; margin-left: 40px; width: 250px; margin-top: 0px; } #medienpoolVideo .div_footer .div_link a { width: auto; } #medienpoolVideo .pager { color: #999999; font-size: 12px; display:inline-block; } #medienpoolVideo .mediapool_pager_active{ font-weight:bold; color: #444444; display:inline-block; } #medienpoolVideo .mediapool_pager_inactive{ font-weight:normal; cursor: pointer; display:inline-block; } #medienpoolVideo .div_link span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); margin-top: 3px; } /***************************************************** * AV 216 Podcast * ******************************************************/ /* Überschreibt die Downloadgrafik mit weißem Hintergrund */ #downloadlink li .bg_medien{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; bottom:2px; margin-right:10px; } #content_1 #podcast span.linktext{ min-width:200px; } #podcast div.jp-audio{ background-color:#f4f4f4; width:620px; height:50px; } #podcast .jp-controls li, #podcast #downloadlink li{ list-style-type:none !important; } #podcast #downloadlink{ position:relative; bottom:10px;} #podcast div.jp-interface { height:50px; position:relative; bottom:25px; width:615px; padding-left:5px; } #podcast div.jp-interface ul, #podcast #downloadlink ul { margin-top: 10px; } /* group CONTROLS */ #podcast div.jp-img{position:absolute;left:430px;bottom:18px;width:14px;height:12px;} #podcast div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; } #podcast a.jp-play, #podcast a.jp-pause { width:20px; height:20px; } #podcast a.jp-play { background: url( '/media/fair_images/podcast/content_podcast_play_transback.png' ) 0 0 no-repeat; position:relative; top:6px; background-color:#FF0000; } #podcast a.jp-play:hover { background: url( '/media/fair_images/podcast/content_podcast_play_transback.png' ) 0 0 no-repeat; position:relative; top:6px; background-color:#FF0000; } #podcast a.jp-pause { background: url( '/media/fair_images/podcast/content_podcast_break_transback.png' ) 0 0 no-repeat; position:relative; top:6px; background-color:#FF0000; } #podcast a.jp-pause:hover { background: url( '/media/fair_images/podcast/content_podcast_break_transback.png' ) 0 0 no-repeat; position:relative; top:6px; background-color:#FF0000; } /* end */ /* group volume controls */ #podcast div.jp-volume-bar { position:absolute;left:450px;bottom:16px; overflow:hidden; background: url('/media/fair_images/podcast/slider_bg.png') 0 0 repeat-x; width:150px; height:10px; cursor: pointer; } #podcast div.jp-audio #podcast div.jp-volume-bar { bottom:-111px; left:450px; } #podcast div.jp-volume-bar-value { background: url('/media/fair_images/podcast/content_audioregler_transback.png') 0 0 no-repeat; position: absolute; bottom:0px; width:10px; height:10px; } /* end */ /* group current time and duration */ #podcast div.jp-audio #podcast div.jp-time-holder { position:absolute; top:1px; } #podcast div.jp-audio #podcast div.jp-type-single #podcast div.jp-time-holder { left:50%; width:186px; } #podcast div.jp-current-time, #podcast div.jp-duration { width:40px; } /* #podcast div.jp-min{position:relative;left:10px;bottom:-1px;} #podcast div.jp-current-time { padding-top:1px; } */ #podcast div.jp-min{position:relative;left:60px;bottom:42px;} #podcast div.jp-current-time { position:relative;left:60px;bottom:42px; } /* end */ /* group playlist */ #podcast div.jp-title { text-align:center; font-weight:bold; position:relative; left:50px;bottom:40px; } #podcast div.jp-jplayer audio, #podcast div.jp-jplayer { width:0px; height:0px; } #podcast div.jp-jplayer { background-color: #000000; } /* group NO SOLUTION error feedback */ #podcast .jp-no-solution { padding:5px; background-color:#f4f4f4; border:2px solid #009be3; color:#000; display:none; } #podcast .jp-no-solution a { color:#000; } #podcast .jp-no-solution span { display:block; text-align:center; font-weight:bold; } #podcast div.download{ background-color:#f4f4f4; height:50px; width:620px; position:relative; top:-10px; margin-bottom:-10px; } #podcast div.download .position{ padding:5px 0 0 11px; } /***************************************************** * AV 303 Teaser Login * ******************************************************/ #content_2 .marginal_login_div { background-color: #E9E9E9; padding-left: 10px; padding-right: 10px; padding-bottom:37px; height:200px; margin:0; } #content_2 .h3Av303{ position:relative;top:7px;padding-bottom:3px; } #content_2 .marginal_login_div .password{ margin-right: 10px; margin-bottom: 10px; } #content_2 .marginal_login_div .register{ clear:right; margin-right: 10px; } #content_2 .marginal_login_div span { font-weight: bold; color: #999999; padding-bottom: 6px; margin-top: -8px; } #content_2 .marginal_login_div input { margin-bottom: 25px; height: 25px; width: 80%; color: #999999; border: 1px solid #999999; } #content_2 .marginal_login_div .go_button { cursor: pointer; background-color: #FF0000; margin-right: 20px; } #content_2 .marginal_login_div div { margin-right: 10px; margin-bottom: 20px; margin-top: -6px; } #content_2 .marginal_login_div a{ font-size: 14px; color: #444; text-decoration: none; } #content_2 .marginal_login_div a:hover { color: #FF0000; } /***************************************************** * AV 304 Teaser Download * ******************************************************/ #content_2 div.teaser_download{ margin:0; padding:19px 0 22px; } #content_2 .teaser_download hr { margin-bottom: 7px; margin-top: 7px; } #content_2 .teaser_download a{ font-size: 14px; color: #444; text-decoration: none; display:inline-block; } #content_2 .teaser_download a:hover { color: #FF0000; } #content_2 .teaser_download span.linktext{ padding-left: 20px; position: relative; padding-bottom: 5px; } #content_2 .teaser_download span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_whiteback.png'); background-repeat: no-repeat; background-color: #FF0000; width:10px; height:10px; margin-top:1px; } #content_2 .teaser_download a:hover > .bg_medien { background-color: #FF0000; } #content_2 .text_filedescription{text-transform:uppercase;display:inline;} /***************************************************** * AV 301 Save the date * ******************************************************/ #content_2 div.teaser_savethedate{ margin:0; padding:19px 0 17px 0; } #content_2 .teaser_savethedate .medien_link{ display:inline-block; font-size:14px; color:#444; text-decoration:none; } #content_2 .teaser_savethedate a.medien_link:hover { color:#FF0000;text-decoration:none; } #content_2 .teaser_savethedate .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; margin-right:20px; } #content_2 .teaser_savethedate a:hover > .bg_linklist { background-color: #FF0000; } #content_2 .teaser_savethedate span.text{ padding-left: 20px; position: relative; bottom: 13px; } #content_2 .teaser_savethedate .marginal_h3{ text-transform:uppercase; color: #FF0000; text-decoration:none; position:relative; top:1px; } #content_2 .teaser_savethedate .marginal_hr{ border-top: 1px dotted #FF0000; margin-top:8px; margin-bottom:10px; } #content_2 .teaser_savethedate .marginal_date { font-weight:bold; } #content_2 .teaser_savethedate .marginal_template a { text-decoration:none; } #content_2 .teaser_savethedate .marginal_template ul { position:relative; top:6px; } #content_2 .teaser_savethedate span.text_date { position:relative; top:-10px; left:20px; } #content_2 .teaser_savethedate .text_date { font-weight:bold; } /***************************************************** * AV 305 Linkliste ******************************************************/ #content_2 div.teaser_linklist{ margin:0; padding:19px 0 23px 0; } #content_2 .teaser_linklist hr { margin-bottom: 8px; margin-top: 7px; } #content_2 .teaser_linklist li { margin-top: 5px; } #content_2 .teaser_linklist a{ font-size: 14px; color: #444; text-decoration: none; } #content_2 .teaser_linklist a:hover { color: #FF0000; } #content_2 .teaser_linklist .text_position{ display:inline-block; margin:0 0 0 10px; padding:0; max-width:270px; } #content_2 .teaser_linklist 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; margin-bottom: 5px; } #content_2 .teaser_linklist a:hover > .bg_externlink { background-color: #FF0000; } #content_2 .teaser_linklist 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:3px;*/ } #content_2 .teaser_linklist a:hover > .bg_linklist { background-color: #FF0000; } /***************************************************** * AV 306 Newsletteranmeldung * ******************************************************/ #content_2 .newsletter{ background-color:#f5f5f5; padding:20px 10px 30px 10px; margin:0; } #content_2 .newsletter .description_text{ color: #9a9a9a; font-weight: bold; margin-top: 15px; margin-bottom: 7px; } #content_2 .newsletter .textfeld{ width:230px; height:28px; border: solid 1px #999999; padding-left:10px; color:#9a9a9a; vertical-align:middle; } #content_2 .newsletter .buttonGoNl{ float: right; background-image: url('/media/fair_images/marginal_icon/gobutton.png'); background-repeat: no-repeat; width:30px; height:30px; background-color:#FF0000; } #content_2 .newsletter .hr_newsletter{ border:none; border-top: 1px dotted #444444; color: #AAAAAA; height: 1px; margin:7px 0 7px 0; } /***************************************************** * AV 222 Drittel Teaser Terminbox * ******************************************************/ #content_1 .teaser_margin_right20{ margin-left:20px;margin-right:-10px;} .teaser_eventbox .inner{ padding-left:20px; } .teaser_eventbox h2 { padding:11px 0 5px; 0; } #content_1 .teaser_eventbox .date{ color:#FF0000; font-size:14px; width: 33px; margin-right: 10px; margin-top:-3px; } .teaser_eventbox .month{ font-size:14px; text-transform:uppercase; } .teaser_eventbox .year{ font-size:14px; } .teaser_eventbox .day{ font-size:20px; } #content_1 .teaser_eventbox .month, #content_1 .teaser_eventbox .day, #content_1 .teaser_eventbox .year { text-align: center; width: 100%; } #content_1 .teaser_eventbox .hrStyle{ margin-top:4px; border-bottom: 1px dotted #444444; color: #AAAAAA; width:260px; } .teaser_eventbox .hrStyle_last{ width:560px; clear:both; } #content_1 .teaser_eventbox .link{ max-width:210px; margin-top:2px; margin-left:3px; } .teaser_eventbox .bg_linklist{ position:relative; top:2px; left:2px; } .teaser_eventbox .text_position{ max-width:189px; width:189px; float:right; padding-left: 20px; margin-top: -12px; } .teaser_eventbox .paddingTop13{ padding-top:7px; } .teaser_eventbox .paddingTop13 .text_position{ width:200px; margin:3px 0 0 10px; padding:0; float:left; font-weight: bold; } /***************************************************** * AV 307 Teaser Seitenfunktionen * ******************************************************/ #content_2 .social_media hr{ width:300px; padding-bottom: 10px; } .social_media{ position:relative; top:13px; } .social_media li{ display: inline-block; width: 148px; float: left; } .marginal_printsearch li, .marginal_printall li { display: block; } .social_media ul{ padding-bottom:7px; float:left; } .social_media img{ width:24px; float:left; margin-right:12px; } .social_media a:hover span:hover{ color: #FF0000; text-decoration:none; } .social_media .social_media_description{ margin: 5px 0 10px 0; font-weight:bold; float:left; width:300px; } .social_media a span{ color:#444; margin-top:3px; padding-right: 10px; width: 113px; margin-left:36px; } .social_media .share { cursor: pointer; } /***************************************************** * Footer Teaser Image Text Link * ******************************************************/ .footer_imageLink hr{ padding-top:-3px; } .footer_imageLink span{ position:relative; top:-4px; } .footer_imageLink img{ max-width:200px; float:left; margin-top:2px; } /***************************************************** * AV 402 Teaser Dialog * ******************************************************/ .footer_dialog img { width: 24px; height: 24px; } .footer_dialog .subheadline { margin-top: -4px; margin-bottom: 22px; } .footer_dialog .exhibitor { margin-top: 6px; } .footer_dialog .visitor { margin-top: 22px; } .footer_dialog .labelMargin{ margin-bottom:-4px; font-weight:bold; } .footer_dialog .phone_arrow_left { width: 4px; height: 15px; float: left; margin-left: 5px; margin-top: 4px; } .footer_dialog a { float: left; margin-top: 15px; } .footer_dialog .dialog_headline{ margin-top: 15px; } .footer_dialog .contact_phone { padding-left: 0px; background-color: white; font-weight: bold; font-size: 16px; color: #FF0000; margin-top: 1px; padding: 3px; float: left; max-height: 25px; } .footer_dialog .fax { width:300px; margin-left: 1px; margin-top: 12px; padding-left:0; float: left; } .footer_dialog .mail{ margin-left: 0px; margin-top: 7px; color: #444444; float: left; text-decoration:underline; } .footer_dialog .mail:hover { color: #FF0000; } .footer_dialog .emailSpan{ margin-left:1px; margin-top:7px; margin-right:5px; } /***************************************************** * AV 403 Teaser Social Media * ******************************************************/ .footer_social_media a span{ color:#444; } .footer_social_media a span:hover{ color:#FF0000; } .footer_social_media li{ display:inline-block; width:110px; float: left; margin-bottom:3px; min-height: 32px; } .footer_social_media ul{ padding-bottom:3px; margin-top: -3px; } .footer_social_media span{ float:right;width:50px; margin-right:19px; } .footer_social_media img{ width:24px; height:24px; float:left; padding-right:0px; } /***************************************************** * AV 405 Footer Linkliste ******************************************************/ .footer_linklist a{ color: #444; text-decoration: none; } .footer_linklist a:hover { color: #FF0000; } .footer_linklist .text_position{ display:inline-block; max-width:90%; position:relative; bottom:3px; left:10px; } /* .footer_linklist .text_position{ min-width: 260px; padding-left: 20px; position: relative; bottom: 3px; } */ .footer_linklist span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/footer_arrow_link_transback.png'); background-repeat: no-repeat; width:10px; height:10px; margin-bottom: 5px; } .footer_linklist span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/footer_arrow_link_transback.png'); background-repeat: no-repeat; width:10px; height:10px; } /***************************************************** * AV 406 Footer Qualitätssiegel ******************************************************/ .footer_quality img{ max-width: 220px; } /***************************************************** * Sitemap ******************************************************/ .sitemap { width: 100%; } #content_without_marginal .border_dotted_content{ border-bottom:dotted 1px #444444; width:620px; margin-top:4px; margin-bottom:0px; } #content_without_marginal div.sitemap { margin:-20px 0 31px 0; padding:0; } .sitemap .sitemap_level1 { width:940px; height: 32px; background-color: #FF0000; } .sitemap .sitemap_level1 span { color: white; /* text-transform: uppercase; */ padding-left: 10px; padding-top: 7px; min-width:300px; } .sitemap .sitemap_sublevel { width: 311px; padding-top: 0px; } #content_without_marginal .sitemap div.sitemap_sublevel { margin:14px 0 0 1px; padding-bottom:0px; } .sitemap .sitemap_sublevel a { text-decoration: none; } .sitemap .sitemap_sublevel a span { color: #444444; font-size: 14px; line-height: 20px; min-width:300px; } .sitemap .sitemap_sublevel a span:hover { color: #FF0000; } /***************************************************** * Errorpage * ******************************************************/ .errorpage img { width: 100%; max-width: 620px; height: auto; float: left; margin-right: 20px; } .errorpage .errortext { width: 300px; margin-top: 20px; float: right; } .errorpage h1 { padding-bottom: 20px; } .errorpage .error_link { margin-top: 20px; } #content_without_marginal 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; margin-right:10px; margin-top:2px; } #content_without_marginal a:hover > .bg_linklist { background-color:#FF0000; } #content_without_marginal span.text_position{ display:inline-block; } /***************************************************** * AV 209 Table Typ A* ******************************************************/ #content_1 table{ max-width:620px; } table.tablesorter thead tr .sortedTableHeader { background-image:url("/media/fair_images/fair_table/tablesorter_bg2.png"); background-position:right center; background-repeat:no-repeat; cursor:pointer; background-color:#FF0000; text-align:left; } /* Wenn Grafik auf eine Breite begrenzt werden soll hier anpassen #content_1 .mobile_width td img{ width:auto; } */ #content_1 .mobile_width{width:100%;} th, td{ padding:5px 10px 5px 10px; } .fairTableTypeB table { border-spacing: 2px 0px; } .fairTableTypeB table thead th { border-bottom: 1px solid #E9E9E9; } table.tablesorter th span{ margin-right:35px; } table.tablesorter th.thCenter span{ margin-right:0; } table.tablesorter thead tr .headerSortDown { background-image:url("/media/fair_images/fair_table/tablesorter_desc2.png"); } table.tablesorter thead tr .headerSortUp { background-image:url("/media/fair_images/fair_table/tablesorter_asc2.png"); } table.tablesorter tbody tr.odd td{ background-color:#FFF; } table.tablesorter tbody tr.even td{ background-color:#E9E9E9; } table .th_color_negative{ color:#fff; } .row_grey{background-color:#E9E9E9;} .border_bottom{background-color:#FFF;border-bottom:solid 1px #E9E9E9;} #content_1 .fairTableTypeB .border_bottom.color_group1 { border-bottom: solid 1px #FF0000; } #content_1 .fairTableTypeB .border_bottom.background_color3 { border-bottom: solid 1px #FF0000; } #content_1 .bg_externlink_table { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_transback.png'); background-repeat:no-repeat; width:10px;height:10px; position:relative; top:3px; padding-right:5px; } #content_1 span.bg_link_text { margin-left:15px; } #content_1 .bg_linklist_table { background-image: url('/media/fair_images/linkgrafiken/content_arrowright_link_transback.png'); background-repeat:no-repeat; width:10px;height:10px; position:relative; top:3px; padding-right:5px; } .color_group1{background-color: #FF0000;} .color_group2{background-color: #FF0000;} .margin_bottom15{margin-bottom:3px;} #content_1 p.hr_margin{font-size:12px;line-height:16px;font-weight:bold;} #content_1 p.hr_margin.tableLegend{ margin-top: 15px; margin-bottom: 0px; } /***************************************************** * AV 230 ISSUU * ******************************************************/ #content_1 .issuuImbed div{ float:none; } #content_1 div.issuuImbed{ margin-bottom:20px; } #content_1 .av_issuu{ width:620px; background-color:#f5f5f5; } #content_1 .av_issuu .issuuH3{ margin:20px 0 23px 20px; } #content_1 .av_issuu .issuuImbed{ padding: 0 20px 17px 20px;margin-top:-18px; } #content_1 .av_issuu .issuu_description{ margin:5px 20px 5px 20px; } /* Neue Class */ #content_1 .av_issuu .issuu_descriptionWithoutLink{ margin:5px 20px 25px 20px; } #content_1 .av_issuu .issuu_link{ margin:0px 0 9px 5px; } #content_1 .av_issuu .issuu_link ul li{ list-style-type:none; width:600px; } #content_1 .av_issuu span.text{ min-width:500px;padding-left:20px;position:relative;bottom:3px;} #content_1 .av_issuu span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); } .issuuembed div div:nth-child(2) a { background: url( "/media/fair_images/linkgrafiken/content_arrowrighttop_link_transback.png" ) no-repeat left center transparent; width:10px; height:10px; } .issuuembed span a{ min-width:150px; width:20%; padding-left:18px; padding-bottom:7px; } issuuembed issuu-isrendered a{ display:none; visibility:hidden; } /***************************************************** * AV 235 Konversionsbutton * ******************************************************/ #content_1 .conversion_button{ height:20px; background-color:#FF0000; padding:5px 10px 5px 10px; margin-top: 0; } #content_1 .div_width.conButton{ margin-top: 4px; margin-bottom: 12px; } #content_1 span.bg_conversionbutton { background-image: url('/media/fair_images/linkgrafiken/button_arrow_white_transback.png'); background-repeat:no-repeat; width:10px;height:10px; position:relative; top:4px; margin-right:10px; } #content_1 a.conversionbutton_link{ font-size:14px;color:#fff;font-weight: bold; } #content_1 span.text_conversionbutton_position{ margin-left:20px; position:relative; top:0px; } /***************************************************** * AV 237 Mehrspaltige Liste * ******************************************************/ #content_1 .listAv237 {width:620px;} #content_1 .listAv237 ul{float:left;margin-left:-13px;margin:0px;padding:0px;} #content_1 .listAv237 li{ float:left;list-style-type:none;padding-right:10px;width:140px; } #content_1 .listAv237 span.text_position { float:left; min-width: 100px; max-width: 120px; } #content_1 .listAv237 .h3_pos7 {padding-bottom:6px;} #content_1 .listAv237 .h3_pos2 {padding-bottom:12px;} #content_1 .listAv237 img{ padding-bottom:8px;padding-top:11px;} /***************************************************** * AV 238 Drittel Teaser Promotion rollierend * ******************************************************/ .teaser_promotion_rolling { position: relative; } .promotion { margin-left: 20px; margin-right: 20px; width: 260px; text-align: center; } #content_1 .promotion span, #targetGroup .promotion span{ display: inline-block; vertical-align: middle; line-height: 16px; font-size:14px; } .teaser_promotion_rolling .teaser_bottom_link span.bg_linklist{ margin-top:4px; } /***************************************************** * AV 236 Bild Großformat * ******************************************************/ #content_1 .image_top{ padding-top:17px; } #content_1 .picture_caption_single{ margin-top:7px; } #content_1 .picture_caption_plus{ margin-top:-22px; } #content_1 .icon_zoom{ position:relative; bottom:25px; float:right; margin-right:5px; } #content_1 .picture_large_size { max-width: 620px; } /***************************************************** * AV 308 Konversionsteaser * ******************************************************/ #content_2 div.conversionteaser{ float:left; margin:0; padding:20px 0 30px 0; } #content_2 .conversionteaser .conversion_button{ height:20px; background-color:#FF0000; width:auto; float:left; padding:5px 11px 5px 9px; margin-top: 2px; } @-moz-document url-prefix() { #content_2 .conversionteaser .conversion_button{ margin-top: 3px; } } #content_2 .conversionteaser div.conversion_button{ margin-top:-1px; } #content_2 .conversionteaser span.bg_conversionbutton { background-image: url('/media/fair_images/linkgrafiken/button_arrow_white_transback.png'); background-repeat:no-repeat; width:10px;height:10px; position:relative; top:6px; margin-right:9px; } #content_2 a.conversionbutton_link, #content_2 a.conversionbutton_link:hover { font-size:14px; color:#fff; text-decoration:none; } #content_2 .conversionteaser .linkText{ width:auto; float:left; font-weight:bold; position:relative; top:2px; } #content_2 .conversionteaser span.text { color:#444; margin-top:0px; padding-bottom:18px; text-decoration:none; } #content_2 .conversionteaser hr.position { width:300px; margin-bottom: 10px; margin-top: 7px; } #content_2 .conversionteaser .imgPosition{ padding-bottom:6px; width:300px; height:120px; color:black; } /*########################################################################## ALLGEMEINE STYLES FÜR ALLE SEITEN IN DENEN DIE TEASER EINGEBUNDEN WERDEN ############################################################################*/ .teaser_height310 { width: 298px; border: 1px solid #C8C8C8; height:308px; margin-bottom:20px; overflow:hidden; } .teaser_height420 { width: 298px; border: 1px solid #C8C8C8; height:418px; margin-bottom:20px; overflow:hidden; } .teaser_height200 { width: 298px; border: 1px solid #C8C8C8; height:198px; margin-bottom:20px; overflow:hidden; } .teaser_h2 { margin: 16px 10px 16px 20px; } .teaser_social_logo { margin: 10px 10px 0px 0px; } .teaser_bottom_link { position: absolute; bottom: 20px; margin-left: 20px; width: 100%; float: right; } /*##################################### ABSATZVORLAGEN FÜR ZIELGRUPPENEINSTIEG #######################################*/ #targetGroup .teaser_downloadlist { width: 298px; border: 1px solid #C8C8C8; float:left; margin-bottom:20px; } #targetGroup .teaser_margin_left20{ margin-left:20px;margin-right:-10px;} #targetGroup .teaser_margin_left20_last{ margin-left:20px;margin-right:-10px;} /*#targetGroup .teaser_margin_left20{ margin-left:0px;margin-right:-10px;}*/ #targetGroup .teaser_margin_right20{ margin-right:20px;} #targetGroup .teaser_downloadlist h2{margin: 16px 20px 14px 20px;} #targetGroup .teaser_downloadlist .description{ font-size: 12px; margin-left:20px; margin-bottom:15px; margin-right:40px; margin-top:-17px; } #targetGroup .teaser_downloadlist ul { width: 100%; height: auto; margin: 0px 4px 4px 4px; padding-left:10px; padding-bottom:19px; } #targetGroup .teaser_downloadlist .marginleft14 li:last-child, .teaser_downloadlist .marginleft14 li:last-child{ max-width:260px; } /*#targetGroup .teaser_downloadlist a{ display:inline-block; }*/ #targetGroup .teaser_downloadlist span.teaser_text_position{ font-weight:bold; margin-left:20px; position:relative; bottom:12px; } #targetGroup .teaser_downloadlist li{ list-style-type:none;margin-bottom:8px; } #targetGroup a.internal_link_text{ text-decoration:underline;margin:0;padding:0; } #targetGroup a.internal_link_text:hover { text-decoration:none;color:#FF0000; } #targetGroup a.external_link_text{ text-decoration:underline;margin:0;padding:0; } #targetGroup a.external_link_text:hover { text-decoration:none;color:#FF0000; } #targetGroup .teaser_downloadlist .marginleft14{margin-left:14px;} #targetGroup a.link_continuous_text{ font-size: 14px;text-decoration:underline;margin:0;padding:0; } #targetGroup a.link_continuous_text:hover { font-size: 14px;text-decoration:none;color:#FF0000; } #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; } /***************************************************** * AV 219 Drittel Teaser Text Startseite * ******************************************************/ #targetGroup .teaserH2 { margin-top:17px;margin-bottom:2px; margin-right:20px; } #targetGroup .teaserimage { height:120px; width:290px; margin: 4px 4px 4px 4px; } #targetGroup ul.teaser li{ margin-bottom:13px;} #targetGroup .teaser_inline { padding:0 0 0 20px; } /* Fließtext Teaser */ #targetGroup .teaser_running_text{ font-size:12px; line-height:15px; position:relative;top:0.5em; margin-bottom:18px; margin-right:25px; } /* wegen Pfeile geändert rr 24.10.2014 */ #targetGroup .teaser a{ /* margin-bottom:20px; width:80%;*/ } #targetGroup span.text_position{ display:inline-block; max-width:90%; margin-left:0px; } /* Ende wegen Pfeile geändert rr 24.10.2014 */ #targetGroup .teaser_height420 ul li{ list-style-type:none; } #targetGroup .teaser_height310 ul li{ list-style-type:none; } #targetGroup .teaser_height200 ul li{ list-style-type:none; } /*#targetGroup .teaser_margin_left20{ margin-left:20px;margin-right:-10px;} #targetGroup .teaser_margin_right20{ margin-right:20px;}*/ #targetGroup .teaser li{ margin-bottom:9px; } #targetGroup .teaser span.bg_externlink { top:3px; } /***************************************************** * AV 222 Drittel Teaser Terminbox * ******************************************************/ #targetGroup .teaser_eventbox .link{ max-width:210px; position:relative; top:3px; float:left; margin-left:27px; } #targetGroup .teaser_eventbox span.bg_linklist { margin-top:2px; padding:0; } #targetGroup .teaser_eventbox span.text_position{ max-width:180px; margin:0; padding:0; float:left; } #targetGroup .teaser_eventbox .paddingTop13 .text_position{ margin:0; padding:0; font-weight: bold; } #targetGroup .teaser_eventbox .paddingTop13 span.bg_linklist { margin-top:2px; padding:0; } #targetGroup .teaser_eventbox .paddingTop13{ padding-top:13px; } #targetGroup .teaser_eventbox .date{ color:#FF0000; width: 20px; padding-bottom:5px; } #targetGroup .teaser_eventbox h2 { padding:20px 15px 10px 0; } #targetGroup .teaser_eventbox .hrStyle{ margin:10px 0 4px 0; width:260px; clear:both; border-bottom: 1px dotted #444444; color: #AAAAAA; } #targetGroup .teaser_eventbox .list{ padding-top:3px; } /***************************************************** * AV 231 Drittel Teaser Flickr * ******************************************************/ .teaser_flickr { position: relative; } .teaser_flickr .teaser_social_logo{ max-width: 30px; max-height: 30px; } .teaser_flickr .teaser_flickr_left { display: none; position: relative; top: 100px; left: -65px; cursor: pointer; } .teaser_flickr .teaser_flickr_right { display: none; position: relative; top: 90px; right: -505px; cursor: pointer; } #targetGroup .teaser_flickr .teaser_flickr_left { top: 120px; } #targetGroup .teaser_flickr .teaser_flickr_right { top: 110px; } /***************************************************** * AV 232 Drittel Teaser Twitter * ******************************************************/ .teaser_twitter { position: relative; } .teaser_twitter .teaser_social_logo { width: 30px; height: 30px; margin-bottom: -3px; } .teaser_twitter .teaser_h2 { margin-bottom: -10px; } .twitterContent { width: 260px; margin-left: 20px; } .twitterContent .tweet { margin-bottom: 6px; float: left; } .twitterContent .tweet a { color: #444444; } #content_1 .twitterContent .tweet .twitterLink { color: #FF0000; } #content_1 .twitterContent .tweet .twitterLink:hover { color: #FF0000; } #targetGroup .twitterContent .tweet .twitterLink { color: #FF0000; } #targetGroup .twitterContent .tweet .twitterLink:hover { color: #FF0000; } .twitterContent .creationDate { color: #999999; } /***************************************************** * AV 233 Drittel Teaser Facebook * ******************************************************/ .teaser_facebook { position: relative; } .teaser_facebook .teaser_social_logo { width: 30px; height: 30px; } .fbContent { height: 320px; /* Vorschlag, besserer Lösungsansatz 31.10.14 max-height:300px; overflow:hidden; height:auto; */ } .fbContent .fbOnlyText { margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } .fbContent a { color: #444444; } .fbContent .fbPicture { width: 120px; height: 130px; float: left; margin-left: 20px; margin-bottom: 20px; } .fbContent .fbPicture img { width: 120px; max-height: 80px; } .fbContent .fbPicture span { margin-top: 8px; } .fbContent .fbText { float: left; width: 130px; height: 150px; margin-left: 20px; margin-bottom: 20px; } #content_1 .teaser_facebook .teaser_bottom_link a { margin-bottom: 0px; } #content_1 .teaser_facebook .teaser_bottom_link .text_position { display: inline; } /*********************************************************** * Presseseite Detailpage (Corporate Content Datenbankschema)* ************************************************************/ /****** allgemeine Elemente ******/ #content_1 .clearfixPr h2{ font-size: 16px; color: #FF0000; text-transform: none; font-weight:normal; line-height:20px; margin-top:12px; } #content_1 .clearfixPr h3{ padding:0 0 14px 0 ; font-weight:normal; } #content_1 .clearfixPr h1{ margin-top:11px; } #content_1 .clearfixPr .border_dotted_content{ margin:4px 0 0px 0; padding:0; } /****** Elemente aus AV text_image_news ******/ #content_1 .clearfixFairKid ul{ margin:-7px 0 0 0; padding:0 0 0 17px; } #content_1 .clearfixFairKid li:first-of-type{ margin:10px 0 4px 0; padding:0; } #content_1 .clearfixFairKid p:first-child{ margin-top:4px; } #content_1 .clearfixFairKid p:last-child{ margin-bottom:1px; } #content_1 .pressReleasePdfLink span.bg_medien{ margin-top:3px; } #content_1 .pressReleasePdfLink a{ margin-top:10px; } /******** Image Komponenten ******/ #content_1 ul.imgThumb { display: inline-block; margin-left:-20px; } #content_1 .imgThumb{ clear:left; float:left; } #content_1 .imgThumb li{ list-style-type:none; } #content_1 ul.imgThumb li { float: left; margin-left: 6px; } #content_1 ul.imgThumb li img { border: 0; } #content_1 .pressReleasePdfLink { margin: 0 0 15px 2px; } #content_1 .pressReleasePdfLink a:hover{ color:#FF0000; } #content_1 .pressReleasePdfLink span { float: left; margin-right: 5px; } .download { background-position: 0 -334px; width: 14px; height: 17px; } .sprite { background-image: url("/media/img/spritesets/sprite.png"); background-repeat: no-repeat; margin: 0; } .clearfix .text{ padding-bottom:20px; } #content_1 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content_1 h2.var { float: left; margin-bottom: 5px; } #content_1 .galleryModule{ clear:left; float:left; } #content_1 .floatLeftWrapper { float:left; margin:4px 15px 15px 0; } #content_1 .floatRightWrapper{ float:right; margin:-1px 10px 15px 15px; } /* #content_1 .imgLargeWrapper { margin-bottom: 12px; text-align: center; } #content_1 .imgLargeWrapper .imgText { margin-bottom: 0; } */ #content_1 .imgSmall.floatLeft { float:left; margin: 0px 10px 0 0px; } #content_1 .imgSmall.floatRight { margin: 5px 0 0 10px; } #content_1 .imgLarge { margin-bottom: 8px; margin: auto; } #content_1 .imgLargeWrapper { margin-right:10px; margin-bottom: 12px; text-align: center; } #content_1 .imgLargeWrapper .imgText { margin-bottom: 0; } /*********************************************************** * Branchen Themen Hilfsnavigation* ************************************************************/ div.paging{ background-color:#e9e9e9;width:940px;height:30px;margin-left:20px; } span.bg_pagingLeft{ background-image: url('/media/fair_images/fair_pressrelease/content_arrow_greyback_left.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; float:left; position:relative; top:10px; margin-right:10px; } span.bg_pagingTop{ background-image: url('/media/fair_images/fair_pressrelease/content_arrow_greyback_top.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; float:left; position:relative; top:10px; margin-right:10px; } span.bg_pagingRight{ background-image: url('/media/fair_images/fair_pressrelease/content_arrow_greyback_right.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; float:right; position:relative; top:10px; margin-right:10px; margin-left:10px; } span.textPositionTop{ float:right; position:relative; top:8px; } span.textPositionOverview{ float:right; position:relative; top:8px; } span.textPositionRight{ float:left; position:relative; top:8px; } a.paging{ color:#444;font-size:12px;font-weight:bold; } .pagingSpacer{ position:relative;top:5px;padding:0 5px 0 5px; } .pagingMarginLeft{ margin-left:10px } /*********************************************************** * Pressedetail Hilfsnavigation* ************************************************************/ #content_1 div.pr_pressNavigation{ padding:0; margin:10px 0 5px 0; } #content_1 .pr_pressNavigation div.paging{ background-color:#e9e9e9;width:620px;height:22px;padding-top:8px;margin:0px; } #content_1 .pr_pressNavigation li{ list-style-type:none; } #content_1 .pr_pressNavigation ul{ margin-top:-10px; } #content_1 .pr_pressNavigation a.paging{ color:#444;font-size:12px;font-weight:bold; } #content_1 .pr_pressNavigation .pagingMarginLeft{ margin-left:-5px } /*********************************************************** * AV 218 - Pressemeldung Übersicht * ************************************************************/ #content_1 div.newslist{ color: #FF0000; } #content_1 div.newslist div { float: left; } #content_1 div.newslist .date { width: 20px; } #content_1 div.newslist .date .month { text-transform: uppercase; } #content_1 div.newslist .date .day { font-weight: bold; font-size: 20px; line-height: 100%; } #content_1 div.newslist .date .year { font-size: 9px; } #content_1 div.newslist .more { float: right; padding-top: 15px; width: 95px; } #content_1 div.newslist .more .bg_linklist{ bottom:4px; margin-top:2px; } #content_1 div.newslist .more li { float: left; } #content_1 .more li{ list-style-type:none; } #content_1 div.newslist .more a span { margin-left: 8px; } #content_1 .pressFunctionBoxTop, .pressFunctionBoxBottom{ width:600px; height: 40px; padding-top: 10px; background-color:#e9e9e9; } #content_1 .pressFunctionBoxTop li,#content_1 .pressFunctionBoxBottom li{ list-style-type:none; } #content_1 .pressFunctionBoxTop .buttonGo{ margin-right: 10px; width: 30px; } #content_1 .selectbox{ -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; border:solid 1px #b0b0b0; background-color:#f1f1f1; width:100px; height:28px; padding-top:4px; padding-right:3px; padding-bottom:3px; } #content_1 span.bg_newsMore{ background-image: url('/media/fair_images/fair_pressrelease/content_arrow_greyback_right.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; float:left; position:relative; top:10px; margin-right:10px; margin-left:10px; } #content_1 .text_position_newsMore{ float:right;padding-top:7px; } #content_1 .ulStyle{ float:left; margin-left:160px; cursor:pointer; } #content_1 .filterText{ font-weight:bold; padding-top:5px; } #content_1 .marginBottom30{ margin-bottom:30px; } #content_1 .marginTop30{ margin-top:30px; } #content_1 .paddingRight30{ padding-right:30px; } #content_1 .paddingRight10{ padding-right:10px; } #content_1 .overviewEntries{ border-bottom:dotted 1px #444; width:600px; height:56px; padding-bottom:20px; margin-top:-10px; } #content_1 .dateDiv{ width:30px; padding-left:10px; padding-right:30px; } #content_1 .headlineDiv{ line-height:0px; width:287px; margin-top:18px; margin-right:20px; } #content_1 .moreDiv li{ width:100px; } #content_1 .moreDiv{ width:50px; padding-left:40px; padding-right:0px; padding-top:10px; } #content_1 .moreDiv span.text_position{ max-width:56%; position: relative; right:10px; bottom: 3px; } #content_1 div.newslist .moreDiv span.text_position { bottom: 1px; } #content_1 .fileDiv{ width:110px; padding-left:0px; padding-top:10px; padding-right:1px; } #content_1 .fileDiv span.bg_medien{ margin-right:10px; } #content_1 .fileDiv .text_position{ padding-left: 20px; position: relative; bottom: 11px; text-transform:uppercase; } #content_1 .more .text_position{ width:100px; } #content_1 .overview_entries_show{ display:block; } #content_1 .overview_entries_hide{ display:none; } #content_1 .entries_notInSearch { display: none; } /*********************************************************** * AV 404 - Teaser Newsletter (Footer) * ************************************************************/ .newsletter_footer .description_text { color:#9a9a9a; font-weight: bold; margin-top:15px; margin-bottom:5px; } .newsletter_footer span { margin-top: -5px; } .newsletter_footer .textfeld { width:160px; height:28px; margin-bottom: 10px; padding-left:10px; border: solid 1px #999999; float: left; color:#9a9a9a; vertical-align:middle; } .newsletter_footer .buttonGoNlFt { background-image: url('/media/fair_images/marginal_icon/gobutton.png'); background-repeat: no-repeat; width:30px; height:30px; margin-left: 10px; background-color:#FF0000; color:#fff; } /*********************************************************** * AV 217 - Visitenkarte * ************************************************************/ #content_1 .contact_card{ width:620px; background-color:#f5f5f5; } #content_1 .contact_card div{ margin-top: 0; } #content_1 .contact_card .contactDiv{ position:relative; margin-top:5px; margin-right:20px; max-width:460px; } #content_1 .contact_card .contactDivWithoutImage{ position:relative;margin-top:15px; } #content_1 .contact_card .contactImage{ padding-left:20px; float:left; padding-top:7px; margin-top:2%; } #content_1 .contact_card ul{ display:table; padding:0; margin:4px 0 0 20px;; } #content_1 .contact_card li{ display:table-cell; vertical-align:top; } #content_1 .contact_card .first_row{ margin:10px 0 10px 20px; } #content_1 .contact_card .first_rowWithoutImage{ margin:0px 0 10px 20px; } #content_1 .contact_card .second_row{ margin:-6px 0 14px 20px; } #content_1 .contact_card .liDescription{ display:inline-block; font-weight:bold; float:left; width:100px; } #content_1 .contact_card li{ list-style-type:none; } #content_1 .contact_card .paddingRight{ padding-right:5px; } #content_1 .contact_card .contact_onlyBranche{ margin-bottom:10px; } #content_1 .contact_card img{ width:120px;height:180px; } #content_1 .contact_card .fontBold{ font-weight:bold; } #content_1 .contact_card .paddingBottom{ padding-bottom:4px; } #content_1 .contact_card .paddingBottom_address{ margin-top:-4px; } #content_1 .contact_card .paddingLeft{ padding-left:100px; } #content_1 .contact_card .text_position_span{ font-weight:bold; float:left; padding-left:10px; padding-right:10px; } #content_1 .contact_card .save_mobile{ padding-bottom:8px; margin-top:19px; } #content_1 .contact_card .contactImageSpaceBottom{ margin-bottom:30px; } #content_1 .paddingBottom a{ text-decoration:underline; } #content_1 .contact_card .bg_medien{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); margin-top:2px; } #content_1 .contact_card .contact_branche{ margin-bottom:-10px; } #content_1 .contact_card .ul_margin{ margin-bottom:10px; } /*********************************************************** * AV 302 - Teaser Visitenkarte * ************************************************************/ #content_2 .contact_card hr{ margin:7px 0 8px 0; } #content_2 .contactMailtTo{ text-decoration:underline; } #content_2 div.contact_card{ margin:0; padding:20px 0 27px 0; } #content_2 .contact_card .href_contactWithoutImage{ padding-top:5px; margin-top:5px; padding-left:0px; } #content_2 .contact_card .href_contact{ padding-left:95px; padding-top:5px; margin-top:5px; } #content_2 .contact_card .contact_email{ max-width:120px;word-wrap: break-word; } #content_2 .contact_card .ul_margin{ margin-bottom:10px; } #content_2 .contact_card .contactImage{ padding-left:0px; margin-right:15px; float:left; padding-top:3px; } #content_2 .contact_card li{ list-style-type:none; } #content_2 .contact_card .paddingRight{ padding-right:5px; } #content_2 .contact_card img{ width:80px; height:120px; } #content_2 .contact_card .fontBold{ font-weight:bold; } #content_2 .contact_card .liDescription{ font-weight:bold; } #content_2 .contact_card .text_position_span{ font-weight:bold; float:left; padding-left:10px; padding-right:10px; } #content_2 span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_whiteback.png'); background-repeat:no-repeat; background-color:#FF0000; width:10px;height:10px; position:relative; top:1px; } #content_2 a:hover > .bg_medien { background-color:#FF0000; } #content_2 .table_contact { display:table; margin-top:14px; } #content_2 .table_contact div { display:table-row; } #content_2 .table_contact div div { display:table-cell; vertical-align:top; text-align:left; padding-bottom:4px; padding-right:7px; } #content_2 .contact_card a{color:#444;} /*********************************************************** * AV 407 - Teaser Seitenfunktionen (Footer) * ************************************************************/ .footer_pagefunctions img { width: 23px; float: left; margin-right: 10px; } .footer_pagefunctions .social_media_description { font-weight: bold; margin-top: 10px; margin-bottom: 10px; clear: both; } .footer_pagefunctions li { float: left; width: 50%; padding-bottom: 5px; cursor: pointer; } .footer_pagefunctions li a { color: #444444; } .footer_pagefunctions li span:hover { color: #FF0000; } .footer_pagefunctions .share { width: 100%; } /*********************************************************** * Branchenthemen Übersicht (Paket 3) fair_branchethemes * ************************************************************/ #content_1 .branche_headlineDiv{ width:400px; margin-top:7px; margin-right:20px; } #content_1 .branche_moreDiv{ width:100px; padding-right:0px; padding-top:10px; float:right; } #content_1 .branche_moreDiv span.text_position{ max-width:56%; position: relative; right:10px; bottom: 0px; } #content_1 .branche_moreDiv .bg_linklist{ margin-top:7px; } #content_1 .brancheDiv_height{ height:100%; padding-bottom:10px; } #content_1 .dateDiv span{ color: #FF0000; } #content_1 .dateDiv{ margin-top:15px; } #content_1 .dateDiv span .year{ font-size: 19px; } #content_1 .branche_paddingTop{ padding-top:35px; } #content_1 .subheadline{ padding:3px 0 3px 0; } /*********************************************************** * Branchenthemen Detail (Paket 3) * ************************************************************/ #content_1 .padding_bottom{ padding-bottom:10px;} #content_1 .branchetheme .text{ position:relative; margin-left:0px; width:580px; } /*********************************************************** * Anpassungen/Neuerungen zwecks Verwendungen in Modulpage * ************************************************************/ .marginal_searchtips div { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; background:url(/media/fair_images/fair_marginal_icon/fair_search_tip.png) no-repeat; background-position: right bottom; background-color: #E9E9E9; } #content_2 .marginal_searchtips hr { margin-bottom: 20px; } .marginal_searchtips img{ background-color:#e9e9e9; position:relative; left:-8px; top:70px; } /*********************************************************** * Partnerlogo * ************************************************************/ #content_1 .partnertext .accordionText{ margin:0 20px 0 40px; } #content_1 .accordion .caption a.link_continuous_text{ text-decoration:underline; display:inline; width:auto; } #content_1 .accordion .thumbwrap{ background-color: #f5f5f5; margin:0 0 0 40px; padding:4px 0 10px 0; } #content_1 .accordion .thumbwrap li { text-align:center; display: -moz-inline-box; display: inline-block; vertical-align: top; padding: 0; margin:0; border:none; } #content_1 .accordion .thumbwrap a { display: inline-block; text-decoration: none; cursor: pointer; } #content_1 .accordion .thumbwrap>li .wrimg { display: table-cell; vertical-align: middle; background-color:#fff; border: 1px solid #999; } #content_1 .accordion .thumbwrap li>div{ display: table; } /* Image small */ #content_1 .accordion .thumbwrap .li_small>div{ width:125px; margin-right:16px; } #content_1 .accordion .thumbwrap>.li_small .wrimg { width:123px; height:63px; } #content_1 .accordion .img_small{ display:inline-block; max-width:123px; max-height:63px; vertical-align: middle; } /* Image middle */ #content_1 .accordion .thumbwrap .li_middle>div{ width:170px; margin-right:20px; } #content_1 .accordion .thumbwrap>.li_middle .wrimg { width:168px; height:83px; } #content_1 .accordion .img_middle{ display:inline-block; max-width:168px; max-height:83px; vertical-align: middle; } /* Image big */ #content_1 .accordion .thumbwrap .li_big>div{ width:266px; margin-right:16px; } #content_1 .accordion .thumbwrap>.li_big .wrimg { width:270px; height:138px; } #content_1 .accordion .img_big{ display:inline-block; max-width:268px; max-height:138px; vertical-align: middle; position:relative; top:0px; } #content_1 .accordion .thumbwrap img { vertical-align: middle; } #content_1 .accordion .thumbwrap .caption { text-align:left; color: #444444; font-size: 12px; } #content_1 .accordion .thumbwrap span.caption p{ position:relative; top:-3px; margin-bottom:4px; } #content_1 .accordion .thumbwrap .li_big .caption { w\idth: 270px; /* Moz, IE6 */ } #content_1 .accordion .thumbwrap .li_middle .caption { w\idth: 170px; /* Moz, IE6 */ } #content_1 .accordion .thumbwrap .li_small .caption { w\idth: 125px; /* Moz, IE6 */ } /* top ib e hover Op < 9.5 */ @media all and (min-width: 0px) { html:first-child .thumbwrap a { display: inline-block; vertical-align: top; } html:first-child .accordion .thumbwrap { border-collapse: collapse; display: inline-block; } } /*********************************************************** * AV 251 Erfolgsgeschichte ohne Marginalspalte * ************************************************************/ #content_without_marginal .av251_contentWidth{width:860px;} #content_without_marginal .av251_border_left,#content_1 .av251_border_left{ float:left; border-left:2px solid #FF0000; margin-left:28px; margin-top:-2px; } #content_without_marginal .av251_year{ color:#FF0000; font-size:26px; font-weight:bold; width:900px; } #content_without_marginal .av251_imgDiv{position:relative;top:-50px;} #content_without_marginal .av251_content{ float:left; position:relative; top:6px; padding:0; margin:0 0 0 50px; width:870px;} #content_without_marginal .av251_entries{ float:left; } #content_without_marginal .av251_textPos{background-color:#e9e9e9;padding:27px 30px 27px 30px;} #content_without_marginal .av251_content h3{margin-bottom:8px;} #content_without_marginal .av251_textWidthBig{ width:550px; } #content_without_marginal .av251_textWidthSmall{ width:470px; } #content_without_marginal .av251_textWidthWithoutImg{ width:800px; } #content_without_marginal .av251_imgAlign{ margin-left:0px; } #content_without_marginal .link_continuous_text{ text-decoration:underline; } #content_without_marginal .link_continuous_text:hover{ text-decoration:none; color:#FF0000; } /*********************************************************** * AV 251 Erfolgsgeschichte mit Marginalspalte * ************************************************************/ #content_1 .av251_content div { float: left; margin-top:0; } #content_1 .av251_textWidthWithoutImg{ width:470px; } #content_1 .av251_textWidthBig{ width:220px; } #content_1 .av251_textWidthSmall{ width:140px; } #content_1 .av251_contentWidth{width:530px;} #content_1 .av251_imgDiv{position:relative;top:-65px;} #content_1 .av251_year{ position:relative; top:-7px; color:#FF0000; font-size:26px; font-weight:bold; margin-bottom:-1px; } #content_1 .av251_content{ margin:0 0 0 50px; width:530px; } #content_1 .av251_entries{margin-top:19px;} #content_1 .av251_textPos{position:relative;top:-20px;background-color:#e9e9e9;padding:27px 30px 27px 30px;} #content_1 .av251_content h3{margin-bottom:9px;margin-top:2px;} #content_1 .av251_lastPosContent{ margin-bottom:17px; } #content_without_marginal .av251_content .icon_zoom, .av251_content .icon_zoom{ position:relative; bottom:-19px; float:right; margin-right:10px; } /* OHNE Marginal */ #content_without_marginal .av251_imgBackgroundPosLeftSmall{ float:left;background-image:url('/media/fair_images/fair_success_history/av251_arrow_left_grey.png'); background-repeat:no-repeat;background-position:22px -2px; } #content_without_marginal .av251_imgBackgroundPosLeftBig{ float:left;background-image:url('/media/fair_images/fair_success_history/av251_arrow_left_grey.png'); background-repeat:no-repeat;background-position:22px -2px; } #content_without_marginal .av251_imgBackgroundPosRightSmall{ float:left;background-image:url('/media/fair_images/fair_success_history/av251_arrow_right_grey.png'); background-repeat:no-repeat;background-position:610px -2px; } #content_without_marginal .av251_imgBackgroundPosRightBig{ float:left;background-image:url('/media/fair_images/fair_success_history/av251_arrow_right_grey.png'); background-repeat:no-repeat;background-position:530px -2px; } /* MIT Marginal */ #content_1 .av251_imgBackgroundPosLeftSmall{ background-image:url('/media/fair_images/fair_success_history/av251_arrow_left_grey.png'); background-repeat:no-repeat;background-position:22px -15px; } #content_1 .av251_imgBackgroundPosLeftBig{ background-image:url('/media/fair_images/fair_success_history/av251_arrow_left_grey.png'); background-repeat:no-repeat;background-position:22px -18px; } #content_1 .av251_imgBackgroundPosRightSmall{ background-image:url('/media/fair_images/fair_success_history/av251_arrow_right_grey.png'); background-repeat:no-repeat;background-position:280px -15px; } #content_1 .av251_imgBackgroundPosRightBig{ background-image:url('/media/fair_images/fair_success_history/av251_arrow_right_grey.png'); background-repeat:no-repeat;background-position:200px -17px; } /* OHNE Marginal */ #content_without_marginal img.av251_imgAlign{ position:relative;top:50px; } #content_without_marginal .av251_imgPosLeftSmall{ position:absolute; margin-left:212px; top:48px; } #content_without_marginal .av251_imgPosRightSmall{ position:absolute; margin-left:0; top:48px; } #content_without_marginal .av251_imgPosRightBig{ position:absolute; margin-left:0; top:48px; } #content_without_marginal .av251_imgPosLeftBig{ position:absolute; margin-left:292px; top:48px; } /* MIT Marginal */ #content_1 img.av251_imgAlign{ position:relative;top:50px; } #content_1 .av251_imgPosLeftSmall{ position:absolute; margin-left:212px; top:48px; } #content_1 .av251_imgPosLeftBig{ position:absolute; margin-left:292px; top:48px; } #content_1 .av251_imgPosRightSmall{ position:absolute; margin-left:0px; top:48px; } #content_1 .av251_imgPosRightBig{ position:absolute; margin-left:0px; top:48px; } /* externe Module über Iframe */ .iframeWithMarginal{ margin-left:-8px;width:628px; height:auto; } .iframeWithoutMarginal{ width:940px; margin-top:20px; height:auto; } .MovImg24GalleryContainer .mi24Pagination { width: 100%; text-align: center; }