/**/ *{ border:0 solid #d2d2d2; } .braille, legend, .js noscript{ display:none; } h1, h2, h3, h4, h5, h6{ margin-top:0; font-weight:normal; } /*Font Family*/ body *{ font-family:Arial, sans-serif !important; } /*Font Sizes*/ body, div, span, p{ font-size:8pt; color:#4d4d4d; } p{ line-height:13pt; } h1{ font-size:13pt; } h2{ font-size:13pt; } h3{ font-size:10pt; } h4{ font-size:10pt; color:#7f7f7f; border-bottom-width:1px; padding-bottom:6px; margin-bottom:11px; } .bar h2, .iconteaser h2{ font-size:8pt; } /**/ #outer{ background:url("/media/layout/images/top_bg.png") no-repeat scroll; width:940px; margin:10px auto 0; padding:30px 30px 0; } .lt-ie8 #outer{ position:relative; z-index:10; } #top-nav{ height:40px; margin:7px 0 0; } #top-nav, #top-nav a, #login > .label{ color:#686868; text-decoration:none; } #top-nav a:hover{ color:#000000; } #top-nav > div{ float:left; } /*top nav*/ #search, #login, #first-lang, #other-lang{ background-color:#ffffff; } #flags{ margin-top:-4px; } /* Height of .icon-down*/ #first-lang{ width:40px; height:23px; border-width:1px; } .js #flags, .js #first-lang, .js #first-lang .icon-down{ cursor:pointer } #flags *{ margin:0; padding:0; list-style:none; } #flags a{ display:block; float:left; height:11px; background-position:left; padding-left:20px; margin:6px 0 0 5px; text-indent:-999em; } #other-lang{ display:none; overflow:hidden; } .no-js #flags:hover #other-lang{ display:block; } #other-lang{ width:148px; /*height: 79px;*/ padding-top:2px; overflow:hidden; z-index:10; position:absolute; background:#ffffff } #other-lang li{ border-width:1px; border-top:0; padding-bottom:8px; overflow:hidden; } #other-lang li:first-child{ border:1px solid #c6c6c6; } #other-lang a{ float:none; text-indent:0; } #flags .icon-down{ left:27px; top:14px; } /*login*/ #login, #my-profile{ margin-left:5px; border-width:1px; height:23px; padding-left:10px; width:48px; cursor:pointer; } #login .icon-down{ left:31px; top:9px; } .js #login, .js #login .icon-down{ cursor:pointer } #login .effect, #login p.hint{ display:none; overflow:hidden; margin-left:-6px; padding-top:7px; } .no-js #login:hover .effect{ display:block; } #login .effect > div{ background:#ffffff; height:auto; overflow:hidden; padding-top:13px; position:absolute; width:265px; z-index:10; margin:0 0 0 -5px } .lt-ie8 #login .effect > div{ width:270px; } .ie8 #login .effect > div{ width:300px; } .opera #login .effect > div{ width:275px; } .opera #login input{ border-width:1px; } /*Chrome-Darstellung*/ #login .effect input:-webkit-autofill{ background-color:#ffffff !important; } #login input[type="text"], #login input[type="email"], #login input[type="password"]{ margin:0; width:260px; } #login.logout > *{ visibility:hidden } #login.logout > .label{ visibility:visible; } #login #login-password{ margin-right:0; } #login-button-wrapper, #login-extras{ float:right; min-height:0; margin-top:5px; text-align:right; } #login-button-wrapper a, #login-extras a{ text-decoration:underline; } #login-button-wrapper .btn-standard{ float:right; margin:0 0 5px; } #login-button-wrapper, #rememberme-div{ margin-bottom:0; } #login-extras a{ color:#939393; display:block; margin-top:5px; } #rememberme-div{ text-align:right; margin-top:5px; float:left; } #rememberme-div input{ margin-right:5px; } #my-profile{ width:70px; display:none; } #my-profile.logged{ display:block; } #my-profile .icon-down{ left:55px; top:9px; } #my-profile .effect{ display:none; overflow:hidden; margin-left:-6px; padding-top:7px; } .no-js #my-profile :hover .effect{ display:block; } #my-profile .effect{ background:#ffffff; height:auto; width:auto; overflow:hidden; position:absolute; z-index:10; list-style:none; margin:7px 0 0 -11px; padding:0; } #my-profile .effect li{ border-width:1px; border-top:0; padding:5px 10px 5px 5px; overflow:hidden; } .lt-ie8 #my-profile .effect li{ width:90px; } #my-profile li:first-child{ border:1px solid #c6c6c6; } #my-profile .my-profile-mobile{ display:none; } /*/login*/ #meta-nav{ padding-top:3px; } #meta-nav a{ margin:3px 10px 0; display:block; float:left; } #meta-nav a.mobile-only{ display:none; } #meta-nav span{ padding:3px 0; border-left-width:1px; text-indent:-999em; overflow:hidden; display:block; float:left; } #search{ border-width:1px; margin-left:32px; width:230px } #search input[type=submit], #search label{ font-size:0; } #search label{ display:none; } #search input[type=search], #search input[type=text]{ display:inline; border:none; font-size:8pt; margin:4px 2px 0 3px; color:#686868; width:196px } #search input[type=submit]{ border:none; float:right; margin:2px; } .lt-ie8 #search input[type=submit]{ position:absolute; margin:1px 0 0 3px; text-indent:-999em; text-transform:capitalize; } /*Negative-indent alone unfortunately doesn't work to remove text from a button element in IE7, but add text-transform: capitalize; and presto!*/ .opera .check-box-field input[type="checkbox"]{ padding:2px; } /*bug-fix for opera checkbox*/ /*searchoptions*/ #search form > div{ margin:0 0 0 -1px; padding:3px 0 0; position:absolute; z-index:10; } #search .effect{ background:#ffffff; border:1px solid #d2d2d2; padding:13px; width:204px; display:none; } .lt-ie8 #search .effect{ border-top-color:#ffffff; } /*this is a bugfix*/ #search .effect label{ display:block; font-size:8pt; margin-left:23px; margin-bottom:-15px; } #search .effect h5{ font-weight:bold; font-size:8pt; margin:0 0 10px; } #search .effect button{ display:block; line-height:1.8em; margin:5px 0 0 0; } #search .effect button span{ color:#ffffff; } #search .effect button img{ margin:0 -6px 0 18px; } .opera #search .effect input[type="checkbox"]{ border-width:1px; padding:2px; } /*bug-fix for opera*/ .lt-ie8 #search .effect button img{ margin:-20px -28px 0 50px; } /* Anpassung Pagination LMQS-200 */ #result_div > h2{ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #result_div > h2 > .filtered-by{ margin-left:5px; } /*search jquery-ui autocomplete*/ .ui-autocomplete{ width:229px; padding:3px 0 0; border-width:0 1px 1px; background-color:#ffffff } .ui-autocomplete .ui-menu-item{ list-style:none; line-height:1.6 } .ui-autocomplete .ui-menu-item a{ color:#4d4d4d; padding:0 4px; display:block; } .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus{ background-color:#eeeeee; } .ui-autocomplete .ui-menu-item:hover a, .ui-autocomplete #ui-active-menuitem{ color:#000000 } #logo{ width:242px; height:40px; float:right !important; margin:-7px -20px 0 0; background:url("/media/layout/images/logo.jpg") no-repeat scroll 0 0 transparent; } #logo-other{ width:240px; height:40px; float:right !important; margin:-7px -20px 0 0; background:url("/media/layout/images/logo_other.jpg") no-repeat scroll 0 0 transparent; } /*/topnav*/ /*header-pic*/ #header-pic{ margin-top:20px; } #pic-wrapper{ height:174px; padding:2px; border-width:1px; background-color:#ffffff; z-index:1; position:relative; } #picture-banner{ border:2px solid #eeeeee; width:930px; height:170px; position:relative; z-index:1; } #banner-tabs{ z-index:2; position:relative; height:36px; } #banner-tabs *{ margin:0; padding:0; list-style:none; } #banner-tabs li{ display:block; float:left; text-transform:uppercase; margin-right:3px; border-radius:5px 5px 0 0; position:relative; } #banner-tabs a{ padding:9px 13px 10px; display:block; text-decoration:none; color:#ffffff; font-weight:100; font-size:9pt; } #banner-tabs .topleft, #banner-tabs .topright{ display:none; } .explorer #banner-tabs .topleft, .explorer #banner-tabs .topright{ display:block; z-index:3; } /*.lt-ie8 #banner-tabs li{max-width:200px}*/ .lt-ie8 #banner-tabs a{ line-height:1.5em; } .lt-ie8 #banner-tabs li{ display:inline; } /*/header-pic*/ #navigation-wrapper{ margin-top:-4px; } /*main-nav Bar*/ #main-nav{ margin-top:17px; } #nav{ height:34px; padding:2px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; z-index:1; position:relative; border-width:1px; } #nav *{ margin:0; padding:0; list-style:none; } .lt-ie8 #nav > ul{ margin-top:11px; } #nav li{ height:34px; float:left; text-transform:uppercase; border-left:2px solid #ffffff; border-right:1px solid #c4c4c4; } #nav li a, .tabbed-box > ul > li a{ text-decoration:none; color:#4d4d4d; padding:9px 30px 10px 15px; display:block; font-weight:bold; text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } .ie8 #nav li a{ float:left; } .safari #nav li a{ padding:9px 29px 10px 14px } /*BUG FIX IE7 Navigation*/ /*.lt-ie8 #nav > ul{ margin-top:11px; }*//*JaHe FIX*/ /*.lt-ie8 #nav li, .lt-ie8 #nav li a{ display:inline; float:none; }*//*JaHe FIX*/ .lt-ie8 #nav > ul{ margin-top:0; } /*NeKl FIX*/ .lt-ie8 #nav li, .lt-ie8 #nav li a{ display:inline; float:left; } /*NeKl FIX*/ #nav li:hover a, #nav li a:focus, #nav li a.active, .tabbed-box > ul > li:hover a, .tabbed-box > ul > li a:focus, .tabbed-box > ul > li a.active{ color:#ffffff; border:1px solid #003578; padding:8px 29px 9px 14px; background-color:#033d86; } /*overwrite backgrounds in mandant.css*/ .safari #nav li:hover a, .safari #nav li a:focus, .safari #nav li a.active{ padding:8px 28px 9px 13px } #nav li:first-child{ border-left:none; } #nav li.last{ border-right:none; } .lt-ie8 #nav li.last span{ padding:9px 0 10px; } #gemstone{ border-left:2px solid #ffffff; width:13px; height:34px; margin-left:-2px; float:left; background-position:0 -7px } #nav .spacer{ float:right; width:2px; margin-right:-2px; height:100%; background-color:#ffffff } .lt-ie8 #nav .spacer{ margin-top:-24px } #nav .icon-down{ float:right; margin:-21px 14px 0 0; } .lt-ie8 #nav .icon-down{ position:absolute; margin:12px 0 0 -21px; } #nav-mobile{ display:none; } /*#main-nav select option[selected="selected"] {font-weight:normal}*/ /*Navigation Flyout*/ #navigation{ position:absolute; z-index:4000; color:#ffffff; margin:-13px 0 0; } #navigation ul{ float:left; display:block; width:130px; list-style:disc url("/media/layout/images/list.gif"); } /*Always specify the list-style-type property in addition. This property is used if the image for some reason is unavailable.*/ #navigation div > ul{ list-style:none; width:170px; padding:0; font-weight:bold; } #navigation div > ul li{ width:150px; } .lt-ie8 #navigation div > ul{ list-style-image:none; } #navigation ul ul{ padding:0 0 0 12px; margin:5px 0; font-weight:normal; } .lt-ie8 #navigation ul ul{ padding-left:17px; } #navigation ul:nth-child(5n+1){ clear:left; } /*don't concatenate with next lines, IE just doesn't get it*/ #navigation ul.ietrigger{ clear:left; } /*use js for ie*/ #navigation ul a{ text-decoration:none; color:#ffffff; } #navigation ul a:hover{ color:#000000; } #navigation > div{ width:900px; overflow:hidden; position:relative; display:none; z-index:1; padding:0 20px 5px; } .lt-ie8 #navigation > div{ padding-bottom:15px; } #navigation > div.icon-shadow2{ position:relative; z-index:0; } .lt-ie8 #navigation > div.icon-shadow2{ position:absolute; z-index:-1; } /*/Navigation*/ /*/main-nav*/ /*breadcrumb*/ #breadcrumb{ height:16px; border-top-width:1px; border-bottom-width:1px; width:675px; padding:6px 13px; margin:9px 0 14px; } #breadcrumb ul, #breadcrumb li{ display:inline; list-style:none; padding:0 !important; margin:0 0 0 4px; } #breadcrumb a{ margin-left:4px; text-decoration:none; color:#4d4d4d } #breadcrumb a:hover{ color:#000000 } #breadcrumb > span{ margin-right:-10px; } #breadcrumb .active{ color:#033d86 } /*override in mandant*/ .home #breadcrumb{ display:none; } /*/breadcrumb*/ /*content*/ #content{ width:720px; margin-top:7px; min-height:290px; } #content.narrow{ width:480px; } .lt-ie8 #content{ padding-bottom:20px; zoom:1; } #content, #content > div, #content > a{ float:left; } .box160, .box220, .box340, .box460, .box520, .box700{ width:160px; display:block; overflow:hidden; margin:0 20px 20px 0; } .box220{ width:220px } .box340{ width:340px } .box460{ width:460px } .box520{ width:520px } .box700{ width:700px } .box-in-box{ float:left; padding:10px; } .box-in-box-right{ margin-right:0 } .home .box160, .home .box220, .box220.partner, .home .box340, .home .box460, .home .box520, .home .box700, .tabbed-box, .iconteaser{ width:154px; border:1px solid #d2d2d2; padding:2px; } .home .box220, .box220.partner, .teaser-column .box220.tabbed-box{ width:214px; } /*minus border and padding*/ .lt-ie8 .box220.partner > div{ width:202px; } .home .box340{ width:338px } .home .box460{ width:454px } .home .box520{ width:514px } .home .box700{ width:694px } /*minus border and padding*/ .narrow .box520, .narrow .box700{ width:460px } .home .narrow .box520, .home .narrow .box700{ width:458px } .lt-ie8 #main > div > div{ position:relative; } /*cut off overflowing buttons*/ a.back-link{ text-decoration:none; color:#4d4d4d; line-height:3em; margin-right:15px; /*font-size: 1.1em;*/ } .back-container{ width:700px; /*text-align: right;*/ border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; margin-bottom:20px; } /*/content*/ /*teaser-column*/ .teaser-column{ margin-top:7px; width:220px; float:left; } .teaser-column .tabbed-box .tabs{ list-style:none; } .teaser-column .tabbed-box ul{ margin:0; padding:0; height:30px; border-bottom-width:1px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; overflow:hidden; } .teaser-column .tabbed-box .tabbed-content ul{ background:none; height:auto; list-style:square inside url("/media/mandant/bullet.png"); border-bottom-width:0; } .teaser-column .tabbed-box .tabbed-content ul .btn-standard{ width:118px; } .teaser-column .tabbed-box .tabbed-content ul .btn-standard .download{ margin-left:10px; } .teaser-column .tabbed-box .text80{ width:120px; } .teaser-column .tabbed-box .btn-standard{ width:146px; padding-right:34px; } .teaser-column .tabbed-box .btn-standard .download{ margin:0 -54px 0 38px; } .teaser-column .tabbed-content.no-image p{ margin:0; } #second-teaser-column{ margin-right:20px; } .teaser .teaser-image-container{ margin:3px 10px 12px 10px; } .teaser .teaser-image-container-bildteaser{ margin:0 !important; } .teaser .teaser-image-container.left{ text-align:left; padding-left:10px; } .teaser .teaser-image-container.right{ text-align:right; padding-right:10px; } .teaser .teaser-image-container.justify{ text-align:center; } .teaser .teaser-image-only{ min-width:100%; max-width:100%; } /*/teaser-column*/ /*closer*/ #closer{ background:url("/media/layout/images/body_bg_bottom.png") center top no-repeat; width:920px; padding:118px 40px 0; height:60px; margin:-103px auto 0; } .lt-ie8 #closer{ position:relative; z-index:9; } #recommend{ float:left; } #recommend > div{ width:110px; height:23px; border-width:1px; } #recommend p{ margin:4px 10px; color:#686868; } #recommend p:hover{ color:#000000; } #recommend .icon-down{ bottom:14px; left:92px; } #recommend .effect{ display:none; width:310px; z-index:10; height:145px; overflow:hidden; position:absolute; margin:1px 0 0 0; padding:0 0 0 9px; background:#ffffff; } #recommend div:first-child{ cursor:pointer } #recommend fieldset > div{ float:left; height:40px; margin:10px 0 0 6px; } #recommend input{ border-width:1px; height:22px; } #name-recipient-wrapper{ clear:both; } #name-you-wrapper input, #name-recipient-wrapper input{ width:110px; clear:left; } #mail-you-wrapper input, #mail-recipient-wrapper input{ width:170px; clear:left; } #recommend .effect div > *{ float:left; } .lt-ie8 #recommend .effect label{ font-size:7.8pt; width:114px; } .lt-ie8 #recommend .effect input{ margin-left:-6px; } .lt-ie8 #recommend .effect .sendbutton{ width:145px; } .lt-ie8 #recommend .sendbutton button{ width:100%; } .lt-ie8 #recommend .sendbutton button span{ float:left } #recommend .sendbutton{ margin:12px 0 0 6px; } #recommend button span{ margin:0 15px 0 0; line-height:2em; color:#ffffff; } .no-js #recommend{ display:none; } #social-icons{ height:19px; /*LMWL-296 CR04 margin:0 0 0 8px;*/ padding:2px 55px 2px 4px; border-width:1px; float:left; } .no-js #social-icons{ display:none; } #social-icons ul{ margin:-1px 0 0; padding:0; list-style:none; } /*#social-icons li{display: block; float: left;}*/ #social-icons a{ overflow:hidden; text-indent:-999em; margin:5px 0 0 4px } .lt-ie8 #social-icons .effect div{ margin-top:5px; } /*.no-js */ #social-icons:hover .effect{ display:block } /*first part commented out until flapping js is fixed*/ #backtotop-container, #printpage-container{ float:right; margin:4px 0 0 15px; } #backtotop-container > *, #printpage-container > *{ float:left; position:relative; } #backtotop-container a, #printpage-container a{ text-decoration:none; color:#686868; display:block; padding:0 0 0 20px; } #backtotop-container a:hover, #printpage-container a:hover{ color:#000000; } .lt-ie8.lang-de #backtotop-container{ width:120px; } .lt-ie8.lang-en #backtotop-container{ width:75px; } .no-js #printpage-container{ display:none; } #printpage-container .icon-down{ display:none; } #printpage-container.print-menu{ cursor:pointer; position:relative; margin-top:-2px; } #printpage-container.print-menu .icon-print{ position:absolute; top:7px; left:10px; } #printpage-container.print-menu a{ padding:4px 25px 4px; border-width:1px; line-height:1.4; } #printpage-container.print-menu a .icon-down{ position:absolute; right:10px; top:9px; } #printpage-container ul{ cursor:pointer; display:none; list-style:none outside none; position:absolute; top:100%; margin-top:1px; left:0; background-color:rgb(255, 255, 255); padding:0; width:100%; } #printpage-container ul li{ border-width:0 1px 1px; overflow:hidden; padding:5px; } #printpage-container ul li:first-child{ border:1px solid #c6c6c6; } /*/closer*/ /*footer*/ #footer{ width:980px; margin:5px auto 0; padding:2px 0 0; overflow:hidden; border-width:1px 0; } #footer-shadow{ background:url("/media/layout/images/footer_bg_shadow.png") repeat-x; height:41px; } #footer-wrapper{ background:url("/media/layout/images/footer_bg_borders.png") repeat-y scroll 0 0 #f6f6f6 } #footer-wrapper .columns{ margin-top:-36px; } .lt-ie8 #footer-wrapper .columns{ padding-top:15px } #footer-wrapper .column1, #footer-wrapper .column2, #footer-wrapper .column3, #footer-wrapper .column4, #footer-wrapper .column5{ float:left; width:158px; padding:0 2px 0 20px; } .lt-ie8 #footer-wrapper .column1, .lt-ie8 #footer-wrapper .column2, .lt-ie8 #footer-wrapper .column3, .lt-ie8 #footer-wrapper .column4, .lt-ie8 #footer-wrapper .column5{ margin-top:-20px; } #footer-wrapper .column1 li, #footer-wrapper .column2 li, #footer-wrapper .column3 li, #footer-wrapper .column4 li{ margin:0 0 10px; } #footer .column5{ width:210px; background-color:#f6f6f6; } #footer h5{ text-transform:uppercase; font-weight:bold; color:#666666; font-size:1em; margin:14px 0; } #footer ul, #footer li{ list-style:none; padding:0; margin-top:0; } #footer a{ color:#818181; text-decoration:none; } #footer a:hover{ color:#000000; } #footer-padding{ clear:both; height:20px; background:#f6f6f6; border-bottom:2px solid #ffffff } /*/stage*/ /*/footer*/ #closing-line{ width:980px; padding:13px 0; margin:0 auto 50px; color:#686868; border-bottom-width:1px; } .lt-ie8 body{ padding-bottom:50px; } /*IE7 Fix: #closing-line margin-bottom 50px is not displayed in IE7 */ #closing-line, #closing-line a{ color:#686868; } #closing-line a{ margin:0 10px; display:block; float:left; text-decoration:none; } #closing-line a:hover{ color:#000000; } #closing-line span{ border-left-width:1px; text-indent:-999em; overflow:hidden; display:block; float:left; } #closing-line .copy{ float:right; text-indent:0; border:0; } /*#logo-fkm{ background: url("/media/layout/images/FKM_Logo_ENG_mit_Kontur_certified_RGB_rz.png") no-repeat; background-size: 60px 40px; height: 40px; width: 60px; margin: -10px 0 0 100px !important; }*/ /*Slider footer specific css-properties*/ #footer .slider-container .step, #footer .slider-container .stage-container p{ width:202px } .lt-ie8 #footer .slider-navigation{ height:25px; } /*/Slider*/ /*icons*/ .icon{ background:url("/media/layout/images/sprites.png") transparent no-repeat; display:block; position:relative; text-indent:-999em; } .icon-goto{ background:none repeat scroll 0 0 #ffffff; border-width:1px; height:12px; width:12px; } .icon-goto.active, .icon-goto:hover{ background-position:-12px 0; border:1px solid #003573; } .icon-down{ background-position:0 0; width:7px; height:4px; } .icon-search{ background-position:0 -5px; width:20px; height:19px; } .icon-shadow{ background-position:0 -66px; width:934px; height:37px; margin:-24px auto 0; } .icon-shadow2{ background-position:center -104px; width:940px; height:91px; margin:-47px auto 0; } .icon-shadow3{ background-position:-3px -261px; width:690px; height:35px; margin:-21px auto 0; } .icon-shadow-small{ background-position:-720px -250px; width:222px; height:46px; margin:-54px auto 0; } .icon.topleft{ background-position:-8px 0; width:4px; height:4px; position:absolute; top:-1px; left:-1px; } .icon.topright{ background-position:-13px 0; width:4px; height:4px; position:absolute; top:-1px; right:-1px; } .icon.bottomleft{ background-position:-18px 0; width:4px; height:4px; position:absolute; bottom:-1px; left:-1px; } .icon.bottomright{ background-position:-23px 0; width:4px; height:4px; position:absolute; bottom:-1px; right:-1px; } .icon-button{ background-position:-77px 0; width:20px; height:20px; float:right; } .icon-button-prev{ background-position:-35px 0; width:20px; height:20px; float:left; } .icon-print{ background-position:-104px 0; width:9px; height:9px; left:12px; top:3px; } .icon-top{ background-position:-98px 0; width:5px; height:6px; left:10px; top:5px; } /* Messekalkulator */ .icon-error-msg{ background-position:-676px -6px; width:18px; height:18px; } .icon-notice-msg{ background-position:-706px -7px; width:18px; height:17px; } /* floorplan */ .icon-navigate{ background-position:-744px -7px; width:12px; height:17px; } /*LMWL-295 CR04*/ /*.icon-prev{ width:20px; height:20px; backgrounds-position:-114px -1px; backgrounds-color:#ddd; } .icon-next{ width:20px; height:20px; backgrounds-position:-134px -1px; backgrounds-color:#ddd; } .icon-prev:hover, .icon-next:hover{backgrounds-color: #ababab;}*/ /*LMWL-295 CR04*/ .icon-prev{ width:20px; height:20px; background-position:-186px -1px; border-width:1px; } .icon-next{ width:20px; height:20px; background-position:-168px -1px; border-width:1px; } .icon-prev:hover, .icon-next:hover{ background-color:#000000; border:1px solid #000000 } /*LMWL-295 CR04*/ .icon-xing{ background-position:-374px -2px; width:55px; height:20px; } .icon-gplus{ background-position:-339px -2px; width:32px; height:20px; } .icon-facebook{ background-position:-242px -23px; width:83px; height:20px; } .lang-en .icon-facebook{ background-position:-242px -2px; width:94px; height:20px; } .icon-twitter{ background-position:-242px -45px; width:68px; height:20px; } .lang-en .icon-twitter{ background-position:-339px -23px; width:55px; height:20px; } .icon-minus{ background-position:-553px -5px; background-color:#ffffff; width:14px; height:14px; } .icon-plus{ background-position:-583px -5px; background-color:#ffffff; width:14px; height:14px; } .icon-close{ background-position:-613px -5px; background-color:#ffffff; width:14px; height:14px; } .icon-set{ background:url("/media/layout/images/iconset_sprite.png") transparent no-repeat scroll 0 0; display:block; position:relative; } .icon-check{ background-position:-299px -1014px; width:17px; height:16px; } .icon-warning{ background-position:-630px -1014px; width:16px; height:16px; } .icon-error{ background-position:-968px -1014px; width:16px; height:16px; } .icon-star-16{ background-position:-301px -200px; width:16px; height:16px; } .icon-star-16:hover{ background-position:-301px -19px; } .icon-star-32{ background-position:-248px -200px; width:33px; height:32px; } .icon-star-32:hover{ background-position:-249px -19px; width:33px; height:32px; } .icon-star-active-16{ background-position:-301px -19px; width:16px; height:16px; } .icon-star-active-32{ background-position:-249px -19px; width:33px; height:32px; } .icon-mail-16{ background-position:-669px -19px; width:16px; height:16px; } .icon-mail-32{ background-position:-617px -19px; width:33px; height:32px; } .icon-phone-16{ background-position:-671px -200px; width:16px; height:16px; } .icon-phone-32{ background-position:-619px -200px; width:33px; height:32px; } .icon-map-16{ background-position:-669px -368px; width:16px; height:16px; } .icon-map-32{ background-position:-617px -368px; width:33px; height:32px; } .icon-exhibitor-16{ background-position:-669px -528px; width:16px; height:16px; } .icon-exhibitor-32{ background-position:-617px -528px; width:33px; height:32px; } .icon-exhibitor-star-16{ background-position:-1031px -529px; width:23px; height:19px; } .icon-exhibitor-star-32{ background-position:-979px -528px; width:40px; height:42px; } .icon-exhibitor-star-active-16{ background-position:-1031px -16px; width:33px; height:28px; } .icon-exhibitor-star-active-32{ background-position:-979px -16px; width:40px; height:42px; } .icon-product-16{ background-position:-671px -708px; width:16px; height:16px; } .icon-product-32{ background-position:-617px -708px; width:33px; height:32px; } .icon-product-star-16{ background-position:-1033px -709px; width:25px; height:22px; } .icon-product-star-32{ background-position:-979px -709px; width:40px; height:42px; } .icon-product-star-active-16{ background-position:-1033px -196px; width:31px; height:28px; } .icon-product-star-active-32{ background-position:-979px -196px; width:40px; height:42px; } .icon-date-16{ background-position:-669px -876px; width:16px; height:16px; } .icon-date-32{ background-position:-617px -876px; width:33px; height:32px; } .icon-date-star-16{ background-position:-1031px -877px; width:27px; height:22px; } .icon-date-star-32{ background-position:-979px -877px; width:40px; height:42px; } .icon-date-star-active-16{ background-position:-1031px -362px; width:31px; height:25px; } .icon-date-star-active-32{ background-position:-979px -364px; width:40px; height:42px; } .icon-note-16{ background-position:-1031px -1037px; width:31px; height:25px; } .icon-note-32{ background-position:-979px -1037px; width:33px; height:32px; } .icon-note-active-16{ background-position:-669px -1036px; width:16px; height:16px; } .icon-note-active-32{ background-position:-617px -1036px; width:33px; height:32px; } .icon-date-add-16{ background-position:-1031px -1204px; width:22px; height:21px; } .icon-date-add-32{ background-position:-979px -1204px; width:37px; height:38px; } .icon-info-16{ background-position:-300px -876px; width:16px; height:16px; } .icon-info-32{ background-position:-248px -876px; width:32px; height:32px; } .icon-coupon-16{ background-position:-300px -1036px; width:22px; height:21px; } .icon-coupon-32{ background-position:-248px -1036px; width:37px; height:38px; } /*iframe Placeholder Watchlist*/ #merkliste-iframe{ height:290px; } .iframe-placeholder{ overflow:hidden; } .iframe-placeholder h2 img{ margin-right:5px; } .iframe-placeholder p{ padding:0 10px; } .explorer .iframe-placeholder h2 img, .explorer .watchlist h2 img{ margin-top:-2px; } .lt-ie8 .iframe-placeholder{ width:214px; padding-bottom:10px !important; } .gt-i8 #merkliste-iframe{ margin-bottom:0; } /*BugFix IE9*/ /* =========================================================================== =Merkliste =========================================================================== */ .extra-iconset.merk-button a{ position:absolute; width:100%; height:100%; top:0; left:0; text-decoration:none; } .watchlist{ border-width:1px; border-bottom-width:0; } .watchlist h3{ font-size:8pt; margin:0; padding:0 !important; } .watchlist h3, .watchlist h3 a{ text-transform:none; } .watchlist a{ text-decoration:none; } .watchlist div{ border-bottom:0 solid #ffffff; } .watchlist ul{ list-style:none outside none; margin:0 !important; padding:0 !important; } .watchlist li{ cursor:pointer; border-top:1px #ffffff; border-bottom-width:1px; padding:9px 12px; } .watchlist li a, .watchlist li span{ display:block; margin-left:15px; width:185px; margin-top:5px; } .opera .watchlist li a, .watchlist li span{ width:155px; } .watchlist li p{ margin:0 !important; padding:0 !important; height:auto !important; width:185px; } .watchlist li.active, .watchlist li:hover{ background:#ffffff; } .watchlist li.active a{ font-weight:bold; } .watchlist li img{ float:left; margin-right:5px; } .watchlist .icon-arrow{ float:left; } .watchlist ul li.not-exist *{ color:#939393; } #main .watchlist p.buttonholder{ margin-top:0 !important; } /* #main only for higher selector priority */ .lt-ie9 .watchlist h2 a{ display:block; padding:8px 0 8px 8px; color:#ffffff; } .lt-ie9 .watchlist .strip{ padding-bottom:7px; } .lt-ie9 .watchlist li a{ width:160px; padding:12px 9px 0; margin-top:-6px; margin-left:0; } /*.lt-ie9 .watchlist li { padding: 0 0 0 12px;}*/ .lt-ie9 .watchlist li{ padding:0 0 5px 12px; height:35px; } /* FIX 13.02.2013*/ .lt-ie9 .watchlist .buttonholder{ height:21px !important; overflow:hidden; } .lt-ie9 .watchlist .buttonholder .btn-standard{ width:217px; margin-right:0; } .ie8 .watchlist, .ie8 .iframe-placeholder{ width:218px !important; } .lt-ie8 .watchlist{ padding-bottom:20px !important; width:213px !important; } .lt-ie8 .watchlist h2{ height:34px } .lt-ie8 .watchlist li a{ width:184px !important; } .explorer .mywatchlist #table-wrapper .category td{ background-color:#ffffff !important; } .lt-ie8 .mywatchlist{ height:auto; padding-bottom:20px !important; } .lt-ie8 .mywatchlist #button-wrapper img{ margin-top:0; } .lt-ie8 .mywatchlist{ position:relative; z-index:7; } .lt-ie8 .note-wrapper{ position:relative; z-index:10; } .lt-ie8 .note-wrapper .effect{ z-index:10; } .ph-list-items{ vertical-align:middle; cursor:default; height:25px; } .ph-list-items p{ width:172px; color:#939393; } /*.watchlist li.ph-list-items {height: 35px }*/ /*.lt-ie9 .watchlist li.ph-list-items {padding: 10px 9px;}*/ /*Watchlist FIX 13.02.2013*/ .watchlist li, .watchlist .ph-list-items{ height:25px; overflow:hidden; } /*.mystuff, .mystuff .step{border-bottom:0}*/ /*icons*/ .icon-mandant.icon-down{ width:9px; height:6px; } .icon-goto.active, .icon-goto:hover{ background-position:-14px -16px !important; border:1px solid #600a00; } .icon-datepicker{ background-position:-23px 0; width:13px; height:13px; } .icon-arrow{ text-indent:-9999em; background-position:-41px 0; width:9px; height:13px; } .icon-remember-btn-active{ background:url("/media/layout/images/iconsetsprites.png") transparent no-repeat -301px -19px; width:16px; height:16px; } .icon-remember-btn-inactive{ background:url("/media/layout/images/iconsetsprites.png") transparent no-repeat -301px -200px; width:16px; height:16px; } /*/icons*/ /*/icons*/ /*languages ISO3166-1 alpha-2 country codes*/ /*other countries are also available but removed from this css-file*/ /*@Deprecated START*/ .bg{ background:url("/media/layout/images/flags/bg.png") no-repeat } /*Bulgaria*/ .cn, .rc{ background:url("/media/layout/images/flags/cn.png") no-repeat } /*China*/ .cz{ background:url("/media/layout/images/flags/cz.png") no-repeat } /*Czech Republic*/ .de{ background:url("/media/layout/images/flags/de.png") no-repeat } /*Germany*/ .es{ background:url("/media/layout/images/flags/es.png") no-repeat } /*Spain*/ .fi{ background:url("/media/layout/images/flags/fi.png") no-repeat } /*Finland*/ .fr{ background:url("/media/layout/images/flags/fr.png") no-repeat } /*France*/ .gb, .uk, .en{ background:url("/media/layout/images/flags/gb.png") no-repeat } /*United Kingdom*/ .hu{ background:url("/media/layout/images/flags/hu.png") no-repeat } /*Hungary*/ .it{ background:url("/media/layout/images/flags/it.png") no-repeat } /*Italy*/ .jp{ background:url("/media/layout/images/flags/jp.png") no-repeat } /*Japan*/ .kr{ background:url("/media/layout/images/flags/kr.png") no-repeat } /*Korea, Republic of (South)*/ .nl{ background:url("/media/layout/images/flags/nl.png") no-repeat } /*Netherlands*/ .no{ background:url("/media/layout/images/flags/no.png") no-repeat } /*Norway*/ .pl{ background:url("/media/layout/images/flags/pl.png") no-repeat } /*Poland*/ .pt{ background:url("/media/layout/images/flags/pt.png") no-repeat } /*Portugal*/ .rs, .yu{ background:url("/media/layout/images/flags/rs.png") no-repeat } /*Serbia*/ .ru{ background:url("/media/layout/images/flags/ru.png") no-repeat } /*Russian Federation*/ .se{ background:url("/media/layout/images/flags/se.png") no-repeat } /*Sweden*/ .tr{ background:url("/media/layout/images/flags/tr.png") no-repeat } /*Turkey*/ .ua{ background:url("/media/layout/images/flags/ua.png") no-repeat } /*Ukrainisch*/ .lv{ background:url("/media/layout/images/flags/lv.png") no-repeat } /*Lettland*/ /*@Deprecated END*/ /*sprite generated with: http://de.spritegen.website-performance.org/ with vertical 11px 11px and prefix "flag-" */ .flag{ background:url("/media/layout/images/flags.png") no-repeat top left; } .flag-bg{ background-position:0 -462px; width:16px; height:11px; } /*Bulgaria*/ .flag-cn, .flag-rc{ background-position:0 -1012px; width:16px; height:11px; } /*China*/ .flag-cz{ background-position:0 -1188px; width:16px; height:11px; } /*Czech Republic*/ .flag-de{ background-position:0 -1210px; width:16px; height:11px; } /*Germany*/ .flag-es{ background-position:0 -1474px; width:16px; height:11px; } /*Spain*/ .flag-fi{ background-position:0 -1562px; width:16px; height:11px; } /*Finland*/ .flag-fr{ background-position:0 -1672px; width:16px; height:11px; } /*France*/ .flag-gb, .flag-uk, .flag-en{ background-position:0 -1716px; width:16px; height:11px; } /*United Kingdom*/ .flag-hu{ background-position:-27px -198px; width:16px; height:11px; } /*Hungary*/ .flag-it{ background-position:-27px -396px; width:16px; height:11px; } /*Italy*/ .flag-jp{ background-position:-27px -462px; width:16px; height:11px; } /*Japan*/ .flag-kr{ background-position:-27px -638px; width:16px; height:11px; } /*Korea, Republic of (South)*/ .flag-nl{ background-position:-27px -1585px; width:16px; height:11px; } /*Netherlands*/ .flag-no{ background-position:-27px -1607px; width:16px; height:11px; } /*Norway*/ .flag-pl{ background-position:-27px -1871px; width:16px; height:11px; } /*Poland*/ .flag-pt{ background-position:-27px -1981px; width:16px; height:11px; } /*Portugal*/ .flag-rs, .flag-yu{ background-position:-54px -110px; width:16px; height:11px; } /*Serbia*/ .flag-ru{ background-position:-54px -132px; width:16px; height:11px; } /*Russian Federation*/ .flag-se{ background-position:-54px -286px; width:16px; height:11px; } /*Sweden*/ .flag-tr{ background-position:-54px -858px; width:16px; height:11px; } /*Turkey*/ /*/languages*/ /*filetypes*/ /*sprite generated with: http://de.spritegen.website-performance.org/ with vertical 21px 21px and prefix "download-" */ /*excerpt taken from http://www.fileinfo.com/filetypes/common*/ .download-btn .download, .icon-filetype{ background:url("/media/layout/images/filetypes.png") no-repeat 2px -257px; } /**/ .download-btn .download-, .download-btn .download-txt{ background-position:1px -516px; width:16px; height:16px; } .download-btn .download-pdf{ background-position:1px -553px; width:16px; height:16px; } /*.download-page_white_actionscript{ background-position: 1px -592px; width: 16px; height: 16px; }*/ .download-btn .download-zip, .download-btn .download-rar, .download-btn .download-7z, .download-btn .download-gz, .download-btn .download-pkg{ background-position:1px -627px; width:16px; height:16px; } .download-btn .download-xlr, .download-btn .download-xls, .download-btn .download-xlsx, .download-btn .download-ods{ background-position:1px -664px; width:16px; height:16px; } .download-btn .download-fla, .download-btn .download-swf, .download-btn .download-flv{ background-position:1px -701px; width:16px; height:16px; } .download-btn .download-mp3, .download-btn .download-m4a, .download-btn .download-ogg, .download-btn .download-flac, .download-btn .download-wav{ background-position:2px -739px; width:16px; height:16px; } .download-btn .download-film, .download-btn .download-mov, .download-btn .download-avi, .download-btn .download-mkv, .download-btn .download-mpg, .download-btn .download-mpeg, .download-btn .download-xvid, .download-btn .download-divx, .download-btn .download-mp4, .download-btn .download-rm, .download-btn .download-wmv{ background-position:2px -369px; width:16px; height:16px; } .download-btn .download-bmp, .download-btn .download-gif, .download-btn .download-jpeg, .download-btn .download-jpg, .download-btn .download-png, .download-btn .download-psd, .download-btn .download-tga, .download-btn .download-tif, .download-btn .download-tiff{ background-position:1px -775px; width:16px; height:16px; } .download-btn .download-pps, .download-btn .download-ppt, .download-btn .download-pptx, .download-btn .download-odp{ background-position:1px -812px; width:16px; height:16px; } .download-btn .download-ai, .download-btn .download-eps, .download-btn .download-ps, .download-btn .download-svg, .download-btn .download-odg{ background-position:1px -849px; width:16px; height:16px; } .download-btn .download-doc, .download-btn .download-docx, .download-btn .download-rtf, .download-btn .download-odt{ background-position:1px -886px; width:16px; height:16px; } .download-btn .download-htm, .download-btn .download-html{ background-position:1px -923px; width:16px; height:16px; } /*.download-page_white_zip{ background-position: 1px -962px; width: 16px; height: 16px; }*/ /**/ .download-btn .download-page, .icon-page{ background-position:-1px -1291px; width:14px; height:16px; } .download-btn .download-page-add, .icon-page:hover, .icon-page-add{ background-position:-1px -1318px; width:15px; height:16px; } .download-btn .download-page-edit, .icon-page-edit{ background-position:-1px -1345px; width:15px; height:16px; } /*/filetypes*/ /*Standardbutton*/ .btn-standard{ padding:0 28px 0 8px; margin-right:10px; display:inline-block; position:relative; height:20px; max-width:100%; line-height:20px; white-space:nowrap; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; } .btn-standard.icon-before-text{ padding:0 8px 0 28px; } .buttonholder .btn-standard{ width:100%; } .btn-standard, .btn-standard *{ text-decoration:none; } .btn-standard *{ margin:0 !important; } .btn-standard span{ float:left; box-sizing:border-box; max-width:100%; overflow:hidden; text-overflow:ellipsis; } .btn-standard.icon-before-text span{ float:right; } .btn-standard .icon-button, .btn-standard .icon-button-prev{ position:absolute; top:0; margin:0 !important; max-width:20px; } .btn-standard .icon-button{ right:0; } .btn-standard .icon-button-prev{ left:0; } .btn-standard:hover, .btn-standard:focus{ background-position:0 -20px; } /*/Standardbutton*/ /*Downloadbutton*/ .btn-standard.download-btn{ padding-right:48px } .btn-standard.download-btn .icon-button{ background-position:-56px 0; right:20px; } .btn-standard.download-btn .download{ position:absolute; top:0; right:0; width:20px; height:20px; } .btn-standard.download-btn.intern{ padding-right:28px; } /*/Downloadbutton*/ /*helper*/ span.helper{ display:inline-block !important; vertical-align:middle; height:100%; width:0 !important; float:none !important; } .horizontal-spacer{ width:99%; clear:both; } .horizontal-spacer-preview{ width:99%; clear:both; border:1px solid #cccccc; } .horizontal-spacer-preview > div{ margin:auto; width:150px; } .floatl{ float:left; } .floatr{ float:right; } .clear{ clear:both; } .hauto{ height:auto !important; min-height:0 !important; } .lt-ie8 .clear{ float:none !important; clear:both !important; } .shadow{ box-shadow:10px 10px 20px -10px #000000; -moz-box-shadow:10px 10px 20px -10px #000000; -webkit-box-shadow:10px 10px 20px -10px #000000; } .compact{ margin:0 !important; padding:0 !important; } .mobile-only{ display:none !important; } .invisible{ display:none; } .clickable{ cursor:pointer; } .scaleable{ resize:both; } .scaleable-y{ resize:vertical; } .scaleable-x{ resize:horizontal; } .scaleable-no{ resize:none; } .mouse-over-div{ position:relative; cursor:default } .mouse-over-div > div{ display:none; position:absolute; z-index:5; background-color:#eeeeee; border-width:1px; height:auto; padding:15px; } .mouse-over-div.higher-position > div{ margin-top:-15px; } .mouse-over-div:hover > div{ display:block; } .mouse-over-div > div.tablook{ padding-top:0; z-index:6; } .mouse-over-div > div.tablook h2{ margin:0; } .mouse-over-div > div.tablook p:not(.strip){ padding:0 15px; } .overflow-shown{ overflow:visible; } .stroke-white{ text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } .filled{ background-color:#eeeeee } p.buttonholder{ margin:0 !important; clear:both; height:20px; } .teaser-column p.buttonholder{ margin:10px 0 0 0 !important; padding-bottom:0 !important; } .tablook > h2{ color:#ffffff !important; float:left; padding-right:10px !important; border:1px solid #003578; } .tablook > h2 a{ color:#ffffff !important; } .strip{ background:url("/media/layout/images/navi_bg.png") repeat-x scroll center center #f6f6f6; width:auto; color:#4d4d4d; height:20px; margin:0; padding:10px 0 0 10px; border-bottom-width:1px; } .strip.unfolded{ border-bottom-width:1px; } .strip.folded{ border-bottom:0; } .strip a.icon{ display:block; overflow:hidden; text-indent:-999em; } .strip a.icon-minus, .strip a.icon-plus, .strip span.icon-close{ margin-right:8px; } .strip span.icon-close{ cursor:pointer; } .bordered{ border-width:1px; } .text80{ margin-left:80px } .text70{ margin-left:70px } .text115{ margin-left:115px } .text215{ margin-left:215px } .stdpad{ padding:13px; } /*standard padding*/ /*form validation*/ input:valid, textarea:valid{ } input:invalid, textarea:invalid, form .error span, form .error input, form .error div{ background-color:#ffdddd; border:1px solid #ff9999; } .explorer form .error span, .explorer form .error input{ background-color:#ffdddd !important; border:1px solid #ff9999 !important; } form .error input{ background-color:#ffffff } form .error span{ border-radius:5px; clear:both; display:block; float:left; margin:5px 0; padding:5px; } form .error.large span{ float:none; } form .success span{ background-color:#8fc590; border:1px solid #468847; border-radius:5px; clear:both; display:block; float:left; margin:5px 0; padding:5px; } /*/form validation*/ /* .error { clear: both; padding: 5px; margin: 5px; backgrounds-color: #FFDDDD; border: 1px solid } */ /*/helper*/ /*Content Styles*/ /*-------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------*/ .bar{ padding:0 !important; } .bar h2{ height:20px; border-bottom-width:1px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; } .bar h2, .iconteaser h2, .pictureteaser h2{ padding:8px 0 0 10px; margin:0; color:#4d4d4d; font-weight:bold; text-transform:uppercase; } .bar h2 span{ color:#4d4d4d; } .iconteaser h2, .pictureteaser h2{ line-height:1.1em; } .box700.tablook{ width:698px; } /*MainStage*/ .box700.main-stage{ border:0; padding:0; width:700px; height:254px; margin-bottom:10px; position:relative; display:none; } .main-stage-wrapper{ padding:4px; border-width:1px; background-color:#ffffff; position:relative; z-index:1; } .main-stage .slider-navigation .icon-prev, .main-stage .slider-navigation .icon-next{ display:none; } .main-stage .slider-navigation .slider-nav-control-btn{ display:none; } .main-stage .slider-navigation .icon-goto{ height:7px; width:7px; } .main-stage .icon-shadow{ width:700px; } .main-stage .stage-deko{ left:120px; position:absolute; top:30px; z-index:3; /*cursor: pointer;*/ } .main-stage .slider-navigation-list{ margin:0 !important; padding-left:0 !important; } .main-stage .slider-navigation-list li{ float:none; margin:0 2px 4px 2px; } .main-stage .slider-navigation{ background-color:#cfdce9; left:4px; padding:7px 0 3px 2px; position:absolute; width:17px; z-index:2; } .main-stage .step{ height:230px; width:690px; } #content .main-stage .slider-navigation ul, #content .main-stage .slider-navigation li{ list-style:none; } .lt-ie8 .main-stage .slider-container{ margin-top:-13px; } .lt-ie8 .main-stage .slider-navigation{ padding-bottom:7px; padding-top:3px; } .lt-ie8 .main-stage .slider-navigation li{ padding:0; margin-bottom:0; } /*/MainStage*/ /*Text Bild*/ .text-bild img{ margin:3px 0 12px; max-width:100%; } .text-bild table td img { max-width: none; } .text-bild img.floatl, .text-bild figure.floatl{ padding-right:12px; background-color:#ffffff; } .text-bild img.floatr, .text-bild figure.floatr{ padding-left:12px; background-color:#ffffff; } .text-bild.filled img.floatl, .filled .text-bild img.floatl, .text-bild.filled figure.floatl, .filled .text-bild figure.floatl{ padding-right:12px; background-color:inherit; } .text-bild.filled img.floatr, .filled .text-bild img.floatr, .text-bild.filled figure.floatr, .filled .text-bild figure.floatr{ padding-left:12px; background-color:inherit; } .text-bild ul{ overflow:auto; zoom:1; } /*bigfix for floating ul*/ .text-bild p{ margin:0 0 15px 0; } /*.text-bild img.floatl ~ ul{float:left;}*/ .home .box220.text-bild, .home .box340.text-bild, .home .box460.text-bild, .home .box520.text-bild, .home .box700.text-bild{ padding:10px 16px; } .lt-ie8 .home .box220.text-bild, .lt-ie8 .home .box340.text-bild, .lt-ie8 .home .box460.text-bild, .lt-ie8 .home .box520.text-bild, .lt-ie8 .home .box700.text-bild{ padding:10px 16px 16px; } .home .box220.text-bild{ width:186px } .home .box340.text-bild{ width:306px } .home .box460.text-bild{ width:426px } .home .box520.text-bild{ width:486px } .home .box700.text-bild{ width:666px } .home .narrow .box520.text-bild, .home .narrow .box700.text-bild{ width:426px } .home .box220.text-bild img.floatl, .home .box220.text-bild img.floatr{ margin:0; float:none; max-width:186px; } .home .box340.text-bild img.floatl, .home .box340.text-bild img.floatr{ max-width:306px; } .home .box460.text-bild img.floatl, .home .box460.text-bild img.floatr{ max-width:426px; } .home .box520.text-bild img.floatl, .home .box520.text-bild img.floatr{ max-width:486px; } .home .box700.text-bild img.floatl, .home .box700.text-bild img.floatr{ max-width:666px; } /*Tabbed Box*/ #content .tabbed-box, #teaser-column .tabbed-box{ padding:0; overflow:hidden; } #content .tabbed-box > ul{ margin:0; padding:0; width:450px; height:29px; list-style:none; border-bottom-width:1px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; overflow:hidden; } #content .box700.tabbed-box > ul{ width:800px; } .tabbed-box > div{ min-height:0 !important; height:94px; overflow:hidden; } .tabbed-box > div.hauto{ height:auto; } .tabbed-box > div > ul{ overflow:visible; } .tabbed-box .tabs li, .tabbed-box .event-tabs li, .tabbed-box .glossary-tabs li{ float:left; } .tabbed-box .tabs li a, .tabbed-box .event-tabs li a, .tabbed-box .glossary-tabs li a{ display:block; height:11px; padding:9px 13px 10px; font-weight:bold; text-align:center; text-decoration:none; border-right-width:1px; text-transform:uppercase; } .tabbed-box .tabs li:hover a, .tabbed-box .tabs li a:focus, .tabbed-box .tabs li a.active, .tabbed-box .event-tabs li:hover a, .tabbed-box .event-tabs li a:focus, .tabbed-box .event-tabs li a.active, .tabbed-box .glossary-tabs li:hover a, .tabbed-box .glossary-tabs li a:focus, .tabbed-box .glossary-tabs li a.active{ padding:8px 12px 9px 13px; } .tabbed-box .glossary-tabs li:first-child{ width:56px; } .tabbed-box .glossary-tabs li:last-child{ width:45px; } .tabbed-box .glossary-tabs li + li:not(:last-child){ width:23px; } .tabbed-box .glossary-tabs li + li:not(:last-child) a{ padding-left:7px; padding-right:7px; } .tabbed-box .glossary-tabs li + li:not(:last-child):hover a, .tabbed-box .glossary-tabs li + li:not(:last-child) a:focus, .tabbed-box .glossary-tabs li + li:not(:last-child) a.active{ padding-left:6px; padding-right:7px; } .tabbed-content{ margin-top:1px; padding:13px 10px 20px 16px; display:none; } /*.box700 .tabbed-content{ width: 672px; }*/ .tabbed-box.bar .tabbed-content{ display:block; } .tabbed-content > div{ height:112px; overflow:hidden; } /*.tabbed-box.bar .tabbed-content p{ margin:13px 0; }*/ .tabbed-content p{ line-height:1.3em; margin:13px 0; } .tabbed-content p:first-of-type{ margin-top:0; margin-bottom:14px; } /*don't concatenate with next lines, IE just doesn't get it*/ .tabbed-content p:last-of-type{ margin-bottom:0 } /*don't concatenate with next lines, IE just doesn't get it*/ .tabbed-content p.ietrigger{ margin-top:0; margin-bottom:14px; } /*use js for ie*/ .tabbed-content p.ietrigger2{ margin-bottom:0 } /*use js for ie*/ .tabbed-content a{ text-decoration:none; } .tabbed-content .text80{ margin-left:64px; width:240px; } /*80px - 16px padding*/ .tabbed-content .text115{ margin-left:99px; width:210px; } /*115px - 16px padding*/ .tabbed-content .text215{ margin-left:199px; width:110px; } /*215px - 16px padding*/ .tabbed-content img.floatl{ margin:3px 0 0 0; } .tabbed-box > div:first-of-type{ display:block; } /*don't concatenate with next lines, IE just doesn't get it*/ .tabbed-box > div.ietrigger{ display:block; } /*use js for ie*/ .tabbed-box li.info{ display:block; float:right; margin-right:120px; padding-top:8px; } .box340.tabbed-box li.info{ margin-right:120px; } .box700.tabbed-box li.info{ margin-right:110px; } .tabbed-box li.info span{ display:block; left:10px; text-align:right; width:200px; white-space:nowrap; } .box700.tabbed-box li.info span{ width:250px; } /*Messe Dashboard*/ .tabbed-box .list-basic{ list-style:none !important; padding:0 !important; margin:0 0 -20px; } .tabbed-box .list-image-container{ background-color:#d2d2d2; padding:2px; width:88px; line-height:normal; } .tabbed-box .list-image-container > div img, .tabbed-box .list-event-image-container > div img{ max-width:70px; } .lt-ie8 .tabbed-box .list-image-container img{ max-width:75px; } .lt-ie8 .tabbed-box .list-image-container{ border-width:0; } .tabbed-box .list-item-button{ background:#ffffff; } .tabbed-box .list-item-content h3 a{ font-weight:bold; float:left; } .tabbed-box .list-meta-infos span{ color:#8b8b8b; font-size:10pt; } .tabbed-box .list-item-text, .tabbed-box .list-meta-infos{ margin:5px 0 0 !important; } .tabbed-box .text-bild ul{ overflow:hidden; } /*/Messe Dashboard*/ .tabbed-box.box340{ width:338px; } .tabbed-box.box700{ width:698px; } .no-js .tabbed-box noscript, .no-js .tabbed-box noscript div{ display:none; } .no-js .tabbed-box ul:hover noscript{ display:block; } .no-js .tabbed-box ul:hover noscript div{ display:block; background:#ffffff; border-width:1px; margin-left:-1px; margin-top:-85px; padding:10px; position:absolute; width:100px; z-index:200; } .no-js.lang-en .tabbed-box ul:hover noscript div{ margin-top:-70px; } /* tabbed-box slider / select */ .tabbed-box{ position:relative; } .tabbed-box .carousel-controls{ width:20px; background-color:#c7c7c7; position:absolute; top:0; padding:13px 0 3px; cursor:pointer; height:auto; } .tabbed-box .carousel-controls.prev{ border-right-width:1px; left:0; } .tabbed-box .carousel-controls.next{ border-left-width:1px; right:0; } .tabbed-box .carousel-controls:hover, .tabbed-box .carousel-controls:hover span{ background-color:#000000; } .tabbed-box .carousel-controls span{ text-indent:-999em; margin-top:-7px !important; } .tabbed-box .carousel-controls .icon-prev, .tabbed-box .carousel-controls .icon-next{ border:none; } /*Partner*/ .partner{ height:139px; position:relative; } .partner .image-container{ background-color:#ffffff; border:1px solid #d2d2d2; float:left; height:94px; width:94px; margin:10px 10px 0 10px; padding:2px; line-height:normal; text-align:center; } .partner .image-container img{ width:auto; height:auto; max-width:90px; max-height:90px; margin:0; padding:0; text-align:center; } .lt-ie8 .partner .image-container{ background-color:#ffffff; border:2px solid #eeeeee; } .lt-ie8 .partner .buttonholder{ width:214px; margin-top:7px !important; } .lt-ie8 .partner .image-container{ margin-bottom:0; } .lt-ie8 .partner p{ width:75px; } .partner .filled{ height:100%; } .partner > div{ padding-right:12px } .partner p{ font-weight:bold; margin-top:0; padding-top:10px; width:75px; float:left; } .partner .floatr + p{ margin-left:10px; } .partner .buttonholder{ position:absolute; bottom:2px; padding-top:0; /*margin: 10px 0 !important; width: 106%;*/ width:98%; height:19px; } /*Listen*/ #content ul{ padding-left:27px; } #content ul ul{ padding-left:15px; margin:2px 0; } #content div ul{ list-style:square url("/media/mandant/bullet.png"); } /*Linien*/ hr{ border-top:1px solid #d2d2d2; float:none; clear:both; } hr.double{ border-bottom:1px solid #d2d2d2; height:3px; } #content > hr{ width:700px; } #content.narrow > hr{ width:460px; } .lt-ie8 hr{ color:#ffffff; background-color:#ffffff; } /*yay!*/ /*Tabellen*/ #main table{ background-color:#eeeeee; width:100%; } #main tr{ height:30px; } #main thead *{ color:#ffffff } #main tbody tr, .lt-ie8 #main tbody td{ border-bottom:1px solid #ffffff; } #main tr:nth-child(even){ background-color:#d2d2d2 } /*don't concatenate with next line, IE just doesn't get it*/ .lt-ie9 #main tr.even td{ background-color:#d2d2d2 } /*use js for ie*/ #main th{ color:#ffffff; } #main td, #main th{ text-align:right; font-weight:normal; vertical-align:middle; border-left:1px solid #ffffff; padding:0 9px } .ie8 #main th{ border-left:2px solid #ffffff; } #main td:first-child, #main th:first-child{ text-align:left; border-left:0; } #main .bold-last tbody td:last-child, #main .bold-last th:last-child{ font-weight:bold; } /*don't concatenate with next lines, IE just doesn't get it*/ #main .bold-last tbody td.ietrigger2, #main .bold-last th.ietrigger2{ font-weight:bold; } /*use js for ie*/ #main tfoot td{ color:#7d7d7d; padding:13px 9px; } #main td.no-frame{ padding-left:0; padding-right:0; } #main table.align-left td, #main table.align-left th{ text-align:left; } #main table.align-left-except-last td, #main table.align-left-except-last th{ text-align:left; } #main table.align-left-except-last td:last-child{ text-align:right; } /*Tagcloud*/ .box700.tagcloud, .box700.newsticker{ width:698px; border-width:1px; } #main .tagcloud .tags ul{ list-style:none; padding:0 0 1px 13px; } .ie8 #main .tagcloud .tags ul{ padding:0 0 20px 13px; margin-top:-10px; } /*doesn't look good in ie9-with-ie8-mode but in real ie8 it does*/ .tags li{ display:block; float:left; margin-right:19px; height:22px; } .tags li a{ text-decoration:none; } .tags li a:hover span, .tags li a:hover b, .tags li a:hover strong{ color:#000000; } .tags li span{ display:block; font-size:8pt; color:#a7a7a7; padding:7px 0 0; } .tags li b{ display:block; font-size:10.5pt; color:#6c6c6c; padding:3px 0 0; } .tags li strong{ display:block; font-size:13pt; color:#333333; padding:0; } /*Iconteaser*/ .iconteaser > div{ height:154px; position:relative; padding-right:10px; } .iconteaser div.no-image{ height:auto; padding:10px; width:94%; } .lt-ie8 .iconteaser > div > div{ margin-top:-10px; } .iconteaser img{ margin:10px 0 0 10px; } .iconteaser .buttonholder{ bottom:0; left:0; position:absolute; width:100%; } .iconteaser .filled{ overflow:hidden; } /* Pictureteaser */ .pictureteaser > div{ height:127px; position:relative; padding-right:10px; margin:0 2px 2px 2px; } .pictureteaser img{ margin:0; } .pictureteaser .filled{ overflow:hidden; } .pictureteaser ul.tabs{ width:150px !important; margin:2px 2px 0 2px !important; height:26px !important; } /*Standardform*/ form.standard input[type="text"], form.standard input[type="number"], form.standard input[type="email"], form.standard input[type="tel"], form.standard input[type="password"], form.standard select{ border-width:1px; height:22px; line-height:22px; margin:0 10px 0 0; } form.standard div > select{ height:26px; } form.standard div > label, form.standard div > input, form.standard div > select{ float:left; } form.standard div > input, form.standard div > select{ clear:left; } form.standard fieldset > div{ min-height:41px; float:left; margin:0 0 10px 0; } form.standard.nofloating-form fieldset > div{ float:none } form.standard .hint{ color:#939393; margin-top:0; } form.standard #agb{ margin-right:10px; } form.standard button.btn-standard{ height:20px; } form.standard button.btn-standard span{ line-height:1.8em; color:#ffffff; } .ie8 form.standard button.btn-standard span{ line-height:1.7em; } /*form.standard button.btn-standard .icon-button{ margin:-1px -6px 0 15px; } .explorer form.standard button.btn-standard .icon-button{ margin:-1px -8px 0 15px; }*/ .lt-ie8 form.standard button.btn-standard .icon-button{ margin:-19px -6px 0 85px; } .lt-ie8 form.standard button.btn-standard span{ white-space:nowrap; } form.standard #agb-wrapper, form.standard button.btn-standard{ float:none; clear:both; min-height:1px; } form.standard #firstname, form.standard #lastname, form.standard #street, form.standard #telephone, form.standard .std-input-width{ width:170px; } form.standard .column-input-width{ width:320px; } form.standard .column-input-width > input, form.standard .column-input-width > textarea{ width:92%; } form.standard .column-input-width > select{ width:93%; } form.standard #postcode, form.standard .short-input{ width:100px; } form.standard #editorialstaff{ margin:0; width:291px; } form.standard #city{ width:179px; } form.standard .short-109-input{ width:109px; } form.standard #salutation{ width:52px; } form.standard #salutation-wrapper.error{ max-width:100px; margin-right:10px; } form.standard #country{ margin:0; width:170px; } .explorer form.standard #country{ width:167px; } form.standard #email, form.standard .fullwidth-input{ margin:0; width:473px; } /*Standardform*/ /*Registration "Meine Messe"*/ form.reg-meinemesse #email, form.reg-meinemesse #password, form.reg-meinemesse #password2, form.reg-meinemesse #oldpassword, form.reg-meinemesse #lastname{ width:269px; } form.reg-meinemesse #title{ width:50px; } form.reg-meinemesse #firstname{ width:207px; } form.reg-meinemesse #company, form.reg-meinemesse #position{ width:269px; } form.reg-meinemesse #street, form.reg-meinemesse #city{ width:213px; } form.reg-meinemesse #telephone, form.reg-meinemesse #fax{ width:269px; } .lt-ie8 form.reg-meinemesse .clear{ float:left !important; } .lt-ie8 #button-wrapper button{ width:150px; } /*/Registration "Meine Messe"*/ /*Pressefaecher */ form#requestPressReleaseForm input[type=text]{ width:269px; } form#requestPressReleaseForm #streetWithNumber, form#requestPressReleaseForm #city{ width:213px; } form#requestPressReleaseForm #zipCode{ width:100px; } form#requestPressReleaseForm input#company-name{ width:550px; } form#requestPressReleaseForm #choosenFair{ max-width:271px; } form#requestPressReleaseForm #textField{ width:550px; float:left; line-height:13px; padding:5px 0; min-height:100px; max-height:100px; } form#requestPressReleaseForm .js-text-area-counter{ float:right; } form#requestPressReleaseForm .af-contact{ min-height:0; } .lt-ie8 form#requestPressReleaseForm .clear{ float:left !important; } .lt-ie9 form#requestPressReleaseForm input[type=file], .v9 form#requestPressReleaseForm input[type=file]{ border-width:1px; background-color:#ffffff } /*/Pressefaecher */ /*Media-Box*/ .media-box{ height:385px; } .media-box .step .box160, .media-box .step .box220, .media-box .step .box340, .media-box .step .box460, .media-box .step .box520, .media-box .step .box700{ padding:0; margin:0; border-width:0; width:658px; } .media-box .slider-container{ height:315px; padding:20px 20px 25px 20px; width:658px; } .media-box .stage-container, .mb-simple-container{ height:270px !important; overflow:hidden; } .media-box .step{ width:678px; height:295px; } .media-box .step img.floatl{ margin-right:15px; } .media-box .step img.floatr{ margin-right:15px; margin-left:15px; } .media-box .step p{ line-height:13pt; height:auto; overflow:visible; margin-right:10px; } .media-box .step h2{ font-size:13pt; font-weight:normal; margin-bottom:15px; } .media-box .step h3{ font-size:10pt; font-weight:normal; margin-bottom:10px; } .media-box .step p, .media-box .step h2, .media-box .step h3{ padding-right:20px; } .media-box .step td{ padding:10px; } .media-box .step img{ margin:3px 0 12px; } .media-box .step > figure:first-child /*.media-box .step .media-box-video*/ { margin-right:38px; } .media-box .step figure /*.media-box .step .media-box-video*/ { height:257px; width:317px; float:left; /* margin-right: 20px;*/ } .media-box .step .media-box-video{ height:257px; } .media-box .step figcaption{ float:left } .media-box .step table{ /*margin-left: -10px;*/ margin:15px 0; width:658px !important; } #main .media-box .step.download td, #main .media-box .step.download tr{ border-left:none; text-align:left; font-size:10pt; vertical-align:top; font-weight:bold; } #main .media-box .step.download td a{ color:#4676ae; text-decoration:underline; } #main .media-box .step.download table{ width:auto; background:none; } #main .media-box .step.download img{ padding:0 15px 30px 15px; } #main .media-box .step.download img.floatl, #main .media-box .step.download img.floatr{ padding:0; } #main .media-box .step.download thead *{ color:#4d4d4d; background:none; text-align:left; vertical-align:top; font-weight:bold; } #main .media-box .step.download thead a{ color:#4676ae; text-decoration:underline; } .media-box .slider-navigation, .mb-simple-container-footer{ border-top-width:1px; height:36px; margin:23px -20px 0; padding-left:18px; width:auto; } .media-box .slider-navigation-list{ padding-left:0 !important; margin:4px 13px !important; } .media-box .slider-navigation-list li{ margin:0 2px; } .media-box-images{ float:left; width:680px; height:inherit; margin:13px 0 0 0; } .media-box-images .image-dummy{ position:relative; text-align:center; overflow:hidden; width:100px; height:100px; margin:0 22px 22px 0; border:1px solid #d2d2d2; display:inline-block; vertical-align:middle; } .media-box-images .image-dummy a:link, .media-box-images .image-dummy a:visited{ text-decoration:none; } .media-box-images .image-dummy .helper{ display:inline-block; vertical-align:middle; height:100%; } .media-box-images .image-dummy img{ display:inline-block; vertical-align:middle; margin:0; padding:0; max-width:100%; max-height:100%; } .media-box-images .media-box-image-text{ position:absolute; bottom:0; left:0; width:100%; height:20px; line-height:20px; } .lt-ie8 .media-box .btn-standard .download{ left:0; } .lt-ie8 .media-box .box700.text-bild{ padding:0; } /*.mb-simple-container p {width: 95%;}*/ /*/Media-Box*/ /*slider in general*/ .slider-navigation{ width:inherit; overflow:hidden; } .slider-navigation ul{ list-style:none; } .slider-navigation li{ float:left; overflow:hidden; text-indent:-999em; margin:-2px 1px; list-style:none; } .slider-navigation-list{ float:left; margin:6px 13px !important; } .slider-navigation .icon-prev, .slider-navigation .icon-next{ float:left; text-indent:-999em; } .slider-nav-control-btn{ width:22px !important; height:22px; float:left; } .slider-container, .stage-container{ width:auto; overflow:hidden; } .stage-container > div{ float:left; width:auto; } .stage-container p{ height:85px; overflow:hidden; } .slider-container .slider-buttons{ margin-top:5px; height:20px; } .slider-container .slider-buttons > div{ display:none; } .slider-container .slider-buttons > div.active, .slider-container .slider-buttons a{ display:block; height:20px } .slider-container .slider-buttons a, #footer .slider-buttons a{ color:#ffffff; } .slider-container .slider-link-buttons{ margin-top:5px; height:20px; } .slider-container .slider-link-buttons > a{ display:none; } .no-js .slider-container .slider-link-buttons > a:first-child{ display:block; } .slider-container .slider-link-buttons > a.active{ display:block; height:20px } .slider-container .slider-link-buttons a, #footer .slider-link-buttons a{ color:#ffffff; } .stage-container .step{ padding-right:10px; } .stage-container p{ height:85px; line-height:13pt; } .no-js .stage-container > div, .no-js .slider-navigation{ display:none; } .no-js .stage-container > div:first-child{ display:block; } /*Slider in TeaserColumn specific css-properties */ .slider-teaser-column{ border-width:1px; width:auto; } .slider-teaser-column a{ text-decoration:none; } .slider-teaser-column ul{ list-style:none; padding:0; margin:0; } .slider-teaser-column .stage-container p{ line-height:9.5pt; height:38px; overflow:hidden; margin:5px 0; } .slider-teaser-column .step li{ border-bottom-width:1px; padding:12px; width:195px; } .no-js .slider-teaser-column .step li:last-of-type{ border-bottom-width:0; } .slider-teaser-column .slider-navigation{ margin:16px 12px; width:auto; } .slider-teaser-col-btn .btn-standard{ background-image:none; background-color:#dddddd; color:#000000 !important; height:20px; line-height:20px; } .slider-teaser-col-btn .btn-standard:hover{ background-color:#ababab; } .box340 .slider-teaser-col-btn .btn-standard{ width:297px !important; } .box700 .slider-teaser-col-btn .btn-standard{ width:657px !important; } .slider-teaser-col-btn a.btn-standard{ color:#000000; } .slider-teaser-col-btn .icon-button{ width:20px; height:20px; background-position:-134px -1px; background-color:#c7c7c7; } .slider-teaser-col-btn{ margin:0; height:20px; bottom:0; left:0; } /*Silder in Teasercolumn 'Messe' specific css-properties */ .fair-slider{ position:relative; z-index:1; } .teaser-column .icon-shadow-small{ position:relative; z-index:0; margin:-54px auto 10px; } .fair-slider h3{ font-size:8pt; margin:0; padding:0 !important; text-transform:none; } .fair-slider .step{ border-bottom:1px solid #ffffff; } .fair-slider .step li{ cursor:pointer; border-top:1px solid #ffffff; padding:9px 12px; } .fair-slider .meta-infos{ color:#939393; } .fair-slider li p{ margin:0 !important; padding:0 !important; height:auto !important; } .fair-slider .slider-navigation{ margin:9px 11px; } .fair-slider li .fair-slider-item-content{ width:90%; } /*Silder in Teasercolumn 'PressReleases' specific css-properties */ .pressrel-slider .step li{ cursor:pointer; } /*Silder in Teasercolumn 'Logo-Slider' specific css-properties */ .logo-slider .slider-container{ width:190px; margin:0 10px; padding-bottom:5px; overflow:hidden; } .logo-slider .stage-container{ margin-bottom:10px; background-color:#ffffff; } .logo-slider .step{ width:180px; text-align:center; padding:5px; } .logo-slider .step img{ max-width:165px; max-height:none; } .logo-slider .slider-nav-control-btn.next{ float:right; } .logo-slider .slider-navigation-list{ display:inline-block; float:none; padding:0; width:auto; margin:5px auto 0; } .logo-slider .slider-navigation > div{ display:inline-block; margin:0 auto; width:135px; text-align:center; } .logo-slider .slider-navigation li{ margin:-2px 2px 6px; } .lt-ie8 .logo-slider .slider-nav-control-btn.next{ margin-top:-23px; } /*logoSliderCarousel*/ .logo-slider-carousel{ margin:4px; } .logo-slider-carousel .stage-container{ margin:0 auto; } .logo-slider-carousel .step{ display:table-cell; width:auto; vertical-align:middle; float:none; } .logo-slider-carousel .step > div{ width:auto; height:60px; } .logo-slider-carousel .step img{ display:block; margin:0 auto; width:auto; height:60px; } .ie7 .logo-slider-carousel .step{ float:left; display:block; } /*logoSliderCarousel*/ /*Slider in header-pic 'picture-banner' specific css properties*/ #picture-banner .slider-container{ width:inherit; height:inherit; } #picture-banner .step{ padding-right:0; } /* logo links im header */ .logo-link-map{ position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background:url("/media/layout/images/spacer.gif") transparent repeat; z-index:5 } .logo-link-map a{ display:block; position:absolute; z-index:10; } /*Search-input-container*/ .search-input-container{ border-width:1px; } .search-input-container p{ margin:0; } .search-input-container input{ padding:0 3px; border-width:1px; height:22px; line-height:22px; } .search-input-container .select-div{ border-width:1px; height:22px; line-height:22px; background-color:#ffffff; padding:0 3px; width:100% } .search-input-container select{ border:none; /* -webkit-appearance: none;*/ margin-right:-7px; } .search-input-container > h2{ margin-right:10px; color:#ffffff; float:left; background:none; } .search-input-container .result-text{ margin:0; } .lt-ie8 .search-input-container > h2{ margin-right:0; } .lt-ie8 .search-input-container .strip{ height:21px; } .explorer .search-input-container input[type=checkbox], .explorer .search-input-container input[type=radio]{ border-width:0; padding:0 } .explorer .search-input-container input{ padding:0; } .search-input-container .selector-pair{ float:left; margin-right:20px; } .search-input-container .search-properties{ padding:12px; } .search-input-container .main-search-input input{ width:665px; float:left; } .search-input-container .main-search-input input.event{ width:335px; float:left; } .complex-search .main-search-input input{ margin-right:15px; width:350px; float:left; } .search-input-container .main-search-input a{ color:#4d4d4d; } .search-input-container .main-search-input .minus-button{ cursor:pointer; margin-top:5px; color:#939393; } .search-input-container .main-search-input .minus-button p{ color:#939393; margin:0; } .search-input-container .check-box-field.properties-container{ display:block; } .search-input-container .day-check{ margin-top:0; width:345px; } .search-input-container .day-check span{ width:160px; } .lt-ie8 .search-input-container .btn-standard img{ margin-left:100px; } .selector-pair.date{ width:135px; } .selector-pair.date input{ width:102px; float:left; margin-right:5px; } .selector-pair.date .icon-datepicker{ margin-top:5px; } .ui-datepicker-trigger{ margin-top:5px; width:15px; height:15px; float:left; background:url("/media/layout/images/sprites.png") transparent no-repeat scroll 0 0; background-position:-23px 0; position:relative; } .eventfinder-content .ui-datepicker-trigger{ width:6px; height:13px; float:none; } .selector-pair.sort-by, .selector-pair.sort-by select{ width:167px; } .selector-pair.numbers-per-page, .selector-pair.numbers-per-page select{ width:90px; } .check-box-field, .search-input-container .check-box-field{ margin-top:6px; } .check-box-field input, .search-input-container .check-box-field input{ height:13px; margin-right:7px; float:left; } .check-box-field label, .search-input-container .check-box-field label{ float:left; } .check-box-field span, .search-input-container .check-box-field span{ margin:0 15px 2px 0; display:block; float:left; } .check-box-field.non-floating span{ float:none; } .check-box-field.non-floating span + span{ margin-top:10px; } .search-input-container .check-box-field.columns-3 span{ width:207px; } .search-input-container .check-box-field.columns-3 label{ width:185px; } .search-input-container .check-box-field.columns-4 span{ width:150px; } .search-input-container .check-box-field.columns-4 label{ width:128px; } .search-input-container .check-box-field.columns-6 span{ width:96px; } .search-input-container .check-box-field.columns-6 label{ width:74px; } .search-input-container .minus-button .icon{ float:left; margin-right:10px; } .search-properties .btn-standard{ margin-top:15px; } .complex-search .search-properties .btn-standard{ margin-top:2px; float:left; margin-right:15px; } .search-properties .btn-standard.event{ margin-top:2px; margin-left:15px; } /*Search-input-container agenda search*/ .search-input-container.agenda-search .selector-pair{ width:165px; } .search-input-container.agenda-search .select-div select{ width:100%; } .search-input-container.agenda-search .sort-by{ width:85px; } .search-input-container.agenda-search .check-box-field span{ margin-right:15px; } .search-input-container.agenda-search .properties-container .floatl{ margin-right:20px; } /*.select-div .icon-down { margin-top: 11px; position: relative; right: 5px;} .explorer .select-div .icon-down, .firefox .select-div .icon-down, .opera .select-div .icon-down{display: none;}*/ /*Hilfsklasse, die einem Bereich in dem Suchfeld eine Border zuweist*/ .border-field{ border-bottom-width:1px; padding-bottom:15px; margin-bottom:10px; } /*AUSSTELLER- und PRODUKT-KATALOG*/ .exhibit-prod-detail{ overflow:visible; } .exhibit-prod-detail > div.icon-holder ~ .columns{ margin-left:22px; } .exhibit-prod-detail > div.icon-holder ~ .columns .first{ width:428px; } .exhibitor-box #co-exhibitors .columns > div{ width:325px; } .exhibitor-box #co-exhibitors .columns + .columns{ margin-top:10px; } /* product-zoom */ .exhibit-prod-detail .zoom-icon{ position:absolute; left:0; bottom:0; background-color:#ffffff; padding:5px; width:25px; cursor:pointer; } .exhibit-prod-detail .icon-resize{ width:25px; height:21px; background-position:-632px 0; } .exhibit-prod-detail .zoom-container{ background-color:#ffffff; border-width:1px; width:auto; height:auto; position:absolute; right:-4px; top:-1px; vertical-align:middle; z-index:5; display:none; margin:0; padding:12px; max-height:678px; max-width:678px; -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); } .exhibit-prod-detail .main-img{ position:relative; } .exhibit-prod-detail .zoom-container img{ max-height:inherit !important; max-width:inherit !important; margin-top:0 !important; cursor:pointer; } .exhibit-prod-detail .icon-tooltip-holder .icon-tooltip{ width:200px; } /* /product-zoom */ /* icon-tooltip */ .icon-tooltip-holder{ position:relative; clear:both; } .icon-tooltip-holder .extra-iconset{ cursor:pointer; } .icon-tooltip-holder .icon-tooltip{ position:absolute; left:100%; top:-5px; opacity:0; border-width:1px; z-index:6; padding:6px; width:150px; background-color:#ffffff; visibility:hidden; -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); box-shadow:1px 1px 4px rgba(0, 0, 0, 0.125); } /* opacity transition for overlays tooltips etc. */ .icon-tooltip-holder .icon-tooltip, .icon-tooltip-holder:hover .icon-tooltip{ -webkit-transition:visibility 0.2s, opacity 0.2s ease-in; -moz-transition:visibility 0.2s, opacity 0.2s ease-in; -o-transition:visibility 0.2s, opacity 0.2s ease-in; transition:visibility 0.2s, opacity 0.2s ease-in; } .icon-tooltip-holder .icon-tooltip:before{ content:""; position:absolute; top:50%; left:-6px; margin-top:-6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #d2d2d2; } .icon-tooltip-holder .icon-tooltip:after{ content:""; position:absolute; top:50%; left:-5px; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #ffffff; } .icon-tooltip-holder:hover .icon-tooltip{ opacity:1; visibility:visible; } /* .exhibit-prod-list */ .exhibit-prod-list .more-link{ display:none; } .exhibit-prod-list .tabbed-content{ width:675px; padding:13px 12px 20px; } .exhibit-prod-list.coupon-overview .map-adress{ min-height:0; } .exhibit-prod-list li > .icon-holder, .exhibit-prod-detail .icon-holder{ width:22px; float:left; } .exhibit-prod-list li > .icon-holder span{ margin:0 5px 5px 0; } .exhibit-prod-list li > .icon-holder + div, .exhibit-prod-list li > .icon-holder ~ p .btn-standard{ margin-left:25px; } .exhibit-prod-list .list-item-content{ width:495px; min-height:75px; } .exhibit-prod-list .list-item-content h3{ overflow:hidden; } .exhibit-prod-list .list-item-text{ max-height:70px; overflow:hidden; text-overflow:ellipsis; } .chrome .exhibit-prod-list .list-item-text, .safari .exhibit-prod-list .list-item-text{ max-height:66px; } .exhibit-prod-list .call-out{ float:right; color:#4d4d4d; font-weight:bold; text-align:right; } .exhibit-prod-list .special-company{ background-color:#ffffff; padding:10px 0 10px 10px; } .exhibit-prod-list .advertisement{ padding:0 0 15px; } .exhibit-prod-list .advertisement > p{ margin:0; } .exhibit-prod-list .advertisement > .banner-pic{ text-align:center; display:block } .exhibit-prod-list .advertisement > .banner-pic img{ max-width:100%; max-height:100px; } /* verbundene Veranstaltungen */ .associated-event .list-item-content{ width:410px; } .associated-event.special-company .list-item-content{ width:400px; } .associated-event .list-event-image-container{ width:88px; padding:2px; line-height:normal; background-color:#d2d2d2; right:138px; } .associated-event .list-event-image-container > div{ height:100%; background-color:#ffffff; } /* #exhibit-prod-search */ #exhibit-prod-search.search-input-container .btn-standard{ float:right; margin:2px 0 0 10px; } #exhibit-prod-search.search-input-container .main-search-input input{ width:350px; } #exhibit-prod-search.search-input-container .selector-pair.sort-by{ width:316px; } #exhibit-prod-search.search-input-container .selector-pair.sort-by select{ width:306px; margin:0; } #exhibit-prod-search.search-input-container .select-div{ width:310px; } #exhibit-prod-search.search-input-container .select-div + .select-div{ margin-top:5px; } #exhibit-prod-search .properties-container{ position:relative; } #exhibit-prod-search .jqtoggle{ cursor:pointer; margin-bottom:10px; } #exhibit-prod-search .jqtoggle img{ margin-right:5px; } #exhibit-prod-search label + .select-div{ clear:left; } #exhibit-prod-search .selector-pair.exhibitor-details label{ float:left; } #exhibit-prod-search .selector-pair.exhibitor-details label + input{ float:left; clear:left; } #exhibit-prod-search .selector-pair.exhibitor-details #city{ width:180px; } #exhibit-prod-search .selector-pair.exhibitor-details #zipcode{ width:100px; } #exhibit-prod-search .selector-pair.exhibitor-details #hall, .selector-pair.exhibitor-details #booth{ width:161px; } /* #productgroup-filter */ #exhibit-prod-search #productgroup-filter .select-div{ display:none; } #exhibit-prod-search #productgroup-filter .select-div:first-of-type{ display:block; } /* brand */ .brand h3{ margin-top:20px !important; width:580px; } .brand .list-image-container{ cursor:auto; } .list-basic.brand li{ min-height:80px; } .list-basic.brand li .list-image-container{ right:0; } .list-basic.brand li .list-image-container > div img{ max-width:70px !important; max-height:53px; } /* /brand */ .list-filter .select-div{ background-color:#ffffff; border-width:1px; height:22px; line-height:22px; padding:0 3px; } .exhibit-prod-list .tabbed-box{ margin-top:10px; } .exhibit-prod-list .tabbed-box > div{ height:auto; } .exhibit-prod-list .list-filter{ border-top-width:1px; } .exhibit-prod-list .list-filter > div:first-child span{ margin-right:10px; } .exhibit-prod-list .list-basic li:first-child{ margin-top:0; } .exhibit-prod-list .list-basic p:first-of-type{ margin:10px 0 } .exhibit-prod-list li h3, .exhibitor-box h3, .exhibit-prod-detail > h2{ min-height:20px; } .exhibit-prod-detail > h2{ display:block; float:left; width:94%; font-weight:bold; } .exhibitor-box h3{ margin-bottom:10px !important; } .exhibit-prod-list li h3 a, .exhibitor-box h3 a, .exhibit-prod-detail > h2 a{ display:inline-block; vertical-align:middle; margin-right:5px; } .exhibit-prod-list li .extra-iconset, .exhibitor-box .extra-iconset, .exhibit-prod-detail .extra-iconset{ margin-right:5px; margin-top:3px; } .exhibitor-box .extra-iconset, .exhibit-prod-detail .extra-iconset{ margin-top:3px; } .explorer .exhibit-prod-list .pagingitem{ height:20px; } .exhibit-prod-list .tabbed-content li:hover a.list-item-button{ background-color:#ffffff; } /*/Search-input-container*/ /* .event-search #stage-search*/ .event-search{ width:698px; margin-bottom:20px; } #stage-search{ position:absolute; margin-left:345px; margin-top:26px; background-color:#ffffff; border-width:1px; width:230px } #stage-search input[type=submit], #search label{ font-size:0; } #stage-search label{ display:none; } #stage-search input[type=search], #search input[type=text]{ display:inline; border:none; font-size:8pt; margin:4px 2px 0 3px; color:#686868; width:196px } #stage-search input[type=submit]{ border:none; float:right; margin:2px; } .lt-ie8 #stage-search input[type=submit]{ position:absolute; margin:1px 0 0 3px; text-indent:-999em; text-transform:capitalize; } /*Negative-indent alone unfortunately doesn't work to remove text from a button element in IE7, but add text-transform: capitalize; and presto!*/ /*searchoptions*/ #stage-search form > div{ margin:0 0 0 -1px; padding:3px 0 0; position:absolute; z-index:10; } #stage-search .effect{ background:#ffffff; border:1px solid #d2d2d2; padding:13px; width:204px; display:none; } .lt-ie8 #search .effect{ border-top-color:#ffffff; } /*this is a bugfix*/ #stage-search .effect label{ display:block; font-size:8pt; margin-left:23px; margin-bottom:-15px; } #stage-search .effect h5{ font-weight:bold; font-size:8pt; margin:0 0 10px; } #stage-search .effect button{ display:block; line-height:1.8em; margin:5px 0 0 0; } #stage-search .effect button span{ color:#ffffff; } #stage-search .effect button img{ margin:0 -6px 0 18px; } .opera #stage-search .effect input[type="checkbox"]{ border-width:1px; padding:2px; } /*bug-fix for opera*/ .lt-ie8 #stage-search .effect button img{ margin:-20px -28px 0 50px; } /* Anpassung Pagination LMQS-200 */ /*Teaser-search*/ .teaser-search{ height:30px; } #teaser-search{ position:absolute; margin-left:5px; margin-right:5px; margin-top:3px; background-color:#ffffff; border-width:1px; width:208px; } #teaser-search input[type=submit], #search label{ font-size:0; } #teaser-search label{ display:none; } #teaser-search input[type=search], #search input[type=text]{ display:inline; border:none; font-size:8pt; margin:4px 2px 0 3px; color:#686868; width:165px } #teaser-search input[type=submit]{ border:none; float:right; margin:2px; } .lt-ie8 #teaser-search input[type=submit]{ position:absolute; margin:1px 0 0 3px; text-indent:-999em; text-transform:capitalize; } /*Negative-indent alone unfortunately doesn't work to remove text from a button element in IE7, but add text-transform: capitalize; and presto!*/ /*searchoptions*/ #teaser-search form > div{ margin:0 0 0 -1px; padding:3px 0 0; position:absolute; z-index:10; } #teaser-search .effect{ background:#ffffff; border:1px solid #d2d2d2; padding:13px; width:204px; display:none; } .lt-ie8 #search .effect{ border-top-color:#ffffff; } /*this is a bugfix*/ #teaser-search .effect label{ display:block; font-size:8pt; margin-left:23px; margin-bottom:-15px; } #teaser-search .effect h5{ font-weight:bold; font-size:8pt; margin:0 0 10px; } #teaser-search .effect button{ display:block; line-height:1.8em; margin:5px 0 0 0; } #teaser-search .effect button span{ color:#ffffff; } #teaser-search .effect button img{ margin:0 -6px 0 18px; } .opera #teaser-search .effect input[type="checkbox"]{ border-width:1px; padding:2px; } /*bug-fix for opera*/ .lt-ie8 #teaser-search .effect button img{ margin:-20px -28px 0 50px; } /* Anpassung Pagination LMQS-200 */ /*Center-search*/ .center-search{ height:30px; width:698px; margin-bottom:20px; } #center-search{ position:absolute; margin-left:5px; margin-right:5px; margin-top:3px; background-color:#ffffff; border-width:1px; width:688px; } #center-search input[type=submit], #search label{ font-size:0; } #center-search label{ display:none; } #center-search input[type=search], #search input[type=text]{ display:inline; border:none; font-size:8pt; margin:4px 2px 0 3px; color:#686868; width:165px } #center-search input[type=submit]{ border:none; float:right; margin:2px; } .lt-ie8 #center-search input[type=submit]{ position:absolute; margin:1px 0 0 3px; text-indent:-999em; text-transform:capitalize; } /*Negative-indent alone unfortunately doesn't work to remove text from a button element in IE7, but add text-transform: capitalize; and presto!*/ /*searchoptions*/ #center-search form > div{ margin:0 0 0 -1px; padding:3px 0 0; position:absolute; z-index:10; } #center-search .effect{ background:#ffffff; border:1px solid #d2d2d2; padding:13px; width:204px; display:none; } .lt-ie8 #search .effect{ border-top-color:#ffffff; } /*this is a bugfix*/ #center-search .effect label{ display:block; font-size:8pt; margin-left:23px; margin-bottom:-15px; } #center-search .effect h5{ font-weight:bold; font-size:8pt; margin:0 0 10px; } #center-search .effect button{ display:block; line-height:1.8em; margin:5px 0 0 0; } #center-search .effect button span{ color:#ffffff; } #center-search .effect button img{ margin:0 -6px 0 18px; } .opera #center-search .effect input[type="checkbox"]{ border-width:1px; padding:2px; } /*bug-fix for opera*/ .lt-ie8 #center-search .effect button img{ margin:-20px -28px 0 50px; } /* Anpassung Pagination LMQS-200 */ /*Searchresultpage*/ .iconbar{ height:175px; display:inline-block; margin-left:25px; margin-top:-30px; } .iconbar > img{ width:100px; } .exhibit-search{ height:630px; } .floatleft{ float:left; height:300px; } .hr-size{ width:650px; margin-left:25px; } .vertical-border{ border-left:1px solid #d2d2d2; } .align{ margin-left:25px; height:180px; margin-top:20px; } #floatleft{ height:220px; width:220px; float:left; } .top-align{ margin-top:45px; } .disable{ list-style:none; margin-top:10px; margin-left:-13px; } .fair-search-result .list-basic.half.first{ margin-left:0; } .fair-search-result .list-basic.half{ float:left; width:337px; } .fair-search-result .list-basic.half .list-item-content{ width:auto; } .fair-search-result .list-basic li{ border:none; margin:40px 10px -40px 30px; } .list-meta-infos.center-align{ margin:-5px 0 -8px 0; } #floatleft ul{ padding-left:15px; } #exhibit-search-input{ position:absolute; margin-left:150px; margin-right:5px; margin-top:15px; background-color:#ffffff; border-width:1px; width:388px; } .exhibit-search-input{ height:30px; } #exhibit-search-input input[type=submit], #search label{ font-size:0; } #exhibit-search-input label{ display:none; } #exhibit-search-input input[type=search], #search input[type=text]{ display:inline; border:none; font-size:10pt; margin:4px 2px 0 3px; color:#686868; width:340px } #exhibit-search-input input[type=submit]{ border:none; float:right; margin:2px; } .lt-ie8 #exhibit-search-input input[type=submit]{ position:absolute; margin:1px 0 0 3px; text-indent:-999em; text-transform:capitalize; } /*Negative-indent alone unfortunately doesn't work to remove text from a button element in IE7, but add text-transform: capitalize; and presto!*/ /*searchoptions*/ #exhibit-search-input form > div{ margin:0 0 0 -1px; padding:3px 0 0; position:absolute; z-index:10; } #exhibit-search-input .effect{ background:#ffffff; border:1px solid #d2d2d2; padding:13px; width:204px; display:none; } .lt-ie8 #search .effect{ border-top-color:#ffffff; } /*this is a bugfix*/ #exhibit-search-input .effect label{ display:block; font-size:8pt; margin-left:23px; margin-bottom:-15px; } #exhibit-search-input .effect h5{ font-weight:bold; font-size:8pt; margin:0 0 10px; } #exhibit-search-input .effect button{ display:block; line-height:1.8em; margin:5px 0 0 0; } #exhibit-search-input .effect button span{ color:#ffffff; } #exhibit-search-input .effect button img{ margin:0 -6px 0 18px; } .opera #exhibit-search-input .effect input[type="checkbox"]{ border-width:1px; padding:2px; } /*bug-fix for opera*/ .lt-ie8 #exhibit-search-input .effect button img{ margin:-20px -28px 0 50px; } /* Anpassung Pagination LMQS-200 */ /* pagination */ .result-pagination-bar{ border-width:1px 0; height:28px; margin:0; } .result-pagination-bar .result-text, .pagination .btn-standard{ float:left; } .result-text{ margin:5px 0; } .search-input-container .result-text span{ color:#033d86; display:inline-block; height:15px; max-width:275px; overflow:hidden; position:relative; top:3px; } .search-input-container .result-text{ margin-top:-4px; padding-bottom:5px; } .lt-ie8 .result-text span{ color:#033d86; display:inline; height:15px; position:relative; overflow:hidden; } .lt-ie8 .search-input-container .result-text span{ top:-3px; } .pagination{ float:right; width:410px; margin:0; padding:5px 0; } .pagination .btn-standard{ padding:0; margin:0; width:28px; } .pagination-items{ float:left; margin:0 8px; } .pagination-items a:hover span, .pagination-items button:hover span{ color:#ffffff; } .pagingitem, .pagingdots{ float:left; width:20px; height:20px; background-color:#eeeeee; margin:0 1px; text-indent:0; text-align:center; line-height:2.0em; } .pagingitem:hover, .pagingdots:hover{ background-color:#000000; color:#ffffff; } .pagingitem:hover span, .pagingdots:hover span{ color:#ffffff; } .pagingitem.active span{ color:#ffffff; } .pagination .icon-prev, .pagination .icon-next{ margin-left:4px; background-color:transparent; border-width:0; } .pagination .icon-prev:hover, .pagination .btn-standard:hover .icon-prev{ background-position:-186px -1px } .pagination .icon-next:hover, .pagination .btn-standard:hover .icon-next{ background-position:-168px -1px } /*Workaround Chrome*/ .chrome .pagingitem{ padding:0; } .chrome .pagingitem span{ width:20px; height:20px; display:block; font-weight:100; } /*Workaround IE*/ .explorer div.pagingitem{ cursor:pointer; position:relative; } .explorer div.pagingitem input{ background:url("/media/layout/images/pagination-bg.png") transparent repeat; position:relative; border:0; text-indent:-999em; text-transform:capitalize; line-height:0; font-size:0; display:block; width:20px; height:20px; z-index:15; } .explorer div.pagingitem span{ top:-20px; position:relative; display:block; z-index:5; } .lt-ie8 div.pagingitem span{ top:-22px; } .explorer div.pagingitem img{ top:-21px; position:relative; z-index:5; } /*.pagingitem.prev > span,.pagingitem.next > span{display:none;}*/ .pagination .btn-standard{ background:none #dddddd; } .list-page-navigation-items{ float:left; } /*/ pagination*/ /* Listen Design / Search-Listen */ .list-container{ border-width:0 !important; } .list-container ul{ list-style:none !important; padding:0 !important; } .list-container a, .list-container a:visited{ text-decoration:none; } .list-container a:hover{ color:#000000; } .list-container h2{ margin:8px 0; } .list-container .list-meta-infos{ cursor:pointer; } .list-basic li{ border-bottom-width:1px; margin:10px 0 10px; padding:5px 0 10px; float:none; position:relative; min-height:100px; } .list-basic li .list-item-button{ text-align:center; } .list-basic li .list-item-button .icon-arrow{ display:inline-block; margin:0; vertical-align:middle; } .list-basic li:last-of-type, .list-basic li.last{ border-bottom:0; } .list-basic li.sector{ min-height:0; padding:0 } .list-basic li.sector h2{ margin:25px 0 0; font-size:11pt; } .list-item-content{ width:520px; cursor:pointer } .list-basic.not-clickable .list-item-content, .list-basic.not-clickable .list-image-container{ cursor:default; } .list-item-content h4{ border-bottom-width:0; padding-bottom:0; } .narrow .list-item-content{ width:290px; } .list-container .btn-standard:hover{ color:#ffffff; } .list-image-container, .list-item-button, .list-event-image-container{ background-color:#eeeeee; position:absolute; top:7px; bottom:16px; } .list-item-button{ width:28px; right:0; } .list-image-container, .list-event-image-container{ padding:2px; line-height:normal; width:120px; right:38px; text-align:center; cursor:pointer } .list-image-container > div, .list-event-image-container > div{ background-color:#ffffff; height:100%; } .lt-ie8 .list-image-container > div, .lt-ie8 .list-event-image-container > div{ min-height:88px; height:auto !important; } .list-image-container > div img, .list-event-image-container > div img{ height:auto; max-height:80px; max-width:115px; width:auto; margin:0; padding:0; } .list-event-image-container{ right:138px; } .list-basic.button-less .list-item-button{ visibility:hidden; } .list-basic.button-less .list-image-container{ right:0; } .list-basic.small-rows li{ min-height:inherit; } .list-basic.small-rows .list-item-content{ width:660px; } .lt-ie8 .list-image-container{ background-color:#ffffff; border:2px solid #eeeeee; } .lt-ie8 .list-image-container > div img{ position:relative; top:-2px; } /*specific List- CSS Styles */ #pressreleasestable .list-item-content h2, #pressreleasestable .list-item-content h2{ margin-bottom:6px; } #pressreleasestable .list-item-content h3, #pressreleasestable .list-item-content h3{ margin-bottom:3px; } /* news-overview */ #pressreleasestable.news-overview li{ overflow:hidden; } #pressreleasestable.news-overview .list-item-content{ width:95%; cursor:pointer; } #pressreleasestable.news-overview .news-image-container{ float:left; margin:4px 20px 10px 0; } .press-archive li{ height:50px; min-height:50px; } .press-archive li h3{ font-size:11pt; margin-top:15px; } .press-archive li .list-image-container{ width:55px; } .press-archive li .list-image-container > div img{ max-width:50px !important; max-height:33px; } /*.lt-ie8 .press-archive li .list-image-container > div {min-height: auto;}*/ .tabbed-box.hollow > ul{ background:transparent !important; } .tabbed-box.hollow .tabs li{ border-top-width:1px; background-color:#eeeeee; } .tabbed-box.hollow .tabs li:first-child{ border-left-width:1px; } /* /Liste */ /*Datepicker Design*/ .ui-datepicker{ display:none; -webkit-box-shadow:20px 20px 30px 2px rgba(0, 0, 0, 0.2); box-shadow:20px 20px 30px 2px rgba(0, 0, 0, 0.2); } /*should be invisible in the beginning - otherwise it will hang around at the end of the page*/ .ui-datepicker select{ border:none; background-color:transparent; } .ui-datepicker{ background-color:#eeeeee; border-width:1px; width:280px; } .ui-datepicker-prev{ float:left; margin-left:15px; width:20px; height:20px; background:#dddddd url("/media/layout/images/sprites.png") -114px -1px; text-indent:-999em; } .ui-datepicker-next{ float:right; margin-right:20px; width:20px; height:20px; background:#dddddd url("/media/layout/images/sprites.png") -134px -1px; text-indent:-999em; } .ui-datepicker-title{ width:auto; height:20px; text-align:center; margin:12px auto 5px; } .ui-datepicker-month, .ui-datepicker-year{ color:#014495; background:none; font-size:1.2em; margin:4px 10px 0; } .lt-ie8 .ui-datepicker-prev, .lt-ie8 .ui-datepicker-next{ margin-top:18px; } .ui-datepicker-calendar{ margin:15px; width:249px; border-collapse:separate; border-spacing:3px 3px; table-layout:fixed; } .ui-datepicker-calendar thead tr{ height:5px; } .ui-datepicker-calendar thead th{ background:none; filter:none; text-align:left; font-weight:normal; } .ui-datepicker-calendar tbody{ } .ui-datepicker-calendar tbody tr{ height:33px !important; } .ui-datepicker-calendar tbody td{ cursor:pointer; background-color:#ffffff; border-width:1px; height:28px !important; margin:0 5px 5px 0; width:29px !important; padding:3px; } .ui-datepicker-calendar tbody td:hover, .ui-datepicker-calendar tbody td:hover a{ color:#ffffff; } .ui-datepicker-calendar a, .ui-datepicker-calendar a:hover{ text-decoration:none; } .ui-datepicker-other-month{ background-color:#d6d6d6 !important; } /*/Datepicker Design*/ .ui-datepicker-other-month a{ color:#8c8c8c; } /*DetailSite*/ .detail-container a{ text-decoration:none; } .detail-container{ border-width:0 !important; margin-bottom:20px; } .detail-teaser-text{ font-weight:bold; } .detail-img{ margin:0 20px 10px 0; } .detail-container figure.floatl, .text-bild figure.floatl{ margin-right:12px; } .detail-container figure.floatr, .text-bild figure.floatr{ margin-left:12px; } .detail-container figcaption, .text-bild figcaption{ margin:0 0 0 0; font-style:italic; } .detail-container .figcap-width-50, .text-bild .figcap-width-50, .teaser .figcap-width-50{ width:50px; } .detail-container .figcap-width-100, .text-bild .figcap-width-100, .teaser .figcap-width-100{ width:100px; } .detail-container .figcap-width-200, .text-bild .figcap-width-200, .teaser .figcap-width-200{ width:200px; } .detail-container .figcap-width-320, .text-bild .figcap-width-320, .teaser .figcap-width-300{ width:320px; } .detail-container .figcap-width-640, .text-bild .figcap-width-640, .teaser .figcap-width-640{ width:100%; } .contact-info{ width:240px; margin:10px; } .contact-box img{ margin:10px; } .columns span{ width:120px; display:block; float:left; } .columns br{ clear:both } .fair-date{ margin-top:-7px; } /*Two Column Layout for ListSearch and DetailPage*/ .columns > div{ display:block; float:left; } .columns > div.label{ clear:left; padding-right:10px; width:120px; } .columns > div.text{ min-width:248px; max-width:570px; width:auto; margin-bottom:5px; } .list-item-content div.text{ max-width:385px !important; } .columns div.text > p, .columns div.text > div > p{ margin:0; padding:0 } /*/Two Column Layout for ListSearch and DetailPage*/ .detail-header{ margin-bottom:30px; } .detail-header h1 a, .detail-header h3 a{ text-decoration:none; } .detail-header .header-column-left{ float:left; margin-right:10px; width:400px; } .detail-header .fair-date{ margin-bottom:15px; } .detail-header .columns .text{ width:260px; max-width:260px; margin-bottom:10px; } .detail-header .detail-image-container{ float:left; width:290px; height:auto; overflow:hidden; } .detail-header .detail-image-container img{ margin:0 0 2px; float:none; } .detail-header .detail-image-container figure{ float:right; margin-bottom:10px; margin-right:10px; text-align:center; border-width:1px; width:80px; padding:5px 0 0 0; background-color:#ffffff; } .detail-header .detail-image-container figcaption{ padding:2px; display:block; } .detail-header .label, .detail-content .label, .detail-places .label{ font-weight:bold; } .detail-header.no-image .header-column-left{ width:auto; margin-right:0; } .detail-header.no-image .columns .text{ width:auto; max-width:570px; } .detail-content .columns .text{ width:570px; min-width:570px; margin-bottom:10px; text-align:justify; } .detail-content .columns .text p{ margin:0 0 15px 0; } .detail-attachment{ border-top-width:1px; margin-top:10px; } .detail-attachment, .detail-contact{ border-top-width:1px; padding-top:7px; } .detail-places{ border-width:1px; padding:5px; width:auto; } .detail-places .columns{ margin-bottom:25px; } .detail-places iframe{ width:690px; } /* Product Detail*/ /*.detail-container.exhibit-prod-detail .columns{ margin-bottom: 20px;}*/ .detail-container.exhibit-prod-detail{ } .detail-container.exhibit-prod-detail .first{ width:445px; margin-right:30px; } .detail-container.exhibit-prod-detail .second, .detail-container.ehibit-prod-detail .thumbnails{ width:220px } .detail-container.exhibit-prod-detail .main-img{ width:220px; height:220px; margin-bottom:10px; } .detail-container.exhibit-prod-detail .main-img img{ max-width:210px; max-height:210px; } .detail-container.exhibit-prod-detail .main-img, .detail-container.exhibit-prod-detail .thumbnails > div, .detail-container .exhibitor-logo{ border-width:1px; background:#ffffff; text-align:center; } .detail-container.exhibit-prod-detail .thumbnails{ margin-bottom:40px; } .detail-container.exhibit-prod-detail .thumbnails > div{ width:45px; height:45px; float:left; margin-left:10px; } .detail-container.exhibit-prod-detail .thumbnails > div:first-child{ margin-left:0; } .detail-container.exhibit-prod-detail .thumbnails img{ max-width:40px; max-height:40px; } .detail-container.exhibit-prod-detail .similar-cats li{ margin-bottom:5px } .detail-container .link-container li{ list-style:none; } #content .detail-container .link-container ul{ padding:0; } .exhibitor-box{ border-width:1px; height:auto } .exhibitor-box > div{ padding:12px; min-height:200px; height:auto; } .exhibitor-box .tabs li{ font-size:8pt; } .exhibitor-box .columns{ height:auto; } .exhibitor-box .columns > div{ width:312px; } .exhibitor-box .columns > div:first-child{ margin-right:20px; } .exhibitor-box .columns > div + div{ text-align:right } .exhibitor-box .columns > div > div{ margin-bottom:15px; } .exhibitor-box a{ text-decoration:none; } .exhibitor-box .tabbed-content > div{ overflow:visible; height:auto } .exhibitor-box .matching-fair{ margin-left:22px; margin-bottom:20px; } .exhibitor-box .columns div.exhibitor-logo{ width:130px; height:130px; margin-bottom:20px; padding:0; clear:right; } .exhibitor-box .icon-holder{ width:22px; } .exhibitor-box .columns > div > div i.extra-iconset{ margin-left:-22px; } .exhibitor-box .map-adress{ margin-bottom:0 } .exhibitor-box .map-adress + a{ display:block; clear:both; } .exhibitor-logo + div{ clear:both } .exhibitor-logo img{ max-width:120px; max-height:120px; } .exhibitor-box .media-box-images.tabbed-content > div.image-dummy{ width:100px; height:100px; } .exhibitor-box.media-box .slider-navigation{ height:37px; overflow:hidden; } .exhibitor-box.media-box .slider-container{ height:324px; } .exhibitor-box .btn-standard{ margin-right:0 } .exhibitor-box .icon-holder{ margin-right:5px; } .exhibitor-box .product-list li{ min-height:80px; } .exhibitor-box .product-list .list-item-content{ width:500px; } .exhibitor-box .product-list .list-item-button{ background-color:#eeeeee; } .exhibitor-box .product-list .list-image-container img{ max-height:60px; max-width:80px; } .exhibitor-box .product-list .icon-holder{ float:left; width:22px; margin-right:3px; } .exhibitor-box .product-list .icon-holder span{ margin:0 5px 5px 0; } .exhibitor-box .product-list a.btn-standard, .exhibitor-box .product-list .list-item-content{ margin-left:25px; } .exhibitor-box .product-list .list-basic p:first-of-type{ margin:10px 0; } .detail-container .list-basic li:first-child{ margin-top:0 } .detail-container .coupon-box{ padding:10px; border:1px dotted; } .detail-container .coupon-box .coupon-img img{ max-width:150px; max-height:150px; } .detail-container .coupon-box .columns > div{ width:480px; } .detail-container .coupon-box .columns > div + div{ width:150px; } .detail-container .coupon-box h3{ padding-top:5px; } .detail-container .coupon-box h3 .extra-iconset{ margin-top:-5px; } .detail-container .coupon-logo{ border-width:1px; height:130px; width:130px; margin-bottom:20px; text-align:center; } .detail-container .coupon-logo img{ max-width:120px; max-height:120px; } .coupon-counter span{ width:auto; font-size:10pt; } .coupon-counter span + span{ font-weight:bold; margin-left:5px; } /*Pressdates Detail*/ .registration-box{ margin-top:20px; } /*DetailSite Style*/ /*Reset for all headline-like things to look like normal text*/ #main table p, #main table h1, #main table h2, #main table h3, #main table h4, #main table h5, #main table h6, #main table strong, #main table em, #main table b, #main table i, .tabbed-content h1, .tabbed-content h2, .tabbed-content h3, .tabbed-content h4, .tabbed-content h5, .tabbed-content h6, .tabbed-content strong, .tabbed-content em, .tabbed-content b, .tabbed-content i{ border:0; font-size:8pt; margin:0; padding:0; } #main table p, #main table h1, #main table h2, #main table h3, #main table h4, #main table h5, #main table h6, #main table strong, #main table em, #main table b, #main table i{ display:inline; } /*Sitemap*/ .sitemap{ margin:30px 0 0 0; padding-left:20px; width:auto; list-style:none; } .sitemap a{ font-weight:bold; white-space:nowrap; } .sitemap ul{ margin:10px 10px 10px 0; list-style:none; border-left-width:1px; border-bottom-width:1px; padding-left:20px; } .sitemap ul li{ margin:4px 0; } .sitemap ul li ul{ list-style:none; margin:10px 0 10px 0; padding-bottom:10px; } .sitemap ul li ul li a{ font-weight:normal; } /*Sitemap*/ /*Fair Calendar*/ .fair-calendar{ position:relative; } .fair-calendar div{ height:auto; } .fair-calendar .tabbed-content{ padding:0; } .fair-calendar .tabbed-content .list-container{ padding:13px 10px 20px 16px; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner{ border:none; margin:0; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner .tabs{ overflow:visible; /*position: relative; */ border-top-width:1px; width:705px; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner .tabs li.special{ width:214px; float:right; border-left-width:1px; border-right-width:0; position:absolute; top:-30px; right:100px; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner .tabs li.special a{ border:none; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner.box700 > ul{ width:100%; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner .carousel-controls{ height:15px; } .fair-calendar .tabbed-content .tabbed-box.fair-calendar-inner .tabbed-content{ /*min-height: 115px !important;*/ position:relative; } .fair-calendar .list-basic p, .fair-calendar .list-basic b, .fair-calendar .list-basic h3, .fair-calendar .list-basic h3 a{ font-size:10pt !important; } .fair-calendar .list-basic h3{ margin-bottom:5px; } .fair-calendar .list-basic h3 a{ font-weight:bold; } .fair-calendar .list-basic b{ /*font-weight: normal;*/ } .fair-calendar .list-basic li{ padding-top:3px; } .fair-calendar .list-basic li .event-content{ width:80%; } .fair-calendar .list-basic li .event-content .list-meta-infos{ max-width:510px; margin-top:0 !important; } .fair-calendar .list-basic li .event-content .list-meta-infos *{ white-space:nowrap; color:#8b8b8b; font-size:10pt; } .fair-calendar .list-basic li .event-content .list-meta-infos .claim{ color:inherit !important; white-space:normal; margin-bottom:5px; margin-top:-5px; } .fair-calendar .list-basic li .event-content .list-item-text{ max-width:510px; } .fair-calendar .list-basic li .event-content .list-image-container div, #searchResultTable.list-basic li .event-content .list-image-container div{ white-space:nowrap; height:100%; } .fair-calendar > .tabbed-content{ padding:0; width:auto; margin:0; overflow:visible; } .fair-calendar .tabs li{ min-width:54px; width:auto; } .fair-calendar .sector-selector{ cursor:pointer; width:auto; float:right; border-left-width:1px; border-right-width:0; position:absolute; top:0; right:-1px; } .fair-calendar .sector-selector span{ text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; border:none; display:block; height:11px; padding:9px 13px 10px; font-weight:bold; text-align:center; border-left-width:1px; text-transform:uppercase; } .fair-calendar .sector-selection{ padding:10px 0; display:none; } .fair-calendar .sector-selection li{ border-width:1px; display:block; float:left; margin:5px 10px; padding:5px; width:317px; cursor:pointer; overflow:hidden; list-style:none; height:12px !important; } .fair-calendar .sector-selection li:nth-child(2){ clear:left; } .fair-calendar .noItem{ height:100px; left:0; padding:29px 10px 20px 16px; position:absolute; top:-1px; width:672px; } .lt-ie8 .fair-calendar ul, .lt-ie8 .fair-calendar li{ list-style:none; } /*PDF Download*/ .linklist p.buttonholder{ margin:0 10px 10px !important; } .lt-ie8 .linklist .buttonholder .icon-button{ margin:0; padding:0; left:44px; } .lt-ie8 .linklist .buttonholder .download{ margin:0; padding:0; left:85px !important; } /*/PDF Download*/ /*/Fair Calendar*/ /*Recommendation*/ #recommendation fieldset > div{ clear:left; min-height:0; } #recommendation fieldset input{ width:665px; } #recommendation fieldset input + span{ width:655px; } /*minus padding*/ #recommendation #mail-recipient-wrapper2{ margin-bottom:0; } #recommendation .sendbutton{ margin:0; } /*/Recommendation*/ /*Presseterminanmeldung*/ #telephone-wrapper{ clear:left; } form.standard #postcode + span{ max-width:90px; } /*/Presseterminanmeldung*/ /*MyStuff*/ /*every Item that is used for special purposes like MyMenu, MySubscription, MyList... should get "mystuff"-Class in addition*/ .mystuff .tabbed-content{ position:relative; } .mystuff .slider-teaser-col-btn{ position:absolute; } /*/MyStuff*/ /*My Menu - Mein Menue*/ .mystuff .icon-arrow{ margin:0 10px 0 0 !important; } .teaser-column .mystuff li.active, .teaser-column .mystuff li:hover{ background:#ffffff; } .mystuff li.active a{ font-weight:bold; } .mystuff h3, .mystuff h3 a{ text-transform:none; } .mystuff, .mystuff .step{ border-bottom:0 } /*/My Menu - Mein Menue*/ /*My Login*/ .box700.mylogin{ padding:11px !important; width:676px; } .mylogin > div{ float:left; width:600px; } .mylogin > div + div{ width:auto; height:20px; } .mylogin > div > p.compact{ padding-top:3px; } .mylogin > div > button{ margin:0 } /*/My Login*/ /*My mywatchlist - meine Merkliste*/ .mywatchlist{ border-width:1px; } .mywatchlist #table-wrapper{ border-top-width:1px; margin-top:-14px !important; } .mywatchlist #table-wrapper, .mywatchlist #dropdown-wrapper{ width:698px; margin-left:-13px !important; } .mywatchlist #table-wrapper table, .mywatchlist #table-wrapper td, .mywatchlist #table-wrapper th, .mywatchlist #table-wrapper tr{ background:none; border-width:0; text-align:left; } /* .mywatchlist #table-wrapper th a, .mywatchlist #table-wrapper tr>td:nth-child(2), .note-wrapper .effect h2{ color:#004494; text-decoration:none; text-transform:none; } /ooverride this in mandanto//oCSS3o/ */ .explorer .mywatchlist #table-wrapper table, .explorer .mywatchlist #table-wrapper td, .explorer .mywatchlist #table-wrapper th, .explorer .mywatchlist #table-wrapper tr, .explorer .mywatchlist tr.even, .explorer .mywatchlist thead, .explorer .mywatchlist table th{ background-color:#eeeeee !important; } .mywatchlist #table-wrapper th a:hover{ color:#000000; text-decoration:none; } .mywatchlist #table-wrapper table{ border-collapse:separate; border-spacing:0; margin-bottom:-26px } .mywatchlist #table-wrapper td, .mywatchlist #table-wrapper th{ border-top:1px solid #ffffff; border-bottom-width:1px; padding:5px 9px; } .mywatchlist #table-wrapper tfoot td{ border-bottom:0 } .mywatchlist #table-wrapper tr:hover{ background:#ffffff; cursor:pointer; } .mywatchlist #table-wrapper thead tr:hover, .mywatchlist #table-wrapper tfoot tr:hover{ background:none; cursor:auto; } .mywatchlist #table-wrapper thead .icon-down{ display:none; } .mywatchlist #table-wrapper tbody tr.not-exist td{ color:#939393; } .mywatchlist #filter-wrapper{ margin-left:8px; } .mywatchlist form div > select{ height:19px; width:358px; padding:2px; } .mywatchlist form div#sort-wrapper > select{ width:168px; } .mywatchlist #arrow-wrapper{ margin:0 10px 0 5px } .mywatchlist fieldset{ clear:left; } .mywatchlist p.error{ margin:0; border-width:0; background-color:transparent; padding:0; } .mywatchlist p.error + fieldset #table-wrapper{ margin-top:0 !important; } .mywatchlist label{ display:none; } .mywatchlist textarea{ height:139px; margin:10px; width:259px; border-width:1px; } .mywatchlist{ overflow:visible; } .mywatchlist a.note{ outline:none; } .mywatchlist-action, #myfair-mobile, #mywatchlist-mobile, #mystuff-mobile-wrapper{ display:none; } .note-wrapper{ position:relative; cursor:auto; } .note-wrapper .effect{ display:none; position:absolute; top:10px; left:35px; z-index:3; width:280px; height:220px; } .note-wrapper .effect h2, .note-wrapper .effect p{ display:block !important; padding:9px 11px !important; } .note-wrapper .effect h2{ height:12px; } .note-wrapper .effect{ background:#ffffff; overflow:hidden; } .note-wrapper .icon-close{ position:absolute; right:10px; top:8px; } .lt-ie8 .mywatchlist #table-wrapper tfoot tr{ height:50px; } div.merk-button{ margin:2px 5px 0 0; display:none; } .tabbed-content div.merk-button{ margin:0 5px 0 0; } /*/My mywatchlist - meine Merkliste*/ /* =Merkliste Kat2 */ /*--------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ .mywatchlist .tabbed-content{ height:auto; } .mywatchlist #sort-wrapper{ margin-left:8px; } .mywatchlist #dropdown-wrapper{ min-height:33px; } .mywatchlist p.error > span{ margin-top:-3px; } .mywatchlist #table-wrapper tbody tr.category{ background-color:#ffffff; cursor:auto; } .mywatchlist #table-wrapper tbody tr.category td > h2{ background:none repeat scroll 0 0 #ffffff; color:#004494; font-size:12px; line-height:24px; display:block; padding-top:5px; cursor:auto; } .mywatchlist #table-wrapper tbody tr.category .extra-iconset{ margin-right:10px !important; } .mywatchlist.reduced #table-wrapper tbody tr.category td{ width:auto !important; } .mywatchlist.reduced #table-wrapper tr .columns{ font-weight:normal; margin:5px 0 0; } .mywatchlist.reduced #table-wrapper tr .columns .text:last-of-type{ margin-bottom:0; } .mywatchlist.reduced #table-wrapper tr .columns > .label{ width:45px; font-weight:bold; } .mywatchlist.reduced #table-wrapper tr > td:nth-child(2){ font-weight:bold; } .mywatchlist.reduced #table-wrapper tbody tr > td:nth-child(1), .mywatchlist.reduced #table-wrapper tr > th:nth-child(1){ width:20px; } .mywatchlist.reduced #table-wrapper tbody tr > td:nth-child(2), .mywatchlist.reduced #table-wrapper tr > th:nth-child(2){ width:auto; } .mywatchlist.reduced #table-wrapper tbody tr > td:nth-child(3), .mywatchlist.reduced #table-wrapper tr > th:nth-child(3){ width:100px; } .mywatchlist.reduced #table-wrapper tbody tr > td:nth-child(4), .mywatchlist.reduced #table-wrapper tr > th:nth-child(4){ width:35px; } .mywatchlist.reduced #table-wrapper tbody tr > td:nth-child(5), .mywatchlist.reduced #table-wrapper tr > th:nth-child(5){ width:20px; } .mywatchlist .toggle-btn{ float:right; cursor:pointer; } .mywatchlist .extra-iconset{ margin-right:5px !important; float:left; display:block; } .mywatchlist .associated-event-logo{ background-color:#ffffff; border:2px solid #d2d2d2; } .mywatchlist .associated-event-logo{ width:85px; height:85px; background-color:#ffffff; text-align:center; } .mywatchlist .associated-event-logo img{ max-width:80px } /* weitere Messen */ .mywatschlist-more-events a, .mywatschlist-more-events p, .mywatschlist-more-events li{ font-size:10pt !important; } .mywatschlist-more-events p:first-of-type{ margin-bottom:0; } .mywatschlist-more-events a{ text-decoration:none; } .opera .mywatchlist input[type=radio]{ border-width:1px; padding:1px; } /* /Merkliste */ /*--------------------------------------------------------------------------*/ /*LL - SPEZIELLE ANPASSUNGEN - A-Z Listen, Listendarstellung*/ .alphabetical-selection-list{ width:auto; margin:13px; } .alphabetical-selection-list li{ text-align:center; height:30px; width:30px; line-height:30px; float:left; background:url("/media/layout/images/navi_bg.png") repeat-x scroll center center #f6f6f6; color:#4d4d4d; margin:0; border-width:1px; list-style:none; text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; text-transform:uppercase; font-weight:bold; } .alphabetical-selection-list li a{ color:#4d4d4d; text-decoration:none; padding:10px; } .alphabetical-selection-list ul{ clear:both; margin:0; padding:0; } .participant-container{ border-width:1px; } .participant-list .list-basic li{ height:45px; min-height:45px; } .participant-list li h3{ font-size:11pt; margin-top:15px; } .participant-list .list-basic li .list-image-container{ width:45px; } .participant-list .list-basic.half{ float:left; width:337px; margin-left:20px; } .participant-list .list-basic.half.first{ margin-left:0 } .participant-list .list-basic.half .list-item-content{ width:auto; } .participant-list .list-basic.half h3, .participant-list .list-basic.half p{ width:245px; } .participant-list .list-basic li .list-image-container div img{ height:30px; width:auto; max-width:40px; margin:2px !important; } /* don't show briken image in IE */ .explorer .participant-list .list-basic li .list-image-container div img[src='']{ display:none; } .lt-ie8 .participant-list .list-image-container > div{ min-height:30px; } .places-list p{ width:550px; } /*------------------------------------------------*/ /*------ COSMETIC BUSINESS CHANGES / ADDONS ------*/ /*------------------------------------------------*/ .contentpart-headline, .home .list-container h2{ border-bottom-width:1px; clear:both; } .contentpart-headline{ margin-right:20px; } /*---------------NEWS BOXES ---------------*/ .news-box{ /*height: 405px;*/ min-height:400px; position:relative; border-width:1px; width:338px; } .news-box h2{ margin-bottom:10px; } .news-box h2 > a, .customized-bar h2 > a{ text-decoration:none; color:#ffffff; } .news-box > div{ height:auto; overflow:hidden; padding:0 10px; margin-bottom:20px; } .news-box .text-bild h3{ margin-bottom:10px; font-size:1.2em; font-weight:bold; } .news-box .text-bild h3 > a{ text-decoration:none; } .news-box .text-bild img{ margin-bottom:0 } .news-box .btn-standard{ background-color:#dddddd; background-image:none; color:#000000 !important; height:20px; line-height:20px; width:100% !important; position:absolute; bottom:0; left:0; } .news-box .btn-standard .icon-button{ background-color:#c7c7c7; background-position:-134px -1px; height:20px; width:20px; } .news-box .teaser-news{ height:auto; } .news-box .teaser-news h4{ border-width:0; width:146px; font-size:1em; height:40px; float:left; padding:5px; display:block; overflow:hidden; font-weight:bold; } .news-box .teaser-news .icon-button{ background-position:-134px -1px; height:45px; float:left; } .news-box .news-box-img{ width:75px; height:75px; border-width:1px; margin-right:10px; float:left; display:table-cell; vertical-align:middle; text-align:center; } .news-box .news-box-img > img{ max-width:70px; max-height:70px; margin:0; } .news-box.messages p{ margin-top:0; } .short-news-overview > ul{ margin-top:0.25em; } .short-news-overview > span{ font-size:10pt; } /*---------------------------------------------*/ /*--------------- NEWSLETTER ---------------*/ .newsletter h3{ padding:7px 10px !important; } .newsletter .extra-iconset{ margin:-8px 5px 0 5px; float:right; } /*-------------------------------------------*/ /*------------- Specified Boxes-------------*/ .specified-boxes{ border:1px solid #d2d2d2; padding:2px; } #content .specified-boxes{ width:214px; } .specified-boxes ul{ list-style:square url("/media/mandant/bullet.png"); padding-left:27px; } .specified-boxes h2, .specified-boxes h3{ font-size:8pt; line-height:1.1em; color:#4d4d4d; font-weight:bold; margin:0; padding:8px 0 0 10px; text-transform:uppercase; } .specified-boxes .buttonholder{ width:100%; bottom:0; position:absolute; } .specified-boxes > div{ height:154px; padding-right:10px; position:relative; } .specified-boxes div.no-image{ padding:0 10px; width:94%; } .specified-boxes .search{ border-width:1px; width:192px; background:#ffffff; } .specified-boxes .search input[type="search"], .specified-boxes .search input[type="text"]{ border:medium none; color:#686868; display:inline; font-size:8pt; margin:4px 2px 0 1px; width:160px; } .specified-boxes .search input[type="submit"]{ border:medium none; float:right; margin:2px; } /*-----------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*/Content Styles*/ /*-------------------------------------------------------------------------------------------------------------------*/ /*Teaser Styles*/ /*-------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ .teaser-column .btn-standard{ width:100%; z-index:1; } .teaser-column .download-btn, .teaser-column .download-btn.intern{ width:auto; } .teaser-column .buttonholder .download-btn, .teaser-column .buttonholder .download-btn.intern{ width:100%; } .teaser-column h3{ padding:10px 10px 0 10px; text-transform:uppercase; } .teaser-column > div{ margin-bottom:20px; } .teaser-column > div > div > p{ margin:0 0 0 10px; padding-bottom:10px; line-height:10pt; } /*.teaser-column > div > div > p{ margin:0 0 10px 10px; line-height:10pt; } */ .teaser-column > div > div > ul{ margin:10px 0 0 0; padding-bottom:10px; } .teaser-column > div > div > h3, .teaser-column > div > div > h4, .teaser-column > div > div > h5{ margin-bottom:0; padding:10px; } /*added to remove upper characters from messe-schnelleinstieg*/ .teaser-column .slider-teaser-column h3{ text-transform:none; } /*Ticketshop*/ .ticketshop{ border-width:1px; padding:2px; } .ticketshop h2{ font-size: 9pt; font-weight: bold; margin: 0; padding: 8px 0 0 10px; text-transform: uppercase; } /* .lt-ie8 .ticketshop{ padding-top:0; } */ .ticketshop > div{ height:154px; overflow:hidden; } .ticketshop > div > p:first-of-type{ width:90px; } /*don't concatenate with next lines, IE just doesn't get it*/ .ticketshop > div > p.ietrigger{ width:90px; } /*use js for ie*/ .ticketshop > div > a img{ top:0; right:0; position:absolute; z-index:1; } .ticketshop .buttonholder{ bottom:0; position:absolute; width:100%; } .ticketshop h3{ color:#ffffff; font-weight:bold; } .explorer .ticketshop h3{ padding-bottom:10px; } .lt-ie9 .ticketshop h3{ padding-bottom:4px; } /*.ticketshop > div{height:153px; }*/ /*Standardteaser*/ .teaser{ padding:2px; border-width:1px; } .teaser > div{ background-color:#eeeeee; } .teaserbgwhite > div{ background-color:#ffffff; } .teaser h3{ color:#4d4d4d; font-size:8pt; font-weight: bold; } /*Linkliste*/ .linklist{ border-width:1px; } .linklist p{ margin-left:10px; font-weight:bold; margin-bottom:5px; } .linklist a{ text-decoration:none; } .linklist ul{ padding-left:24px; margin-top:0 } /* Teaser Social-Media */ p.socialmedia_buttonholder{ margin:0 !important; padding:0 !important; } .act_button{ width:152px; height:25px; background:url("/media/layout/images/Anwendungsbilder/btn_socialmedia_sprites.jpg") repeat-x 0 0; background-size:auto auto; cursor:pointer; display:block; margin:0; padding:13px 12px 0 50px; color:#ffffff; text-decoration:none; } p.socialmedia_buttonholder a, p.socialmedia_buttonholder a:active, p.socialmedia_buttonholder a:hover, p.socialmedia_buttonholder a:visited{ color:#ffffff !important; } .act_button:hover, .act_button:active, .act_button:focus{ color:#ffffff !important; } .act_button.act_button_facebook{ background-position:0 0; } .act_button.act_button_facebook:hover{ background-position:0 -38px; } .act_button.act_button_twitter{ background-position:0 -77px; } .act_button.act_button_twitter:hover{ background-position:0 -115px; } .act_button.act_button_youtube{ background-position:0 -154px; } .act_button.act_button_youtube:hover{ background-position:0 -192px; } .act_button.act_button_instagram{ background-position:0 -231px; } .act_button.act_button_instagram:hover{ background-position:0 -269px; } /*/Teaser Styles*/ /*Social Share Privacy PlugIn*/ .social_share_privacy_area .clearfix::after{ content:""; height:0; line-height:0; font-size:0; visibility:hidden; clear:both; display:block; } .social_share_privacy_area{ clear:both; list-style-type:none; padding:0 !important; width:auto; height:25px; display:block; font-family:Arial, sans-serif; } .social_share_privacy_area.vertical{ height:auto; } .social_share_privacy_area li{ margin:0 !important; padding:0 !important; height:21px; float:left; } .social_share_privacy_area.vertical li{ float:none; clear:both; width:150px; height:auto; margin:0 0 10px !important; } .social_share_privacy_area.vertical li.settings_info{ height:24px; } .social_share_privacy_area.vertical.switch_right li{ width:120px; } .social_share_privacy_area li .dummy_btn{ float:left; margin:0 0 0 10px; cursor:pointer; padding:0; height:inherit; } .social_share_privacy_area.vertical li .dummy_btn{ width:90px; } .social_share_privacy_area.vertical.switch_right li .dummy_btn{ margin-left:0; } .social_share_privacy_area li div iframe{ overflow:hidden; height:inherit; width:inherit; } /* Facebook begin */ .social_share_privacy_area .facebook{ width:180px; display:inline-block; } .social_share_privacy_area.vertical .facebook{ display:block; } .social_share_privacy_area .facebook .fb_like iframe{ width:130px; } /* Facebook end */ /* Twitter begin */ .social_share_privacy_area .twitter{ width:148px; } .social_share_privacy_area li div.tweet{ width:100px; } /* Twitter end */ /* Google+ begin */ .social_share_privacy_area .gplus{ width:123px; } .social_share_privacy_area li div.gplusone{ width:75px; } /* Google+ end */ /* Switch begin */ .social_share_privacy_area li .switch{ text-indent:-9999em; background:url("/media/layout/images/sprites.png") no-repeat -435px -2px scroll; width:23px; height:12px; overflow:hidden; margin:4px 0 0; padding:0; cursor:pointer; float:left; } .social_share_privacy_area li .switch.on{ background-position:-435px -14px; } .social_share_privacy_area li .switch{ text-indent:-9999em; width:23px; height:12px; overflow:hidden; float:left; margin:4px 0 0; padding:0; cursor:pointer; } .social_share_privacy_area.vertical.switch_right li .switch{ float:right; } /* Switch end */ /* Tooltips begin */ .social_share_privacy_area li.help_info{ position:relative; } .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info{ text-indent:0; display:none; position:absolute; bottom:40px; left:0; width:290px; padding:10px 15px; margin:0; font-size:12px; line-height:16px; font-weight:bold; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 3px 4px #999999; -webkit-box-shadow:0 3px 4px #999999; box-shadow:0 3px 4px #999999; background-color:#fdfbec; color:#000000; z-index:1; } .social_share_privacy_area li.gplus.help_info .info{ left:-60px; } .social_share_privacy_area li .help_info.icon .info{ left:-243px; } .social_share_privacy_area li .help_info.icon{ background:#ffffff url("/media/layout/images/sprites.png") no-repeat -476px -4px; } .social_share_privacy_area li .help_info.icon .info{ left:-243px; width:350px; } .social_share_privacy_area.vertical li.gplus.help_info .info, .social_share_privacy_area.vertical li .help_info.icon .info{ left:0; } .social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info{ display:block; } .social_share_privacy_area li.help_info.info_off.display .info{ display:none; } .social_share_privacy_area li .help_info.icon{ width:25px; height:19px; position:relative; display:inline-block; vertical-align:top; border:2px solid #e7e3e3; border-right-width:0; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu .settings{ position:relative; text-indent:-9999em; display:inline-block; background:#ffffff url("/media/layout/images/sprites.png") no-repeat -509px -4px; } .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon{ border-top-width:0; border-left-width:0; } .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon{ border-right-width:2px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* Tooltips end */ /* Settings/Info begin */ .social_share_privacy_area li.settings_info{ position:relative; top:-2px; } .social_share_privacy_area.vertical li.settings_info{ top:0; } .social_share_privacy_area li.settings_info a{ text-decoration:none; margin:0 !important; } .social_share_privacy_area li.settings_info .settings_info_menu{ background-color:#f3f4f5; border:2px solid #e7e3e3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 3px #c1c1c1; -webkit-box-shadow:2px 2px 3px #c1c1c1; box-shadow:3px 3px 3px #c1c1c1; left:0; position:absolute; top:1px; width:135px; z-index:0; margin:0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu.off{ border-width:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color:transparent; } .social_share_privacy_area li.settings_info .settings_info_menu.off form{ display:none; margin:0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu .settings{ text-indent:-9999em; display:inline-block; width:25px; height:19px; border:2px solid #e7e3e3; border-left:1px solid #dddddd; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; margin:0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu.on .settings{ border-top-width:0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset{ border-width:0; margin:0; padding:0 10px 10px; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend{ display:inline; font-size:11px; font-weight:bold; line-height:14px; margin:0; padding:10px 0; width:115px; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input{ clear:both; float:left; margin:4px 10px 4px 0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label{ display:inline-block; float:left; font-size:12px; font-weight:bold; line-height:24px; -moz-transition:color .5s ease-in; -webkit-transition:color .5s ease-in; transition:color .5s ease-in; margin:0; padding:0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked{ color:#009900; } /* Top-Orientation */ .social_share_privacy_area li.settings_info.top .settings_info_menu.on{ top:auto; bottom:-3px; padding-bottom:22px; } .social_share_privacy_area.vertical li.settings_info.top .settings_info_menu.on{ bottom:0; } .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a{ position:absolute; bottom:0; left:0; } .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a .help_info.icon{ border-top-width:2px; border-bottom-width:0; -webkit-border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; } .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a.settings{ left:25px; border-top-width:2px; border-bottom-width:0; -webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; border-radius:0 5px 0 0; } /* Settings/Info end */ /* Social Share Privacy end */ .meta-infos span, .detail-teaser-text{ color:#8b8b8b; } .exhibit-prod-detail .detail-teaser-text{ color:#4d4d4d; } /* SLIMBOX slimbox2.css*/ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ #lbOverlay{ position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000000; cursor:pointer; } #lbCenter, #lbBottomContainer{ position:absolute; z-index:9999; overflow:hidden; background-color:#ffffff; } .lbLoading{ background:#ffffff url("/media/layout/images/loading.gif") no-repeat center; } #lbImage{ position:absolute; left:0; top:0; border:10px solid #ffffff; background-repeat:no-repeat; } #lbPrevLink, #lbNextLink{ display:block; position:absolute; top:0; width:50%; outline:none; } #lbPrevLink{ left:0; } .lang-de #lbPrevLink:hover{ background:transparent url("/media/layout/images/zuruecklabel.png") no-repeat 0 15%; } .lang-en #lbPrevLink:hover{ background:transparent url("/media/layout/images/prevlabel.gif") no-repeat 0 15%; } #lbNextLink{ right:0; } .lang-de #lbNextLink:hover{ background:transparent url("/media/layout/images/weiterlabel.png") no-repeat 100% 15%; } .lang-en #lbNextLink:hover{ background:transparent url("/media/layout/images/nextlabel.gif") no-repeat 100% 15%; } #lbBottom{ color:#666666; line-height:1.4em; text-align:left; border:10px solid #ffffff; border-top-style:none; } .lang-de #lbCloseLink{ display:block; float:right; width:150px; height:22px; background:transparent url("/media/layout/images/zur_Uebersicht_Label.jpg") no-repeat center; margin:5px 0; outline:none; } .lang-en #lbCloseLink{ display:block; float:right; width:70px; height:22px; background:transparent url("/media/layout/images/closelabel.gif") no-repeat center; margin:5px 0; outline:none; } #lbCaption, #lbNumber{ margin-right:71px; } #lbCaption{ font-weight:bold; } /* =COLORBOX */ /*--------------------------------------------------------------------------------------------------------------------*/ /* Colorbox Core Style */ #colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxWrapper{ max-width:none; } #cboxOverlay{ position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft{ clear:left; } #cboxContent{ position:relative; } #cboxLoadedContent{ overflow:auto; } #cboxTitle{ margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; height:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor:pointer; } .cboxPhoto{ float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; } .cboxIframe{ width:100%; height:100%; display:block; border:0; padding:0; margin:0; } #colorbox, #cboxContent, #cboxLoadedContent{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /* ColorboxUser Style */ .color-box-overlays{ display:none; } #cboxOverlay{ background:#000000; } #colorbox{ outline:0; } #cboxContent{ margin-top:32px; overflow:visible; background:#ffffff; padding:10px 10px 45px; } #cboxLoadedContent > div{ margin:0; } #cboxError{ padding:50px; border:1px solid #cccccc; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{ border:0; padding:0; margin:5px 0; overflow:visible; text-indent:-9999px; position:absolute; bottom:5px; right:8px; outline:none; } .lang-de #cboxClose{ width:140px; height:22px; background:transparent url("/media/layout/images/zur_Uebersicht_Label.jpg") no-repeat center; } .lang-en #cboxClose{ width:70px; height:22px; background:transparent url("/media/layout/images/closelabel.gif") no-repeat center; } /*---------------- =Floorplan ------------------*/ /*----------------------------------------------*/ /* Map Interface */ .floor-plan{ height:755px; position:relative; overflow:visible; } .floor-plan .map{ overflow:hidden; width:676px; height:660px; margin:10px; position:relative; z-index:1; border-width:1px; background-color:#ffffff; } .floor-plan .map > img{ width:1200px; height:auto } .floor-plan .floorplan-menu{ display:none; margin-left:10px; } .floor-plan .map-controls{ padding:10px 10px 0 10px; } .floor-plan .menu-toggle, .floor-plan .zoom-in, .floor-plan .zoom-out{ cursor:pointer; } .floor-plan .menu-toggle{ position:relative; min-width:150px; background-color:#ffffff; } .floor-plan .menu-toggle span{ line-height:30px; padding-left:10px; float:left; } .floor-plan .menu-toggle .arrow{ padding:0 8px 0 10px; float:right; } .floor-plan .menu-toggle i{ display:inline-block; zoom:1; *display:inline; vertical-align:middle; } .floor-plan .menu-toggle .menu-header{ border-width:1px; } .floor-plan .menu-toggle .menu-content{ position:absolute; top:100%; right:0; z-index:2; margin-top:-1px; width:100%; display:none; } #content .floor-plan .menu-toggle ul{ margin:0; padding:0; background-color:#ffffff; } .floor-plan .menu-toggle ul li{ list-style:none; border-width:0 1px 1px; } .floor-plan .menu-toggle ul li a{ padding:9px 12px; display:block; text-decoration:none; color:inherit; } .floor-plan .menu-toggle ul li a:hover{ color:#000000; background-color:#f9f9f9; } .floor-plan .menu-toggle ul li:first-child{ border-width:1px; } .floor-plan .zoom-in, .floor-plan .zoom-out{ float:left; margin-right:5px; } /* floorplan search*/ .floor-plan .floorplan-search{ float:right; display:none; } .floor-plan .floorplan-search input{ border-width:1px; height:24px; width:240px; padding:3px 8px; } .floor-plan input[type=search]{ -webkit-appearance:textfield; -webkit-box-sizing:content-box; font-size:100%; } .floor-plan input::-webkit-search-decoration, .floor-plan input::-webkit-search-cancel-button{ display:none; /* remove the search and cancel icon */ } .floor-plan input[type=search]{ background:#ffffff url("/media/layout/images/sprites.png") no-repeat -931px -1px; padding-left:35px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; } .floor-plan .overlay{ position:absolute; right:5px; z-index:5; margin:0; display:none; } /* .overlay.booth-info */ .floor-plan .overlay.booth-info{ bottom:12px; left:10px; width:276px; } .floor-plan .overlay.booth-info > div{ padding:5px 10px; } .floor-plan .overlay.booth-info > h3{ padding:10px 10px 5px 10px; } .floor-plan .overlay.booth-info > h3 > p{ margin:0 0 0 28px; font-size:inherit; } .floor-plan .icon, .floor-plan .extra-iconset{ margin:-2px 10px 0 0; cursor:pointer } .floor-plan .overlay.booth-info a{ text-decoration:none; } .floor-plan .overlay.booth-info > div p{ margin-top:0 } .floor-plan .overlay.booth-info > div > div{ margin-bottom:10px; } .floor-plan .overlay.booth-info .exhibitor-logo{ background-color:#ffffff; width:100px; height:100px; border-width:1px; text-align:center; } .floor-plan .overlay.booth-info .exhibitor-logo > div{ display:table-cell; vertical-align:middle; width:inherit; height:inherit; } .floor-plan .overlay.booth-info .exhibitor-logo img{ max-width:81px; max-height:81px; } .floor-plan .overlay.tooltip{ top:82px; left:10px; opacity:1; pointer-events:none; width:284px; } .floor-plan .overlay.tooltip > div{ padding:5px 10px; margin:0 5px; width:250px; display:inline-block; vertical-align:top } .floor-plan .overlay.tooltip > div + div{ border-top-width:1px; } .floor-plan .overlay.tooltip h3{ display:block; margin:0; padding:5px 0 0; } .floor-plan .overlay.tooltip .exhibitor-logo{ background-color:#ffffff; width:100px; height:100px; border-width:1px; text-align:center; } .floor-plan .overlay.tooltip .exhibitor-logo > div{ display:table-cell; vertical-align:middle; width:inherit; height:inherit; } .floor-plan .overlay.tooltip .exhibitor-logo{ height:60px; width:60px; margin-top:5px; } .floor-plan .overlay.tooltip .exhibitor-logo img{ max-height:50px; max-width:50px; } .floor-plan .overlay.tooltip .exhibitor-logo + div{ clear:none; } .floor-plan .overlay.tooltip .details{ float:none; } .floor-plan .overlay.tooltip .details p{ margin:0; } .floor-plan{ -webkit-tap-highlight-color:transparent; } /* Map */ .floor-plan{ font-size:10px; } .floor-plan text{ stroke:none; text-anchor:start; fill:#777777; line-height:1; font-size:11px; } .floor-plan .hall-information text{ font-size:14pt; } .floor-plan .stand, .floor-plan .walls{ stroke-width:1; stroke:#d2d2d2; fill:#eeeeee; } .floor-plan .map.exhibitor-details .stand.dummy{ cursor:default; } .floor-plan .map.exhibitor-details .stand{ cursor:pointer; } .floor-plan .stand.stand-hover{ fill:#dddddd; } .floor-plan #fp-background{ fill:#ffffff; stroke:#d3d3d3; stroke-width:1; } .floor-plan .clicked text{ fill:#ffffff; } .floor-plan .hallSvg svg g{ stroke-width:1; stroke:#000000; } .floor-plan .hallSvg svg #hiddenArea path{ stroke-width:0; display:none; } .floor-plan .hallSvg #hiddenAreaPattern{ stroke-width:1; stroke:#999999 !important; } .floor-plan #ghost path{ stroke:#d2d2d2; stroke-width:1; } /* only for test */ .floor-plan .background, .floor-plan .test-lines{ fill:none; pointer-events:all; stroke:red; stroke-width:1px; } .floor-plan .placeholder{ stroke:red; } .floor-plan .startPoint{ fill:red; stroke-width:0; } /* sprite */ .floor-plan-sprite{ display:inline-block; zoom:1; *display:inline; } .floor-plan-sprite{ background:url('/media/layout/images/floorplan_icons.png') no-repeat -264px -10px; } .icon-plus-16{ background-position:-316px -10px; width:16px; height:16px; } .icon-plus-32{ background-position:-264px -10px; width:33px; height:32px; } .icon-minus-16{ background-position:-316px -169px; width:16px; height:16px; } .icon-minus-32{ background-position:-264px -169px; width:33px; height:32px; } /* floor-plan-overview */ .floor-plan-overview > div{ padding:10px; } .floor-plan-overview .image-map{ border-width:1px; position:relative; overflow:hidden; } .floor-plan-overview .image-map img{ max-width:100%; max-height:100%; } .floor-plan-overview .image-map .hit-area ul{ list-style:none !important; margin:0; } .floor-plan-overview .image-map .hit-area a{ position:absolute; width:66px; height:66px; text-decoration:none; font-weight:bold; text-indent:-9999em; line-height:66px; white-space:nowrap; text-align:center; } .floor-plan-overview .image-map .hit-area a:hover{ background-color:#ffffff; text-indent:0; } .floor-plan-overview .image-map .hit-area a.hall0:hover{ border-width:1px; } .floor-plan-overview .image-map .hit-area .hall0{ left:230px; top:167px; width:120px; height:50px; line-height:50px; } .floor-plan-overview .image-map .hit-area .hall1{ left:201px; top:225px; } .floor-plan-overview .image-map .hit-area .hall2{ left:288px; top:91px; } .floor-plan-overview .image-map .hit-area .hall3{ left:289px; top:225px; } .floor-plan-overview .image-map .hit-area .hall4{ left:377px; top:91px; } .floor-plan-overview .image-map .hit-area .hall5{ left:377px; top:225px; } /*---------------- / Floorplan ------------------*/ /*------- Layout Advertisment / Banner ---------*/ /*----------------------------------------------*/ .banner-box{ text-align:center; min-height:60px; } #content .banner-box{ border:none; } #teaser-column .banner-box{ border:1px solid #d2d2d2; } .banner-box > div{ /*background: #ad934f;*/ display:inline-block; *display:inline; zoom:1; color:#ffffff } .banner-box > div.full-banner{ width:468px; height:60px; } .banner-box > div.half-banner{ width:234px; height:60px; } .banner-box > div.square-button{ width:125px; height:125px; } .banner-box > div.small-button{ width:120px; height:60px; } .banner-box > div.big-button{ width:120px; height:90px; } .banner-box > div.skyscraper{ width:140px; height:600px; } .banner-box > p{ margin:0; } .ad-banner-box{ display:block; margin-left:980px; position:absolute; top:20px; width:120px; } .ad-banner-box > div.ad-banner{ display:block !important; } .ad-banner-box > div.ad-banner{ width:120px; height:600px; float:left; margin-bottom:20px; } #content .banner-box ul.banner-image-list, .banner-box ul.banner-image-list{ list-style:none; margin:0; padding:0 } .banner-box .banner-image-list li{ display:none; list-style:none; } .banner-box .banner-image-list li.current{ display:block; } /*------- Layout Advertisment / Banner ---------*/ /*----------------------------------------------*/ /*---------------- Webinserate -----------------*/ /*----------------------------------------------*/ .webinserat{ border-width:1px; } .webinserat .slider-container{ padding:0 20px; width:658px; } .webinserat .step{ width:678px; } .webinserat .step > div{ padding-right:20px; } .webinserat .stage-container p{ height:auto; } .webinserat h3{ font-size:14pt; border-bottom-width:1px; } .webinserat .exhibitor-info{ margin:20px 0; } .webinserat .exhibitor-info > .btn-standard{ margin-top:-10px; } .webinserat .panorama-pic{ text-align:center; margin-bottom:20px; overflow:hidden; height:340px; background-color:#ffffff; } .webinserat .panorama-pic > img{ max-width:635px; max-height:320px; width:auto; height:auto; } .webinserat .thumbnail-navigation{ border-width:1px 0; padding:10px 0; margin:10px 0 20px 0; position:relative; } .webinserat .thumbnail-navigation .slider-nav-control-btn{ position:absolute; top:10px; bottom:10px; height:auto; border:1px solid #d2d2d2; } .webinserat .thumbnail-navigation .slider-nav-control-btn:hover{ background:#000000 } .webinserat .thumbnail-navigation .slider-nav-control-btn a{ border-width:0; margin-top:24px; } .webinserat .thumbnail-navigation .slider-nav-control-btn.next{ right:0 } .webinserat .thumbnail-navigation .slider-nav-control-btn.prev{ left:0 } .webinserat .thumbnail-navigation .slider-navigation-list{ margin:0 !important; padding-left:29px !important; } .webinserat .thumbnail-navigation li{ margin:0 9px 0 0; border-width:1px; background-color:#ffffff; } .webinserat .thumbnail-navigation li, .webinserat .thumbnail-navigation li a{ height:65px; width:65px; text-indent:0; text-align:center; } .webinserat .thumbnail-navigation li a{ border-width:0; background:transparent !important } .webinserat .thumbnail-navigation li img{ max-height:60px; max-width:60px; } .webinserat .teaser-text{ color:#8b8b8b; font-size:10pt; font-weight:bold; } .webinserat .strip.slider-navigation{ border-top-width:1px; height:26px; margin:23px -20px 0; padding-left:18px; padding-top:7px; width:auto; } .webinserat .strip.slider-navigation ul.slider-navigation-list{ padding:0 !important; } /*------------- Webinserate Ende ---------------*/ /*----------------------------------------------*/ /* FONTSIZE - HIGHER FONTSIZE */ /* -------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------*/ /* Press-Lists*/ #pressreleasestable.list-basic p, #pressreleasestable.list-basic b{ font-size:10pt !important; } #pressreleasestable.list-basic h2, #pressreleasestable h2 a{ font-size:14pt !important; } #pressreleasestable.list-basic h3, #pressreleasestable h3 a{ font-size:12pt !important; } #pressreleasestable div.label, #pressreleasestable div.text, #pressreleasestable span, #pressreleasestable p{ font-size:10pt !important; } /* detail pages*/ .detail-container .label, .detail-container .text, .detail-container div, .detail-container b, .detail-container p, .detail-header{ font-size:10pt !important; } .detail-container h1, .detail-container h1 a, .detail-header h1 a, .detail-header h1{ font-size:14pt !important; } .detail-container h3, .detail-container h3 a, .detail-header h3, .detail-header h3 a{ font-size:12pt !important; } .detail-container a.btn-standard{ font-size:8pt; } .detail-container .teaser{ border-width:0; padding:0; } /*standard text-bild*/ .text-bild.font a.btn-standard{ font-size:8pt; } .text-bild.font p, .text-bild.font ul, .text-bild.font table, .text-bild.font table b, .text-bild.font table i{ font-size:10pt !important; } .text-bild.font h2{ font-size:14pt !important; } .text-bild.font h3{ font-size:12pt !important; } /* A+P */ .exhibitor-box em{ font-size:10pt !important; } .exhibitor-box .product-list .list-item-content h3 a{ font-size:10pt !important; font-weight:normal; } /* floorplan */ .floor-plan-overview p{ font-size:10pt; } /* floor-plan-teaser */ .floor-plan-teaser img{ max-width:60px; max-height:60px; } .floor-plan-teaser h3 + div{ margin-top:10px; clear:none; } .floor-plan-teaser .step li{ cursor:default; } .floor-plan-teaser p.buttonholder{ margin:0 !important; } .floor-plan-teaser .buttonholder .btn-standard{ width:177px; } .floor-plan-teaser .empty-results{ text-align:center; color:#818181; margin:0; padding:10px 0; } /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------- */ /* AD BANNER */ .ad-banner-box{ width:120px; display:block; position:absolute; margin-left:980px; top:20px; } .ad-banner-box > div.ad-banner{ width:120px; height:600px; float:left; margin-bottom:20px; } /* NEWSTICKER */ .box700.newsticker{ width:698px; border-width:1px; } .newsticker-column{ float:left; width:329px; margin:10px; } .newsticker-column p{ width:320px; } .newsticker-column a{ text-decoration:none; } .newsticker-column h3{ text-transform:uppercase; } .newsticker-image{ width:320px; height:107px; } /*--------------- Produktbaum -----------------*/ /*---------------------------------------------*/ .exhibitor-product-groups{ border-width:1px 1px 0; } .exhibitor-product-groups > div{ height:auto; } #content .treeView > ul, #content .treeView > ul li{ margin:0; padding-left:0; } #content .treeView ul ul{ padding-left:0; margin:0; } .treeView.tabbed-content{ margin-top:0; padding:0; width:auto; } .treeView li{ list-style:none; padding-left:0; cursor:pointer; } .treeView span{ font-size:10pt; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .treeView div{ background-color:#eeeeee; line-height:32px; height:32px; border-bottom-color:#d2d2d2; border-width:1px 0; border-top-color:#ffffff; } .treeView .icon, .treeView .description{ float:left; } .treeView .icon + .description{ padding-left:10px; } .treeView .icon.folded{ padding-left:3px; } .treeView .description{ padding-left:3px; } .treeView .leaf{ cursor:default; } .treeView .link{ float:right; padding-right:10px; cursor:pointer; } .treeView .link a:first-child{ margin-right:5px; } .treeView i.icon.folded{ background-position:-41px 0; width:10px; height:16px; margin-top:9px; } .treeView i.icon.unfolded{ background-position:-34px -30px; width:13px; height:12px; margin-top:10px; display:inline-block; } .treeView .level-1 > li > div{ padding-left:10px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; } .treeView .level-2 > li > div{ padding-left:30px; } .treeView .level-3 > li > div{ padding-left:50px; } .treeView .level-4 > li > div{ padding-left:70px; } .treeView .level-5 > li > div{ padding-left:90px; } .treeView .level-6 > li > div{ padding-left:110px; } .treeView .level-7 > li > div{ padding-left:130px; } .treeView [class^="level-"] .leaf > div{ background-color:#ffffff; } .treeView .level-1 .description, .treeView .level-2 .leaf .description{ width:420px; } .treeView .level-2 .description, .treeView .level-3 .leaf .description{ width:400px; } .treeView .level-3 .description, .treeView .level-4 .leaf .description{ width:380px; } .treeView .level-4 .description, .treeView .level-5 .leaf .description{ width:360px; } .treeView .level-5 .description, .treeView .level-6 .leaf .description{ width:340px; } .treeView .level-6 .description, .treeView .level-7 .leaf .description{ width:320px; } .treeView .level-7 .description{ width:300px; } /*Kontakt Detailseite*/ #content .contact-container ul{ list-style:none; margin:0; padding:0; } #content .contact-container, #content .contact-container .container{ margin:20px 0; } #content .contact-detail.content > .contact-detail{ height:100%; max-width:220px; float:left; vertical-align:top; } #content .contact-detail.content > .contact-detail-image img{ margin-right:15px; } #content .presentations ul > li{ min-height:20px; padding:5px 9px; } #content .presentations ul > li + li{ background:#eeeeee; } #content .presentations ul > li + li:nth-child(odd){ background:#d2d2d2; } /*Referenzen-Übersicht*/ #content .references-overview .reference-table, #content .references-overview .reference-table tr{ width:auto; background:none !important; } #content .references-overview .reference-table img{ margin:0; } #content .references-overview .reference-tile{ width:150px; float:left; margin:0 24px 24px 0; padding:2px; border-width:1px; } #content .references-overview .reference-tile a{ text-decoration:none; } #content .references-overview .reference-tile:nth-child(4n+1){ clear:left; } #content .references-overview .reference-tile .reference-title{ text-align:center; } #content .references-overview .reference-tile .reference-title h2{ font-size:8pt !important; padding-left:0; } #content .references-overview .reference-tile .reference-link{ bottom:-1px; left:0; } #content .references-overview .reference-tile .reference-link .btn-standard{ width:100%; height:20px; line-height:20px; padding-right:0; } @-moz-document url-prefix(){ #content .references-overview .reference-tile .reference-link .btn-standard .icon-button{ margin-top:-20px } } #content .references-overview .reference-tile img{ margin:0; padding:0; } #content .references-overview .reference-tile:hover .btn-standard{ background-position:0 -20px; } #content .references-overview select{ outline:none; height:20px; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } @media screen and (-webkit-min-device-pixel-ratio:0){ select{ padding-right:18px } } #content .references-overview label.select-label{ position:relative } #content .references-overview label.select-label:after{ content:'▼'; font:11px "Consolas", monospace; box-sizing:border-box; padding-left:6px; padding-top:3px; width:18px; height:20px; right:0; top:-4px; border:1px solid #d2d2d2; border-left:none; position:absolute; pointer-events:none; } /*Suche in Teaserspalte*/ .teaser-column .search-input-container *{ max-width:100%; } .teaser-column .search-input-container .result-text{ margin:0; padding:0; height:30px; line-height:30px; } .teaser-column .search-input-container input, .teaser-column .search-input-container .select-div{ box-sizing:border-box; } .teaser-column .search-input-container input{ margin-bottom:5px; } .teaser-column .search-input-container .minus-button{ margin-top:0; } .teaser-column .search-input-container .check-box-field span{ width:100%; margin-right:0; } .teaser-column .search-input-container .check-box-field span label{ width:174px; } .teaser-column .search-input-container .selector-pair{ width:auto; margin:0 0 5px 0; } .teaser-column .search-input-container .select-div{ padding:0; } .teaser-column .search-input-container select{ padding-right:0 !important; margin:0; } .teaser-column .search-input-container .btn-standard{ width:auto; float:none !important; margin:0 10px 0 0 !important; clear:both; } .teaser-column .search-input-container.agenda-search .check-box-field span{ width:50%; } .teaser-column .search-input-container.agenda-search .check-box-field label{ width:75px; } /*/Suche in Teaserspalte*/ /*Produktgruppenansicht auf Aussteller-Detailseite*/ .product-groups-list li{ min-height:inherit; } .product-groups-list li span{ color:#8b8b8b; } .product-groups-list li span:last-child{ display:block; } .product-groups-list li span a{ font-size:10pt; } /*/Produktgruppenansicht auf Aussteller-Detailseite*/ /*Presseakkreditierung*/ .press-accreditation form fieldset{ box-sizing:border-box; margin:10px 0; clear:both; } .press-accreditation form fieldset div.event-selection, .press-accreditation form fieldset div.row{ margin:0; padding:0; width:100%; } .press-accreditation form fieldset legend{ display:block; margin-bottom:5px; } .press-accreditation form fieldset legend abbr{ border-bottom:0; } .press-accreditation form h3, .press-accreditation form p, .press-accreditation form fieldset .select-div, .press-accreditation form fieldset .column-input-width, .press-accreditation form fieldset .narrow-column-width, .press-accreditation form .clear{ box-sizing:border-box; margin-right:5%; min-height:0; float:left; margin-bottom:10px; margin-top:0; } .press-accreditation form h3{ width:100% } .press-accreditation form fieldset .select-div, .press-accreditation form fieldset .column-input-width{ width:45%; } .press-accreditation form fieldset .narrow-column-width{ width:20%; } .press-accreditation form fieldset .select-div label{ white-space:nowrap; max-width:90%; overflow:hidden; text-overflow:ellipsis; } .press-accreditation form fieldset input:not([type=checkbox]), .press-accreditation form fieldset select{ margin:0; box-sizing:border-box; width:100% !important; height:26px; } .press-accreditation form input[type=checkbox], .press-accreditation form label{ margin-right:5px; } .press-accreditation form input[type=text]{ padding:0 5px; } .press-accreditation form .note label{ margin:12px 0 0 0; } .press-accreditation form .files-wrapper > *{ display:block } .press-accreditation form .buttonContainer{ min-height:0; margin:0; } .press-accreditation form input[readonly]{ background-color:#eeeeee; } .press-accreditation form .btn-login{ margin-top:21px; } .press-accreditation form .profession-checkbox-wrapper{ float:left; clear:left; } .press-accreditation form #captchaimage{ float:left; margin-right:5px; } /*Errorhandling*/ .press-accreditation form .error span{ max-width:100%; } .press-accreditation form .error input[type=file]{ background-color:inherit; border:none; } /*/Errorhandling*/ /*Bestätigungsseite*/ .press-accreditation form.confirm fieldset, .press-accreditation form.confirm fieldset div.select-div label{ float:left; width:50%; clear:none; } .press-accreditation form.confirm fieldset[name=events]{ display:block; width:100%; } .press-accreditation form.confirm fieldset > div{ min-height:0; float:none; margin-bottom:5px; } .press-accreditation form.confirm fieldset > div:before, .press-accreditation form.confirm fieldset > div:after{ display:table; content:" "; } .press-accreditation form.confirm fieldset > div:after{ clear:both; } .press-accreditation form.confirm fieldset div.select-div{ width:100%; padding:0 0 10px 0; } .press-accreditation form.confirm fieldset div.select-div label{ margin-right:0; color:#000000; } .press-accreditation form.confirm input[type=checkbox]{ display:none; } .press-accreditation form.confirm input[readonly]{ background:transparent; border:none; padding-left:0; clear:none; width:54% !important; height:22px; } .press-accreditation form.confirm label, .press-accreditation form.confirm input{ display:inline-block; float:none; width:30%; } .press-accreditation form.confirm p{ display:inline-block; float:none; vertical-align:top; width:60%; } /*/Bestätigungsseite*/ /*Detailseite*/ .press-accreditation-detailpage fieldset{ float:left; width:50%; clear:none; margin:10px 0; } .press-accreditation-detailpage fieldset > div{ float:none; margin-bottom:5px; } .press-accreditation-detailpage label{ display:inline-block; float:none; width:30%; } .press-accreditation-detailpage fieldset p{ width:60%; display:inline-block; vertical-align:top; margin:0; } /*/Detailseite*/ /*Akkreditierungstabelle*/ .press-accreditation-table th, .press-accreditation-table td{ text-align:left !important; } .press-accreditation-table th{ white-space:nowrap; } /*/Akkreditierungstabelle*/ /*/Presseakkreditierung*/ /*Veranstaltungsfinder*/ .eventfinder-button{ text-align:center; cursor:pointer; border:none !important; } .eventfinder-button > h2{ float:none; } .eventfinder-button > h2 .calendar-icon{ width:15px; height:15px; margin-top:-4px; margin-right:5px; } .eventfinder-wrapper{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:5000; text-align:center; background:rgba(0, 0, 0, 0.5); } .eventfinder-wrapper.activated{ display:block; } .eventfinder{ position:relative; display:inline-block; vertical-align:middle; width:940px; height:575px; overflow:visible; text-align:left; } .eventfinder .iframe-loader{ position:absolute; z-index:1; top:0; left:0; width:940px; height:575px; background-color:#ffffff; text-align:center; } .eventfinder .icon-shadow2{ position:static; } .eventfinder .icon-reset{ position:absolute; z-index:2; top:9px; right:10px; background-position:-35px -17px; cursor:pointer; } .eventfinder iframe{ background-color:#ffffff; } /*iFrame-Content*/ .eventfinder-content{ position:relative; height:100vh; background:white; overflow:hidden; } .eventfinder-content *{ box-sizing:border-box; font-size:11px; } .eventfinder-content h2.stroke-white{ text-align:center; box-sizing:content-box; } /*Beliebteste Veranstaltungen*/ .eventfinder-content .popular-events{ height:15%; } .eventfinder-content .popular-events .event-link{ float:left; position:relative; height:100%; width:25%; text-align:center; } .eventfinder-content .popular-events .event-link a{ width:100%; height:100%; top:0; position:absolute; left:0; padding:5px 10px; } .eventfinder-content .popular-events .event-link img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; } /*/Beliebteste Veranstaltungen*/ /*Veranstaltungsfinder-Spalten*/ .eventfinder-content form{ height:80%; } /*Filter*/ .eventfinder-content .column{ position:relative; height:100%; float:left; border-width:1px 1px 0 0; } .eventfinder-content .column *{ box-sizing:content-box; } .eventfinder-content .column .buttonholder{ position:absolute; bottom:0; left:0; width:100%; height:30px; min-height:0 !important; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; background-size:auto 100%; } .eventfinder-content .column .all-events-button h2{ width:100%; height:100%; box-sizing:border-box; } .eventfinder-content .column .btn-standard{ box-sizing:border-box; cursor:pointer; margin:0; } .eventfinder-content .column.filter{ width:33.33333333%; overflow:hidden; z-index:0; } .eventfinder-content .column.filter .filter-list-container{ position:relative; padding:15px 0 0 0; width:100%; } .eventfinder-content .column.filter .filter-list-container .filter-list{ margin:0 8%; padding:0; width:84%; float:left; } .eventfinder-content .column.filter .filter-list-container .filter-list .filter-option{ cursor:pointer; height:25px; line-height:25px; border-bottom-width:1px; font-weight:bold; list-style:none; } .eventfinder-content .column.filter .filter-list-container .filter-list .filter-option input[type="radio"]{ display:none; } .eventfinder-content .column.filter .filter-list-container .filter-list .filter-option label{ display:block; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .eventfinder-content .column.filter .filter-list-container .filter-list .filter-option:hover label, .eventfinder-content .column.filter .filter-list-container .filter-list .filter-option input[type="radio"]:checked + label{ background-color:#dddddd; } /*/Filter*/ /*Suche*/ .eventfinder-content .column.search{ width:66.66666667%; border-right-width:0; } .eventfinder-content .column.search h2{ float:left; padding-right:10px; } .eventfinder-content .column.search .strip{ padding:0; box-sizing:border-box; height:29px; } .eventfinder-content .column.search .strip > *{ display:inline-block; vertical-align:middle; } .eventfinder-content .column.search .strip .event-result-text{ width:25%; padding:0 10px; box-sizing:border-box; text-align:center; } .eventfinder-content .column.search .search-container, .eventfinder-content .column.search .date-container{ width:50%; height:100%; padding:0 10px; box-sizing:border-box; } .eventfinder-content .column.search .input-box{ display:inline-block; vertical-align:middle; padding:0 3px; border-width:1px; height:22px; line-height:22px; width:100%; box-sizing:border-box; } .eventfinder-content .column.search .selector-pair.date{ width:auto; float:left; margin:3px 0; } .eventfinder-content .column.search .selector-pair.date:last-child{ float:right; } .eventfinder-content .column.search .selector-pair.date *{ display:inline-block; vertical-align:middle; } .eventfinder-content .column.search .selector-pair.date label{ float:left; line-height:20px; padding-right:3px; } .eventfinder-content .column.search .selector-pair.date .input-box{ width:90px; } /*/Suche*/ /*Ergebnisse*/ .eventfinder-content .column.search .modal-loading{ display:none; position:absolute; top:0; left:0; width:380px; height:100%; background-color:rgba(255, 255, 255, 0.5); text-align:center; } .eventfinder-content .column.search .event-result-content{ display:block !important; height:380px; overflow-y:scroll; padding-top:0; } .eventfinder-content .column.search .event-result-content.loading{ overflow-y:hidden; } .eventfinder-content .column.search .event-result-content.loading .modal-loading{ display:block; } .eventfinder-content .column.search .event-result-list li{ min-height:0; height:100px; padding-top:0; } .eventfinder-content .column.search .event-result-list li:before, li:after{ display:table; content:" "; } .eventfinder-content .column.search .event-result-list li:after{ clear:both; } .eventfinder-content .column.search .event-result-list li > div{ position:relative; float:left; min-height:1px; } .eventfinder-content .column.search .event-result-list li .event-description{ width:70%; height:100%; overflow:hidden; } .eventfinder-content .column.search .event-result-list li .event-description .event-title{ min-height:50%; } .eventfinder-content .column.search .event-result-list li .event-description .event-title h3{ font-weight:bold; } .eventfinder-content .column.search .event-result-list li .event-description .event-title .meta-infos{ white-space:nowrap; color:#8b8b8b; } .eventfinder-content .column.search .event-result-list li .event-description .event-text{ position:relative; max-width:100%; max-height:50%; line-height:150%; overflow:hidden; } .eventfinder-content .column.search .event-result-list li .event-image{ width:25%; padding-top:12px } .eventfinder-content .column.search .event-result-list li .event-image .image-wrapper{ float:right; width:60px; height:60px; margin-right:15px; padding:5px; border-width:2px; background-color:#ffffff; } .eventfinder-content .column.search .event-result-list li .event-image .image-wrapper img{ max-width:100%; max-height:100%; } .eventfinder-content .column.search .event-result-list li .list-iteerk{ position:relative; float:right; width:5%; height:100%; background:transparent !important; top:0; bottom:0; } .eventfinder-content .column.search h2.event-result-irregular{ margin-top:18px; background:none; width:100%; text-align:center; text-transform:none; font-size:120%; } /*/Ergebnisse*/ /*/Veranstaltungsfinder-Spalten*/ /*/iFrame-Content*/ /*/Veranstaltungsfinder*/ /*Teaser-Countdown*/ .teaser .countdown-wrapper .countdown-time:before, .countdown-wrapper .countdown-time:after{ display:table; content:" "; } .teaser .countdown-wrapper .countdown-time:after{ clear:both; } .teaser .countdown-wrapper .countdown-time{ padding:5px 5px 25px 5px; } .teaser .countdown-wrapper .countdown-element{ position:relative; float:left; text-align:center; } .teaser .countdown-wrapper .countdown-element + .countdown-element{ padding-left:14px; } .teaser .countdown-wrapper .countdown-element .countdown-number{ box-sizing:border-box; width:40px; height:40px; border-width:1px; margin-bottom:5px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.2); } .teaser .countdown-wrapper .countdown-element .countdown-number span{ visibility:hidden; font-size:18px; font-weight:bold; line-height:40px; } .teaser .countdown-wrapper .countdown-element .countdown-element-text{ text-transform:uppercase; } /*/Teaser-Countdown*/ /*Pop-Up Box*/ .popup-box{ position:fixed; width:340px; left:50%; bottom:20%; margin-left:-170px; display:none; z-index:5000; box-sizing:border-box; border-width:1px; background-color:#ffffff; box-shadow:0 5px 15px black; } .popup-box .popup-box-bar{ height:30px; padding-left:25px; padding-right:25px; background:url("/media/layout/images/navi_bg.png") center center repeat-x #f6f6f6; } .popup-box .popup-box-bar h3{ margin:0; font-size:12px; font-weight:bold; color:#000000; line-height:30px; text-transform:uppercase; } .popup-box .popup-box-content{ padding:0 25px 5px 25px; text-align:center; } .popup-box .popup-box-button{ margin-right:0; padding:0 10px; cursor:pointer; } /*/Pop-Up Box*/ /*Link-Background*/ .background-wrapper{ position:relative; width:1920px; margin:auto; } .content{ position:relative; width:1000px; margin:0 auto; } .link-background-list{ position:absolute; top:0; left:0;} .link-background{ display:none; } .link-background--active{ display:block; } @media(min-width:1601px){ .background-wrapper{ width:1600px;} .link-background-list-medium{ display:none !important; } } @media(max-width:1600px){ .background-wrapper{ width:1240px; } .link-background-list-large{ display:none !important; } } @media (max-width:1239px){ .background-wrapper{ width:auto;} .link-background-list{ display:none !important; } } /*/Link-Background*/ @media print{ body > div:not(#outer), #outer > div:not(#main), #main > div:not(#content), #breadcrumb, .back-container, #banner-tabs, #closer, #footer{ display:none; } .content{display:inherit !important;} #content, #content.narrow{ width:100% !important; } #header-pic, #pic-wrapper{ display:inherit !important; } .tabbed-box{ page-break-inside:avoid; } .box160.text-bild, .box220.text-bild, .box340.text-bild, .box460.text-bild, .box520.text-bild, .box700.text-bild{ box-sizing:border-box !important; } .box160, .box220, .box340, .box460, .box520, .box700{ min-height:160px; } .box160{ width:208px !important; } .box220{ width:286px !important; } .box340{ width:442px !important; } .box460{ width:598px !important; } .box520{ width:676px !important; } .box700{ width:910px !important; } li{ page-break-inside:avoid; } } /*