/***************************************************** * Allgemeine / AV übergreifende Styles * ******************************************************/ #content_1 ul li { font-size: 15px; line-height: 20px; margin-bottom: 5px; } /* Formatierung AVen 201 */ #content_1 .text_image .border_dotted_content, #content_1 .video_width .border_dotted_content{ border-bottom:dotted 1px #444444; width:300px; margin-top:2px; margin-bottom:7px; } #content_1 .video_width{ padding:10px 0 9px 0; margin:0; } #content_1 .video_width .video_pos{ margin:3px 0 17px 0; padding:0; } #mmi_area .arrow_left{ position:absolute; left:290px; z-index:100; } /***************************************************** * Formatierung AV 202 Text/Image * ******************************************************/ #content_1 .text_image{ width:300px; padding:14px 0 0px 0; margin:0 0 0px 0; } #content_1 .text_image .text_pos { width: 300px; } #content_1 .text_image span, #content_1 .text_image p{ width:300px; } #content_1 div.without_image_text{ margin:0 0 17px 0; padding:0; } #content_1 .h1_image_text{ margin-top:30px; } #content_1 div.text_image span.positionWithoutImage{ position:relative; } #content_1 .text_image h3{ margin:0; padding:0; margin-bottom: 12px; } #content_1 .text_image .image_content{ float:left; max-width:300px; } #content_1 .text_image .padding_text_zoom{ clear:left; float:left; } #content_1 .text_image .padding_text_zoom ul{ margin-left:5px; } #content_1 .text_image .img_content{ margin:-3px 0 0 0; padding:0 0 20px 0; } #content_1 .img_zoomable{ position:relative;top:0px; } #content_1 .text_image .img_icon_zoom{ position:relative; left:270px; } #content_1 .text_image p{ padding:0 0 0 0; margin:0 0 12px 0; /*line-height:20px;*/ } #content_1 .text_image ul li{ width:280px; } #content_1 .text_image ul>:first-child{ margin-top:1px; } #content_1 .text_image ul{ margin-bottom:-13px; } #content_1 .text_image ol{ margin-top:-15px; } #content_1 .text_image .positionWithoutImageAndHeadline ol, #content_1 .text_image .positionWithoutImageAndHeadline ul{ margin-top:15px; } #content_1 .text_image .li_format{ line-height: 20px; } #content_1 .text_image ol li { font-size: 15px; margin-bottom: 11px; } #content_1 .text_image ol li:last-child { margin-bottom: 0px; } #content_1 .text_image ul li { font-size: 15px; margin-bottom: 11px; } #content_1 .text_image ul li:last-child { margin-bottom: 0px; } #content_1 .text_image li.li_format{ padding-bottom: 0px; margin-bottom: 4px; } #content_1 .text_image ul{ margin-bottom: 16px; } #content_1 .text_image span.padding_text{ padding:0; margin:-3px 0 0 0; float:left; } #content_1 .text_image span.image_description_position_zoomable01{ float:left; margin:0; padding:0; } .image_description_position_zoomable01 { margin:0; padding:0; } #content_1 .text_image span.image_description_position_zoomable03{ position:relative; top:6px; padding-bottom:0px; margin:0; float:left; } #content_1 .image_description_fullsize { position: relative; top:10px; padding-bottom:15px; font-size:12px; line-height:15px; } #content_1 .img_big{ position:relative;top:0px; } .img_content .img_big{ width:100%; } #content_1 .border_dotted_content{ border-bottom:dotted 1px #444444; width:300px; margin-top:4px; margin-bottom:6px; } /***************************************************** * AV 223 Teaser Downloadlist * ******************************************************/ #content_1 .teaser_downloadlist .teaserH2{ position:relative; left:13px; margin:18px 15px 9px 0; padding:0; } #content_1 .teaser_downloadlist li{ padding:0; } #content_1 .teaser_downloadlist .ul_position{ padding-left:10px; } #content_1 .teaser_downloadlist .text_position{ margin-bottom:10px; } #content_1 .teaser_downloadlist .description{ /* position:relative; bottom:14px; left:20px; margin-right:20px; */ } #content_1 .teaser_margin_left20{ margin-left:20px;} /***************************************************** * Sitemap * ******************************************************/ #content .border_dotted_content{ border-bottom:dotted 1px #444444; width:300px; margin-top:4px; margin-bottom:6px; } .sitemap { width: 100%; padding-bottom: 40px; } .sitemap .sitemap_level1 { width:300px; height: 32px; background-color: #FF0000; } .sitemap .sitemap_level1 span { color: white; padding-left: 10px; padding-top: 5px; min-width:200px; } .sitemap .sitemap_sublevel { width: 211px; padding-top: 20px; } .sitemap .sitemap_sublevel a span { color: #444444; font-size: 14px; line-height: 20px; min-width:200px; } /***************************************************** * Drittel Teaser Image Text - alle Styles * ******************************************************/ /* externer Link - Grafik und Text ändern die Farbe auf hover */ #targetGroup div.teaserImageText{ float:left; margin-top:20px; } #content_1 .teaserImageText span.text_position{ display:inline-block; min-width:100%; position:relative; top:-15px; left:10px; } #content_1 .only_mobile .teaser_running_text{ margin-left:-5px; margin-top:17px; } #content_1 .only_mobile .teaser{ margin-left:-15px; margin-top: -11px; } .only_mobile .teaser { margin-top: -8px; } #content .only_mobile .teaser, #content_1 .only_mobile .teaser { margin-top: 28px; } /***************************************************** * Teaser allgemein * ******************************************************/ .teaser_h2 { margin-top: 18px; margin-left: 14px; } .teaser_facebook .teaser_bottom_link{ bottom: 21px; margin-left: 15px; } /***************************************************** * AV 201 allgemein* ******************************************************/ .text_image_max_height { max-height: 200px; } #content_1 img.text_image_max_height { max-width:300px; } #content_1 .intro_text{ margin-bottom:10px; } /***************************************************** * AV 201 c Datum, Subheadline, Einleitungstext - alle Styles * ******************************************************/ #content_1 .video_width{width:300px;} #content_1 .video_pos{width:300px;} #content_1 .video_width_text{width:300px;} #content_1 .downloads {width:300px;} #content_1 .anchor{width:300px;} /* Formatierung AV 205 Link list */ #content_1 .linklistA span.text_position{ display:inline-block; max-width:270px; } #content_1 .div_width{ width:300px; padding:0px; margin-top:6px; margin-bottom:7px; } #content_1 .div_width li{ padding:0 0 14px 0; margin:0px; } #content_1 .li_style { list-style-type:none; display:inline-block; } #content_1 li.li_padding{ margin:0px;padding:0 0 19px 0; } #content_1 .h3_pos2{ padding-top:2px; padding-bottom:7px; } #content_1 .h3_pos7{ padding-top:2px; padding-bottom:10px; } #content_1 .span_style{ display:none; } #content_1 .link-list-type-b div { width: 300px; } /***************************************************** * AV 206 Jump Label * ******************************************************/ #content_1 .jumpLabel h3{ margin:20px 0 5px 0; } #content_1 .jumpLabel .li_width{ margin-bottom:12px; } /***************************************************** * AV 207 Top link * ******************************************************/ .toplink{border-bottom:dotted 1px #444444;width:300px;text-align:right; margin-bottom: 10px;} #content_1 .toplink_image{ float:left;position:relative; top:3px;margin-right:10px;background-color:#444;width:9px;height:9px;} #content_1 a.toplink_a:hover img { background-color:#FF0000; } #content_1 a.toplink_a{ font-size:14px; } #content_1 a.toplink_a:hover { color:#FF0000; } /***************************************************** * AV 208 Downloads * ******************************************************/ #content_1 .li_lineheight{margin-bottom:12px;} #content_1 .h3_lineheight{margin-bottom:4px;} #content_1 span.linktext{ min-width:300px;padding-left:20px;position:relative;bottom:3px;} /***************************************************** * AV 230 ISSUU * ******************************************************/ #content_1 .av_issuu{ width:300px; background-color:#f5f5f5; } #content_1 .av_issuu ul li{ list-style-type:none; margin:8px 0 -2px 0; padding:0; } /***************************************************** * AV 210 Akkordeon * ******************************************************/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #content_1 .accordionItem{ background-color:#f5f5f5;margin-left:-14px; } #content_1 .accordionItem:active{ background-color:#f5f5f5; } #content_1 .accordionLink { width:250px !important; background-color:#f5f5f5; height:100%; padding-top:7px; padding-bottom:6px; margin-bottom:0px; } #content_1 .accordionLink:hover { background-color:#FF0000; width:250px !important; height:100%; padding-top:7px; padding-bottom:6px; margin-bottom:0px; } #content_1 .accordionItem{list-style-type:none;} #content_1 .accordionItem.open:hover{ background-color:#f5f5f5; } #content_1 .accordion_ul{ width:300px; } #content_1 .accordion ul{ background-color:#f5f5f5; } #content_1 .accordion li{border-bottom:1px solid #FFFFFF;} #content_1 .accordion .div_width ul li{list-style-type:none;width:250px;} #content_1 .accordion .div_width ul{width:250px;} /* Akkordeon Link Beginn */ #content_1 a.accordionLink { text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 15px 10px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } #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:251px !important; text-decoration:none; padding-left: 28px; background-repeat: no-repeat; background-position: 13px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_1 a.accordionLink.open:hover { color:#444444; } /* Akkordeon Link Ende */ #content_1 .accordion span.bg_linklist:hover { background-color:#FF0000; } /* #content_1 .accordionContent { max-width:240px; margin:15px 0 25px 28px; padding:0; }*/ #content_1 .accordiontext { max-width:240px; margin:15px 0 25px 28px; padding:0; } /* benefit Liste */ #content_1 .benefit{width:300px; } #content_1 .benefit ul{ padding:0 20px 24px 10px; margin:0; } #content_1 .benefit .h3_pos{ margin:17px 15px -7px 15px; padding:0px; } #content_1 .benefit_ul li{ padding-left:25px;margin:0;border:0px; } #content_1 .benefit img{ background-color:#FF0000;position:relative;left:-25px;top:17px; } /* spezielle Klassen zum Überschreiben der ursprünglichen, wegen der Hintergrundfarbe */ #content_1 .downloads li{ border:0px; } #content_1 .text p{ padding-left:7px;width:230px; } #content_1 div.bg { 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; margin-right:10px; } #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; position:relative; top:-1px; margin-right:10px; } #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; position:relative; top:-1px; margin-right:10px; } /***************************************************** * AV 207 Top link * ******************************************************/ .top_link{border-bottom:dotted 1px #444444;width:300px;text-align:right;} /***************************************************** * AV 211 Splitter * ******************************************************/ .border_dotted{border-bottom:dotted 1px #444444;width:300px; margin-bottom: 10px;} /***************************************************** * AV 214 Film YouTube * ******************************************************/ #content_1 .youtube_mobile .youtubeLink span.bg_externlink{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); margin-top:0px; } #content_1 .youtube_mobile .youtubeLink span.text_position{ margin-left:0px; } #content_1 .youtube_mobile .youtubeLink{ padding:12px 15px 18px 15px; } #content_1 .youtube_mobile .youtubeDescription{ padding-right:15px; } #content_1 .youtube_mobile span.youtubeDescription{ max-width:250px; overflow:hidden; } #content_1 .youtube_mobile{ max-width:300px; background-color:#f5f5f5; } #content_1 .youtube_mobile div{ padding:0 0 0 15px; } #content_1 .youtube_mobile h3{ padding:18px 0 27px 15px; } #content_1 .youtube_mobile object{ margin-bottom:9px; } #content .highlight{ width:265px; padding:0px 20px 26px 15px; background-color:#FF0000; } #tabs_mobile .tabHighlight p { margin-bottom: 0px; } #content .highlight h3{ margin:0 0 7px 0; pading:0; } #content_1 .text_pos{ width:300px; } #content_1 .initiation_text{width:300px; } /***************************************************** * spezielle Klassen innerhalb der AV Tabs * ******************************************************/ /* Akkordeon Link Beginn */ #tabs_mobile a.accordionLink { text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 15px 10px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } #tabs_mobile .accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; } #tabs_mobile a.accordionLink.open { width:251px !important; text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 13px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #tabs_mobile a.accordionLink.open:hover { background-image: url('/media/fair_images/fair_content_icon/akkordeon_h3_white_down_transback.png'); color:#fff; width:251px !important; } /* Akkordeon Link Ende */ #tabs_mobile{ width:300px; } #tabs_mobile div.benefitTab{ max-width:260px; margin-left:20px; } #content_1 #tabs_mobile .accordionItem .benefitTab .h3_pos{ font-weight:bold; font-size: 14px; margin:17px 0 0 14px; padding-bottom:0px; line-height:20px; } /* Text/Image innerhalb TAB */ #tabs_mobile .clearfix .text p,#tabs_mobile .clearfix .text .padding_text{ min-width:200px; max-width:200px; margin-left:0px; } #tabs_mobile .clearfix .text p{ margin-left:-12px; } #tabs_mobile .clearfix .text .padding_text{ margin-left:0px; } #tabs_mobile .TextImageTab{ max-width:260px; float:left; margin:0 0 0 30px; padding:0; } #tabs_mobile .TextImageTab .padding_text p{ padding-left:0; margin-left:0px; min-width:260px; } #tabs_mobile div.TextImageTab span.positionWithoutImage{ margin-top:30px; } #tabs_mobile .clearfix .text .TextImageTab img{ max-width:240px; padding-left:6px; margin:0px; } #tabs_mobile .TextImageTab .image_content{ padding:0; margin:0px; } #tabs_mobile .clearfix .text .TextImageTab .image_description_fullsize{ padding-left:12px; margin:0px; } #tabs_mobile .clearfix .text .TextImageTab .image_description_position_zoomable01{ padding-left:6px; } #tabs_mobile .TextImageTab .image_content .img_icon_zoom{ width:20px; height:20px; position:relative; left:205px; bottom:30px; } #tabs_mobile .TextImageTab h3{ font-size: 15px; font-weight:bold; margin-left:0px; margin-top:2px; } /* Ende Text/Image innerhalb TAB */ /* Text highlighted */ #tabs_mobile .tabHighlight,#tabs_mobile .div_width { max-width:220px; margin-left:30px; } #tabs_mobile .tabHighlight ul, #tabs_mobile .tabHighlight li{ background-color:#FF0000; max-width:200px; margin:0 0 0 20px; padding:0; } #tabs_mobile .tabHighlight .li_format{ padding-bottom: 2px; border-bottom:solid 1px #FF0000; } #tabs_mobile .tabHighlight h3{ font-weight:bold; margin-top:10px; padding-top:0; line-height:17px; } #tabs_mobile .tabHighlight p{ margin-left:0px; } /* Text highlighted ENDE*/ #content_1 #tabs_mobile .TabTableStyle, #content_1 #tabs_mobile .TabTableStyle { margin-top: 17px; margin-bottom: 27px; } #tabs_mobile .TabTableStyleB h3, #tabs_mobile .TabTableStyle h3{ padding:0; margin-top:-3px; margin-left:20px; font-size: 15px; font-weight:bold; } #tabs_mobile .TabTableStyle .mobile_width, #tabs_mobile .TabTableStyleB .mobile_width{ margin-left:20px; margin-bottom:0px; width:100%; overflow:auto; } #tabs_mobile .TabTableStyle .mobile_width_tablesorter{ width:40%; overflow:auto; } #tabs_mobile .TabTableStyle .mobile_table_width{min-width:100%;} #tabs_mobile .mobile_width{ margin-bottom:-30px; padding:0; margin-left:38px; max-width:250px; overflow:auto; } #tabs_mobile p.hr_margin{ margin-left:30px; } #tabs_mobile .div_width span.bg_linklist, #tabs_mobile .div_width span.bg_externlink{ margin-top:3px; } #tabs_mobile .tabLinklist .h3_pos2{ margin-left:38px;width:250px; font-size: 15px; font-weight:bold; line-height:17px; } #tabs_mobile .tabLinklist span.text_position{ max-width:230px; margin:0; padding:0; } #tabs_mobile span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); margin-top:0px; } #tabs_mobile span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/content_arrow_left_link_greyback.png'); margin-top:0px; } #tabs_mobile span.text_position,#tabs_mobile .div_width span.text_position{ display:inline-block; max-width:180px; } #tabs_mobile li.linklistA{ background-color:#f5f5f5;border:solid 1px #f5f5f5; } /* Downloadlist */ #tabs_mobile .downloads{ width:240px; float:left; margin-left:30px; margin-top:20px; margin-bottom:0; padding:0; } #tabs_mobile .downloads h3{ font-weight:bold; margin-bottom:-10px; } #tabs_mobile span.linktext{ min-width:100px; padding-left:20px; position:relative; bottom:3px; } #tabs_mobile .downloads span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); width: 10px; height: 10px; position:relative; top:-2px; } /***************************************************** * AV 213 Fotostrecke * ******************************************************/ .medienpoolmobile{ background-color:#f5f5f5; } .medienpoolmobile .h3Style{ margin:12px 0 5px 20px; padding:0; } .medienpoolmobile .mobile_div{ width:300px; white-space: nowrap; overflow: auto; height:179px; } .medienpoolmobile ul.imgThumbFairKit { display: inline; float:left; white-space:nowrap; overflow:auto; } .medienpoolmobile ul .imgThumbFairKit,li.imgThumbFairKit{ float:left; margin:0px; padding:0px; display:inline; } .medienpoolmobile .imgThumbFairKit li { list-style-type:none; margin-right:15px; height:80px; overflow:hidden; } .medienpoolmobile .imgThumbFairKit li div { position:relative; width:120px; height:80px; } .medienpoolmobile .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:3px; right:3px; } .medienpoolmobile .div_footer{ margin-top:12px; } .medienpoolmobile .div_link{ float:left; padding-left:20px; } .medienpoolmobile span.bg_externlink { background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); } .medienpoolmobile span.text_position { margin-top: 3px; } /***************************************************** * AV 215 Filmstrecke YouTube * ******************************************************/ #content_1 .videopoolmobile { background-color:#f5f5f5; } #content_1 .videopoolmobile .h3Style{ margin:11px 0 15px 15px; padding:0; } #content_1 .videopoolmobile .mobile_div { width:300px; white-space: nowrap; overflow: auto; height:250px; } #content_1 .videopoolmobile ul{ position:relative; float:left; margin-top: -10px; } #content_1 .videopoolmobile ul li { list-style-type: none; max-width: 120px; margin-right:20px; } #content_1 .videopoolmobile ul li .youtubeDescription { float: left; margin-top: 15px; max-width: 120px !important; white-space: pre-wrap; font-size:12px; font-weight:bold; line-height:13px; } #content_1 .videopoolmobile ul li div { position:relative; width:120px; height:80px; } #content_1 .videopoolmobile .imgThumbVideo li div a { background-image: url('/media/fair_images/content_icon/content_playvideo_transback.png'); background-repeat:no-repeat; width:20px; height:20px; position:absolute; bottom:0px; right:5px; } #content_1 .videopoolmobile .div_footer{margin-top:13px;} #content_1 .videopoolmobile .div_link{float:left;padding-left:20px;width:100%;} /***************************************************** * AV 216 Podcast * ******************************************************/ #podcast div.jp-audio{ background-color:#f4f4f4; width:300px; height:77px; } #podcast div.jp-title { margin-left:-5px; text-align:left; font-weight:bold; width:250px; } #podcast div.jp-audio div.jp-type-single div.jp-interface{ width:290px; padding-top:20px; } #podcast div.jp-interface{ margin-left:-5px; } #podcast div.jp-current-time{ position:relative; left:45px; } #podcast div.jp-min{ position:relative; left:45px; } #podcast a.jp-play { background: url( '/media/fair_images/podcast/content_podcast_play_transback.png' ) 0 0 no-repeat; position:relative; top:0px; background-color:#8bb11e; } #podcast a.jp-play:hover { background: url( '/media/fair_images/podcast/content_podcast_play_transback.png' ) 0 0 no-repeat; position:relative; top:0px; background-color:#8bb11e; } #podcast a.jp-pause { background: url( '/media/fair_images/podcast/content_podcast_break_transback.png' ) 0 0 no-repeat; position:relative; top:0px; background-color:#8bb11e; } #podcast a.jp-pause:hover { background: url( '/media/fair_images/podcast/content_podcast_break_transback.png' ) 0 0 no-repeat; position:relative; top:0px; background-color:#8bb11e; } #podcast div.jp-audio #podcast div.jp-type-single #podcast div.jp-time-holder { position:absolute; left:50px; top:40px; width:250px; } #podcast div.jp-audio #podcast div.jp-type-single #podcast div.jp-time-holder #podcast div.text_pos{ padding-top:1px; } #podcast div.jp-img{ position:absolute; left:20px; top:79px; width:14px; height:12px; } #podcast div.jp-audio div.jp-volume-bar { top:83px; bottom:19px; left:42px; } #podcast div.download{ background-color:#f4f4f4; border-top:solid 1px #FFF; width:300px; margin:0; padding:0; } #podcast #downloadlink{ margin-top:18px; padding:0; } /***************************************************** * AV 304 Teaser Download * ******************************************************/ #content_2 .accordion{ width:310px;margin-bottom:2px; } #content_2 .teaser_download span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); width: 10px; height: 10px; position:relative; top:-2px; } #content_2 .teaser_download span.linktext{ min-width:200px;padding-left:20px;position:relative;bottom:3px;} #content_2 .teaser_download .accordionItem{ background-color:#f5f5f5;margin-left:10px; } #content_2 .teaser_download .accordionItem:active{ background-color:#f5f5f5; } #content_2 .teaser_download .accordionLink { width:290px !important; background-color:#f5f5f5; height:20px; padding-top:7px; padding-bottom:3px; margin-bottom:0px; } #content_2 .teaser_download .accordionLink { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); background-repeat: no-repeat; background-position: 15px 11px; padding-left: 10px; text-decoration:none; font-size: 14px; font-weight:bold; color:#444444; } #content_2 .teaser_download .accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; background-color:#FF0000; } #content_2 .teaser_download a.accordionLink.open { width:261px !important; text-decoration:none; padding-left: 39px; background-repeat: no-repeat; background-position: 14px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_2 .teaser_download a.accordionLink.open span{ margin-left:-10px; } #content_2 .teaser_download a.accordionLink span{ margin-left:19px; } #content_2 .teaser_download a.accordionLink.open:hover { color:#444444; } #content_2 .teaser_download .accordion .text_pos{ width:260px; } #content_2 .teaser_download .accordion span.bg_linklist:hover { background-color:#FF0000; } #content_2 .teaser_download .accordionContent ul { width:200px; background-color:#f5f5f5; padding-top:45px; margin-bottom:18px; } #content_2 .teaser_download .accordionContent li { padding: 0px 0 0px 10px; margin-bottom: 13px; } .accordionContent { display: none; } /***************************************************** * AV 305 Teaser Linkliste * ******************************************************/ #content_2 .teaser_linklist span.bg_externlink{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrighttop_link_greyback.png'); } #content_2 .teaser_linklist span.bg_linklist { background-image: url('/media/fair_images/linkgrafiken/content_arrow_left_link_greyback.png'); } #content_2 .teaser_linklist .accordionItem{ background-color:#f5f5f5;margin-left:10px; } #content_2 .teaser_linklist .accordionItem:active{ background-color:#f5f5f5; } #content_2 .teaser_linklist .accordionLink { width:290px !important; background-color:#f5f5f5; height:20px; padding-top:7px; padding-bottom:3px; margin-bottom:0px; } #content_2 .teaser_linklist .accordionLink { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); background-repeat: no-repeat; background-position: 15px 11px; padding-left: 10px; text-decoration:none; font-size: 14px; font-weight:bold; color:#444444; } #content_2 .teaser_linklist .accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; background-color:#FF0000; } #content_2 .teaser_linklist a.accordionLink.open { width:261px !important; text-decoration:none; padding-left: 39px; background-repeat: no-repeat; background-position: 14px 12px ; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_2 .teaser_linklist a.accordionLink.open span{ margin-left:-10px; } #content_2 .teaser_linklist a.accordionLink span{ margin-left:19px; } #content_2 .teaser_linklist a.accordionLink.open:hover { color:#444444; } #content_2 .teaser_linklist .accordion .text_pos{ width:260px; } #content_2 .teaser_linklist .accordion span.bg_linklist:hover { background-color:#FF0000; } #content_2 .teaser_linklist .accordionContent ul { width:200px; background-color:#f5f5f5; padding-top:40px; margin-bottom:-14px; } #content_2 .teaser_linklist .accordionContent li { padding: 0px 0 0px 10px; margin-bottom: 17px; } /***************************************************** * AV 308 Konversionsteaser * ******************************************************/ #content_2 .conversionteaser span.text { margin-top:-4px; padding-bottom:8px; } #content_2 div.conversionteaser{ margin-left:10px; margin-bottom:8px; } /***************************************************** * AV 236 Bild Großformat * ******************************************************/ #content_1 .picture_large_size { max-width: 300px; } #content_1 .h3_largeSize{ padding:0; margin-bottom:-10px; } #content_1 .image_top{ margin-bottom:12px; } #content_1 .picture_caption_single,#content_1 .picture_caption_plus{ margin-bottom:8px; } /***************************************************** * AV 237 Mehrspaltige Liste * ******************************************************/ #content_1 .listAv237 {width:320px;margin:10px 0 30px 0;} #content_1 .listAv237 img{ padding-bottom:9px;} #content_1 .listAv237 .h3_pos7 { padding:0; margin:0 0 -4px 0; } #content_1 .listAv237 .h3_pos2 {padding-bottom:10px;} #content_1 .listAv237 ul{ line-height:0px; margin:0; padding:0; } #content_1 .listAv237 li{ padding:0; margin-bottom:-8px; } #content_1 .listAv237 span.text_position{ display:inline-block; max-width:100px; margin-top:-3px; } #content_1 .listAv237 .bg_externlink, #content_1 .listAv237 .bg_linklist{ margin-right:10px; margin-top:1px; } /***************************************************** * AV 301 Save the date ******************************************************/ #content_2 .teaser_savethedate .savethedate_link .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; margin-right:120px; } } #content_2 .teaser_savethedate .accordion span.bg_linklist:hover { background-color:#FF0000; } #content_2 .teaser_savethedate .accordionItem{ list-style-type:none;background-color:#f5f5f5;margin-left:10px; } #content_2 .teaser_savethedate .accordionItem:active,#content_2 .teaser_savethedate .accordionItem.open:hover,#content_2 .teaser_savethedate .accordion ul{ background-color:#f5f5f5; } #content_2 .teaser_savethedate .accordionLink { width:260px !important; background-color:#f5f5f5; height:20px; padding:7px 0 3px 39px; margin-bottom:0px; text-decoration:none; background-repeat: no-repeat; background-position: 15px 11px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } #content_2 .teaser_savethedate .accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; background-color:#FF0000; } #content_2 .teaser_savethedate a.accordionLink.open { width:255px !important; text-decoration:none; padding-left: 45px; background-repeat: no-repeat; background-position: 13px 13px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_2 .teaser_savethedate a.accordionLink.open span{ margin-left:-14px; } #content_2 .teaser_savethedate a.accordionLink span{ margin-left:-10px; } #content_2 .teaser_savethedate a.accordionLink.open:hover { color:#444444; } #content_2 .teaser_savethedate .accordionContent li.savethedate_link { display:inline; float:left; margin-left:35px; margin-top:10px; } #content_2 .teaser_savethedate .accordionContent li.savethedate_datelink { display:inline; float:left; margin-left:35px; margin-top:-10px; margin-bottom:30px; } #content_2 .teaser_savethedate .savethedate_link span.text{ padding:0;margin-left:20px; } /***************************************************** * AV 306 Newsletteranmeldung ******************************************************/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #content_2 .newsletter_mobile .description_text{ color:#9a9a9a;font-weight:bold;margin-top:20px;margin-bottom:10px; } #content_2 .newsletter_mobile .form{ padding-bottom:30px; } #content_2 .newsletter_mobile .textfeld{ width:200px;height:28px;border: solid 1px #999999; padding-left:10px; color:#9a9a9a; vertical-align:middle; } #content_2 .newsletter_mobile .buttonGoNl{ background-image: url('/media/fair_images/marginal_icon/gobutton.png'); background-repeat: no-repeat; width:30px; height:30px; background-color:#FF0000; border-top: solid 1px #f4f4f4; border-bottom: solid 1px #FF0000; float:right; margin-right:6px; } #content_2 .newsletter_mobile .accordionItem{ background-color:#f5f5f5;margin-left:10px; } #content_2 .newsletter_mobile .accordionItem:active{ background-color:#f5f5f5; } #content_2 .newsletter_mobile .accordionLink { width:270px !important; background-color:#f5f5f5; height:100%; padding-top:6px; padding-bottom:6px; margin-bottom:0px; } #content_2 .newsletter_mobile .accordionLink:hover { background-color:#FF0000; width:270px !important; height:100%; padding-top:6px; padding-bottom:6px; margin-bottom:0px; } #content_2 .newsletter_mobile a.accordionLink { text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 15px 10px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } #content_2 .newsletter_mobile a.accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; } #content_2 .newsletter_mobile a.accordionLink.open { width:271px !important; text-decoration:none; padding-left: 28px; background-repeat: no-repeat; background-position: 13px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_2 .newsletter_mobile a.accordionLink.open:hover { color:#444444; } #content_2 .newsletter_mobile .accordion .text_pos{ width:260px; } #content_2 .newsletter_mobile .accordion span.bg_linklist:hover { background-color:#FF0000; } #content_2 .newsletter_mobile .accordionContent ul { width:250px; background-color:#f5f5f5; padding-left:30px; padding-top:20px; } #content_2 .newsletter_mobile .accordionContent li { padding: 20px 0 0 0px; padding-bottom: 0px; margin-bottom: 0px; } /***************************************************** * AV 307 Teaser Seitenfunktionen ******************************************************/ .social_media_div{ float:left; } .social_media_div hr{ position:relative; top:-10px; float:left; } .social_media_div li a span{ padding-top:84px; } .social_media_div li span{ text-align:center; color:#444; text-decoration:none; padding-top:86px; } .social_media_div a span:hover { color:#FF0000; text-decoration:none; } .social_media_div img{ width:80px; } .social_media_div li{ display:inline-block; float:left; margin-left:5px; margin-right:15px; padding:0; width:80px; height:110px; } .social_media_div ul{ position:relative; margin-top:-25px; } .social_media_div ul:last-child{ position:relative; margin-top:5px; } /***************************************************** * AV 403 Teaser Social Media * ******************************************************/ .footer_social_media_mobile img{ width:80px; } .footer_social_media_mobile ul{ margin-left: 15px; } .footer_social_media_mobile li{ float:left; padding-bottom:20px; margin-right:15px; } /***************************************************** * AV 405 Footer Linkliste * ******************************************************/ .footer_linklist{ width:300px; padding-bottom:20px; } .footer_linklist .accordion{ padding-top:5px; } .footer_linklist .accordionItem{list-style-type:none;} .footer_linklist .accordionItem.open:hover{ background-color:transparent; } .footer_linklist .accordion ul{ width:280px;padding:10px 0 0 10px; } .footer_linklist .accordionLink { width:270px !important; height:100%; padding-top:7px; padding-bottom:7px; margin-bottom:0px; } .footer_linklist .accordionLink:hover { background-color:#FF0000; width:270px !important; height:100%; padding-top:7px; padding-bottom:7px; margin-bottom:0px; } .footer_linklist a.accordionLink { text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 15px 10px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } .footer_linklist a.accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; } .footer_linklist a.accordionLink.open { width:271px !important; text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 14px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } .footer_linklist a.accordionLink.open:hover { color:#444444; } .footer_linklist .accordion .text_pos{ width:260px; } .footer_linklist .accordion span.bg_linklist:hover { background-color:#FF0000; } .footer_linklist .accordionContent ul { width:290px; padding-top:50px; margin-bottom:-14px; } .footer_linklist .accordionContent li { padding: 0px 0 0 20px; margin-bottom: 12px; } /***************************************************** * Banner * ******************************************************/ #content_1 .medium_rectangle{ margin:0px; padding:0px; } #content_2 .medium_rectangle{ margin-left:10px; margin-top:20px; } #content_2 .firstPosition_marginal{ margin-left:10px; } .rectangle{ margin-bottom:25px; } .rectangle img{ width:180px; margin-left:10px; margin-top:10px; padding-bottom:0px; position:relative; } .rectangle .ad{ position:relative; left:10px; top:20px; margin-bottom:25px; } #content_1 .rectangle_areapage{ width:285px;margin-right:20px; margin-bottom:40px; } #content_1 .teaser_margin_right20{ width:285px; position:relative; left:-30px; margin-bottom:40px; } #content_1 .teaser_margin_left20{ position:relative; left:-20px; } #targetGroup .teaser_margin_left20_last{ margin-left: 0; } /***************************************************** * AV 209 Table * ******************************************************/ .mobile_width{ /* width:100%;*/ width:95%; overflow:auto; } .mobile_width_tablesorter{ width:75%; overflow:auto; } #content_1 .mobile_table_width{min-width:620px;} #content_1 .margin_bottom15{ margin-bottom:9px; } #content_1 .mobile_width .hr_margin{ margin-top:5px; padding-left:12px; padding-bottom:5px; } #content_1 .tableStyle { margin-top:15px; margin-bottom:15px; } #content_1 .mobile_width th, td{ padding:1px 10px 5px 10px; } /***************************************************** * AV 235 Konversionsbutton * ******************************************************/ #content_1 .conversion_button{ height:auto; background-color:#FF0000; padding:5px 10px 5px 10px; } #content_1 .conButton{ padding:0; margin-bottom:12px; } /***************************************************** * AV 220 Teaser Linkliste (Bereichseinstiegsseite) * ******************************************************/ #content_1 .teaser_downloadlist{ margin-bottom:10px; } #targetGroup .teaser_downloadlist .teaserH2{ margin:18px 0 15px 14px; } /***************************************************** * AV 221 Teaser Nachrichten rollierend * ******************************************************/ #content_1 .teaser_news_rolling { overflow: auto; display: block; overflow-x: hidden; } #content_1 .teaser_news_rolling h2 { padding: 18px 0 13px 14px; } #content_1 .teaser_news_rolling .date{ margin-left: -5px; margin-right: 22px; } #content_1 .teaser_news_rolling .hrStyle{ margin-left: -5px; } #content_1 .teaser_news_rolling div.link { max-width: 200px; position:relative; left:-14px; } .teaser_news_rolling .link .internal_link { margin-top: 0px; } .teaser_news_rolling .link .link_text { width: 175px; } #content_1 .teaser_news_rolling #bottom_link,#content_1 .teaser_news_rolling #bottom_link_withFirstNews { padding-top: 10px; margin-bottom: 21px; } .teaser_news_rolling .newsPage { display: inline; } /***************************************************** * AV 220 Teaser Linkliste (Startseite) * ******************************************************/ #targetGroupContainer #targetGroup .teaser_downloadlist { float:none; width: 298px; border: 1px solid #C8C8C8; margin-bottom:20px; margin-left:0px; } /* #targetGroupContainer #targetGroup .teaser_downloadlist .teaserH2{ margin:5px 0 25px 14px; } */ /***************************************************** * AV 220 Teaser Linkliste (Bereichseinstiegsseite) * ******************************************************/ #targetGroup .teaser_downloadlist { clear:both; float:none; width: 298px; border: 1px solid #C8C8C8; margin-bottom:20px; margin-left:-10px; } #targetGroup .teaser_downloadlist .teaserH2{ margin:18px 0 15px 14px; } #targetGroup .teaser_downloadlist li:last-child, #content_1 .teaser_downloadlist li:last-child{ max-width:260px; } /***************************************************** * AV 219 Drittel Teaser Text (Bereichseinstiegsseite) * ******************************************************/ #content_1 div.teaserImageText{ width:298px; margin-bottom:10px; border: 1px solid #C8C8C8; padding-bottom:0px; height:auto; } #content_1 .only_mobile .teaserH2{ margin-left:0px; padding:0; } #content_1 .only_mobile .teaser_inline { margin:8px 0 0 13px; padding:0; } #content_1 .only_mobile .teaser_inline .teaser li{ margin: -3px 0; padding:0 0 0px 0; } #content_1 .only_mobile .teaser_running_text { margin:11px 10px 20px 2px; padding:0; } #content_1 .only_mobile .teaser_inline .bg_linklist{ margin:1px 0 0 2px; padding:0; } #content_1 .only_mobile .teaser_inline .text_position{ max-width:235px; margin:0 0 0 10px; padding:0; } #content_1 .only_mobile .teaser_inline .teaser .text_position{ display:inline-block; margin-left:10px; max-width:230px; } /***************************************************** * AV 219 Drittel Teaser Text NEU! ******************************************************/ #content_1 .teaser-img-text-new { border: 1px solid #c8c8c8; height: auto; margin-bottom: 10px; padding-bottom: 0; width: 298px; } #content_1 .teaser-img-text-new .teaser-btn-container { position: relative; } #content_1 .teaser-img-text-new .teaser_running_text { margin-top: 4px; } /***************************************************** * AV 219 Drittel Teaser Text Startseite * ******************************************************/ #targetGroupContainer #targetGroup .teaser_inline { width:278px; margin-bottom:20px; border: 1px solid #C8C8C8; margin-left:0px; height:auto; } /***************************************************** * AV 219 Drittel Teaser Text Zielgruppeneinstieg * ******************************************************/ #targetGroup .only_mobile .teaser_inline { width:278px; margin-bottom:10px; padding-bottom:19px; border: 1px solid #C8C8C8; height:auto; margin-left:-10px; overflow:hidden; } #targetGroup .only_mobile .teaser_inline .teaserH2{ margin:18px 0 -3px -7px; } #targetGroup .only_mobile .teaser_inline .teaser li{ margin:8px 0 0 -5px; padding:0 0 2px 0; } #targetGroup .only_mobile .teaser_running_text { margin:11px 10px 24px -5px; padding:0; } #targetGroup .only_mobile .teaser_inline .bg_linklist{ margin:3px 8px 0 2px; padding:0; } #targetGroup .only_mobile .teaser_inline .bg_externlink{ margin:1px 8px 0 2px; padding:0; } #targetGroup .only_mobile .teaser_inline .text_position{ display:inline-block; max-width:235px; margin:0 0 0 0px; padding:0; } /***************************************************** * AV 221 Drittel Teaser Nachrichten rollierend * ******************************************************/ #targetGroup .teaser_news_rolling { overflow: auto; display: block; overflow-x: hidden; } #targetGroup .teaser_news_rolling h2 { margin-left: -10px; } #targetGroup .teaser_news_rolling div.link{ margin-left:-12px; } #targetGroup .teaser_news_rolling .bg_linklist{ position:relative; top:0px; left:12px; } #targetGroup .teaser_news_rolling .newsHeadline { display:inline-block; position:relative; left:10px; top:0px; } #targetGroup .tnr_last { margin-left: 0px; } #targetGroup .teaser_news_rolling #news_paging{ display: none; } #targetGroup .teaser_news_rolling #bottom_link { padding-top: 20px; } /***************************************************** * AV 222 Drittel Teaser Terminbox * ******************************************************/ .teaser_eventbox .inner{ padding-left:15px; } .teaser_eventbox .link .link_last .text_position, .teaser_eventbox .link .text_position{ max-width:195px; width:195px; position:relative; top:-4px; left:10px; } #content_1 .teaser_eventbox .link{ margin-left:-12px; } #content_1 .teaser_eventbox .bg_linklist{ position:relative; top:-2px; left:12px; } #content_1 .teaser_eventbox .paddingTop13 span.text_position{ display:inline-block; position:relative; left:10px; top:-6px; } #content_1 .teaser_eventbox .paddingTop13{ float:left; margin-left:-11px; width:235px; } /***************************************************** * AV 222 Drittel Teaser Terminbox Zielgruppeneinstieg * ******************************************************/ #targetGroup .teaser_eventbox{ float:left;margin-left:-10px; } #targetGroup .teaser_eventbox .date{ margin-right:20px; } #targetGroup .teaser_eventbox .link{ max-width:210px; margin-top:3px; margin-left:2px; } #targetGroup .teaser_eventbox .link .text_position{ float:left; margin-left:-8px; } #targetGroup .teaser_eventbox .link .bg_linklist{ margin-top:0px; } #targetGroup .teaser_eventbox .hrStyle{ margin:4px 0 3px 0 ; border-bottom: 1px dotted #444444; color: #AAAAAA; width:260px; } #targetGroup .teaser_eventbox h2 { padding:17px 0 10px 0; margin-left:-2px; } #targetGroup .teaser_eventbox .paddingTop13{ margin-top:10px; } #targetGroupContainer #targetGroup .teaser_eventbox{ margin-left:0; } /***************************************************** * AV 231 Drittel Teaser Flickr * ******************************************************/ #content_1 .teaser_flickr { height: 310px; margin-left: 0px; } #content_1 .teaser_flickr .teaser_h2 { margin-bottom: 17px; } #content_1 .teaser_flickr .flickr_photos { height: 200px; } #targetGroupContainer .teaser_flickr { magin-left: -10px; } #targetGroup .teaser_flickr .flickr_photos { height: 200px; } /***************************************************** * AV 232 Drittel Teaser Twitter * ******************************************************/ .teaser_twitter .teaser_h2 { margin-bottom: 1px; } .teaser_twitter .twitterContent { margin-left: 14px; } .teaser_twitter .teaser_social_logo { margin-top: 6px; margin-right: 8px; } /***************************************************** * AV 233 Drittel Teaser Facebook * ******************************************************/ .teaser_facebook .teaser_h2{ margin-bottom: 6px; } .teaser_facebook .fbPicture{ margin-left: 15px; } .teaser_facebook .fbText{ margin-bottom: 7px; } .teaser_facebook .fbPicture img{ margin-bottom: 7px; } /*********************************************************** * Branchenthemen Detailpage (Corporate Content Datenbankschema)* ************************************************************/ #content_1 .branchetheme .text p, #content_1 .branchetheme .padding_bottom{ width:280px; margin-left:0px; } #content_1 .clearfix .text p, #content_1 .clearfix .padding_bottom{ width:280px; margin-left:0px; } div.paging{ background-color:#e9e9e9;width:300px;height:50px;margin-left:10px; } .textPositionRight{ display:none; } .textPositionTop{ display:none; } .pagingSpacer{ display:none; } span.bg_pagingLeft{ position:relative; top:20px; margin-right:10px; } span.bg_pagingTop{ position:relative; top:10px; margin-right:10px; } span.bg_pagingRight{ position:relative; top:20px; margin-right:10px; margin-left:10px; } a.paging{ color:#444;font-size:16px;font-weight:bold; } .pagingMarginLeft{ margin-top:10px } /*********************************************************** * Presseseite Detailpage (Corporate Content Datenbankschema)* ************************************************************/ #content_1 .pr_pressNavigation .clearfix .text p{ min-width:290px; margin-left:0px; } #content_1 .pr_pressNavigation div.paging{ background-color:#e9e9e9;width:300px;height:50px; } #content_1 .pr_pressNavigation .textPositionRight{ display:none; } #content_1 .pr_pressNavigation .textPositionTop{ display:none; } #content_1 .pr_pressNavigation .pagingSpacer{ display:none; } #content_1 .pr_pressNavigation span.bg_pagingLeft{ position:relative; top:20px; margin-right:10px; } #content_1 .pr_pressNavigation span.bg_pagingTop{ position:relative; top:10px; margin-right:10px; } #content_1 .pr_pressNavigation span.bg_pagingRight{ position:relative; top:20px; margin-right:10px; margin-left:10px; } #content_1 .pr_pressNavigation a.paging{ color:#444;font-size:16px;font-weight:bold; } #content_1 .pr_pressNavigation .pagingMarginLeft{ margin-top:0px } /***************************************************** * AV 404 Teaser Newsletter (Footer) * ******************************************************/ .newsletter_footer{ width:300px; padding-bottom:20px; } .newsletter_footer .footer_newsletter_span{ padding-top:8px; } .newsletter_footer .accordionItem.open:hover{ background-color:transparent; } .newsletter_footer .accordion ul{ width:280px; padding:10px 0 0 10px; } .newsletter_footer .accordionLink { width:270px !important; height:20px; padding-top:4px; padding-bottom:6px; margin-bottom:0px; text-decoration:none; padding-left: 29px; background-repeat: no-repeat; background-position: 15px 10px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); font-size: 14px; font-weight:bold; color:#444444; } .newsletter_footer .accordionLink:hover { background-color:#FF0000; background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; } .newsletter_footer a.accordionLink.open { background-position: 13px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } .newsletter_footer a.accordionLink.open:hover { color:#444444; } .newsletter_footer .accordion span.bg_linklist:hover { background-color:#FF0000; } .newsletter_footer .accordionContent ul { width:290px; } .newsletter_footer .accordionContent li { padding-left: 20px; margin-bottom: 0px; } .newsletter_footer .textfeld { width: 250px; } .newsletter_footer .span_content { padding-top: 30px; margin-bottom: -3px; } .newsletter_footer .conversion_button { float: right; height:18px; max-width: 80px; background-color:#FF0000; padding:12px 10px 0px 20px; background-image: url('/media/fair_images/linkgrafiken/button_arrow_white_transback.png'); background-repeat:no-repeat; background-position: 10px 10px; margin-right:8px; margin-top: 10px; color:#fff; font-weight: bold; font-size:14px; } .newsletter_footer .linkText { margin-left: 10px; } /*********************************************************** * AV 218 - Pressemeldung Übersicht * ************************************************************/ #content_1 .pressFunctionBoxTop{ width:300px; height:100px; background-color:#e9e9e9; } #content_1 .pressFunctionBoxTop .float_right{ float:left; } #content_1 .pressFunctionBoxTop .padding_top_mobile{ position:relative;padding-top:0px; } #content_1 .pressFunctionBoxTop .paddingRight30{ float:left; width:100px; } #content_1 .pressFunctionBoxTop .paddingRight10{ float:right; width:100px; padding-right:50px; } #content_1 .ulStyle{ float:left; margin-left:30px; cursor:pointer; } #content_1 .textForm{ position:relative; top:4px; left:17px; } #content_1 .textTo{ position:relative; bottom:15px; right:150px; } #content_1 .selectFrom{ position:relative; bottom:10px; left:17px; } #content_1 .selectTo{ position:relative; bottom:20px; right:70px; } #content_1 .buttonGo{ position:relative;left:245px; bottom:30px; } #content_1 .marginBottom30{ margin:0 0 10px 0; paddin:0; } #content_1 .pressFunctionBoxBottom{ width:300px; height:50px; background-color:#e9e9e9; } #content_1 .filterText{ font-weight:bold; padding-top:0px; } #content_1 .overviewEntries{ border-bottom:dotted 1px #444; width:295px; height:100%; padding-bottom:0px; padding-top:2px; margin-left:5px; } #content_1 div.headlineDiv{ max-width:197px; line-height:0; position:relative; top:14px; padding:0; margin:0; } #content_1 .moreAndFileDiv{ padding:0; margin:11px 0 -13px 0 ; position:relative; right:45px; } #content_1 .dateDiv{ width:30px; padding-left:0px; padding-right:15px; margin-top:12px; } #content_1 .moreUlPos{ padding-right:6px; } #content_1 div.newslist .more { float: left; } #content_1 .moreAndFileDiv .bg_linklist{ position:relative; top:0px; float:left; } #content_1 .moreAndFileDiv .bg_medien{ position:relative; top:0px; float:left; } #content_1 .moreAndFileDiv .text_position{ width:60px; } #content_1 .moreAndFileDiv li.mobilePfd{ margin-top:4px; margin-left:5px; } #content_1 ul.more span.text_position{ float:right; min-width: 60px; max-width:80px; padding-left: 20px; position: relative; bottom: 13px; } /*********************************************************** * Branchenthemen Übersicht (Paket 3) fair_branchethemes * ************************************************************/ #content_1 .branche_headlineDiv{ line-height:0; width:187px; margin-top:9px; } #content_1 .brancheDiv_height .branche_moreDiv{ padding:14px 0 17px 0 ; margin:0; width:187px; position:relative; right:60px; float:right; } #content_1 .brancheDiv_height .branche_moreDiv span.bg_linklist{ padding:0px; margin:0 0 8px 0 ; } #content_1 .brancheDiv_height .branche_moreDiv span.text_position{ } #content_1 .brancheDiv_height .branche_moreDiv a{ display:block; line-height:0; } #content_1 .brancheDiv_height ul.more{ padding:0; margin:0; float:left; } #content_1 .clearfix img{ max-width:290px; } /*********************************************************** * AV 217 - Visitenkarte * ************************************************************/ #content_1 .contact_card{ width:310px; margin:0 0 20px -20px; padding:0; background-color:#FFF; } #content_1 .contact_card ul{ display:table; padding:0; margin:0 0 0 20px;; } #content_1 .contact_card li{ display:table-row; vertical-align:top; } #content_1 .contact_card .border{ display:block; width:300px; margin:5px 0 0 20px; border-bottom:dotted 1px #b8b8b8; } #content_1 .contact_card img{ width:80px;height:auto; margin-left:0px; margin-top:-2px; } #content_1 .contact_card .contactImage{ float:left; } #content_1 .contact_card .contactPersInf_withImage{ float:right; width:210px; } #content_1 .contact_card .contactMailInf_withImage{ margin-top:10px; float:left; width:320px; } #content_1 .contact_card .contactMailInf_withoutImage{ float:left; width:320px; } #content_1 .contact_card .contactPersInf_withoutImage{ float:right; width:310px; } #content_1 .contact_card .contactStreet{ margin-top:-20px; } #content_1 .contact_card .contactEmail{ margin-bottom:6px; } #content_1 .contact_card .save_mobile{ margin-bottom:12px; } #content_1 .contact_card .bg_medien{ background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_whiteback.png'); float:left; margin-top:4px; } /*********************************************************** * AV 302 - Teaser Visitenkarte * ************************************************************/ #content_2 .contact_card .accordion{ width:310px; padding-top:20px; } #content_2 .contact_card .accordionLink { width:290px !important; background-color:#f5f5f5; height:20px; padding-top:7px; padding-bottom:3px; margin-bottom:0px; } #content_2 .contact_card .accordionLink { background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_left_transback.png'); background-repeat: no-repeat; background-position: 15px 11px; padding-left: 10px; text-decoration:none; font-size: 14px; font-weight:bold; color:#444444; } #content_2 .contact_card .accordionLink:hover { background-image: url('/media/fair_images/content_icon/akkordeon_h3_white_left_transback.png'); color:#ffffff; background-color:#FF0000; } #content_2 .contact_card a.accordionLink.open { width:261px !important; text-decoration:none; padding-left: 39px; background-repeat: no-repeat; background-position: 14px 12px; background-image: url('/media/fair_images/content_icon/akkordeon_h3_grey_down_transback.png') } #content_2 .contact_card a.accordionLink.open span{ margin-left:-10px; } #content_2 .contact_card a.accordionLink span{ margin-left:19px; } #content_2 .contact_card a.accordionLink.open:hover { color:#444444; } #content_2 .contact_card .accordionItem{ background-color:#f5f5f5;margin-left:10px; } #content_2 .contact_card .accordionItem:active{ background-color:#f5f5f5; } #content_2 .contact_card .contactImage{ float:left; margin-right:0px; padding:10px 0 30px 15px; width:80px; } #content_2 .contact_card .contactDates{ float:right; width:190px; margin:4px 0 8px 0; padding:0; } #content_2 .contact_card .contactDates .ul_name{ margin:4px 0 0 0px; padding:0; } #content_2 .contact_card .contact_phone { background-image: url('/media/fair_images/fair_social_media/tel_mobil_bg.png'); width:120px;height:25px; background-repeat: no-repeat; background-position: 0px 7px; padding-top: 10px; float:left; margin-left:6px; } #content_2 .contact_card span.contact_phone{ padding:13px 8px 0 0; margin:0 0 0 5px; } #content_2 .contact_card .accordion .phone_a{ margin:10px 0px 0 1px; } #content_2 .contact_card .accordion li.li_mail{ margin:10px 0px 0 1px; } #content_2 .phone_a{ float:left; color:#FF0000; display:inline-block; margin:-31px 10px 0 -19px; } #content_2 .phone_a img{ width:40px; height:40px; } #content_2 .li_mail .email_image{ float:left; padding-right:4px; padding-top:2px; width:10px; height:10px; } #content_2 .li_mail span{ float:right; max-width:140px; } #content_2 .contact_card .save_contact{ float:left; padding:5px 0 26px 16px; } #content_2 .contact_card .save_contact .text_position{ display:inline-block; } #content_2 .contact_card span.bg_medien { background-image: url('/media/fair_images/linkgrafiken/content_arrowrightbottom_link_greyback.png'); width: 10px; height: 10px; } #content_2 .contact_card .ul_name li{ padding-bottom:10px; } #content_2 .contact_card .li_mail{ margin-left:-19px; margin-right:10px; float:left; margin-top:10px; } #content_2 .contact_card .contactDatesNoImage{ float:right; width:290px; margin-bottom:8px; } #content_2 .contact_card .contactDatesNoImage .ul_name{ margin:8px 0 0 4px; padding:0; } #content_2 .contact_card .contactDatesNoImage .li_mail span{ float:right; max-width:250px; } /*********************************************************** * AV 402 - Teaser Dialog (Footer) * ************************************************************/ .footer_dialog { margin-top: -10px; } .footer_dialog .labelMargin{ margin-bottom:10px; } .footer_dialog .fax { width:300px; margin-left:-1px; float: left; } .footer_dialog .mail{ margin-left: 0px; margin-top: 7px; float: left; } /*********************************************************** * AV 407 - Teaser Seitenfunktionen (Footer) * ************************************************************/ .footer_pagefunctions .social_media_description{ margin:0 0 5px 0 ; padding:0px; } .footer_pagefunctions img { width: 80px; height: 80px; } .footer_pagefunctions ul li { width: 80px; margin-right:15px; margin-bottom:15px; } .footer_pagefunctions ul li span { display: none; } /*********************************************************** * Globale Helper für Drittel-Teaser (Implementierung MD) * ************************************************************/ .tnr_first { margin-left: -10px; } #targetGroupContainer .tnr_first { margin-left: 0px; } .tnr_second { margin-left: -10px; } #targetGroupContainer .tnr_second { margin-left: 0px; } #content_1 .tnr_margin_left { margin-left: 0px; } /*********************************************************** * Suchtips in der Marginalspalte ************************************************************/ #content_2 .marginal_searchtips { margin-left: 10px; width: 300px; } /*********************************************************** * Partnerlogo * ************************************************************/ #content_1 .partnertext .accordionText p{ margin:0 20px 3px 30px; } #content_1 .accordion .thumbwrap { background-color: #f5f5f5; margin-left: 30px; } #content_1 .accordion .thumbwrap .li_small>div{ width:123px; margin-right:6px; } #content_1 .accordion .thumbwrap .caption { display: block; padding-top:0px; margin-bottom:-7px; color: #444444; font-size: 12px; line-height: 16px; } /*********************************************************** * AV 251 Erfolgsgeschichte für Seite mit und ohne Marginalspalte * ************************************************************/ #content_without_marginal .av251_contentWidth, #content_1 .av251_contentWidth{ width:310px; } #content_without_marginal .av251_textBg, #content_1 .av251_textBg { position:relative; bottom:10px; } #content_without_marginal .av251_content, #content_1 .av251_content{ float:left; position:relative; top:0px; padding:0; margin:1px 0 0px 15px; width:260px; } #content_without_marginal .av251_entries, #content_1 .av251_entries{ margin-top:20px; margin-bottom:20px; } #content_without_marginal .av251_textPos, #content_1 .av251_textPos{ background-color:#e9e9e9; padding:20px 20px 12px 19px; margin-bottom:30px; } #content_without_marginal .av251_textPos{ margin-top:14px; } #content_without_marginal .av251_firstPosContent{ margin-top:17px; } #content_without_marginal .av251_lastPosContent{ margin-bottom:29px; } #content_without_marginal .av251_content_extract, #content_1 .av251_content_extract{ width:220px; } #content_without_marginal .av251_content_extract p, #content_1 .av251_content_extract p{ position:relative; top:-4px; } #content_without_marginal .av251_textPos p, #content_1 .av251_textPos p{ line-height:18px; } #content_without_marginal .av251_textPos h3, #content_1 .av251_textPos h3{ font-size: 14px; font-weight:bold; position:relative;margin:-23px 0 4px 0; } #content_without_marginal .av251_imgPos,#content_1 .av251_imgPos{ position:relative;left:-27px;top:-2px;width:8px;height:20px; } #content_without_marginal .av251_textPos h3{ padding-bottom:3px; } #content_1 .av251_year, #content_without_marginal .av251_year{ font-size: 14px; font-weight:bold; color:#FF0000; } #content_1 .av251_year { position:relative; top:-5px; left:8px; margin-bottom:-10px; width:310px; } #content_without_marginal .av251_year{ position:relative; left:8px; top:0px; bottom:3px } #content_without_marginal .av251_textPos span.bg_linklist,#content_1 .av251_textPos span.bg_linklist{ background-image: url('/media/fair_images/fair_success_history/av251_arrow_link_darkgreyback.png'); margin-top:2px; } #content_without_marginal .historyLink:hover > .bg_linklist, #content_1 .historyLink:hover > .bg_linklist { background-color:#FF0000; } #content_without_marginal .av251_textPos span.text_position,#content_1 .av251_textPos span.text_position{ font-weight:bold; } #content_1 .av251_textPos span.bg_linklist{ margin-top:4px; } #content_1 .av251_textPosContent{margin-top:0px;} #content_1 .av251_firstPosContent{margin-top:18px;} #content_1 .av251_lastPosContent{float:left;margin-bottom:-13px;} #content_1 .div_width { margin-bottom:0; } #content_1 h3 { padding-bottom: 14px; } #content_1 ul { padding: 0 0 4px 15px; } #content_1 ul.marginleft14 { padding: 0 0 9px 15px; } #content_1 ul li.li_style { margin-bottom: 0px; padding: 0; } #content_1 ul li.li_style a { margin-bottom: 0px; }