@import url(moduls.css); @import url(../scripts/theme/ui.core.css); @import url(../scripts/theme/ui.theme.css); @import url(../scripts/theme/ui.datepicker.css); /* adding class to to prevent flashing menu */ .js #login_box,.js ul.dropdown,.js li.help ul,.js .toggle { display: none; } /*.js #basket div a { color: #ddd6cc; }*/ #IE5_FF2 { display: none; text-align: center; background: #fffab9; padding: 10px 0; border: 1px solid #a0a0a0; } /* STRUCTURE */ * { margin: 0; padding: 0; } html { height: 100%; } body { min-height: 101%; font: 11px Arial, Helvetica, sans-serif; color: #666; text-align: center; background: #f5f2ed url(../gfx/bg_body.gif) 0 0 repeat-x; } body.jp { font-family: Meiryo, Arial, Helvetica, sans-serif; } #page { position: relative; width: 988px; margin: 0 auto; padding: 4px; text-align: left; background: url(../gfx/bg_page.png) 0 0 repeat-y; } #header { position: relative; z-index: 2; height: 91px; background: #f8f7f3; margin-bottom: 1px; } #header #logo { padding: 28px 0 0 17px; } #header #logo a { width: 500px; height: 32px; display: block; background: url(../gfx/header_logo/country_DE.png) 0 bottom no-repeat; } #header #logo a img { display: none; } /*#header #logo a:hover, body.service #header #logo a:hover { text-decoration:none; background-position: 0 -56px; }*/ #header #logo a span { visibility: hidden; } .asia #header #logo a { background-image: url(../gfx/header_logo/country_APAC.png); } .at #header #logo a { background-image: url(../gfx/header_logo/country_AT.png); } .au #header #logo a { background-image: url(../gfx/header_logo/country_AU.png); } .ca #header #logo a { background-image: url(../gfx/header_logo/country_CA.png); width: 350px; } .camunacavi #header #logo a { background-image: url(../gfx/header_logo/country_CAMUNACAVI.png); width: 350px; } .cn #header #logo a { background-image: url(../gfx/header_logo/country_CN.png); width: 315px; } .cz #header #logo a { background-image: url(../gfx/header_logo/country_CZ.png); width: 460px; } .dkmt #header #logo a { background-image: url(../gfx/header_logo/country_DK.png); width: 370px; } .eemt #header #logo a { background-image: url(../gfx/header_logo/country_EE.png); } .en #header #logo a { background-image: url(../gfx/header_logo/country_GER.png); } .es #header #logo a { background-image: url(../gfx/header_logo/country_ES.png); width: 330px; } .extranet #header #logo a { background-image: url(../gfx/header_logo/country_PARTNER.png); width: 330px; } .fi #header #logo a { background-image: url(../gfx/header_logo/country_FI.png); width: 340px; } .fi-epic-sensors { background-image: url(../gfx/header_logo/country_FI_EPIC_SENSORS.png); width: 340px; } .fr #header #logo a { background-image: url(../gfx/header_logo/country_FR.png); width: 340px; } .group #header #logo a { background-image: url(../gfx/header_logo/country_WORLDWIDE.png); width: 400px; } .gb #header #logo a { background-image: url(../gfx/header_logo/country_GB.png); width: 630px; } .hki #header #logo a { background-image: url(../gfx/header_logo/hki.png); width: 560px; height: 36px; } .hu #header #logo a { background-image: url(../gfx/header_logo/country_HU.png); } .ibc #header #logo a { background-image: url(../gfx/header_logo/ibc.png); width: 440px; height: 36px; } .in #header #logo a { background-image: url(../gfx/header_logo/country_IN.png); width: 310px; } .it #header #logo a { background-image: url(../gfx/header_logo/country_IT.png); width: 310px; } .jp #header #logo a { background-image: url(../gfx/header_logo/country_JP.png); width: 320px; } .karriere #header #logo a { background-image: url(../gfx/header_logo/country_KARRIERE.png); width: 350px; } .kr #header #logo a { background-image: url(../gfx/header_logo/country_KR.png); width: 320px; } .kz #header #logo a { background-image: url(../gfx/header_logo/country_KZ.png); } .ltmt #header #logo a { background-image: url(../gfx/header_logo/country_LT.png); } .lvmt #header #logo a { background-image: url(../gfx/header_logo/country_LV.png); width: 320px; } .muller #header #logo a { background-image: url(../gfx/header_logo/country_MULLER.png); width: 340px; } .mx #header #logo a { background-image: url(../gfx/header_logo/country_MX.png); width: 340px; } .nl #header #logo a { background-image: url(../gfx/header_logo/country_BENELUX.png); } .nomt #header #logo a { background-image: url(../gfx/header_logo/country_norway.png); width: 320px; } .northam #header #logo a { background-image: url(../gfx/header_logo/country_NORTHAM.png); } .pl #header #logo a { background-image: url(../gfx/header_logo/country_PL.png); width: 330px; } .products #header #logo a { background-image: url(../gfx/header_logo/country_WORLDWIDE.png); width: 370px; } body.produkty #header #logo a { background-image: url(../gfx/header_logo/country_WORLDWIDE.png); } .pt #header #logo a { background-image: url(../gfx/header_logo/country_BR.png); width: 320px; } .ro #header #logo a { background-image: url(../gfx/header_logo/country_RO.png); width: 375px; } .ru #header #logo a { background-image: url(../gfx/header_logo/country_RU.png); width: 330px; } .service #header #logo a { background-image: url(../gfx/header_logo/service.png); width: 240px; } .semt #header #logo a { background-image: url(../gfx/header_logo/country_SE.png); width: 320px; } /*.systems #header #logo a { background-image:url(../gfx/header_logo/LS.png); }*/ .systems #header #logo a { background-image: url(../gfx/header_logo/country_SYSTEMS.png); width: 320px; } .se #header #logo a { background-image: url(../gfx/header_logo/sweden-fleximark.png); width: 330px; } .siit #header #logo a { background-image: url(../gfx/header_logo/sistemi-italia.png); } .tannehill #header #logo a { background-image: url(../gfx/header_logo/country_TANNEHILL.png); width: 480px; height: 30px; } .tr #header #logo a { background-image: url(../gfx/header_logo/country_TR.png); width: 340px; } .ua #header #logo a { background-image: url(../gfx/header_logo/country_UA.png); width: 350px; } .uae #header #logo a { background-image: url(../gfx/header_logo/country_MIDDLEEAST.png); } .usa #header #logo a { background-image: url(../gfx/header_logo/country_US.png); width: 280px; } .za #header #logo a { background-image: url(../gfx/header_logo/country_SA.png); width: 480px; } .si #header #logo a { background-image: url(../gfx/header_logo/country_SI.png); width: 480px; } .oilandgas #header #logo a { background-image: url(../gfx/header_logo/country_WORLDWIDE.png); width: 530px; } .apac #header #logo a { background-image: url(../gfx/header_logo/country_APAC.png); width: 530px; } .latam #header #logo a { background-image: url(../gfx/header_logo/country_LATAM.png); width: 530px; } .trustedShopLink { display: none; } .de .trustedShopLink { position: absolute; top: 22px; margin-left: 710px; z-index: 800; display: block; } .de .trustedShopLink { display: none; } /*#header_parts { position: absolute; height: 19px; right: 8px; z-index: 999; }*/ body.service #header_parts { display: none; } body #img_navBot { margin-top: 30px; padding-bottom: 24px; height: 10px; background: url(../gfx/bg_navBottom1.gif) 0 2px repeat-x; } body .contentPageHeader #img_navBot { height: 99px; } * html #img_navBot { width: 988px; } .basketAct #basket { visibility: visible; } #breadcrumbNav { min-height: 17px; width: 542px; overflow: hidden; font-size: 10px; } .col2 #breadcrumbNav { width: 762px; /* - breadcrumb is now on (LAPPUI-470) display: none;*/ } .productfinder .col2 #breadcrumbNav { padding-left: 210px; } #countryImage { height: 461px; } .int #countryImage { height: auto; } .countryStartPage #main { height: 464px; margin-top: 28px; min-height: 1px; } .int #main { height: auto; margin-top: 37px; } .group .int #main { margin-top: 0; } #stage { background: #f5f2ed; border-bottom: 1px solid #ddd; } /* BASIC ADJUSTMENTS */ .width_240 { width: 210px; } .align-left { float: left; } .align-right { float: right; text-align: right; } .align-none { float: none; clear: both; } .image_container { background: #f1ebe6; } .image_caption { font-size: 10px; padding: 2px 7px 5px; text-align: left; line-height: 130%; } .magGlas { float: right; } .clearer { clear: both; height: 0; overflow: hidden; } .space { clear: both; height: 10px; margin: 0; padding: 0; } ul,ol { list-style: none; } hr { background: #ccc; color: #ccc; height: 1px; border: none; margin: 15px 0; clear: both; } * html hr { margin: -1px 0; } *+html hr { margin: -1px 0; } .hide { display: none; } .bold { font-weight: bold; } /* LINKS */ a,.ui-dialog .ui-dialog-content a { color: #e28702; text-decoration: none; cursor: pointer; outline: none; } .ui-dialog .ui-dialog-content a { text-decoration: underline; } .ui-dialog .ui-dialog-content a.btn_orange { color: #fff; text-decoration: none; } a.block { display: block !important; background-position: 1000px 0 !important; padding: 0 !important; cursor: pointer; } a.btn { padding: 1px 5px !important; margin: 0 5px 0 0 !important; font-size: 100%; color: #97a6b7 !important; border: 1px solid #97a6b7; } .jcarousel-skin-lapp a.block { text-indent: 0; line-height: 115%; word-wrap:break-word; } a.download { background: url(../gfx/common/icon_download.gif) no-repeat 0 3px !important; padding: 0 0 0 13px !important; } a.external { text-decoration: underline; background: none !important; padding: 0 !important; } a.email { background: url(../gfx/common/icon_arrow.gif) 0 3px no-repeat; padding-left: 12px; } a.privacy { background: url(../gfx/common/icon_arrow.gif) 0 3px no-repeat; padding-left: 12px; color: #E28702; cursor: pointer; } a:hover { text-decoration: none; } a.btn:hover { color: #000 !important; text-decoration: none !important; } a.external:hover { text-decoration: none !important; } a:focus { /*color: #000;*/ } a:active { color: #000; } a:focus h1,a:focus h2,a:focus h3,a:focus h4 { text-decoration: none !important; } #main a.content_begin { background: url(../gfx/bg_content_top_col3.gif) 0 0 no-repeat; display: block; height: 5px; line-height: 5px; text-indent: -999em; margin: 0; padding: 0; } .ShoppingCart #main a.content_begin,.no_bg_content #main a.content_begin { background: none; height: 0; } .col2 #main a.content_begin { background: url(../gfx/bg_content_top_col2.png) 0 0 no-repeat; } .productfinder .col2 #main a.content_begin { background: none; } /* //// icons global */ .icon,.icon a { position: relative; background-repeat: no-repeat; width: 10px; height: 1em; margin-top: -1px; } .icon { display: 0; display: inline-block; vertical-align: middle; background-color: transparent; background-position: center center; } .icon a { padding: 0 !important; margin: 0 !important; background: none !important; } .icon span { position: absolute; left: -1000em; } /* IMG */ img { border: none; } img.trans { background: transparent; } /* FORMS */ input,textarea { display: inline; font: 12px Arial, Helvetica, sans-serif; padding: 0 3px; color: #666; } input[type=hidden] { display: none !important; } #content_comments input,#content_comments textarea { width: 300px; } .comment_item_text,.comment_item_text:focus { width: 97.5%; height: 30px; border: 1px solid #e8e8e8; } .actInput { border-color: #aaa; } select { border: 1px solid #97a6b7; font: 100%/100% Arial, Helvetica, sans-serif; } select optgroup { font-weight: 400; } select option { margin: 0 0 0 2px; border: 0 solid #fff; padding: 0; } select option.p10 { padding: 1px 1px 1px 10px; } * html input.tf { padding: 2px 2px 1px; } * html input.btn { padding: 1px 1px 0; } *+html input.tf { padding: 2px 2px 1px; } *+html input.btn { padding: 1px 1px 0; } /* TABLE */ table h1,table h2,table h3,table p { margin-left: 0 !important; } /* MAIN CLASSES */ #main { position: relative; min-height: 400px; } .int #main { min-height: auto; } #main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #main { height: 233px; z-index: 0; } *+html #main { z-index: 0; } #main .filelinks a { color: #e28702; } #main a:hover { text-decoration: underline; } #main .contentTextImage a { /*text-decoration: underline;*/ } #main .contentTextImage a:hover { text-decoration: underline; } #main h1,#main h1.startpage_title { clear: both; color: #666; font-size: 18px; margin: 1px 0 20px; font-weight: 400; } .no_bg_content #main h1 { display: none; } #main h1.startpage_title { background: url(../gfx/bg_title_startpage.gif) no-repeat; height: 49px; line-height: 49px; padding-left: 18px; margin-bottom: 0; } .countryStartPage #main h1 { text-indent: -999em; position: absolute; } #main div.csc-header-n2 h1 { font-size: 12px; font-weight: 700; margin-bottom: 5px; } .col2 #main .bg h1,body #main h1.bg,.col2 #main h5,#main div.container h1.h1_grey { width: 735px; background: url(../gfx/bg_h1_steady.png) 0 100% repeat-x; margin: 0; height: 40px; line-height: 34px; padding: 0 20px 0 15px; text-transform: uppercase; } body.produkty #main .bg h1 { text-transform: none; } .col2 #main .tx-dgpsapshop-pi1 .bg h1 { width: 728px; } #main div.container h1.h1_grey,.col2 #main h5,.tx-dgpzrestclient2-pi1 .bg h1 { width: 729px !important; } .home.shop.col2 #main h5,.tx-dgpzrestclient2-pi1 .bg h1 { width: 728px !important; } .dc-cablefinder-title h1.h1_grey { width: 729px !important; } #coppernotering { background: url(../gfx/bg_coppernotering.png) no-repeat; height: 24px; line-height: 24px; margin: -33px 0 0 581px; position: absolute; padding-left: 36px; width: 175px; } body.cz #coppernotering { background: url(../gfx/bg_coppernotering_cz.png) no-repeat; right: 2px; } .basketcoppernotering { margin-left: 567px !important; } .gb #coppernotering,.pl #coppernotering,.nl #coppernotering,.jp #coppernotering,.extranet #coppernotering { display: none; } #main h2 { clear: both; color: #666; font-size: 12px; margin: 1px 0 10px; } /* INDEXED SEARCH */ #main h3,#main .tx-indexedsearch-res h3 { clear: both; color: #666; font-size: 12px; margin: 5px 0 0; } #main #news h3 { margin: 1px 0 5px; } #main .tx-indexedsearch-res h3 { font-weight: 400; } #main .tx-indexedsearch-res h3 a { text-decoration: underline; font-weight: 700; } #main .tx-indexedsearch-whatis { margin: -55px 0 0; font-style: normal !important; } #main .tx-indexedsearch-sw { font-style: normal; text-transform: capitalize; } #main .tx-indexedsearch-browsebox { margin: -15px 0 30px 210px; } #main .tx-indexedsearch-browsebox p strong { font-weight: 400 !important; } #main .tx-indexedsearch-browsebox ul.browsebox { margin: -15px 0 0 260px; text-align: right; padding-right: 10px; } #main .tx-indexedsearch { padding: 16px 10px 0 15px; } #main .dc-bmecat-search-form h3 { font-size: 11px; } #main h5 { font-size: 18px; font-weight: 400; text-transform: uppercase; } #main blockquote { clear: both; border: 1px solid #d0dae4; padding: 4px 14px; margin: 10px 0; } #main p { margin: 0; } #main p.date { color: #0a65c6; margin: 0 0 -1px; } .tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 5px; } #main .tx_powermail_pi1_fieldwrap_html_998 label,#main .tx_powermail_pi1_fieldwrap_html_999 label { float: none; } *html #main p image { position: relative; top: -2px; } *+html #main p image { position: relative; top: -2px; } #main .align-left { margin: 5px 10px 5px 0; } #main .align-right { margin: 5px 0 5px 10px; } #main ul { margin: 0 0 5px 24px; list-style: disc outside; } #main ul ul { list-style: square outside; } #main ol { margin: 5px 0 5px 18px; list-style: decimal outside; } #main ol ol { list-style: lower-alpha outside; } #main ul li { padding: 0; } #main ul.extra { margin: 0 5px 18px 3px; } #main ul.extra li { list-style: none; height: 25px; line-height: 25px; background: url(../gfx/bg_navLeft_li.gif) repeat-x; padding-left: 22px; } #main ul.extra li a { color: #82807d; } #main #mainContent ul,#main #mainContent ol { clear: both; } .brands #main #mainContent ul,.brands #main #mainContent ol { clear: none; } *+html #main ul { margin: 5px 0 5px 17px; } *+html #main ol { margin: 5px 0 5px 23px; } * html #main ul { margin: 5px 0 5px 17px; } * html #main ol { margin: 5px 0 5px 23px; } #main #news ul { margin: 0; } #main #news ul ul { margin: -3px 0 0 17px; } .int #main #news ul ul { margin: -2px 0 0; font-size: 12px; } #news { margin: 6px 0 3px; overflow: hidden; width: 988px; height: 114px; } #main #mainContent ul.clr { clear: none; } #main .teaser { overflow: hidden; } #main .teaser_box a.block { color: #697684; } #main .teaser_box a.block:hover { text-decoration: none; } #main .teaser img { border: 1px solid #d0dae4; } #main .teaserblock { padding: 0; } #main .teaserblock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *+html #main .teaserblock { height: 1%; } * html #main .teaserblock { height: 1%; } #main .bg_content { background: url(../gfx/bg_content.gif) 0 100% no-repeat; font-size: 12px; line-height: 145%; padding: 10px 16px 20px; } #main .bg_content.bg_content_fix { width: 544px; float: left; margin-top: 17px; } .ShoppingCart #main .bg_content, .ShoppingCartCatalog #main .bg_content { font-size: 11px; } /* 11px for all shop pages, except china (legability) and content pages */ .cn.ShoppingCartCatalog #main .bg_content { font-size: 12px; } #mainContent #jqSitemap { display: none; } #mainContent .bg_content #jqSitemap { display: block; } .ShoppingCart #page #main .bg_content,.no_bg_content #main .bg_content { background: none; padding: 0; } body.productfinder #page #main .bg_content { background: url(../gfx/bg_navLeftTotal.png) 0 100% no-repeat; width: 988px; float: left; margin-top: -17px; padding-bottom:0; } /* by FE 15.10.13 */ .col2 #main .bg_content { background: url(../gfx/bg_col2_content.png) 0 100% no-repeat; /*min-height: 500px;*/ padding: 0 5px 20px 2px; } /*.productfinder .col2 #main .bg_content {*/ /*min-height: 600px;*/ /*}*/ /* padding-top fix for LAPPUI-417 */ .col2 #main .bg_content .content_padding,.col2 #main .csc-frame-invisible,.content_padding,.tx-indexedsearch { padding: 15px 10px 10px 15px; } .col2 #main .bg_content .dgp-felogin-pi1-successful-sent { padding: 0 10px 22px 15px; } #main #content_footer,#main #content_comments { padding-left: 16px; } #main #content_comments { margin-top: 20px; } /* SUB NAVIGATION */ #main .nav_sub { width: 212px; float: left; overflow: hidden; } .productfinder #main .nav_sub { display: none; } /* MAINCONTENT */ .groupStartPage #img_navBot { height: 287px; background: url(../../../media/teaser_img/dummy_group.jpg) no-repeat; padding-bottom: 1px; } .groupStartPage #main { background: url(../gfx/bg_lappgroup_startpage.png) no-repeat; border-bottom: 2px solid #fff; } #groupCol1 { width: 188px; padding: 25px 15px; float: left; } #groupCol2 { width: 245px; padding: 25px 16px; float: left; color: #fff; } #groupCol2 h2,#groupCol2 a { color: #fff; } #groupCol3 { width: 230px; padding: 25px 15px; float: left; } #groupCol4 { width: 203px; padding: 25px 15px; float: left; } .height_230 { height: 100px; } #groupCol3 select,#groupCol4 select { width: 200px; } #mainContent { float: left; width: 544px; margin: 0 0 0 6px; padding-bottom: 10px; overflow: hidden; } * html #mainContent { position: static; } body.start #mainContent,.col2 #mainContent { float: left; width: 770px; margin: 0 0 0 6px; padding-bottom: 10px; overflow: hidden; } body.productfinder #mainContent { width: 988px; margin-left: 0; overflow: inherit; } /* RIGHT COL GLOBAL */ #page #right_col { float: right; width: 223px; padding-top: 17px; } #page #right_col p { margin: 0; } #page #right_col h4 { background: url(../gfx/bg_box_titleBar_grey.gif) no-repeat; font-size: 11px; height: 25px; line-height: 26px; overflow: hidden; padding: 0 0 0 14px; color: #fff; margin: 0; } #page #right_col img { float: left; margin: 0 10px 12px 0; } #page #right_col .typo3-editPanel-controls img { float: none; margin: 0; } .typo3-editPanel-label { display: none; } .typo3-editPanel-controls { background: none !important; } #right_col hr { margin: 7px -5px; } /* FOOTER */ #footer { width: 1004px; height: 5px; margin: 0 auto; } /* hide default T3 edit icons */ img.frontEndEditIcons { display: none !important; } /* indexed search - sitecrossingsearch */ #main div.tx-dgpsitecrossingsearch-pi2 iframe { width: 100%; height: 900px; overflow: auto; } /* general ZAB */ #page #main #right_col div.teaserbox p,#page #main #right_col div.mod_related_text p,#page #main #right_col div.teaser_box p,#page #main #right_col div.teaser_box_content p { line-height: 15px; } div.beta { position: relative; width: 333px; height: 70px; top: -70px; left: 250px; overflow: hidden; cursor: pointer; } div.betaModal p { margin-bottom: 1.8em; font-size: 12px; color: #666; } div.betaModal form { display: inline; } div.betaModal fieldset { } div.betaModal fieldset label { width: 60px; display: block; clear: both; } div.betaModal label { margin-bottom: 5px; float: left; width: 275px; font-size: 12px; color: #666; } div.betaModal textarea,div.betaModal input { margin-bottom: 5px; float: left; width: 275px; background: transparent url(../gfx/form_bg_input.gif) no-repeat 0 0; border: 1px solid #e8e8e8; padding: 2px 3px; } div.betaModal textarea { width: 465px; } div.betaModal input#mailformformtype_mail { background: url(../gfx/common/buttonBg.gif) no-repeat 0 0; color: #fff; cursor: pointer; margin: 5px 0 0 60px; display: inline; width: 75px; height: 28px; padding-bottom: 5px; } #right_col #referenceLayerAlert { border: 1px solid red; border-left: 7px solid red; background: #FFF; padding: 5px 5px 5px 7px; margin: 10px 5px 10px 3px; cursor: default !important; } #right_col #referenceLayer { filter: Alpha(opacity=30); opacity: 0.2; moz-opacity: 0.2; background: #b00; background: #777; height: 450px; cursor: default !important; } .shop .bg_content { background: none !important; } /* general table header, used in verpackungsordnung */ /* padding should stay 2px 4px as this style is global and also targets the catalog */ table.grid th { background: transparent url(../gfx/shop/bg_tableHeader.gif) repeat-x scroll 0 50%; border-color: #fff #ddd #ccc #fff; border-style: solid; border-width: 1px; color: #333; font-size: 11px; font-weight: 400; padding: 2px 4px; text-align: left; } #col_main #dc-cablefinder-content #dc-cablefinder-data .dc-cablefinder-data p { padding: 45px 20px 20px 15px !important; } /* This is a serious problem for the google balloon height calculating! from line 267 #main .bg_content { background: url(../gfx/bg_content.gif) 0 100% no-repeat; font-size: 12px; line-height: 145%; padding: 10px 16px 20px 16px; } */ body #main #mainContent .bg_content .tx-wecmap-map .marker p.empty { height: 5px; } body #main #mainContent .bg_content .tx-wecmap-map .marker p.email { margin-bottom: -1.3em; } body #main #mainContent .bg_content .tx-wecmap-map .marker p.www { margin-top: 1.3em; } body #main #mainContent .bg_content .tx-wecmap-map .marker p.www { margin-bottom: -1.3em; } body #main #mainContent .bg_content .tx-wecmap-map .marker p.country { margin-bottom: 5px; } body #main #mainContent .bg_content .tx-wecmap-map .fromdirform,body #main #mainContent .bg_content .tx-wecmap-map .todirform { margin-top: -1.7em; } body #main #mainContent .bg_content .marker p,body #main #mainContent .bg_content .marker div.infotitle { line-height: 1.3em !important; } .track-and-trace { padding: 16px 10px 10px 15px; } .track-and-trace label { width: 120px; display: inline-block; } .quick-add-info-popup { width: 193px; height: 27px; top: 17px; margin: 15px 0 0 180px; padding: 21px 10px 10px 55px; display: none; position: absolute; background: url(../gfx/bg_layer-quickadd.gif) no-repeat 0 0; z-index: 10000; } /* html:root fix because of problems with opacity animation in jQuery */ html:root .quick-add-info-popup { background: url(../gfx/bg_layer-quickadd.png) no-repeat 0 0; } .quick-add-info-popup div { background: url(../gfx/ajax-lapp-loader.gif) no-repeat 0 0; padding-left: 25px; height: 16px; padding-top: 1px; } .quick-add-info-popup div.quick-info-message-two { margin-left: -16px; } .popup #main .bg_content { background: none; } .popup #mainContent { width: 988px; } .extranet .popup #header { /*background-image: url(../gfx/bg_header_PARTNER_popup.png);*/ height: 100px; } /* #4165 */ body.usa form#usa div.radiobutton div.eingabezeile { display: block; } /* #5507 */ body.cz .tx-dgpsapshop-pi1 form#registerform div.message div.div_50_l_P div span.width_35 { float: left; padding-top: 1px; } /** * last seen products widget (LAPPUI - 373) */ .LSPWidget { display: block; width: 236px; position: absolute; left: 200px; z-index: 50000; } .widget_dose { top: 200px; } .widget_top { background: url(../gfx/widget_top.png) right top no-repeat transparent; height: 10px; } .widget_body { background: url(../gfx/widget_bg.png) right top repeat-y transparent; margin-left: 5px; padding: 0 7px 0 13px; } .widget_bottom { background: url(../gfx/widget_bottom.png) right bottom no-repeat transparent; background-position-x:0; height: 10px; bottom: 0; } .widget_bottom span { background: url(../gfx/widget_bottom.png) left bottom no-repeat transparent; height: 20px; width: 7px; position: absolute; bottom: 3px; } .LSPWidget .headline { font-size: 14px; color: #ef8f04; padding-bottom: 7px; } .widget_body .floatBox img { float:left; } .widget_body_content { margin-left: 6px; width: 125px; float: right; word-wrap: break-word; /* CSS3 */ display:run-in; /* IE 8 */ } .widget_dose .widget_body img { float: left; } #main .LSPWidget ul { margin: 0; list-style: none; } .floatFix { float: none; clear: both; } /******************************************************************************** * LAPPUI - 307 Rebrush | main top Header * * #page fix - sollte das orginale #page ersetzen (doppelte css style sonst) * #topHeader #header_parts - #header_parts auch anpassen * #topHeader #dropdown &> children() - auch anpassen * * shadow effekt in eine separate classe einbauen */ #page { background: #fff; zoom: 1; -moz-box-shadow: 0 0 5px #999; /*Mozilla-basierte Browser (z.B. Firefox)*/ -webkit-box-shadow: 0 0 5px #999; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/ box-shadow: 0 0 5px #999; /*CSS3 Standard*/ position: relative; } .ie6 #page,.ie7 #page,.ie8 #page,.ie9 #page { /* > input cursor deferred - don't use it - by FE 15.10.2013 filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2); */ border: 1px solid #ccc; } html.ie6 #page { overflow: hidden !important; } #topHeader { display: block; height: 50px; width: 1004px; margin: 0 auto; font-size: 12px; text-align: left; color: #888; position: relative; padding-top: 5px; } #status { position: absolute; font-size: 10px; right: 95px; padding-right: 10px; top: 2px; } #topHeader #header_parts { padding-top: 13px; position: relative; right: 0; height: 19px; z-index: 999; } #topHeader .thLeft,#topHeader .thCenter,#topHeader .thRight { display: block; height: 100%; float: left; position: relative; } #topHeader .thRight { margin-top: 2px; } #topHeader .thLeft,#topHeader .thRight { width: 400px; } #topHeader .thCenter { width: 150px; margin: 0 27px; } #topHeader .thLeft .tel,#topHeader .thLeft .fax { background: url(../gfx/header_icons.png) 0 -339px no-repeat transparent; padding-left: 20px; float: left; margin: 2px 14px 0 3px; height: 16px; } #topHeader .thLeft a { color: #888; } #topHeader .thLeft a:hover { text-decoration: underline; } #topHeader .thLeft .fax { background-position: 0 -167px; } #topHeader .thCenter .headerShopBtn { display: block; background: url(../gfx/headerShopBtn.png) 0 0 no-repeat transparent; color: #fff; width: 148px; height: 33px; line-height: 33px; text-align: center; position: absolute; bottom: -18px; } .legacy #topHeader .thCenter .headerShopBtn { } .usa #topHeader .thCenter .headerShopBtn,.northam #topHeader .thCenter .headerShopBtn,.ca #topHeader .thCenter .headerShopBtn { background-image: url(../gfx/headerShopBtnLarge.png); width: 198px; } #topHeader .thCenter .headerShopBtn:hover { text-decoration: underline; } #topHeader #newBasket { float: right; background: url(../gfx/header_icons.png) 0 -300px no-repeat transparent; padding-left: 25px; margin-left: 11px; margin-top: -2px; } .notice #topHeader #newBasket { background-position: 0 -266px; } #topHeader #newBasket a { color: #2d2c2a; font-weight: 700; line-height: 19px; cursor: pointer; } #topHeader #newBasket a:hover { text-decoration: underline; } #topHeader #newBasket div { /* diese Daten werden nur fuer das arrow benoetigt padding-right:17px; background:url(../gfx/header_icons.png) right -70px no-repeat transparent; */ padding-right: 10px; } #topHeader .thRight ul { float: right; margin-top: -6px; } #topHeader .thRight .region ul { float: none; } #topHeader .thRight ul.companies { margin-top: 0; } #topHeader .thRight .hidden { display: none; } #topHeader #dropdown { overflow: inherit !important; } #topHeader #dropdown li { padding: 6px 8px; float: left; background: url(../gfx/header_icons.png) right 0 no-repeat transparent; } /** removed due to LAPPUI-448 .group #topHeader #dropdown li { background: none; } */ #topHeader #dropdown li.login_logout { padding: 6px; } /* added due to #7507 */ #topHeader #dropdown li.login_logout .login { cursor: pointer; } #topHeader #dropdown li.login_logout .login:hover { text-decoration: underline; } #topHeader #dropdown li.login_logout .login:link, #topHeader #dropdown li.login_logout .login:visited, #topHeader #dropdown li.login_logout .login:active, #topHeader #dropdown li.login_logout .login:focus { text-decoration: none; } #topHeader #dropdown li.languages { padding: 6px 5px 6px 10px; } #topHeader #dropdown li:first-child { padding-left: 0; } #topHeader #dropdown a:hover,#topHeader #dropdown li a:hover,#topHeader #dropdown li.countries a:hover #topHeader #dropdown li.languages a:hover { text-decoration: underline; } #topHeader #dropdown a { font-size: 12px; color: #888; padding: 0; } #topHeader #dropdown a span.arrow { background: url(../gfx/header_icons.png) no-repeat scroll right -41px transparent; padding-left: 0; padding-right: 15px; } #topHeader #dropdown li.languages a span span { padding-left: 18px !important; /* muss !important bleiben da inline CSS style genutzt wird in der extension */ } #topHeader #dropdown li.countries a { background: url(../gfx/header_icons.png) 0 -131px no-repeat transparent; padding: 3px 0 1px 22px; } html.ie6 #topHeader #dropdown li.countries a { padding-top: 2px; padding-bottom: 2px; } #topHeader #dropdown li.login_logout .login,#topHeader #dropdown li.login_logout .logout { background: url(../gfx/header_icons.png) 0 -96px no-repeat transparent; padding: 0 0 0 22px; } /******************************************************************************** * LAPPUI - 307 Rebrush | dgp_mod_home_headline */ div.mod_home_headline { margin: 0 44px 42px 53px; padding: 0; width: 898px; overflow: hidden; text-align: center; vertical-align: absmiddle; border-bottom: 1px solid #e6e4e0; } #main div.mod_home_headline h1 { position: relative; text-indent: 0; text-align: center; width: 100%; color: #444; font-size: 20px; line-height: 145%; padding: 0; width: 888px; overflow: hidden; max-height: 85px; margin: 0 0 37px; } /******************************************************************************** * LAPPUI - 307 Rebrush | dgp_mod_home_teaser_text */ div.mod_home_teaser { overflow: hidden; margin: 0 44px 0 42px; padding: 0 0 2px; height: auto; width: 100%; } div.mod_home_teaser .item { position: relative; overflow: hidden; height: 99px; width: 306px; float: left !important; padding: 0; margin: 0 0 37px; } div.mod_home_teaser .item .img { position: relative; overflow: hidden; top: 0; right: 0; width: 99px; height: 99px; background: url(../gfx/dgp_mod_home_teaser_text_img.png) top left no-repeat; padding: 0; margin: 0; } div.mod_home_teaser .item .img img { margin: 9px; } div.mod_home_teaser .item .txt { position: relative; overflow: hidden; top: -99px; left: 109px; width: 60%; height: 99px; float: left; padding: 0; margin: 0; font-size: 12px; line-height: 17px; } #main div.mod_home_teaser .item .txt h3 { margin: 3px 0 10px; font-size: 13px; } #main div.mod_home_teaser .item .txt p a { margin: 3px 0 0; display: inline-block; } /* solr result highlighting */ .results-highlight { background-color: #fefc3e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; color: #000000; margin: 0 2px; } .scale-price { color: orange; cursor: pointer; } #scale-price-layer { margin: -115px 0 0 -190px; } #scale-price-layer table { border-spacing: 0; text-align: center; } #scale-price-layer table th { height: auto; background: none; font-weight: bold; color: #666461; } /* LAPPUI-417 */ .basketPage #main a.content_begin { margin: 0; padding:0; position: relative; backgroud-position: 0 0; height: 0; border-top: 1px solid #eee; } .basketPage #main div.bg_content { padding:0; position: relative; } .star12px { font-size:12px; } .star12px.top1 { position:relative; top:1px; } /* Ticket #6485 */ div.bg_content .noSpaceH3 { margin-bottom: 0; } /* Ticket #7254 */ body.fullsearch .col2 #mainContent { margin-top: -20px !important; } body.fullsearch .col2 #mainContent div.tx-solr-search-form form#tx-solr-search-form-pi-results input { margin-top: 20px !important; } /* T.#7130 */ body .ui-dialog-content.no-padding { padding: 0; } /* T. #0007321 */ iframe#piwik { border: 1px solid transparent; width: 100%; } /* LAPPUI 271 - change line 526 > position: relative */ /* for multibple badge rows to prevent double red line set .following-badge in . Border-collapse is not usable for our visual td layout */ .icon-sale { background: url(../gfx/sprite.png) 0 -695px no-repeat; height: 106px; margin-left: 200px; margin-top: -82px; position: relative; right: -35px; text-indent: -58px; top: 66px; width: 110px; z-index: 1; } .sale-icon-rotate { transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); writing-mode: lr-tb; display: inline-block; position:relative; top: -2px; padding-right: 10px; } .sale-icon:before { background-image: url(../gfx/shop/sale-label_rot_anfang.png); background-repeat: no-repeat; content: " "; width: 7px; height: 13px; display: inline-block; position:relative; z-index:1; top: 4px; } .sale-icon { background: url(../gfx/shop/sale-label_rot_mitte.png); background-repeat: no-repeat; background-position: 6px 5px; background-size: auto 100%; font-size: 8px; font-weight: 400; color: #fff; height: 15px; padding: 1px; display: inline-block; } .sale-icon:after { content: url(../gfx/shop/sale-label_rot_ende.png); width: 2px; height: 14px; position:relative; z-index:1; top: 2px; } .badge .dc-bmecat-techdata-td { border: 1px solid #e71802; border-width: 1px 0 0 0; } .badge .dc-bmecat-techdata-td.first { border-left-width: 1px; } .badge .dc-bmecat-techdata-td.last { border-right-width: 1px; } .basket_table .badge.top td { border-color: #e71802; border-width: 0 0 1px 0; height: 0px; padding: 0; } .basket_table .badge.top td.first { border-color: #e71802; border-width: 0 0 0 1px; } .basket_table .badge.top.following td { border-width: 0 0 0 1px; } .basket_table .badge.top td.last { border-color: #e71802; border-width: 0 0 0 1px; width: 1px; } .basket_table .badge.bot td { border-width: 0 0 1px 0; border-color: #e71802; } .badge.bot .dc-bmecat-techdata-td { border-width: 0 1px 1px 1px; border-color: #e71802; } .basket_table .following-badge td, .badge.following-badge .dc-bmecat-techdata-td { border-top-width: 0; } .badge .sale { color: #e71802; padding-left: 50px; } .transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }