/*** STANDARDS ***/ * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } /** @font-face { font-family: Coop; src: url('../fonts/CoopRg.ttf'); } @font-face { font-family: Coop; font-weight: bold; src: url('../fonts/CoopBd.ttf'); } @font-face { font-family: Coop; font-style: italic; src: url('../fonts/CoopIt.ttf'); } @font-face { font-family: Coop; font-style: italic; font-weight: bold; src: url('../fonts/CoopBdIt.ttf'); } **/ /** h1 { font-size: 24px; font-family: Coop, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; color: #000; font-weight: normal; } h2 { font-size: 18px; font-family: Coop, Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; color: #000; font-weight: normal; } **/ h1 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; color: #000; font-weight: normal; } h2 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; color: #000; font-weight: normal; } div.ueberschrift h2 { display:table-cell; height:32px; vertical-align:middle; margin:0; border:0; padding:0; } h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; color: #000; } p { font-size: 11px; color: #000; max-width: 544px; margin: 5px 0; } .contentContainer p { margin: 0; } .column>p { width: 544px; } h1 span { display: none; } li { margin-bottom:2px; } span.left { display:block; } #content-container ul { padding:0px 30px 10px 0px; list-style:none; margin:0; } #content-container ul li { background:url(../image/unnumbered_lists/list_disc.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } #content-container ul.blue li { background:url(../image/unnumbered_lists/list_disc_blue.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } #content-container ul.grey li { background:url(../image/unnumbered_lists/list_disc_grey.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } #content-container ul li ul { list-style:none; padding:0; margin:0; } #content-container ul li ul li { background:url(../image/unnumbered_lists/list_circ.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } #content-container ol { padding:10px 30px 10px 30px; margin:0; } #content-container ol ol { padding-left: 30px; counter-reset: item; list-style: none; text-indent: -20px; margin: 0; } * html #content-container ol ol { list-style-type: lower-alpha; text-indent:0; } #content-container ol ol li:before { content:counter(item, lower-alpha) ")"; counter-increment:item; margin-right:10px; } #content-container ol ol ol { padding-left:30px; counter-reset:itemB; list-style:none; text-indent:-20px; margin:0; } * html #content-container ol ol ol { list-style-type: upper-roman; text-indent:0; } #content-container ol ol ol li:before { content:counter(itemB, upper-roman) ")"; counter-increment:itemB; margin-right:10px; } .contentContainer { position: relative; margin: 0 0 10px 0; } .codeBox textarea { width: 99%; height: 200px; font-size: 10px; font-family: Courier; color: #ff0000; } /*** IFRAME FIXER **/ .cssHackWidth834 { margin: 0; padding: 0; height: 0; width: 0; } #coopch-iframecontent iframe { margin: 0; padding: 0; } /**** COOP.CH Content Elemente ****/ /** COOP @ HOME BEREICH **/ .coophome { width: 337px; padding: 15px 18px 0 18px; } .coophome .headline { width: 245px; height: 45px; position: relative; top: -6px;;} .coophome .headline img { margin: 8px 0 0 2px; } .coophome .headline h2 { margin:0; padding: 0; } .coophome .horizontalLine { margin: 10px 0 5px 0; border-top: 1px solid #A2A2A2; border-bottom: 1px solid #ffffff; font-size: 0; height: 0; display: block; } .coophome #coop-home-logo { height: 50px; width: 108px; position: absolute; top: 6px; left: 257px; background: #ffffff url(../image/logo_coophome.png) no-repeat 10px 6px; } .coophome #coop-home-logo .linkContainer { height: 50px; width: 108px; position: absolute; top: 0; left: 0; } .coophome #coop-home-logo .linkContainer a { height: 50px; width: 108px; display: block } .coophome .teaser-image { height: 80px; width: 335px; border: 1px solid #CCCCCC; margin: 0 0 6px 0; position:relative } .coophome .teaser-image .media { height: 80px; width: 335px; margin: 0 0 0 0; position:relative } .coophome .teaser-image .media img { height: 80px; width: 335px; } .teaser-image .linkContainer, .teaser-image .linkContainer a { position: absolute; top: 0; left: 0; height: 80px; width: 335px; z-index: 2; background: url(../image/clear.gif) no-repeat 0 0; } .coophome .carrousel { height: 99px; width: 336px; overflow: hidden; border: 1px solid #ffffff; } .coophome .carrousel div { width: 334px; background-color: #EAEAEA; margin: 1px 0 0 0; } .coophome .shopteaser { height: 190px; } .coophome .shopteaser .teaser { position: relative; height: 95px; width: 163px; float: left; margin: 0 9px 0px 0; background-color:transparent; } .coophome .shopteaser .teaser .productImage { margin: 0px; height: 80px; overflow: hidden; } .coophome .shopteaser .teaser .metainfoImage { height: 15px; margin: 0; overflow: hidden; } .coophome .shopteaser .teaser img { margin: 0; padding: 0; border: 0; } .coophome .shopteaser .lastElementInRow { margin: 0; } .coophome .shopteaser .teaser .linkContainer { height: 95px; width: 163px; position: absolute; top: 0; left: 0; } .coophome .shopteaser .teaser .linkContainer a { height: 95px; width: 163px; display: block; background: url(../image/clear.gif) repeat 0 0; } .coophome .productsearch h2 { font-size: 14px; margin: 0 0 0 0; font-weight: bold; } .coophome .productsearch { position: relative; height: 115px; width: 336px; margin: 0 0 0px 0; } .coophome .shopLogin { height: 80px; width: 334px; background-color: #ffffff; border: 1px solid #CCCCCC; padding: 0; margin: 0; } .coophome .shopLogin iframe { padding: 0; height: 80px; width: 334px; overflow: hidden; } /*** Login Iframe */ #coopch-loginIframe { padding:3px 14px; height: 80px; width: 334px; margin:0; background: url(../image/login_iframe_bg.png) repeat-x 0 bottom; font-family: Arial, Helvetica, sans-serif; } #coopch-loginIframe #left { float:left; width:48%; } #coopch-loginIframe #right { float:right; width:50%; margin:1px 0 0 0; font-size:10px;} #coopch-loginIframe #left p { padding:0; margin:0; line-height:12px } #coopch-loginIframe #left p.login { padding: 5px 0 5px 0; font-size: 11px; font-weight: bold; } #coopch-loginIframe #left select, #coopch-loginIframe #left input { width: 120px; margin: 2px 0 2px 0; padding:1px; font-size:11px; color:#999999; } #coopch-loginIframe #left #ISubmit { margin-left: 5px; margin-top: 0px; width:11px; height: 11px; position: absolute; top: 57px; } #coopch-loginIframe #right p { padding:0 0 2px 0; margin:0; line-height:14px } #coopch-loginIframe #right a { padding:0; margin: 0 0px 0 0; ; line-height:12px; background:url(../image/icon_arrow_orange_7px.png) no-repeat left 3px; padding: 0 0 0 17px; text-decoration:none; color:#ff8c00; font-size:10px; display: block; text-align: left; } #coopch-loginIframe #right a.bigger { margin:0 0px 2px 0; font-weight: bold; line-height:22px; background:url(../image/icon_arrow_orange_9px.png) no-repeat left 6px; padding: 0 0px 0px 17px; text-decoration:none; color:#ff8c00; font-size:13px; display: block; } /** HOMEPAGE TEASER - Box Prio 1 **/ .coopch_home_prio1, .coopch_home_prio1_bild { position: relative; margin: 0; } .coopch_home_prio1 .contentContainer { position: relative; margin: 0 0 10px 0; } .coopch_home_prio1 .linkContainer { text-align: right; margin-top: 5px; } .coopch_home_prio1 .left { float: left; width: 365px; position: relative; } .coopch_home_prio1 .right { float: right; width: 439px; position: relative; margin-left: 0px; } .coopch_home_prio1_bild .contentContainer { position: relative; margin: 0; } .coopch_home_prio1_bild .linkContainer { text-align: right; margin-top: 5px; } .coopch_home_prio1_bild .left { float: left; width: 365px; position: relative; } .coopch_home_prio1_bild .right { float:right; width: 439px; position: relative; } .coopch_home_prio1 .header, .coopch_home_prio1_bild .header { font-size: 12px!important; padding: 12px 0 0 0 } .coopch_home_prio1 .content, .coopch_home_prio1_bild .content { margin: 5px 0 0 0; width: 90%; overflow:hidden; } .coopch_home_prio1_bild .content .image { float: left; margin: 2px 10px 5px 0; } /** COOP StandardTable **/ .StandardTable, .CCHEE11, .BHEE11 { position: relative; width:820px; } .StandardTable table caption, .CCHEE11 table caption, .BHEE11 table caption { background-color:#CCCCCC; text-align:left; font-size:14px; font-weight: bold; padding:0 0 0 10px; margin:1px; line-height:40px; } .StandardTable table, .CCHEE11 table, .BHEE11 table { width: 100%; text-align: right; font-size:10px; } .StandardTable tr th, .CCHEE11 tr th, .BHEE11 tr th { background-color: #efefef; padding-left:30px; } .StandardTable tr td.first, .CCHEE11 tr td.first, .BHEE11 tr td.first { text-align:left; font-weight:bold; padding-right:40px; } .StandardTable tr.even td, .CCHEE11 tr.even td, .BHEE11 tr.even td { background-color: #efefef; } .StandardTable tr td, .CCHEE11 tr td, .BHEE11 tr td { vertical-align:bottom; } /*** Bau + Hobby BHEE11 - BH Tabelle custom colurs**/ .BHEE11 table caption { background-color:#698379; color: #ffffff; } .BHEE11 tr th { background-color: #D9DFDD; } .BHEE11 tr.even td { background-color: #D9DFDD; } /**** Bau + Hobby Content Elemente ****/ /** Bau + Hobby BHZE01 **/ .BHZE01 { position: relative; width: 820px; height: 235px; } .BHZE01 h1 { margin:0px; } .BHZE01 .image { position: relative; width: 820px; height: 235px; z-index: 1; } .BHZE01 .image * { position: relative; width: 820px; height: 235px; z-index: 1; } .BHZE01 .overlay { position: absolute; height: 235px; width: 820px; top: 0; z-index: 2; } .BHZE01 .overlay .claim { position: absolute; top: 105px; left: 20px; width: 350px; font-size: 22px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; z-index: 1; } .BHZE01 .overlay .layer { position: absolute; bottom: 0; right: 0; height: 43px; padding: 2px 10px 0 40px; color: #ffffff; text-align: left; background: url(../image/bg_bh_contentTeaser_layer.png) no-repeat 0 0; z-index: 3; } .BHZE01 .overlay .layer .standorte { font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .BHZE01 .overlay .layer .linkContainer a { font-size: 16px; font-family: Arial, Helvetica, sans-serif; background-position: right 4px; font-weight: bold; } .BHZE01 .imageLinkContainer, .BHZE01 .imageLinkContainer a { position: absolute; top: 0; left: 0; height: 285px; width: 820px; z-index: 2; background: url(../image/clear.gif) no-repeat 0 0; } /** BHZE01_plaene **/ .BHZE01_Plaene { position: relative; height: 235px; width: 820px; } .BHZE01_Plaene .image { height: 235px; width: 820px; z-index: 1; } .BHZE01_Plaene .overlay { position: absolute; top: 15px; left: 15px; z-index: 2; } .BHZE01_Plaene .overlay h1 { margin-top: 0; margin-bottom: 3px; } .BHZE01_Plaene .overlay p { width: 250px; margin: 0 0 0 0px; } .BHZE01_Plaene .imageLinkContainer { height: 235px; width: 820px; position: absolute; top: 0; left: 0; z-index: 3; } .BHZE01_Plaene .imageLinkContainer a { height: 235px; width: 820px; display: block; background:url(../image/clear.gif) repeat 0 0; } .BHZE01_Plaene .layer { position: absolute; bottom: 0; right: 0; height: 18px; padding: 4px 10px 0 40px; color: #ffffff; text-align: left; background: url(../image/bg_bh_contentTeaser_layer.png) no-repeat 0 0; z-index: 3; } .BHZE01_Plaene .layer a { background: url(../image/icon_arrow_white_5x5.png) no-repeat 0 5px; color: #ffffff; padding: 0 0 0 11px; font-weight: bold; } /** Bau + Hobby BHZE02_410 / BHZE02A_410 / **/ /** Bau + Hobby BHTeaserKlein, BHZE06_405 */ .BHZE02_405, .BHZE06_405 { position: relative; height: 98px; width: 405px; } .BHZE02_405 .label, .BHZE06_405 .label { position: absolute; top: 0; left: 0; width: 30px; height: 100px; background-color: #698379; z-index: 1; overflow: hidden; } .BHZE02_405 .label b, .BHZE06_405 .label b { display: none; } .BHZE02_405 .image, .BHZE06_405 .image { position: absolute; top: 0; left: 30px; height: 98px; width: 130px; overflow: hidden; border-top: 1px solid #D0CBC9; border-bottom: 1px solid #D0CBC9; background-color: #ffffff; z-index: 1; } .BHZE02_405 .content, .BHZE06_405 .content_aktion { position: absolute; left: 160px; top:0; height: 98px; width: 243px; float: left; border-top: 1px solid #D0CBC9; border-bottom: 1px solid #D0CBC9; border-right: 1px solid #D0CBC9; z-index: 1; } .BHZE02_405 .content { background-color: #EBEFEE; } .BHZE06_405 .content_aktion { background-color: #FFEE00; } .BHZE02_405 .content *, .BHZE06_405 .content * { margin: 5px 10px 5px 10px; } .BHZE02_405 .content .header, .BHZE06_405 .content .header { color: #019092; font-weight: bold; font-size: 12px; text-transform: uppercase; } .BHZE02_405 .content p, .BHZE06_405 .content p { font-size: 11px; } .BHZE06_405 .preis_zusatz {margin-left:5px;} .BHZE06_405 .preis { font-size: 30px; margin: 10px 5px 0px 10px; font-weight: bold; } .BHZE06_405 .preis_alt { font-size: 10px; font-weight: bold;color:#333333; } .BHZE06_405 .description { height: 20px; padding: 3px 10px 3px 5px;width:228px;background-color:#cccccc;height:28px;position:absolute;bottom:20px;left:0;} .BHZE06_405 .description .descr_head {font-weight:bold;display:block;} .BHZE06_405 .description .descr_text {display:block;} .BHZE06_405 .stoerer { position: absolute; bottom: -1px; height: 15px; width: 228px; padding: 3px 10px 3px 5px; background-color: #000000; color: #ffffff; font-weight: bold; font-size: 12px;left:0;} .BHZE02_405 .morelink { position: absolute; width: 405px; height: 98px; top: 0; margin: 0; left: -163px; } .BHZE02_405 .morelink a { position: absolute; top: -5px; height: 98px; background-position: 375px 80px; width:370px; } .BHZE06_405 .linkContainer, .BHZE06_405 .linkContainer a { position: absolute; top: 0; left: 0; height: 100px; width: 404px; display: block; z-index: 2; } .BHZE06_405 .linkContainer a { background: url(../image/clear.gif) no-repeat 0 0; } /*Rabatt*/ .BHZE06_405_RABATT .preis_zusatz {display:none;} .BHZE06_405_RABATT .preis {font-size:13px;float:left;margin-top:5px;margin-left:5px;} .BHZE06_405_RABATT .preis span {font-size:19px;margin-right:7px;vertical-align:bottom;} *+html .BHZE06_405_RABATT .preis span {font-size:19px;margin-right:7px;vertical-align:1px;} .BHZE06_405_RABATT .preis_alt {display:none;} .BHZE06_405_RABATT .description {bottom:-1px;} .BHZE06_405_RABATT .stoerer {display:none;} /** Bau + Hobby BHZE06A_267 / **/ .BHZE06A_267 { position: relative; height: 98px; width: 267px; z-index: 1; margin: 0 0 12px 0; border:none } .BHZE06A_267 .label { position: absolute; top: 0; left: 0; width: 30px; height: 100px; padding: 0; margin: 0; z-index: 1; border:none } .BHZE06A_267 .image { height: 98px; width: 130px; position: absolute; left: 30px; border-top: 1px solid #D0CBC9; border-bottom: 1px solid #D0CBC9; background-color: #ffffff; overflow: hidden; z-index: 1; } .BHZE06A_267 .content_aktion { height: 98px; width: 105px; left: 160px; position: absolute; border-top: 1px solid #D0CBC9; border-bottom: 1px solid #D0CBC9; border-right: 1px solid #D0CBC9; background-color: #FFEE00; z-index: 1; } .BHZE06A_267 .preis_zusatz {width:37px;margin-left:5px;margin-top:6px;float:left;font-size:11px;letter-spacing:-0.02em;} .BHZE06A_267 .preis { font-size: 17px; margin: 0; font-weight: bold; z-index: 1;float:left;margin-top:1px; } .BHZE06A_267 .preis_alt { font-size: 10px; display: block; margin: 0px 10px 0 5px; font-weight: bold; z-index: 1;color:#333333;clear:both;} .BHZE06A_267 .preis_alt span {font-weight:normal;margin-right:14px;} .BHZE06A_267 .description { height: 42px; padding: 3px 0 0 5px; z-index: 1;background-color:#cccccc; position:absolute;bottom:17px;width:100px;} * html .BHZE06A_267 .description {height:44px;padding-top:0;} *+html .BHZE06A_267 .description {height:44px;padding-top:0;} .BHZE06A_267 .description .descr_head {font-weight:bold;display:block;line-height:10px;} *+html .BHZE06A_267 .description .descr_head {line-height:11px;} .BHZE06A_267 .description .descr_text {display:block;font-size:9px;line-height:10px;margin-top:1px;position:absolute;bottom:1px;} * html .BHZE06A_267 .description .descr_text {padding-top:2px;} .BHZE06A_267 .stoerer { position: absolute; bottom: 0px; width: 100px; background-color: #000000; color: #ffffff; font-size: 10px;padding:4px 0 0 5px;height:15px;letter-spacing:-0.05em;} .BHZE06A_267 .stoerer span { margin: 0 0 0 10px; z-index: 1; line-height:16px; } .BHZE06A_267 .linkContainer, .BHZE06A_267 .linkContainer a { position: absolute; height: 100px; width: 267px; top: 0; left: 0; display: block; z-index: 5; } .BHZE06A_267 .linkContainer a { background: url(../image/clear.gif) no-repeat 0 0; } /*Rabatt*/ .BHZE06A_267_RABATT .content_aktion {left:158px;width:107px;} .BHZE06A_267_RABATT .content_aktion .preis {line-height:14px;margin-top:5px;} .BHZE06A_267_RABATT .preis_zusatz {display:none;} .BHZE06A_267_RABATT .description {bottom:0;padding-left:1px;width:106px;left:0;height:42px;padding-top:3px;} * html .BHZE06A_267_RABATT .description {padding-top:0px;height:44px;} *+html .BHZE06A_267_RABATT .description {padding-top:0px;height:44px;} .BHZE06A_267_RABATT .description .descr_head {padding-left:5px;line-height:10px;} .BHZE06A_267_RABATT .description .descr_text {font-size:9px;padding-left:5px;line-height:10px;margin-top:1px;} .BHZE06A_267_RABATT .preis {font-size:11px;float:left;margin-top:0px;margin-left:5px;} .BHZE06A_267_RABATT .preis span {font-size:20px;margin-right:7px;} * html .BHZE06A_267_RABATT .content_aktion .preis {margin-top:0px;padding-top:0;} * html .BHZE06A_267_RABATT .content_aktion .preis span {vertical-align:bottom;position:relative;line-height:22px;} *+html .BHZE06A_267_RABATT .content_aktion .preis {margin-top:0px;padding-top:0;} *+html .BHZE06A_267_RABATT .content_aktion .preis span {vertical-align:1px;position:relative;line-height:22px;} .BHZE06A_267_RABATT .preis_alt {display:none;} .BHZE06A_267_RABATT .stoerer {display:none;} /*Produkt*/ .BHZE06A_267_PRODUKT .content_aktion {background-color:#cccccc;} .BHZE06A_267_PRODUKT .preis {margin:5px 0 0 5px;clear:both;} .BHZE06A_267_PRODUKT .preis_zusatz {display:none;} .BHZE06A_267_PRODUKT .preis_alt {display:none;} .BHZE06A_267_PRODUKT .description {position:relative;float:left;bottom:0;background:none;height:auto;left:0;} .BHZE06A_267_PRODUKT .description .descr_head {line-height:14px;} .BHZE06A_267_PRODUKT .description .descr_text {display:none;} .BHZE06A_267_PRODUKT .stoerer {display:none;} /** Bau + Hobby BHTeaserGross **/ .BHZE03_405, .BHZE03_267 { position: relative; } .BHZE03_405 .label, .BHZE03_267 .label { position: absolute; left: 0; top: 0; width: 30px; background-color: #B4C1BC; overflow:hidden; } .BHZE03_405 .label b, .BHZE03_267 .label b { display: none; } /* DVN - right hinzugefügt .BHZE03_267 a.arrow_white_big { position:absolute; top:5px;}*/ .BHZE03_405 a.arrow_white_big, .BHZE03_267 a.arrow_white_big { position:absolute; top:5px; right:4px } .BHZE03_405 .contentContainer, .BHZE03_267 .contentContainer { position: absolute; left: 30px; top: 0; border-top: 1px solid #D0CBCA; border-bottom: 1px solid #D0CBCA; border-right: 1px solid #D0CBCA; } .BHZE03_405 .contentContainer .image, .BHZE03_267 .contentContainer .image { border-bottom: 1px solid #D0CBCA; overflow: hidden; } .BHZE03_405 .contentContainer .teaser, .BHZE03_267 .contentContainer .teaser { position: relative; width: 373px; height: 100px; overflow: hidden; padding:8px 10px 10px 10px; font-size:11px; border-bottom:1px solid #D0CBCA; } .BHZE03_405 .contentContainer .teaser .header, .BHZE03_267 .contentContainer .teaser .header { color: #019092; font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; } .BHZE03_405 .linkContainer, .BHZE03_267 .linkContainer { position: absolute; bottom: 0; padding: 0 0 0 10px; margin: 0; } .BHZE03_405 .linkContainer a, .BHZE03_267 .linkContainer a { display: inline; font-size: 11px; font-weight: bold; } .BHZE03_405 .contentContainer .teaser .linkContainer, .BHZE03_267 .contentContainer .teaser .linkContainer { border: none; position: absolute; top: 0; left: 0; } .BHZE03_405 .contentContainer .teaser .linkcontainer a.orange_arrow, .BHZE03_267 .contentContainer .teaser .linkContainer a.orange_arrow { } /** Bau + Hobby Homepage */ .BHZE03_405 { height:315px; width:405px; } .BHZE03_405 .label { height:315px; } .BHZE03_405 .contentContainer { width:373px; height:313px; } .BHZE03_405 a.arrow_white_big { height:209px; } .BHZE03_405 .contentContainer .image { height:209px; width:373px; } .BHZE03_405 .contentContainer .teaser { width:353px; height:55px; } .BHZE03_405 .linkContainer { width:363px; } .BHZE03_405 .linkContainer a { display: block!important; width: 334px; } .contentContainer.BHZE03_405 .linkcontainer { z-index:10001; position:absolute; top:0px; left:30px; width:373px; height:209px; } /** Bau + Hobby Themenwelt **/ .BHZE03_267 { height: 272px; width: 267px; } .BHZE03_267 .label { height: 272px; } .BHZE03_267 .contentContainer { width: 235px; height: 270px; } .BHZE03_267 a.arrow_white_big { height:118px; } .BHZE03_267 .contentContainer .image { height: 118px; width: 235px; } .BHZE03_267 .contentContainer .image img { height: 118px; width: 235px; } .BHZE03_267 .contentContainer .teaser { width: 215px; height: 104px; } .BHZE03_267 .linkContainer { width: 225px; } .BHZE03_267 .linkContainer a { line-height:26px; } /** Bau + Hobby BHZE04_267 **/ .BHZE04_267 { position: relative; height: 96px; width: 263px; border: 2px solid #D0CBCA; } .BHZE04_267 .header { background: #EBEFEE; padding: 9px 10px; font-size: 12px; color: #019092; font-weight: bold; } .BHZE04_267 .content { height: 55px; overflow: hidden; } .BHZE04_267 .content p { margin: 10px 10px; font-size: 11px; } .BHZE04_267 .linkcontainer { position: absolute; top: 30px; left: 0; width:263px; height: 66px; } .BHZE04_267 .linkcontainer a { width: 235px; height: 60px; background-position: bottom right; } /** Bau + Hobby BHZE12_544 */ .BHZE12_544 { height:auto; width:544px; position:relative; } .BHZE12_544 .image { float:left; height:auto; width:145px; overflow:hidden; } .BHZE12_544 .content { float:left; padding:0px 10px 15px 10px; height:auto; width:379px; overflow:hidden; } .BHZE12_544 .subtitle { width:145px; line-height:20px; font-size:11px; } /** Bau + Hobby BHZE13_544 */ .BHZE13_544 .text544 { padding-bottom:20px; } .BHZE13_544 .horizontalLine { width:100%; height:0px; padding:0px; border-top:1px solid #B4C1BC; } .BHZE13_544 .linkContainer { background-color:#698379; height:34px; width:534px; padding:6px 10px 7px 0; text-align:right; line-height:17px; } .BHZE13_544 .linkContainer a { color:white; background: url(../image/icon_arrow_white_9px_background_698379.png) no-repeat right 4px; } /*** Bau + Hobby BHZE08_267 **/ .BHZE08_267 { height: 272px; width: 267px; position: relative; } .BHZE08_267 .label { width: 30px; height: 222px; background-color: #698379; position: absolute; overflow: hidden; } .BHZE08_267 .image { position: absolute; height: 222px; width: 237px; left: 30px; z-index: 1; overflow: hidden; } .BHZE08_267 .content { position: absolute; height: 60px; width: 198px; background-color: #ffffff; z-index: 2; top: 202px; left: 54px; padding: 8px 5px 0 10px; overflow:hidden; } .BHZE08_267 .content .header { color: #019092; font-size: 12px; font-weight: bold; text-transform:uppercase; } .BHZE08_267 .content p { font-size: 11px; margin: 3px 0 0 0; line-height:13px; } .BHZE08_267 .linkcontainer { height: 267px; width: 272px; z-index: 3; position: absolute; } .BHZE08_267 a { height: 267px; width: 272px; z-index: 3; position: absolute; background-position: 240px 5px } /*** Sortiment Teaser DVN **/ .BHZE_Sortiment_teaser { height: 164px; width: 265px; position: relative; border: 1px solid #d0cbca } .BHZE_Sortiment_teaser .label { width: 30px; height: 164px; background-color: #698379; position: absolute; overflow: hidden; } .BHZE_Sortiment_teaser .image { position: absolute; height: 164px; width: 235px; left: 30px; z-index: 1; overflow: hidden; } .BHZE_Sortiment_teaser .linkContainer { height: 166px; width: 267px; z-index: 3; position: absolute; } .BHZE_Sortiment_teaser a { height: 164px; width: 264px; z-index: 3; position: absolute; background-position: 240px 5px } .BHZE_Sortiment_teaser .content { left: 40px; top:10px; position: absolute; z-index: 1; } .BHZE_Sortiment_teaser .content .preis { font-size: 20px; width:60px; margin: 0; text-align:center; padding:3px 3px; font-weight: bold; z-index: 1; background-color: #cccccc; } .BHZE_Sortiment_teaser .content .name { font-size: 12px; margin: 0; font-weight: bold; padding: 0; z-index: 1; } .BHZE_Sortiment_teaser .content p { font-size: 10px; margin: 0; padding: 0; z-index: 1; width:100px } /*** Sortiment Teaser DVN Ende **/ /*** Bau + Hobby BHZE09 **/ .BHZE09 { height: 210px; width: 267px; position: relative; } .BHZE09 .label { width: 80px; height: 210px; background-color: #698379; position: absolute; overflow: hidden; } .BHZE09 .image { position: absolute; height: 143px; width: 187px; left: 80px; z-index: 1; overflow: hidden; } .BHZE09 .image img { height: 143px; width: 187px; } .BHZE09 .content { position: absolute; height: 69px; width: 198px; background-color: #ffffff; z-index: 2; top: 143px; left: 54px; padding: 10px 5px 0 10px; overflow:hidden; } .BHZE09 .content .header { color: #019092; font-size: 12px; font-weight: bold; text-transform:uppercase; } .BHZE09 .content p { font-size: 11px; margin: 3px 0 0 0; line-height:13px; } .BHZE09 .linkcontainer { height: 210px; width: 267px; z-index: 3; position: absolute; } .BHZE09 a { height: 210px; width: 267px; z-index: 3; position: absolute; background-position: 240px 5px } /*** Bau + Hobby BHZE10 **/ .BHZE10 { height: 210px; width: 543px; position: relative; } .BHZE10 .label { width: 80px; height: 210px; background-color: #698379; position: absolute; overflow: hidden; } .BHZE10 .image { position: absolute; height: 210px; width: 464px; left: 80px; z-index: 1; overflow: hidden; } .BHZE10 .image img { height: 210px; width: 464px; } .BHZE10 .content { position: absolute; height: 57px; width: 213px; background-color: #ffffff; z-index: 2; top: 143px; left: 54px; padding: 10px 5px 0 10px; overflow:hidden; } .BHZE10 .content .header { color: #019092; font-size: 12px; font-weight: bold; text-transform:uppercase; } .BHZE10 .content p { font-size: 11px; margin: 3px 0 0 0; line-height:13px; } .BHZE10 .linkcontainer { height: 210px; width: 543px; z-index: 3; position: absolute; } .BHZE10 a { height: 210px; width: 543px; z-index: 3; position: absolute; background-position: 517px 5px } /** Bau + Hobby BHZE16_820 **/ .BHZE16_820, .BHZE16_820_v2 { width: 890px; height: 166px; overflow:hidden; position: relative; } .BHZE16_820 .media, .BHZE16_820_v2 .media { position: relative; height: 166px; width: 267px; overflow: hidden; } .BHZE16_820 .media img, .BHZE16_820_v2 .media img { height: 166px; width: 267px; } .BHZE16_820 .header, .BHZE16_820_v2 .header { position: absolute; left: 267px; background-color: #698379; width: 553px; overflow: hidden; } .BHZE16_820 .header h3, .BHZE16_820_v2 .header h3 { color: #ffffff; margin: 8px 10px 8px 10px; display: block; } .BHZE16_820 .content, .BHZE16_820_v2 .content { position: absolute; left: 267px; top: 30px; width: 533px; height: 124px; margin: 10px 10px 0 10px; border-bottom: 1px solid #698379; } .BHZE16_820_v2 .content { border-bottom: none; } .BHZE16_820 .linkContainer { z-index: 2; position: absolute; height: 166px; width: 820px; top: 0; } .BHZE16_820 .linkContainer a { height: 166px; width: 800px; display: block; background-position: 795px 145px; } /*** Bau + Hobby BHEE09 */ .BHEE09 li { margin-bottom:2px; } ul.BHEE09 { padding:10px 30px 10px 0px; list-style:none; margin:0; } ul.BHEE09 li { background:url(../image/unnumbered_lists/list_disc.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } ul.BHEE09 li ul { list-style:none; padding:0; margin:0; } ul.BHEE09 li ul li { background:url(../image/unnumbered_lists/list_circ.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } #content-container ul ul ul li { background:url(../image/unnumbered_lists/list_square.png) no-repeat scroll 10px 5px; padding:0 0 0 25px; } ol.BHEE09 { padding:10px 30px 10px 30px; margin:0; } ol.BHEE09 ol { padding-left:30px; counter-reset:item; list-style:none; text-indent:-20px; margin:0; } * html ol.BHEE09 ol { list-style-type: lower-alpha; text-indent:0; } ol.BHEE09 ol li:before { content:counter(item, lower-alpha) ")"; counter-increment:item; margin-right:10px; } .boxprio1v1_820 .header h2, .boxprio1v2_820 .header h2, .boxprio1v3_405 .header h2, .boxprio1v4_405 .header h2, .boxprio2v1_405 .header h2, .boxprio2v2_405 .header h2, .boxprio2v3_405 .header h2, .boxprio2v4_405 .header h2, .boxprio2v5_405 .header h2, .boxprio3v1_267 .header h2, .boxprio3v2_267 .header h2, .boxprio3v3_267 .header h2, .boxprio3v4_267 .header h2 { margin: 5px 0 7px 0; font-weight: bold;} /*** Bau + Hobby boxprio1v1_820 */ .boxprio1v1_820 { width:820px; height:276px; overflow:hidden; } .boxprio1v1_820 .media { width: 820px; height: 215px; overflow: hidden; } .boxprio1v1_820 .media * { width: 820px; height: 215px; } .boxprio1v1_820 .content { display: none; } .boxprio1v1_820 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio1v1_820 .linkContainer a { display: block; background-position: right bottom; height: 273px; width:790px; } /*** Bau + Hobby boxprio1v2_820 */ .boxprio1v2_820 { width:820px; height:276px; overflow:hidden; } .boxprio1v2_820 .media { width: 544px; height: 215px; overflow: hidden; } .boxprio1v2_820 .media * { width: 544px; height: 215px; } .boxprio1v2_820 .content { position:absolute; left:554px; top:41px; height:215px; overflow:hidden; margin:0 20px 0 0; } .boxprio1v2_820 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio1v2_820 .linkContainer a { display: block; background-position: right bottom; height: 273px; width:790px; } /*** Bau + Hobby boxprio1v3_405 */ .boxprio1v3_405 { width:405px; height:325px; overflow:hidden; } .boxprio1v3_405 .media { height: 215px; width: 405px; overflow:hidden; } .boxprio1v3_405 .media * { height: 215px; width: 405px; } .boxprio1v3_405 .content { margin:10px 20px 0 0; } .boxprio1v3_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio1v3_405 .linkContainer a { display: block; background-position: right bottom; height: 322px; width:375px; } /*** Bau + Hobby boxprio1v4_405 */ .boxprio1v4_405 { width:405px; height:276px; overflow:hidden; } .boxprio1v4_405 .media { height: 215px; width: 405px; overflow:hidden; } .boxprio1v4_405 .media * { height: 215px; width: 405px; } .boxprio1v4_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio1v4_405 .linkContainer a { display: block; background-position: right bottom; height: 273px; width:375px; } /*** Bau + Hobby boxprio2v1_405 */ .boxprio2v1_405 { width:405px; height:163px; overflow:hidden; } .boxprio2v1_405 .media { height: 102px; width: 405px; overflow:hidden; } .boxprio2v1_405 .media * { height: 102px; width: 405px; } .boxprio2v1_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio2v1_405 .linkContainer a { display: block; background-position: right bottom; height: 160px; width:375px; } /*** Bau + Hobby boxprio2v2_405 */ .boxprio2v2_405 { width:405px; height:210px; overflow:hidden; } .boxprio2v2_405 .media { height: 102px; width: 405px; overflow:hidden; } .boxprio2v2_405 .media * { height: 102px; width: 405px; } .boxprio2v2_405 .content { margin:10px 20px 0 0; } .boxprio2v2_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio2v2_405 .linkContainer a { display: block; background-position: right bottom; width:375px; height: 207px; } /*** Bau + Hobby boxprio2v3_405 */ .boxprio2v3_405 { width:405px; height:163px; overflow:hidden; } .boxprio2v3_405 .media { height: 102px; width: 267px; overflow:hidden; } .boxprio2v3_405 .media * { height: 102px; width: 267px; } .boxprio2v3_405 .content { position:absolute; left:277px; top:41px; height:101px; overflow:hidden; margin:0 20px 0 0; } .boxprio2v3_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio2v3_405 .linkContainer a { display: block; background-position: right bottom; width:375px; height: 160px; } /*** Bau + Hobby boxprio2v4_405 */ .boxprio2v4_405 { width:405px; height:163px; overflow:hidden; } .boxprio2v4_405 .media { height: 102px; width: 128px; overflow:hidden; } .boxprio2v4_405 .media * { height: 102px; width: 128px; } .boxprio2v4_405 .content { position:absolute; left:138px; top:41px; height:102px; overflow:hidden; margin:0 20px 0 0; } .boxprio2v4_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio2v4_405 .linkContainer a { display: block; background-position: right bottom; height: 160px; width:375px; } /*** Bau + Hobby boxprio2v5_405 */ .boxprio2v5_405 { width:405px; height:163px; overflow:hidden; } .boxprio2v5_405 .content { position:absolute; left:0; top:36px; height:102px; overflow:hidden; margin:0 20px 0 0; } .boxprio2v5_405 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio2v5_405 .linkContainer a { display: block; background-position: right bottom; height: 160px; width:375px; } /*** Bau + Hobby boxprio3v1_267 */ .boxprio3v1_267 { width:267px; height:163px; overflow:hidden; } .boxprio3v1_267 .media { height: 102px; width: 267px; overflow:hidden; } .boxprio3v1_267 .media * { height: 102px; width: 267px; } .boxprio3v1_267 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio3v1_267 .linkContainer a { display: block; background-position: right bottom; height: 160px; width:237px; } /*** Bau + Hobby boxprio3v2_267 */ .boxprio3v2_267 { width:267px; height:210px; overflow:hidden; } .boxprio3v2_267 .media { height: 102px; width: 267px; overflow:hidden; } .boxprio3v2_267 .media * { height: 102px; width: 267px; } .boxprio3v2_267 .content { margin:10px 20px 0 0; } .boxprio3v2_267 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio3v2_267 .linkContainer a { display: block; background-position: right bottom; height: 207px; width:237px; } /*** Bau + Hobby boxprio3v3_267 */ .boxprio3v3_267 { width:267px; height:140px; overflow:hidden; } .boxprio3v3_267 h2 { font-size:14px; } .boxprio3v3_267 .media { height: 75px; width: 100px; overflow:hidden; } .boxprio3v3_267 .media * { height: 75px; width: 100px; } .boxprio3v3_267 .content { position:absolute; left:120px; top:27px; height:102px; overflow:hidden; margin:0 20px 0 0; } .boxprio3v3_267 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio3v3_267 .linkContainer a { display: block; background-position: right bottom; height: 140px; width:237px; } /*** Bau + Hobby boxprio3v4_267 */ .boxprio3v4_267 { width:267px; height:163px; overflow:hidden; } .boxprio3v4_267 .media { display: none; } .boxprio3v4_267 .content { position:absolute; left:0; top:36px; height:102px; overflow:hidden; margin:0 20px 0 0; } .boxprio3v4_267 .linkContainer { position: absolute; top: 0; width: 100%; } .boxprio3v4_267 .linkContainer a { display: block; background-position: right bottom; height: 160px; width:237px; } /** CCHZE07 **/ .CCHEE07 .subtitle { height: 17px; overflow: hidden; } .CCHZE07_820 { width: 820px; } .CCHZE07_544 { width: 544px; } .CCHZE07_820 .content .left, .CCHZE07_820 .content .right { float:left; width: 400px; } .CCHZE07_544 .content .left, .CCHZE07_544 .content .right { float:left; width: 267px; } .CCHZE07_820 .content .left, .CCHZE07_544 .content .left { margin-right: 10px; } /** ZUSAMMENGESETZTES ELEMENT BILD LINKS TEXT RECHTS & BILD RECHTS TEXT LINKS **/ .CCHZE08_v1, .CCHZE08_v3, .CCHZE08_v3, .CCHZE09_v1, .CCHZE09_v3, .CCHZE09_v3 { width: 820px; } .CCHZE08_v1 .mediaContainer, .CCHZE09_v1 .mediaContainer { float: left; width: 267px; overflow: hidden; margin: 0 10px 0 0; } .CCHZE09_v1 .mediaContainer { margin: 0 0 0 10px; } .CCHZE08_v1 .mediaContainer .media, .CCHZE09_v1 .mediaContainer .media { width: 267px; } .CCHZE08_v1 .mediaContainer .subtitle, .CCHZE08_v2 .mediaContainer .subtitle, .CCHZE08_v3 .mediaContainer .subtitle, .CCHZE09_v1 .mediaContainer .subtitle, .CCHZE09_v2 .mediaContainer .subtitle, .CCHZE09_v3 .mediaContainer .subtitle { font-size: 10px; margin: 2px 0 5px 0; } .CCHZE08_v1 .content, .CCHZE09_v1 .content { float: left; width: 543px; } .CCHZE08_v2 .mediaContainer, .CCHZE09_v2 .mediaContainer { float: left; width: 405px; overflow: hidden; margin: 0 10px 0 0; } .CCHZE09_v2 .mediaContainer { margin: 0 0 0 10px; } .CCHZE08_v2 .mediaContainer .media, .CCHZE09_v2 .mediaContainer .media { width: 405px; } .CCHZE08_v2 .content, .CCHZE09_v2 .content { float: left; width: 405px; } .CCHZE08_v3 .mediaContainer, .CCHZE09_v3 .mediaContainer { float: left; width: 544px; overflow: hidden; margin: 0 10px 0 0; } .CCHZE09_v3 .mediaContainer { margin: 0 0 0 10px; } .CCHZE08_v3 .mediaContainer .media, .CCHZE09_v3 .mediaContainer .media { width: 544px; } .CCHZE08_v3 .content, .CCHZE09_v3 .content { float: left; width: 266px; } /*** CCHStandard */ .CCHStandard { width:820px; } .CCHStandard .subtitle { padding:3px 0 5px 0; font-size:10px; } .CCHStandard div { float:left; display:inline; padding:0 10px 8px 0; } .CCHStandard h3 { margin:0 0 10px 0; } .CCHStandard h2 { margin:0 0 10px 0; } .CCHStandard .headline { display:block; font-size:14px; font-weight:bold; padding:5px 2px; width:100%; } .CCHStandard .text { display:block; width:100%; padding:0 0 5px 0; } /** CCHFormular **/ .Formular { position: relative; width: 405px; padding: 10px 0 0 0; } .Formular .formularLegende { margin: 0 0 10px 120px; width: 165px; } .Formular .input { padding:2px; float:left; } .Formular .input .errortext { display:none; } .Formular .error { padding:0px; border:0px solid #990000; background-color:#990000; margin-bottom:5px; width: 244px; padding: 2px; } .Formular .error .errortext { display:block; color:#ffffff; padding:0px 10px; line-height:25px; } .Formular .radiobuttons_outer input, .Formular .checkbox_outer input { position: relative; margin: 0; } .Formular .radiobuttons_outer label, .Formular .checkbox_outer label { position: relative; top: 4px; } .Formular .radiobuttons_outer .inputelementTitle { margin-top: 4px; } .Formular .inputFormElement, .Formular .radiobuttons_outer, .Formular .checkbox_outer, .Formular .selectboxElement, .Formular .dateFormElement { margin: 0 0 10px 0; min-height:24px; } .Formular .captcha { min-height:140px!important; } .Formular .horizontalLine { width:400px; margin:10px 5px; border-top:1px solid #b4c1bc; border-bottom:1px solid white; } .Formular .radiobuttons, .Formular .checkboxes { padding: 0 0 0 2px; width: 242px; } .Formular .radiobuttons br, .Formular .checkboxes br { line-height: 4px; } .Formular .radiobutton, .Formular .checkboxEL { margin: 0 10px 0 0; } .Formular .radiobutton .formelement { margin-right: 7px; } .Formular .input .radiobutton .formelement, .Formular .input .radiobutton .label, .Formular .input .checkboxEL .formelement, .Formular .input .checkboxEL .label { float: left; } .Formular .input .checkboxEL .label { width: 205px; margin-bottom: 10px; } .Formular .input .horizontal .radiobutton { float: left; margin: 0 10px 4px 0; } .Formular .inputFormElement label, .Formular .dateFormElement label, span.inputelementTitle, .Formular .selectboxElement label { width: 110px; display: block; float:left; text-align: right; margin: 3px 10px 0 0; padding: 0px 0 0 0; } .Formular .inputFormElement { min-height:24px; } .Formular select.multi { display: block; border: 1px solid #7f9db9!important; } div.radiobuttons, div.checkboxes { display:block; width:244px; background-color: #ffffff; } .Formular .inputFormElement input { width: 238px; } .Formular .dateFormElement input { width: 90px; text-align: center;} .Formular .inputFormElement input.error, .Formular .dateFormElement input.error { width:120px; } .Formular div.inputFormElement textarea { width:238px; height:50px; } .Formular div.inputFormElement textarea.error { width:120px; height:50px; } .Formular .selectboxElement select { width: 245px; border:1px solid #7f9db9; } .Formular .selectboxElement select.error { width: 125px; height: 24px; } .Formular .formErrorLayerContainer { position: absolute; left: 250px; } .Formular .formErrorLayerContainer .inner { position: relative; } .Formular .formErrorLayerContainer .pointer { position: absolute; left: 0; top: 4px; height: 12px; width: 10px; background: url(../image/img_formerror_indicator.png) no-repeat 0 0; } .Formular .formErrorLayerContainer .text { width:auto; position: absolute; left: 10px; white-space:nowrap; background-color:#990000; color: #ffffff; padding: 3px 5px; } .Formular .submitContainer input:focus { outline: none; } .Formular .submitContainer input::-moz-focus-inner { border: 0; } .Formular .submitContainer { height:22px; padding:0; margin:0 0 0 0; background:url(../image/buttons/bt_formsubmit_right.png) right 0 no-repeat; width: auto; float: right; } .Formular .submitContainer input { height:22px; background:url(../image/buttons/bt_formsubmit_left.png) left 0 no-repeat; color:#000; font-weight: bold; border: none; overflow: visible; display: inline; margin:0px; padding:0px 8px 0px 8px; cursor: pointer; } .Formular_wrapper { width:820px; overflow:hidden; background-image:url(../image/bh_kurse_detail_formular.png); } .Formular_wrapper .header { background-color:#b4c1bc; padding-left:5px; } .Formular_wrapper .header h3 { color:#ffffff; margin:0pt; padding:5px 0 5px 10px; } .Formular_wrapper .footer { background-color:#b4c1bc; height:30px; } .Formular_wrapper .content { position:relative; float:left; width:350px; padding:10px 45px 10px 15px; } .Formular_wrapper .Formular { position:relative; float:left; width:410px; padding:20px 0 0 0; } .Formular_wrapper .Formular .link { float:right; padding:0 45px 10px 0px; } .Formular_wrapper .Formular .link a { cursor: pointer; } .Formular_wrapper .Formular .submitContainer input { float:right; padding-right:45px; } html:first-child div.radiobuttons table, html:first-child div.checkboxes table { float:none; } /* opera hack */ /* datepicker */ table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #ff8c00; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } .dp-choose-date { background: url(../image/icons/icon_cal.png) no-repeat 0 0; display: inline-block; height: 20px; width: 20px; position: relative; top: -2px; left: 10px; text-indent: -9999px; } /** MeinePlaeneHeader */ div.MeinePlaeneHeader { width:820px; height:232px; } div.MeinePlaeneHeader .layer { position:absolute; right:0px; bottom:0px; height:21px; overflow:hidden; } div.MeinePlaeneHeader .layer .wedge { float:left; width:21px; height:21px; background-image:url(../image/bh_myplans_wedge.gif); } div.MeinePlaeneHeader .layer .linkContainer { float:right; background-color:#019092; height:21px; padding:2px 10px 0px 0px; } div.MeinePlaeneHeader a.arrow_left_12px_bold { color:white; } /** GALLERY BHZE02_820 **/ .CCHZE02_820 { height:480px; position:relative; width:820px; overflow: hidden; border-bottom: 1px solid #cccccc; padding-bottom: 10px;} .CCHZE02_820 .left { left:0; position:absolute; top:0; width:280px; } .CCHZE02_820 .right { height:433px; left:277px; position:absolute; width:544px; } #content-container .CCHZE02_820 ul li { background:transparent none repeat scroll 0 0; height:102px; margin:0 10px 10px 0; padding:0; width:128px; } #content-container .CCHZE02_820 ul { margin:0; padding:0; } .CCHZE02_820 .gallery { width:280px; height: 433px; overflow: hidden; } .CCHZE02_820 .gallery li { background-image:none; border:medium none; float:left; height:102px; padding:0; width:128px; } .CCHZE02_820 .mainImage { height:480px; width:544px; overflow: hidden; } .CCHZE02_820 .mainImage img { height:433px; width:544px; overflow: hidden; } .CCHZE02_820 .mainImage .caption { display: block; height: 40px; position: relative; padding: 10px 0px;} .CCHZE02_820 .galleria li { float:left; height:102px; overflow:hidden; width:128px; } .CCHZE02_820 .galleria li a { display:none; } .CCHZE02_820 .galleria li div { position:absolute; top:0; } .CCHZE02_820 .galleria li div img { cursor:pointer; } .CCHZE02_820 .galleria li.active div img, .CCHZE02_820 .galleria li.active div { display:block; } .CCHZE02_820 .galleria li img.thumb { cursor:pointer; display:block; height:auto; left:auto; top:auto; width:auto; } .CCHZE02_820 .galleria li .caption { display:block; } .CCHZE02_820 .pagination {position: absolute; top: 450px; width: 267px;} .CCHZE02_820 .pagination a {text-decoration:none;border: solid 1px #ff8c00;color:#ff8c00;font-weight:bold;} .CCHZE02_820 .pagination a, .CCHZE02_820 .pagination span {display: block;float: left;padding: 0.2em 0.4em;margin-right: 6px;margin-bottom: 4px;} .CCHZE02_820 .pagination .current {color: #877a6b;border: solid 2px #877a6b;background-color:#ffffff;margin-top:-1px;font-weight:bold;} .CCHZE02_820 .pagination .next {border-color:#ff8c00;color:#ff8c00;} .CCHZE02_820 .pagination .current.prev, .CCHZE02_820 .pagination .current.next {color:#ffc57f;border:1px solid #ffc57f;background:#fff;margin-top:0;} * html .CCHZE02_820 .galleria li div span { width:400px; } /** GALLERY BHZE02_544 **/ .CCHZE02_544 { height:244px; position:relative; width:544px; border-bottom: 1px solid #cccccc; padding-bottom: 10px;} .CCHZE02_544 .left { left:0; position:absolute; top:0; width:280px; } .CCHZE02_544 .right { height:213px; left:277px; position:absolute; width:267px; } #content-container .CCHZE02_544 ul li { background:transparent none repeat scroll 0 0; height:102px; margin:0 10px 10px 0; padding:0; width:128px; } #content-container .CCHZE02_544 ul { margin:0; padding:0; } .CCHZE02_544 .gallery { width:280px; height: 213px; overflow: hidden;} .CCHZE02_544 .gallery li { background-image:none; border:medium none; float:left; height:102px; padding:0; width:128px; } .CCHZE02_544 .mainImage { height:244px; width:267px; overflow: hidden; } .CCHZE02_544 .mainImage img { height:213px; width:267px; overflow: hidden; } .CCHZE02_544 .mainImage .caption { display: block; height: 40px; position: relative; padding: 4px 0px;} .CCHZE02_544 .galleria li { float:left; height:102px; overflow:hidden; width:128px; } .CCHZE02_544 .galleria li a { display:none; } .CCHZE02_544 .galleria li div { position:absolute; top:0; } .CCHZE02_544 .galleria li div img { cursor:pointer; } .CCHZE02_544 .galleria li.active div img, .CCHZE02_544 .galleria li.active div { display:block; } .CCHZE02_544 .galleria li img.thumb { cursor:pointer; display:block; height:auto; left:auto; top:auto; width:auto; } .CCHZE02_544 .galleria li .caption { display:block; border: 1px solid #ff0000; } * html .CCHZE02_544 .galleria li div span { width:400px; } .CCHZE02_544 .pagination {position: absolute; top: 220px; width: 267px;} .CCHZE02_544 .pagination a {text-decoration:none;border: solid 1px #ff8c00;color:#ff8c00;font-weight:bold;} .CCHZE02_544 .pagination a, .CCHZE02_544 .pagination span {display: block;float: left;padding: 0.2em 0.4em;margin-right: 6px;margin-bottom: 4px;} .CCHZE02_544 .pagination .current {color: #877a6b;border: solid 2px #877a6b;background-color:#ffffff;margin-top:-1px;font-weight:bold;} .CCHZE02_544 .pagination .next {border-color:#ff8c00;color:#ff8c00;} .CCHZE02_544 .pagination .current.prev, .CCHZE02_544 .pagination .current.next {color:#ffc57f;border:1px solid #ffc57f;background:#fff;margin-top:0;} /*** bh_service_uebersicht */ .dynamicContent { margin:0px 10px 3px 0px; padding:0; border:0; width:820px; } .dynamicContent img { position:relative; z-index:2; border:0; margin:0; padding:0; float:left; } .dynamicContent .upper { height:46px; display:table; padding:0px; border:1px solid lightgrey; background-color:#eeeeee; width:818px; margin:0px; } .dynamicContent .dark { border:1px solid #698379; background-color:#698379; } .dynamicContent h3 { width:733px; position:relative; color:#666666; padding:0px 0px 0px 10px; margin:0px; height:46px; display:table-cell; vertical-align:middle; } * html .dynamicContent h3 { display:block; top:15px; height:32px; width:500px; } .dynamicContent .openbutton { position:absolute; color:orange; cursor:pointer; height:33px; left:770px; top:15px; z-index:2; } .dynamicContent .closebutton { color:white; } .dynamicContent .ze { height:166px; } .dynamicContent .opened { border:1px solid lightgrey; position:relative; top:0px; width:818px; left:0px; } .dynamicContent .dark h3 { color:white; padding:0px 0px 0px 10px; float:none; width:808px; } * html .dynamicContent .dark h3 { width:500px; } .dynamicContent .opened img { left:0px; top:0px; position:absolute; } .dynamicContent .opened .content { float:left; font-size:10px; padding-left:277px; padding-top:10px; } .dynamicContent .opened .link { z-index:3; background-position:bottom right; color:orange; cursor:pointer; font-size:10px; padding-top:143px; height:auto; position:absolute; text-align:right; width:810px; float:none; left:0px; top:0px; } .dynamicContent .opened .link a.orange_arrow { width:auto; } /** BHSpezial_Linkliste_Plaene **/ .BHSpezial_Linkliste_Plaene { width: 820px; background-color: #698379; padding: 0px 20px; margin: 25px 0 0 0; } #content-container .BHSpezial_Linkliste_Plaene li { background: none; padding: 0; } .BHSpezial_Linkliste_Plaene li a { background: url(../image/icon_arrow_white_5x5.png) no-repeat 0 4px; padding: 0 0 0 12px; color: #ffffff; font-size: 11px; cursor: pointer; } #content-container .BHSpezial_Linkliste_Plaene ul li ul { display: none; } #content-container .BHSpezial_Linkliste_Plaene ul li ul li { background: none; margin: 0 0 0 20px; } /** BH Meine Pläne Teaser **/ .BH_teaser { width: 267px; } .BH_teaser .header { background-color: #B4C1BC; border-bottom: 1px solid #ffffff; } .BH_teaser .header h3 { color: #ffffff; margin: 0; padding: 4px 10px;font-size:12px; } .BH_teaser .content { background-color: #EBEFEE; padding: 10px 12px; } .BH_teaser .content_half { position: absolute; top: 24px; left: 130px; height: 84px; width: 125px; background-color: #EBEFEE; padding: 5px 2px 10px 10px; } .BH_teaser .content p { margin-bottom: 10px; } .BH_teaser .content a, .BH_teaser .content_half a { display: inline-block; } .BH_teaser .content_half a { width: 105px; position: absolute; top: 80px; margin: 0; } .BH_teaser .linkContainer { background-color: #EBEFEE; } .BH_teaser .linkContainer a { position: relative; } /** BH Meine Pläne Einkaufsliste **/ .BH_Plaene_Einkaufsliste { height: auto; } .BH_Plaene_Einkaufsliste .header { background-color: #B4C1BC; padding: 5px 10px; border-bottom: 1px solid #ffffff; } .BH_Plaene_Einkaufsliste .header h3 { color: #ffffff; font-size: 12px; margin: 0; } .BH_Plaene_Einkaufsliste .content { background-color: #EBEFEE; padding: 10px 20px; } .BH_Plaene_Einkaufsliste .content b { font-size: 12px!important; } .BH_Plaene_Einkaufsliste .content ul { padding: 0!important; margin: 4px 0!important; } /** BH_recentbox**/ .BH_recentbox { height: auto; } .BH_recentbox .header { background-color: #B4C1BC; padding: 5px 10px; border-bottom: 1px solid #ffffff; } .BH_recentbox .header h3 { color: #ffffff; font-size: 12px; margin: 0; } .BH_recentbox .content { background-color: #EBEFEE; padding: 10px 12px; } .BH_recentbox .content a { display: inline-block; margin: 0; } .BH_recentbox .content br { } /*** BH Meine Pläne - Step ***/ .BH_Plaene_Step { width:544px; overflow: hidden; } .BH_Plaene_Step .mediaContainer { width: 145px; float: left; overflow: hidden; height: 100px; margin: 16px 10px 0 0; } .BH_Plaene_Step .mediaContainer .media { height: 80px; width: 145px; overflow: hidden; } .BH_Plaene_Step .mediaContainer .media * { height: 80px; width: 145px; } .BH_Plaene_Step .mediaContainer .subtitle { margin: 3px 0 0 0; } .BH_Plaene_Step .content { float: left; width: 389px; margin: 5px 0 0 0; padding: 0 0 0 0; } .BH_Plaene_Step .content h3 { margin: 10px 0 0 0; } .BH_Plaene_Step .content p { margin: 10px 0 0px 0; } /*** BH Pläne - Eigenschaften des Projekts **/ .BH_Plaene_features { width: 544px; overflow:hidden; } .BH_Plaene_features .header { background-color: #B4C1BC; padding: 5px 10px; border-bottom: 1px solid #ffffff; } .BH_Plaene_features .header h3 { color: #ffffff; font-size: 12px; margin: 0; } .BH_Plaene_features .content { padding: 10px 20px; background-color: #EBEFEE; } .BH_Plaene_features .content .iconContainer { height: 50px; margin: 0 0 20px 0; } #content-container .BH_Plaene_features div ul { display: block; margin: 0; padding: 0; } #content-container .BH_Plaene_features div ul li { background-image: none; margin: 0; padding: 0; float: left; height: 28px; width: 28px; margin: 5px 20px 0 0; cursor: pointer; background-color: #00ff00; } #content-container .BH_Plaene_features div ul li span { display: none; } .BH_Plaene_features .jahreszeitenContainer { float: left; font-size: 12px; margin: 0 10px 0 0; } .BH_Plaene_features .themaContainer { float: left; font-size: 12px; margin: 0 10px 0 0; } .BH_Plaene_features .levelContainer { float: left; font-size: 12px; } /*** BH Pläne Footer **/ .BH_Plaene_footer { background-color: #698379; padding: 5px 10px 3px 10px; text-align: right; } .BH_Plaene_footer a { height: 15px; display: block; margin-bottom: 5px; } .BH_prospekte_teaser { width: 820px; } .BH_prospekte_teaser .mediaContainer { height: 180px; width: 120px; float: left; } .BH_prospekte_teaser .mediaContainer .media { height: 160px; width: 120px; background-color: #EBEFEE; } .BH_prospekte_teaser .mediaContainer .subtitle { margin-top: 7px; height: 20px; width: 120px; text-align: right; } .BH_prospekte_teaser .contentContainer { float: left; width: 700px; } .BH_prospekte_teaser .contentContainer .content { width: 680px; margin: 10px; } .BH_prospekte_teaser .contentContainer .content p { max-width: 680px; } .BH_prospekte_teaser .linkContainer { position: relative; width: 680px; margin: 10px; text-align:right; } .BH_prospekte_teaser .linkContainer a { display: inline; } .BH_prospekte_teaser .header { background-color: #B4C1BC; padding: 5px 10px; border-bottom: 1px solid #ffffff; } .BH_prospekte_teaser .header h3 { color: #ffffff; font-size: 12px; margin: 0; } /** BH+ SERVICE ÜBERSICHT **/ .serviceOverviewEl { width: 820px; } .serviceOverviewEl .headerContainer { background-color: #B4C1BC; background-image: url(../image/icon_arrow_white_open.png); background-repeat: no-repeat; background-position: 790px 18px; height: 48px; overflow: hidden; cursor: pointer; } .serviceOverviewEl .open { background-color: #698379; background-image: url(../image/icon_arrow_white_close.png); background-repeat: no-repeat; background-position: 790px 18px; } .serviceOverviewEl h3 { color: #fff; font-weight: bold; font-size: 14px; margin: 15px 0 0 15px; } .serviceOverviewEl .open h3 { margin: 15px 0 0 15px; } .serviceOverviewEl .headerContainer img { height: 46px; width: 75px; margin: 1px 0; } .serviceOverviewEl .headerContainer .overlay { position: absolute; top: 19px; left: 49px; } .serviceOverviewEl .headerContainer .overlay img { height: 27px; width: 26px; margin: 1px 0; } .serviceOverviewEl .headerContainer img, .serviceOverviewEl .headerContainer h3 { float: left; } .serviceOverviewEl .contentContainer { position: relative; border: 1px solid #B4C1BC; height: 166px; overflow: hidden; display: none; } .serviceOverviewEl .contentContainer .media { float: left; } .serviceOverviewEl .contentContainer .media .overlay { position: absolute; top: 123px; left: 225px; } .serviceOverviewEl .contentContainer .content { float: left; width: 530px; margin: 10px; } .serviceOverviewEl .contentContainer .linkContainer { position: absolute; right: 10px; bottom: 10px; } .serviceDetailEl { position: relative; width: 820px; height: 214px; overflow: hidden; } .serviceDetailEl .header { background-color: #698379; padding: 17px 10px; } .serviceDetailEl .header h2 { color: #ffffff; font-family: Arial; font-weight: bold; font-size: 16px; margin: 0; padding: 0; } .serviceDetailEl .media { float: left; } .serviceDetailEl .content { float: left; width: 532px; margin: 10px; height: 149px; border-bottom: 1px solid #698379; overflow: hidden; } .serviceDetailEl .linkContainer { position: absolute; right: 10px; bottom: 10px; } #content-container .BH_Plaene_features li.fruehling { background: url(../image/icons/icon_plaene_fruehling.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.sommer { background: url(../image/icons/icon_plaene_sommer.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.herbst { background: url(../image/icons/icon_plaene_herbst.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.winter { background: url(../image/icons/icon_plaene_winter.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.oekologie { background: url(../image/icons/icon_plaene_oekologie.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.gestalten { background: url(../image/icons/icon_plaene_pinsel.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.wohlfuehlen { background: url(../image/icons/icon_plaene_wohlfuehlen.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.einfach { background: url(../image/icons/icon_plaene_einfach.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.mittel { background: url(../image/icons/icon_plaene_mittel.png) no-repeat 0 0; } #content-container .BH_Plaene_features li.schwer { background: url(../image/icons/icon_plaene_schwer.png) no-repeat 0 0; } /******* SORTIMENTSFINDER *********/ .sortimentsfinder { position: relative; width: 820px; border-top: 1px solid #D7DBDB; border-bottom: 1px solid #D7DBDB; background-color: #EFF1F1; } .sortimentsfinder .label { width: 30px; border-top: 1px solid #ffffff; float:left; background-color: #698379; } .sortimentsfinder .navigation { width: 242px; background: url(../image/sortimentsfinder/bg_sortimentnav_navigation.png) no-repeat 0 0; background-color: #EFF1F1; float: left; } .sortimentsfinder .contentOuter { width: 547px; height: 590px; float: left; margin-left: 0px; overflow: hidden; } #bh-sortimentsfinder-start .sortimentsfinder .label, #bh-sortimentsfinder-start .sortimentsfinder .navigation { height: 511px; } #bh-sortimentsfinder-start .sortimentsfinder .contentOuter { height: 500px; } #bh-sortimentsfinder-detail .sortimentsfinder .label, #bh-sortimentsfinder-detail .sortimentsfinder .contentOuter, #bh-sortimentsfinder-detail .sortimentsfinder .navigation { height: 675px; } #bh-sortimentsfinder-detail .sortimentsfinder .contentOuter { height: 660px; } #bh-sortimentsfinder-start .sortimentsfinder .contentOuter { margin-top: 10px; } #content-container .sortimentsfinder .navigation #sortiment-crosslinks { position: absolute; bottom: 10px; left: 40px; width: 220px; } #content-container .sortimentsfinder .navigation #sortiment-crosslinks a { display: inline-block; } #content-container .sortimentsfinder .navigation ul, #content-container .sortimentsfinder .navigation ul li { background: none; padding: 0; margin: 0; width: 226px; } #content-container .sortimentsfinder .navigation ul.firstlevel li { } #content-container .sortimentsfinder .navigation ul.firstlevel li a { width: 211px; display: block; color: #000000; font-size: 12px; font-weight: bold; padding: 7px 0 7px 25px; background: url(../image/sortimentsfinder/bg_arrow_black.png) no-repeat 10px 10px; background-color: #DEE4E3; border-bottom: 1px solid #CCD5D1; border-top: 1px solid #ffffff; margin: 0; } #content-container .sortimentsfinder .navigation ul.firstlevel li ul.firstlevel li a { background-position: 25px 10px; padding: 7px 0 7px 40px; width: 197px; } #content-container .sortimentsfinder .navigation ul.detaillevel li a { width: 192px; display: block; color: #000000; font-size: 12px; font-weight: normal; padding: 7px 0 7px 25px; background: url(../image/sortimentsfinder/bg_arrow_black.png) no-repeat 10px 10px; background-color: none; border-bottom: 1px solid #8DA29A; border-top: none; margin: 0 0 0 10px; } #content-container .sortimentsfinder .navigation ul.firstlevel li a.active { width: 211px; background: url(../image/sortimentsfinder/bg_arrow_black_down.png) no-repeat 10px 10px; background-color: #DEE4E3; border-bottom: 1px solid #CCD5D1; border-top: 1px solid #ffffff; } #content-container .sortimentsfinder .navigation ul.detaillevel li a.active { width: 191px; font-weight: bold; margin: 0; padding: 7px 0 7px 45px; background: url(../image/sortimentsfinder/bg_arrow_black_down.png) no-repeat 30px 10px; background-color: #DEE4E3; border-bottom: 1px solid #CCD5D1; border-top: 1px solid #ffffff; } #content-container .sortimentsfinder .contentInner h1 { font-size: 14px; color: #019092; text-transform: uppercase; margin: 20px 0 5px 0; font-weight: bold; } #content-container .sortimentsfinder .contentInner h2 { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0; } .sortimentsfinder .filebox, .sortimentsfinder .verkaufsstellen { position: relative; width: 539px; margin: 0 0 10px 0; } .sortimentsfinder .filebox .top, .sortimentsfinder .verkaufsstellen .top { position: relative; width: 539px; height: 5px; background: url(../image/sortimentsfinder/bg_filebox_top.png) no-repeat 0 0; } #content-container .sortimentsfinder .filebox .content, #content-container .sortimentsfinder .verkaufsstellen .content { position: relative; width: 539px; padding: 10px 10px 3px 20px; background: url(../image/sortimentsfinder/bg_filebox_content.png) no-repeat 0 bottom; } #content-container .sortimentsfinder .filebox .content a, #content-container .sortimentsfinder .verkaufsstellen .content a { color: #000000; padding: 2px 0 0 25px; } .sortimentsfinder .filebox .bottom, .sortimentsfinder .verkaufsstellen .bottom { position: relative; width: 539px; height: 6px; background: url(../image/sortimentsfinder/bg_filebox_bottom.png) no-repeat 0 0; } #content-container .sortimentsfinder .content ul li { background: none; margin: 0; padding: 0; float: left; width: 250px; } .sortimentsfinder .content ul li a { color: #FF8C00!important; padding: 0 0 0 15px!important; } /*** SORTIMENTSFINDER FALLBACK ***/ .sortimentsfinder .fallback { position: relative; left: -5px; height: 692px; width: 545px; overflow: hidden; } .sortimentsfinder .fallback .item_small { position:relative; height: 156px; width: 176px; background: url(../image/sortimentsfinder/bg_fallback_item.png) no-repeat 0 0; float: left; margin: 0 5px 5px 0; } .item_small .media { position: absolute; top: 8px; left: 8px; height: 104px; width: 160px; } .item_small .media img { height: 104px; width: 160px; } .item_small .preisContainer { position: absolute; right: 8px; top: 11px; z-index: 2; text-align: right; } .item_small .preisContainer .preis { background-color: #698379; font-size: 14px; color: #ffffff; font-weight: bold; padding: 3px 10px; } .item_small .preisContainer .streichpreis { display: none; } .item_small .aktion { background-color: #FFEE00; padding: 2px 10px; text-align: center; top: 8px; position: absolute; right: 7px; } .item_small .aktion .preis { background-color: #FFEE00; font-size: 14px; color: #000000; font-weight: bold; padding: 0; } .item_small .aktion .streichpreis { display: block; } .item_small .description { position: absolute; bottom:7px; left: 10px; width: 160px; } .item_small .description p { margin: 0; padding: 0; font-weight: bold; font-size: 12px; } .item_small .detail { position: absolute; z-index: 4; top: 96px; right: 7px; text-align: right; background: url(../image/bg_bh_contentTeaser_layer.png) no-repeat 0 0; padding: 2px 10px 2px 40px; } .item_small .detail a { color: #ffffff; background: url(../image/icon_arrow_white_5x5.png) no-repeat 0 4px; padding: 0 0 0 10px; } .sortimentsfinder .fallback .item_big { position:relative; height: 443px; width: 538px; background: url(../image/sortimentsfinder/bg_fallback_item_detailview.png) no-repeat 0 0; margin: 0 0 10px 0; } .item_big .media { position: absolute; top: 8px; left: 8px; height: 340px; width: 522px; } .item_big .media .logolayer { position: absolute; top: 10px; left: 10px; z-index: 2 } .item_big .media .productimage { position: absolute; top: 0; left: 0; } .item_big .media .productimage img { height: 340px; width: 522px; } .item_big .description { position: absolute; top: 355px; left: 10px; } .item_big .description h1 { font-family: Arial; font-size: 12px!important; font-weight: bold; color: #000000!important; margin: 0 0 5px 0!important; } .item_big .description p { padding: 0; margin: 0 0 2px 0; } .item_big .description .articlenumber { font-weight: bold!important; font-size: 11px; } .item_big .preisContainer { position: absolute; right: 8px; top: 10px; z-index: 2; } .item_big .preisContainer .preis { background-color: #698379; font-size: 20px; color: #ffffff; font-weight: bold; padding: 3px 10px; } .item_big .preisContainer .streichpreis { display: none; } .item_big .aktion { background-color: #FFEE00; padding: 2px 10px; text-align: center; top: 8px; } .item_big .aktion .preis { background-color: #FFEE00; font-size: 20px; color: #000000; font-weight: bold; padding: 0; } .item_big .aktion .streichpreis { display: block; font-size: 14px; } /** FEHLERSEITE **/ #search-errorpage-label { height: 27px; width: 27px; display: block; background-color: #ff0000; float: left; } #search-errorpage-input { height: 16px; width: 230px; font-size: 12px; display: block; float: left; margin: 1px 0px 0px 13px; padding: 3px 5px; } #search-errorpage-submit { margin: 7px 0 0 10px; clear: left; } /*** AKTIONEN Coop.ch ***/ #aktionen_anker_links a {border-right: 10px solid #ffffff; background-position: 0 5px;} /*.aktionTyp1 { position:absolute; border: none; left:4px; top:5px; background:none; width:638px; height:285px; } */ .aktionTyp1 { position:absolute; border: none; left:4px; top:5px; background:none; width:638px;} /* nx_kbr - height rausgenommen */ .aktionTyp1 .aktionenContainer { position:relative; left:21px; top:298px; width:630px; height:222px; border-left:4px solid #fa9d1c; border-right:4px solid #fa9d1c; border-top:33px solid #fa9d1c; border-bottom:30px solid #fa9d1c; padding:0; margin:0; background-color: #ffffff; } .aktionTyp1 .aktionenContainer .topline { position: relative; left:0; top:-22px; width:100%; font-size:12px; font-weight:bold; width:100%; color:#FFFFFF; text-align:center; } .aktionTyp1 .aktionenContainer .aktion_preisrabatt { position: absolute; left:0; top:4px; width:315px; background:none; border:none; height:222px } .aktionTyp1 .aktionenContainer .aktionen_superpunkte { position: absolute; right:0; top:0; width:315px; background:none; border:none; height:222px; } .aktionTyp1 .aktionenContainer .aktion_preisrabatt div.image { position: relative; top: 47px; left: 10px; } .aktionTyp1 .aktionenContainer .aktionen_superpunkte div.image { position: relative; top: 47px; left: 10px; } .aktionTyp1 .aktionenContainer .aktion_preisrabatt div.image img, .aktionTyp1 .aktionenContainer .aktionen_superpunkte div.image img { border:none } .aktionTyp1 .kreis_20xSuperpunkte p {display: none;} .aktionTyp1 .kreis_50xSuperpunkte p {display: none;} .aktionTyp1 .aktionenContainer .aktion_preisrabatt .aktion_preis .rabatt { position:absolute; right:5px; top: 20px; padding:0; margin:0; width:90px; text-align:center; font-size:20px; font-weight:bold; color:#FFFFFF; } .aktionTyp1 .aktionenContainer .aktion_preisrabatt .aktion_preis .preis { position:absolute; left:8px; top: 79px; padding:2px 3px 2px 3px; margin:0; width:127px; text-align:left; font-size:30px; font-weight:bold; color:#000000; background: url(../image/aktionen/typ1_aktion_preis_bg.png) top right repeat-y; z-index: 2;} .aktionTyp1 .aktionenContainer .aktion_preisrabatt .aktion_preis .preis_alt { position:absolute; left:8px; top: 112px; padding:2px 3px 2px 3px; margin:0; width:127px; text-align:left; font-size:12px; font-weight:bold; color:#000000; background: url(../image/aktionen/typ1_aktion_preis_bg.png) top right repeat-y; z-index: 3; } .aktionTyp1 .aktionenContainer .aktion_preisrabatt .aktion_preis .content { position:absolute; left:8px; top: 130px; padding:1px 3px 9px 3px; margin:0; width:127px; text-align:left; font-size:12px; color:#000000; background: url(../image/aktionen/typ1_aktion_content_bg.png) bottom right no-repeat } .aktionTyp1 .aktionenContainer .aktion_preisrabatt .aktion_preis .content span { font-weight:bold; font-size:12px; } /*DVN*/ .aktionTyp1 .aktionenContainer .aktionen_superpunkte .superpunkt p { position: relative; display: block; left: 17px; width: 90px; color:#FFFFFF; font-weight:bold; font-size:48px; text-align:center; padding:0; margin:0; letter-spacing: -2px; } .aktionTyp1 .aktionenContainer .aktionen_superpunkte .content { position:absolute; right:10px; top: 148px; padding:0 2px; margin:0; width:175px; text-align:left; color:#000000; background:#ffffff } .aktionTyp1 .aktionenContainer .aktionen_superpunkte .content p { padding:0; margin:0; font-size:12px; line-height:14px } .aktionTyp1 .aktionenContainer .aktionen_superpunkte .content span { font-weight:bold; font-size:12px; } .aktionTyp1 .aktionenContainer .bottomline_left { position: absolute; left:20px; bottom:-22px; text-align:left; } .aktionTyp1 .aktionenContainer .bottomline_right { position: absolute; left:332px; bottom:-22px; text-align:left; } .aktionTyp1 .aktionenContainer .bottomline_left a, .aktionTyp1 .aktionenContainer .bottomline_right a { font-size:12px; font-weight:bold; width:100%; color:#FFFFFF; } /* DVN */ .aktionTyp2 .drucklogo { display:none } .aktionTyp2 .content { padding: 0; margin: 0 0 10px 0; background: #FFFBA2; padding: 5px 10px;} .aktionTyp2 .content p {font-size: 12px; color: #666666;} .aktionTyp2 { position:absolute; border: none; left:188px; top:287px; background:none; width:622px; } .aktionTyp2 .akt-druck { height: 18px; display: block; position: absolute; top: 0; right:20px; padding: 0 0 0 0px; width: 18px; background: url(../image/icons/icon_print.png) no-repeat 0 0; } .aktionTyp2 .akt-druck img {display: none;} .aktionTyp2 .pdf {display:block;height:18px;width:18px;position:absolute;right:20px;top:4px;} .aktionTyp2 .pdftext {display:block;height:18px;width:200px;position:absolute;right:42px;top:4px;line-height:16px;text-align:right;} .aktionTyp2 div{padding-left:9px} .aktionTyp2 h3 { color: #666666; padding:0; margin:0; font-size: 12px } .aktionTyp2 h3 span { font-weight:normal; font-size: 12px; padding: 0 0 0 3px } .aktionTyp2 h2 { width:100%; position: relative; background:url(../image/aktionen/aktion2_guenstiger_h2_bg.png) no-repeat top left; padding:3px 0 4px 10px; margin:0 0 0 0; font-size:16px; font-weight:bold; } .aktionTyp2 a.akt-druck { text-align:right; margin: 0 0 0 250px } .aktionTyp2 .print_choose { padding:0; margin: 0 0 0 20px } .aktionTyp2 .print_choose p.text { font-size: 12px; margin: 6px 0 6px -20px } .aktionTyp2 .print_choose p.label_print { font-size: 12px; margin: 3px 0 } .aktionTyp2 .print_choose p.label_print label { padding-bottom: 2px } .aktionTyp2 .print_choose a { margin: 10px 0 10px 200px; display: block; font-weight: bold } /* geaendert/neu 10072009 */ .aktionTyp2 h1 { background:#ffff00; padding:2px 0 2px 10px; margin:0 3px 0 0; font-size:14px; font-weight:bold; position:relative;} .aktionTyp2 span.top {position:relative;float:right;margin-right:10px;display:block;font-size:14px;font-weight:bold;color:#FF8C00;} .aktionTyp2 span.top a {font-size:14px;font-weight:bold;color:#9C9C9C;} .aktionTyp2 span.top, .aktionTyp2 span.top a, .aktionTyp2 span.top, .aktionTyp2 span.top a { font-size:12px;padding:8px 0;} .aktionTyp2 h1 span.top {position:absolute;right:10px;top:2px;float:none;margin-right:0;} * html .aktionTyp2 h1 span.top {right:30px;} .aktionTyp2 div.linklist { margin: 20px 0 20px 8px } .aktionTyp2 div.linklist a { color: #9c9c9c; font-size:12px; line-height:14px; font-weight:bold; background:url(../image/aktionen/aktionen_linklist_a.png) no-repeat 0 3px; display:block; float:left; width:168px; padding: 0 8px 0 20px; margin:0 0 4px 0 } .aktionTyp2 div.katliste div.katliste_top { padding:3px 3px 15px 12px; } *+html .aktionTyp2 div.katliste div.katliste_top { padding:3px 3px 35px 12px; } * html .aktionTyp2 div.katliste div.katliste_top { padding:3px 3px 35px 2px; } .aktionTyp2 div.katliste .katliste_top_left { background:#ffffff; float:left; width:300px; position:relative; padding:0; margin:0; } .aktionTyp2 div.katliste .katliste_top_right { background:#ffffff; float:right; width:298px; position:relative; padding:0; margin:0; } .aktionTyp2 div.kat_img { position:absolute; left:0; top:0; width:210px; } .aktionTyp2 div.kat_img img { } .aktionTyp2 div.katliste .rabatt { text-align:center; color:#FFFFFF; padding:20px 0 4px 0; margin:0 0 0 67px; font-size:15px; font-weight:bold; width: 80px; line-height: 17px; font-family:verdana, sans-serif; } .aktionTyp2 div.katliste .rabatt span, .aktionTyp2 div.katliste .rabatt b { font-size:28px; font-weight:bold; width: 80px;line-height: 27px;padding-top:5px;display:block;margin-left:2px;} .aktionTyp2 div.katliste .rabatt i { font-size:16px; font-weight:bold; width: 80px;line-height: 27px;padding-top:14px;display:block;margin-left:2px;font-style:normal;font-family:verdana, sans-serif;} .aktionTyp2 div.katliste .rabatt_halberPreis { text-align:center; color:#FFFFFF; padding:23px 0 0 0; margin:0 20px 0 78px; font-size:30px; font-weight:bold } .aktionTyp2 div.katliste .rabatt_33prozentAktion { text-align:center; color:#FFFFFF; padding:23px 0 0 0; margin:0 20px 0 78px; font-size:30px; font-weight:bold } .aktionTyp2 div.katliste .rabatt_40prozentAktion { text-align:center; color:#FFFFFF; padding:23px 0 0 0; margin:0 20px 0 78px; font-size:30px; font-weight:bold } .aktionTyp2 div.kat_infos { text-align:left; color:#000000; padding:0 2px 8px 0; margin:18px 29px 0 0; background:url(../image/aktionen/katliste_top_infos_bg.png) no-repeat bottom right; } .aktionTyp2 div.katliste .k_preis { background:#FFFF00; width:100%; padding:2px 0 3px 0; margin:0 } .aktionTyp2 div.katliste .k_preis p span { font-size:20px; font-weight:bold; padding:0; margin:0 } .aktionTyp2 div.katliste .k_preis p { font-weight: normal; background:#FFFF00; padding:0 0 0 10px; margin:0; font-size:11px; line-height:20px } .aktionTyp2 div.katliste .titel { padding:0 0 0 10px; color:#000000; margin:2px 3px 0 0; font-weight:bold } .aktionTyp2 div.katliste .details { padding:0 0 0 10px; color:#000000; margin:0 3px 0 0; } .aktionTyp2 div.katliste .rezept a { padding:0 0 0 10px; margin:0; font-weight:bold } .aktionTyp2 div.katliste div.katliste_item { padding:3px 3px 0px 12px; border-bottom:1px solid #000000; color:#000000; min-height:35px; height:auto !important; height:35px; } .aktionTyp2 div.katliste div.katliste_item.last { padding:3px 3px 4px 12px; border-bottom:none; } .aktionTyp2 div.katliste div.katliste_item .text { float:left; width:50%; font-size:12px; padding: 0 0 3px 0 } .aktionTyp2 div.katliste div.katliste_item .text a { font-weight: bold } .aktionTyp2 div.katliste div.katliste_item .text span { font-size:12px; font-weight:bold } .aktionTyp2 div.katliste div.katliste_item .statt { float:left; width:13%; text-align:center; margin:14px 0 0 0; } .aktionTyp2 div.katliste div.katliste_item .statt p { font-size: 12px; font-weight:bold } .aktionTyp2 div.katliste div.katliste_item .preis { float:left; width:80px; margin:4px 0 0 0; text-align:center; font-weight:bold; } .aktionTyp2 div.katliste div.katliste_item .preis p { font-size: 22px; font-weight: bolder } .aktionTyp2 div.katliste div.katliste_item .rabatt { float:right; width:19%; margin:7px 0 0 0; text-align:left; font-weight:bold; font-size: 16px; background:#000000; color:#FFFFFF; padding:1px 4px; font-weight:bolder } .aktionTyp2 div.katliste div.katliste_item .extra span { } .aktionTyp2 div.katliste { margin: 3px 6px 0 0; position:relative; padding: 0 0 0 0; background:url(../image/aktionen/aktionTyp2_katliste_bg.png) no-repeat top right; } .aktionTyp2 div.katliste .unten_schwarz { font-size: 1px; padding:0; margin:10px 3px 0 3px; height:3px; font-size:3px; background:#000000; border: 0px solid #000000 } /* DVN */ .aktionTyp3 { position:absolute; border: none; left:190px; top:150px; background:none; width:588px; margin:0 20px 0 0 } .aktionTyp3 h1 { background:#910072; color:#FFFFFF; padding:3px 0 2px 9px; margin:0; font-size:14px; font-weight:bold; } .aktionTyp3 .item { position:relative; background:#ebe1f0; padding:0 0 10px 0; margin:3px 0 0 0px; } .aktionTyp3 .akt3_img { position:relative; padding:0; margin:0; float:left; width: 124px; display:table } .aktionTyp3 .akt3_img img { position:relative; padding:0; margin:0; border: 1px solid #b9b9b9; vertical-align:bottom; } .aktionTyp3 .akt3_right { position:relative; width: 458px; display:table; } .aktionTyp3 .akt3-dick { position:relative; font-weight:bold; letter-spacing:1px; font-size:12px; padding:5px 0 0 0; } .aktionTyp3 .akt3-duenn { position:relative; font-size:12px; line-height:14px; padding:0; margin:0 } .aktionTyp3 .preis { position:absolute; bottom:0; right:0; background:#ffee00; width:179px; padding: 0; margin:0; font-weight:bold } .aktionTyp3 .preis .front { float:left; font-size:12px; letter-spacing:1px; padding:0 0 0 7px; width:106px; border:none; margin: 3px 0 } .aktionTyp3 .preis .back { float:right; font-size:12px; letter-spacing:1px; padding:0 7px 0 2px; border:none; margin: 3px 0 } .aktionTyp3 .erhaeltlich { padding: 0 0 0 12px; font-size:10px; margin:17px 0 0 126px; background:url(../image/aktionen/aktion3_stern.png) no-repeat 3px 2px; } /* DVN */ .aktionTyp4 { position:absolute; border: none; left:191px; top:176px; background:none; width:610px; margin:0 0 0 0 } .aktionTyp4 .topline { font-size: 12px; color: #666666; margin-bottom: 50px; } .aktionTyp4 .topline b { font-size: 12px; color: #666666; margin-bottom: 50px; } .aktionTyp4 h1 { background:#1f3173; color:#FFFFFF; padding:3px 0 2px 10px; margin:0; font-size:14px; font-weight:bold; } .aktionTyp4 .item { position:relative; border-bottom:1px solid #000000; padding:0 0 8px 0; margin:4px 0 0 0; min-height:125px; height:auto !important; height:125px; } .aktionTyp4 .links {width:305px; position: relative; float:left } .aktionTyp4 .rechts {width:305px; position: relative; float:right } .aktionTyp4 .akt4_img { position: absolute; top:0; left:118px; padding:0; margin:0; z-index:1 } .aktionTyp4 .akt4_img img { position:relative; padding:0; margin:0; vertical-align:bottom; } .aktionTyp4 .info { position: relative; padding:0; margin:0 0 0 8px; width:110px; z-index:12} .aktionTyp4 .info .titel { font-weight:bold; font-size:12px; letter-spacing:1px; width:100%; line-height:14px } .aktionTyp4 .info .beschr { font-size:12px; padding:0 0 0 0; width:100% } .aktionTyp4 .info .preis { font-size:12px; letter-spacing:1px; width:100%; font-weight: bold } .aktionTyp4 .kreis_plus p { text-align:center; letter-spacing:0; font-size:50px; color:#FFFFFF; font-weight:bold; padding:14px 0 0 16px; } .aktionTyp4 .kreis_x p { text-align:center; letter-spacing:0; font-size:50px; color:#FFFFFF; font-weight:bold; padding:14px 26px 0 0; } .aktionTyp4 a.supercardlink { display:block; width:100%; height:112px; background:url(../image/aktionen/akt4_supercar_link.png) no-repeat top left; padding:0; margin:14px 0 0 0 } .aktionTyp4 a.supercardlink span { display:none } .aktionTyp4 .footnotes {margin: 10px 0px;} /* DVN */ .aktionTyp5 { position:absolute; border: none; left:191px; top:248px; background:url(../image/aktionen/aktion5_bg.png) repeat-x; width:610px; margin:0 0 0 0 } .aktionTyp5 .topline { font-size: 12px; color: #5CA4E3; margin-bottom: 20px; } .aktionTyp5 .topline b { font-size: 12px; color: #5CA4E3; } .aktionTyp5 h1 { background:#5ca4e3; color:#FFFFFF; padding:3px 0 2px 10px; margin:0 170px 0 0; font-size:14px; font-weight:bold; } .aktionTyp5 .item { position:relative; padding:0; margin:3px 0 0 0; height: 72px; } .aktionTyp5 .akt5_img { position:relative; padding:0; margin:0; float:left; } .aktionTyp5 .akt5_img img { position:relative; padding:0; margin:0; border: 1px solid #b9b9b9; vertical-align:bottom; } .aktionTyp5 .akt5_left { position:relative; float:right; width: 485px; } .aktionTyp5 .akt5-title { position:relative; letter-spacing:0; font-size:12px; line-height:14px; padding:0; margin:0; float:left } .aktionTyp5 .akt5-wert { position:relative; font-size:12px; line-height:14px; padding:0; margin:0 } .aktionTyp5 .preis { position:absolute; bottom:0; right:0; background:#ffee00; width:170px; height:68px; padding:2px 0; margin:0; font-weight:bold } .aktionTyp5 .preis .front { color:#000000; font-size:18px; font-weight:bold; padding: 0 4px 0 4px; float:left; margin:0 } .aktionTyp5 .preis .back { color:#000000; font-size:12px; font-weight:normal; padding: 3px 0 0 8px; margin:0 } .aktionTyp5 .keine_produkte { margin:3px 0 60px 0; color:#5ca4e3; font-weight:bold; font-size:12px; padding:0 0 3px 5px } /*** BAU UND HOBBY AKTIONEN ***/ .BH_AktionContanier { position: relative; width: 820px; overflow: hidden; padding: 0; margin: 0 0 25px 0; } .BH_AktionContanier .header { background-color: #698379; margin: 0; } .BH_AktionContanier .header h3 { color: #ffffff; padding: 10px; margin: 0; } .BH_AktionContanier .header span { position: absolute; top: 11px; right: 10px; color: #ffffff; } .BH_AktionContanier .subheader { position: relative; ; width: 820px; background-color: #D9DFDD; margin:1px 0 0 0; } .BH_AktionContanier .subheader .zeitraum { width: 390px; float: left; padding: 5px 10px; } .BH_AktionContanier .subheader .download { padding: 5px 10px 0 10px; float: right; background: none !important} .BH_AktionContanier .subheader .download a.mimetypelink { color: #000000; font-weight: bold; } .BH_AktionContanier .content { zoom: 1; margin: 1px 0 0 0; } .BH_AktionContanier .content .aktion { zoom: 1; border: 1px solid #D0CBCA; margin: 0 0 1px 0; height: 98px; position:relative;} .BH_AktionContanier .content .aktion .teaser { width: 260px; height: 98px; float: left; } .BH_AktionContanier .content .aktion .content { width: 538px; height: 78px; float: left; padding: 10px; } .BH_AktionContanier .content .aktion .content h4 { margin: 0; padding: 0; } .BH_AktionContanier .content .aktion .content p { display: block; height: 57px; overflow:hidden;} .BH_AktionContanier .content .aktion .teaser .media, .BH_AktionContanier .content .aktion .teaser .metaInfo { float: left; } .BH_AktionContanier .content .aktion .teaser .media, .BH_AktionContanier .content .aktion .teaser .metaInfo { width: 130px; height: 98px; overflow: hidden; } .BH_AktionContanier .content .aktion .teaser .media * { width: 130px; height: 98px; } .BH_AktionContanier .content .aktion .teaser .metaInfo { position: relative; background-color: #FFEE00; } .BH_AktionContanier .content .aktion .spezial .metaInfo { background-color: #FD0000; } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer { } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .preis_zusatz {width:37px;margin-left:5px;margin-top:7px;float:left;font-size:11px;letter-spacing:-0.02em;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .preis { font-size: 18px; margin: 0; font-weight: bold; z-index: 1;float:left;margin-top:1px; } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .preis_alt { font-size: 10px; display: block; margin: 0px 10px 5px 5px; font-weight: bold; z-index: 1;color:#333333;clear:both;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .preis_alt span {font-weight:normal;margin-right:14px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .description { height: 38px; padding: 3px 0 0 5px; z-index: 1;background-color:#cccccc; position:absolute;bottom:18px;width:125px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .descr_head {font-weight:bold;display:block;line-height:11px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .descr_text {display:block;font-size:9px;letter-spacing:0.05em;padding-top:2px;} * html .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .descr_text {display:block;font-size:9px;letter-spacing:0.04em;padding-top:2px;} *+html .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainer .descr_text {display:block;font-size:9px;letter-spacing:0.04em;padding-top:2px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .auszeichnung { background-color: #CCCCCC; border-top: 2px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 0px 10px; font-size: 10px; line-height: 12px; } .BH_AktionContanier .content .aktion .teaser .metaInfo .auszeichnung b { display: block; font-size: 11px; } .BH_AktionContanier .content .aktion .teaser .metaInfo .rabatt { position: absolute; top: 80px; width: 120px; background-color: #000000; color: #ffffff; font-weight: bold; padding: 2px 5px; font-size:11px;} /*Popup*/ .BH_AktionContanier .content .aktion .layer {position:absolute;bottom:4px;right:4px;cursor:pointer;} .BH_AktionContanier .content .aktion a.layeropener { background: url(../image/icons/icon_openlayer_bw.png) no-repeat 0 0; height: 16px; width: 16px; display: block; margin-bottom:0px; overflow:hidden;} .BH_AktionContanier .content .aktion .crosslinkPopup { position: absolute; bottom:23px;right:8px; border: 1px solid #CCCCCC; background-color: #ffffff; width: 400px; display: none;cursor:pointer; } .BH_AktionContanier .content .aktion .crosslinkPopup .closeIcon { position: relative; height: 10px; width:380px; margin: 5px 5px; } .BH_AktionContanier .content .aktion .crosslinkPopup .closeIcon a { position: relative; left: 374px; height: 10px; width: 10px; cursor:pointer;margin-top:8px;} * html .BH_AktionContanier .content .aktion .crosslinkPopup .closeIcon a { left: 378px;} *+html .BH_AktionContanier .content .aktion .crosslinkPopup .closeIcon a { left: 378px;} .BH_AktionContanier .content .aktion .crosslinkPopup div { margin: 0 10px 5px 10px; } .BH_AktionContanier .content .aktion .crosslinkPopup .content {width:350px;height:auto;} .BH_AktionContanier .content .aktion .crosslinkPopup .content p {height:auto;} /* Format für Rabatt auf Sortimentsgruppe */ .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment { padding: 3px 0 0 5px; } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment span {vertical-align: baseline; } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment span .preis { font-size: 18px; font-weight: bold; } .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment span .preis_alt { font-size: 10px; color:#333333} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment .description { height: 38px; padding: 3px 0 0 5px; z-index: 1;background-color:#cccccc; position:absolute;bottom:0px;left:0px;width:125px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment .descr_head {font-weight:bold;display:block;line-height:11px;} .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment .descr_text {display:block;font-size:9px;letter-spacing:0.05em;padding-top:2px;} * html .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment .descr_text {display:block;font-size:9px;letter-spacing:0.04em;padding-top:2px;} *+html .BH_AktionContanier .content .aktion .teaser .metaInfo .preisContainerSortiment .descr_text {display:block;font-size:9px;letter-spacing:0.04em;padding-top:2px;} .produktfinder-disclaimer { display:block; color:#999999; font-size:11px; margin-top:10px; float:left; } /***Accordion CCHACCORD_820***/ #content-container .CCHACCORD_820 ul.accHaupt { margin: 0 0 0 0; padding: 0; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } #content-container .CCHACCORD_820 ul.accHaupt ul {margin: 0; padding: 0; border-bottom: 1px solid #CCCCCC; } #content-container .CCHACCORD_820 ul.accHaupt li {background:none; list-style-type:none; padding:0;} #content-container .CCHACCORD_820 ul.accHaupt ul li { } #content-container .CCHACCORD_820 ul.accHaupt ul ul {color:#000000; border: none; padding: 3px 10px; margin: 0 0 0 0;} #content-container .CCHACCORD_820 ul.accHaupt .head { background-color: #EFEFEF; background-image: url(../image/arrow_black_big_down.png); background-repeat:no-repeat; background-position: 790px 11px; padding: 5px 20px 5px 7px; margin: 0 0 2px 0; } #content-container .CCHACCORD_820 ul.accHaupt .head a { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #000000; text-decoration: none; font-weight: bold;} #content-container .CCHACCORD_820 ul.accHaupt .selected { background-image: url(../image/arrow_black_big_up.png); background-position: 790px 9px; background-color:#CCCCCC; } #content-container .CCHACCORD_820 ul.accHaupt ul li .head { background-color: #ffffff; background-image: url(../image/arrow_orange_single_down.png); background-repeat:no-repeat; background-position: 0 8px; padding: 2px 0px 2px 15px; margin: 2px 0 0 0; border-bottom: 1px solid #CCCCCC; } #content-container .CCHACCORD_820 ul.accHaupt ul li .head a {font-size: 11px; color: #FF8C00; text-decoration: none; font-weight: normal; } #content-container .CCHACCORD_820 ul.accHaupt ul li .head a:hover {text-decoration: underline; } #content-container .CCHACCORD_820 ul.accHaupt ul li .selected { background-image: url(../image/arrow_orange_single_up.png); background-position: 0 7px; border-bottom: none; } #content-container .CCHACCORD_820 ul.accHaupt ul li .selected a { font-size: 11px;} #content-container .CCHACCORD_820 ul.accHaupt li ul li { margin: -10px 0 0 0; background: none; padding: 0;} #content-container .CCHACCORD_820 ul.accHaupt li ul li ul.accSub { margin: 0 0 0 0px;} #content-container .CCHACCORD_820 ul.accHaupt li ul li ul.accSub li { margin: 5px 0 0 5px; padding:0; } #content-container .CCHACCORD_820 ul.accHaupt li ul li ul.accSub li ul li div.linkContainer { margin: 10px 0 0 0;} /*Bild, Text und im Accordion*/ #content-container .CCHACCORD_820 ul.accHaupt li ul li ul.accSub li ul li div.media { float:left; width: 80px; } #content-container .CCHACCORD_820 ul.accHaupt li ul li ul.accSub li ul li div.content { display: inline; width: 500px;} /***Formular Mode ABC ***/ #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular { margin: 0 0 20px 10px; } #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular h2 { margin: 15px 0 15px 0; } #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular p { margin: 0 0 20px 0; } #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular .inputFormElement input { width: 160px; } #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular div.inputFormElement textarea { width: 272px; height:71px; } #content-container .CCHACCORD_820 ul.accHaupt li ul li div.Formular .formularLegende { margin: 10px 0 20px 120px; } /*** Video Gallery ***/ #content-container .CCHVIDEOGALLERY div.left {float:left;width:405px;padding-right:10px;} #content-container .CCHVIDEOGALLERY div.left h2 {margin:15px 0 10px;} #content-container .CCHVIDEOGALLERY div.right h2 {margin:15px 0 0px;} #content-container .CCHVIDEOGALLERY div.left .content {width:335px;} #content-container .CCHVIDEOGALLERY div.left .content p {margin-bottom:10px;} #content-container .CCHVIDEOGALLERY div.left .content a {font-weight:bold;color:#000000;} #content-container .CCHVIDEOGALLERY div.left .content a.arrow_right_11px_regular_black {background-position: right 5px;} #content-container .CCHVIDEOGALLERY div.left .content a:hover {text-decoration:none;color:#FF8C00;} #content-container .CCHVIDEOGALLERY div.left #videoLarge {width:405px;} #content-container .CCHVIDEOGALLERY div.right {float:right;width:405px;position:relative;} * html #content-container .CCHVIDEOGALLERY div.right {width:395px;} #content-container .CCHVIDEOGALLERY div.right .header {border-bottom:1px solid #cccccc;} #content-container .CCHVIDEOGALLERY div.right .content {height:400px;overflow:hidden;position:relative;} * html #content-container .CCHVIDEOGALLERY div.right .content {height:414px;} *+html #content-container .CCHVIDEOGALLERY div.right .content {height:414px;} #content-container .CCHVIDEOGALLERY div.right .media {list-style-type:none;padding-right:0;width:100%;height:100%;position:relative;} #content-container .CCHVIDEOGALLERY div.right .media li {background:none;border-bottom:1px solid #cccccc;padding-bottom:10px;margin-top:10px;height:80px;padding-left:0;position:relative;margin-bottom:0;} #content-container .CCHVIDEOGALLERY div.right .media li img {float:left;margin-right:10px;} #content-container .CCHVIDEOGALLERY div.right .media li a.arrow_left_11px_regular {float:left;color:#000000;font-weight:normal;width:200px;background:transparent url(../image/city/arrow_orange_big_left.png) no-repeat 0 2px !important;} #content-container .CCHVIDEOGALLERY div.right .media li a:hover {color:#FF8C00;text-decoration:none;} #content-container .CCHVIDEOGALLERY div.right .media li.active a.arrow_left_11px_regular {font-weight:bold;} #content-container .CCHVIDEOGALLERY div.right .media li .data {display:none;} #content-container .CCHVIDEOGALLERY div.right .pagination {font-size:12px;margin:15px auto 4px auto;display:-moz-inline-box;display:inline-block;} * html #content-container .CCHVIDEOGALLERY div.right .pagination {display:inline;} *+html #content-container .CCHVIDEOGALLERY div.right .pagination {display:inline;} #content-container .CCHVIDEOGALLERY div.right .pagination a {text-decoration:none;border: solid 1px #ff8c00;color:#ff8c00;font-weight:bold;} #content-container .CCHVIDEOGALLERY div.right .pagination a, #content-container .CCHVIDEOGALLERY div.right .pagination span {display: block;float: left;padding: 0.2em 0.4em;margin-right: 6px;margin-bottom: 4px;} #content-container .CCHVIDEOGALLERY div.right .pagination .current {color: #877a6b;border: solid 2px #877a6b;background-color:#ffffff;margin-top:-1px;font-weight:bold;} #content-container .CCHVIDEOGALLERY div.right .pagination .next {border-color:#ff8c00;color:#ff8c00;} #content-container .CCHVIDEOGALLERY div.right .pagination .current.prev, #content-container .CCHVIDEOGALLERY div.right .pagination .current.next {color:#ffc57f;border:1px solid #ffc57f;background:#fff;margin-top:0;} /*********************************/ /* ImagegalleryLightbox + umfließenden Text */ /* CCH-gallery-text */ .CCH-gallery-text { overflow:hidden;height:100%; margin-bottom:20px;} .CCH-gallery-text p { max-width:none;} .CCH-gallery-text .left { float:left; margin:0 10px 10px 0; } .CCH-gallery-text .right { float:right; margin:0 0 10px 10px; } .CCH-gallery-text .content p { line-height:16px; margin-bottom:20px; padding-right:25px; margin-top:0; padding-left:0 !important; } .CCH-gallery-text .galleryslide { padding : 0; position : relative; } .CCH-gallery-text .galleryslide h4 { color : #236309; font-size : 18px; font-weight : normal; margin : 0; padding: 10px 20px 5px 20px; background : #EBF1E9 url(../image/nachhaltigkeit/bg_box_top.png) no-repeat 0 0;} .CCH-gallery-text .galleryslide ul {list-style-type:none; padding:0 !important; } .CCH-gallery-text .galleryslide ul li { display:block; list-style-type:none; background:none !important; padding:0 !important; margin-bottom:10px; } .CCH-gallery-text .galleryslide ul li div.fulldata { display : none; } .CCH-gallery-text .galleryslide ul li div.previewdata div.image { position:relative;} .CCH-gallery-text .galleryslide ul li div.previewdata div.image a.zoom { position:absolute; right:5px; bottom:5px; margin:0; } .CCH-gallery-text .galleryslide .imageslider-stage p { padding : 10px 10px 0 10px; font-size: 11px!important; line-height: 14px!important; } .CCH-gallery-text .galleryslide div.previewdata p { display:none; padding : 3px 5px 0 5px; font-size: 11px!important; line-height: 14px!important; } .CCH-gallery-text .galleryslide div.previewdata p.subtitle { display:block; margin:3px 5px; width:100%; padding:0 !important;} .CCH-gallery-text .galleryslide .imageslider { overflow:hidden;height:100%;} .CCH-gallery-text .galleryslide .imageslider li.lastElementinRow { margin-bottom:0;} .CCH-gallery-text .galleryslide .imageslider-stage .image { position: relative; overflow : hidden; width:100%; } .CCH-gallery-text .galleryslide .imageSlideControl { padding : 0 0px 0 10px; width : 241px; } .CCH-gallery-text .galleryslide .imageCounter { color : #585858; font-size : 12px; left : 68px; margin-bottom : -30px; position : relative; top : -22px; width : 100px; letter-spacing: 3px; } .CCH-gallery-text .galleryslide .zoom { background-image : url(../image/icons/zoom_icon.png); background-repeat : no-repeat; } .CCH-gallery-text .galleryslide .backwards, .CCH-gallery-text .galleryslide .forward, .CCH-gallery-text .galleryslide .zoom { display : block; float : left; height : 18px; width : 18px; } .CCH-gallery-text .galleryslide .zoom { display: block; float: left; height: 18px; width: 18px; } .CCH-gallery-text .galleryslide .backwards { margin: 0 5px 0 0; } .CCH-gallery-text .galleryslide .forward { background-position: -28px 0; } .CCH-gallery-text .galleryslide .zoom { background-position: 0 0; float: right; } #standard-gallery-detail-layer { position: relative; text-align: left; } #standard-gallery-detail-layer .close { position: absolute; right: 0; top: 0; } #standard-gallery-detail-layer .close a { background: url(../image/icon_close.png) no-repeat right 3px; color: #5D5D5D; padding: 0 15px 0 0; } #standard-gallery-detail-layer .header { display:none; font-size: 22px; left: 75px; margin: 0; padding: 0; position: absolute; top: 30px; width: 440px;color: #565656; } #standard-gallery-detail-layer .counter { font-size: 12px; margin: 0; padding: 0; position: relative; right: 0px; text-align: right; top: 0px; width: 20px; color: #000000; } #standard-gallery-detail-layer .image-container { height: 389px; left: 35px; position: absolute; top: 64px; width: 604px; } #standard-gallery-detail-layer .image-container div { float: left; height: 389px; overflow: hidden; } #standard-gallery-detail-layer .image-container div.forward, #standard-gallery-detail-layer .image-container div.backward { width : 41px; } #standard-gallery-detail-layer .text { } #standard-gallery-detail-layer .text div.forward { background:url(../image/icons/small_arrow_slider_next.png) no-repeat;} #standard-gallery-detail-layer .text div.backward { background:url(../image/icons/small_arrow_slider_back.png) no-repeat;} #standard-gallery-detail-layer .text div.forward, #standard-gallery-detail-layer .text div.backward { float:left; width:9px; margin-top:5px; } #standard-gallery-detail-layer .text div.forward a, #standard-gallery-detail-layer .text div.backward a { display : block; height : 16px; width : 9px; } #standard-gallery-detail-layer .text .counter { float:left; margin: 5px 7px 0; } #standard-gallery-detail-layer .image-container div.forward a, #standard-gallery-detail-layer .image-container div.backward a { background : url(../image/sprite_buttons_lightbox.png) no-repeat left center; display : block; height : 389px; width : 41px; } #standard-gallery-detail-layer .image-container div.forward a:hover, #standard-gallery-detail-layer .image-container div.backward a:hover {background : url(../image/sprite_buttons_lightbox2.png) no-repeat left center;} #standard-gallery-detail-layer .image-container div.forward a, #standard-gallery-detail-layer .image-container div.forward a:hover { background-position : right center; } #standard-gallery-detail-layer .image-container div.image { border:2px solid #c5d52c; background : url(../image/nachhaltigkeit/ajax-loader.gif) no-repeat center center; text-align : center; width : 518px; } #standard-gallery-detail-layer .text { height:90px; left : 80px; position : absolute; top : 460px; width : 518px; } #standard-gallery-detail-layer .download { background : none; color : #5D5D5D; font-weight : bold; margin : 5px 0 0 0; padding : 0; } #standard-gallery-detail-layer .download a { color : #236409; font-weight : normal; margin : 0 0 0 5px; text-decoration : underline; } .CCH-gallery-text .galleryslide .imageslider-stage .mask {background : url(../image/nachhaltigkeit/masken/mask_267_215_green.png) no-repeat 0 0; height : 215px; position : absolute; top : 0; width : 267px; left: 0; } .COOPCH-galleryslide_267 { position: relative; width: 267px; height: 350px; } .COOPCH-galleryslide_267 h4 { color: #000; font-size: 18px; font-weight: normal; margin: 0; padding: 5px 10px 5px; background: #FFF url(../image/nachhaltigkeit/bg_box_top.png) no-repeat 0 0;} .COOPCH-galleryslide_267 ul li { display : none; } .COOPCH-galleryslide_267 .imageslider-stage p { padding: 5px 5px 0 10px; font-size: 12px!important; line-height: 16px!important; } .COOPCH-galleryslide_267 .imageslider-stage .image { position: relative; background: #FFF url(../image/nachhaltigkeit/ajax-loader_bggreen.gif) no-repeat center center; height : 215px; overflow : hidden; width : 267px; } .COOPCH-galleryslide_267 .imageSlideControl { position: absolute; top: 327px; } .COOPCH-galleryslide_267 .imageCounter { color: #585858; font-size: 12px; position: absolute; left: 64px; top: 329px; width: 100px; letter-spacing: 3px; } .COOPCH-galleryslide_267 .zoom { position: relative; left : 193px; top : -4px; } .COOPCH-galleryslide_267 .backwards , .COOPCH-galleryslide_267 .forward { position: relative; left : 5px; } .COOPCH-galleryslide_267 .backwards , .COOPCH-galleryslide_267 .forward , .COOPCH-galleryslide_267 .zoom { background-image: url(../image/icons/sprite_buttons_gallery_neu.png); background-repeat: no-repeat; } .COOPCH-galleryslide_267 .backwards , .COOPCH-galleryslide_267 .forward , .COOPCH-galleryslide_267 .zoom { display: block; float: left; height: 18px; width: 18px; } .COOPCH-galleryslide_267 .backwards { margin: 0 10px 0 0!important; } .COOPCH-galleryslide_267 .forward { background-position: -28px 0; } .COOPCH-galleryslide_267 .zoom { background-position: 0 -27px; float : right; } .COOPCH-galleryslide_267 .backwards:hover { background-position: 0px -47px; } .COOPCH-galleryslide_267 .forward:hover { background-position: -28px -47px; } #cch-gallery-detail-layer { position: relative; text-align: left; } #cch-gallery-detail-layer .close { position: absolute; right: 0; top: 0; } #cch-gallery-detail-layer .close a { background: url(../image/nachhaltigkeit/icon_close.png) no-repeat right 3px; color: #5D5D5D; padding: 0 15px 0 0; } #cch-gallery-detail-layer .header { font-size: 18px; left: 80px; margin: 0; padding: 0; position: absolute; top: 35px; width: 440px;color: #000; } #cch-gallery-detail-layer .counter { font-size: 22px; margin: 0; padding: 0; position: absolute; right: 90px; text-align: right; top: 30px; width: 50px; color: #000; } #cch-gallery-detail-layer .image-container { height: 386px; left: 35px; position: absolute; top: 64px; width: 572px; } #cch-gallery-detail-layer .image-container div { float: left; height: 386px; overflow: hidden; } #cch-gallery-detail-layer .image-container div.forward a, #cch-gallery-detail-layer .image-container div.backward a { background: url(../image/icons/sprite_buttons_lightbox.png) no-repeat -10px center; display: block; height: 386px; width: 26px; } #cch-gallery-detail-layer .image-container div.forward a:hover, #cch-gallery-detail-layer .image-container div.backward a:hover {background: url(../image/icons/sprite_buttons_lightbox2.png) no-repeat -10px center;} #cch-gallery-detail-layer .image-container div.forward a, #cch-gallery-detail-layer .image-container div.forward a:hover { background-position: -65px center; margin: 0 0 0 20px; } #cch-gallery-detail-layer .image-container div.backward a, #cch-gallery-detail-layer .image-container div.backward a:hover { margin: 0 20px 0 0; } #cch-gallery-detail-layer .image-container div.image { background: url(../image/nachhaltigkeit/ajax-loader.gif) no-repeat center center; text-align: center; width: 480px; } #cch-gallery-detail-layer .text { left: 80px; position: absolute; top: 450px; width: 518px; } #gallery-detail-layer .text p { font-size: 12px; line-height: 16px; max-width: 480px;} #gallery-detail-layer .download { background: none; color: #FF8C00; font-weight: bold; margin: 5px 0 0 0; padding: 0; } #gallery-detail-layer .download a { color: #FF8C00; font-weight: normal; margin: 0 0 0 5px; text-decoration: underline; } .NACHH-galleryslide_267 .imageslider-stage .mask {background: url(../image/nachhaltigkeit/masken/mask_267_215_green.png) no-repeat 0 0; height: 215px; position: absolute; top: 0; width: 267px; left: 0; } /** coop @ home topseller banner **/ .CCHCoopHomeLaufband { border-bottom : 1px solid #E5E5E5; border-top : 1px solid #E5E5E5; height : 180px; padding : 20px 0 20px 10px; width: 810px;} .CCHCoopHomeLaufband .linkContainer { bottom : 20px; left : 10px; position : absolute; } .CCHCoopHomeLaufband .linkContainer a { color : #333333; } .CCHCoopHomeLaufband p, .CCHCoopHomeLaufband p * { font-size : 12px; line-height : 16px; } .CCHCoopHomeLaufband h3, .CCHCoopHomeLaufband p { color : #333333; max-width : 257px; } .CCHCoopHomeLaufband .appContainer { display : block; height : 180px; left : 267px; overflow : hidden; position : absolute; top : 20px; width : 544px; } .CCHCoopHomeLaufband .appContainer .slide_container { height : 223px; left : 0; position : absolute; top : 0; width : 15px; } .CCHCoopHomeLaufband .appContainer .slide_item { border : 0!important; float : left; height : 260px; left : 0; margin-left : 45px; margin-right : 45px; overflow : hidden; position : relative; width : 455px; } .CCHCoopHomeLaufband .appContainer .slide_btn_left,.appContainer .slide_btn_right { background-image : url(../image/sprite_fadeout_topsellbanner.png); background-repeat : repeat-y; height : 180px; position : absolute; top : 0; width : 45px; z-index : 100; border: none;} .CCHCoopHomeLaufband .appContainer .slide_btn_left { left : 0; } .CCHCoopHomeLaufband .appContainer .slide_btn_right { background-position : right 0; right : 0; } .CCHCoopHomeLaufband .appContainer a.slide_left,.appContainer a.slide_right { display : block; height : 30px; margin : 70px 0 0 10px; width : 19px; } .CCHCoopHomeLaufband .appContainer a.slide_right { margin-left : 16px; } .CCHCoopHomeLaufband .appContainer a.slide_left { background : url(../image/bg_arrows_topseller.png) no-repeat left 2px; } .CCHCoopHomeLaufband .appContainer a.slide_right { background : url(../image/bg_arrows_topseller.png) no-repeat right 2px; } .CCHCoopHomeLaufband .appContainer a.slide_left:hover { background : url(../image/bg_arrows_topseller_dark.png) no-repeat left 2px; } .CCHCoopHomeLaufband .appContainer a.slide_right:hover { background : url(../image/bg_arrows_topseller_dark.png) no-repeat right 2px; } .CCHCoopHomeLaufband .appContainer .arrow_left_12px_regular { margin-bottom : 5px !important; } .CCHCoopHomeLaufband .slide_item div.product_item { display : block; float : left; height : 180px; margin : 0 5px 0 5px; overflow : hidden; width : 103px; } .CCHCoopHomeLaufband .slide_item div.product_item a:hover { text-decoration : none; } .CCHCoopHomeLaufband .slide_item div.product_item span, .CCHCoopHomeLaufband .slide_item div.product_item span a { color : #545454; display : block; line-height : 13px; text-align : center; } .CCHCoopHomeLaufband .slide_item div.product_item span.produktname, .CCHCoopHomeLaufband .slide_item div.product_item span.produktname a { height : 48px; } .CCHCoopHomeLaufband .slide_item div.product_item span.preis, .CCHCoopHomeLaufband .slide_item div.product_item span.preis a { font-size : 14px; font-weight : bold; } .CCHCoopHomeLaufband .slide_item div.product_item span.grundpreis, .CCHCoopHomeLaufband .slide_item div.product_item span.grundpreis a { font-size : 11px; } /* CCHLB01 Laufband */ /* root element for the scrollable. when scrolling occurs this element stays still. */ .CCHLB01 { background:url(../image/viva/laufband_bg.png) no-repeat left 28px; width:820px; height:156px; } .CCHLB01 h2 { margin:0; padding:0; line-height:18px;} .CCHLB01 .scrollable { /* required settings */ position:relative; overflow:hidden; width: 657px; height:102px;padding-top:12px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .CCHLB01 .scrollable .items { width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #content-container .CCHLB01 .items li { float:left; background:none !important; padding:0 !important; position:relative; overflow:visible !important; } #content-container .CCHLB01 .mask { background:url(../image/viva/laufband_mask_grey.png) no-repeat top left !important; position:absolute; top:10px; left:270px; z-index:5; height:102px; width:135px; } #content-container .CCHLB01 .orange { background:url(../image/viva/laufband_mask.png) no-repeat top left !important; } /* this makes it possible to add next button beside scrollable */ .CCHLB01 .scrollable { float:left; } .CCHLB01 .startItem { display:none; } /* prev, next, prevPage and nextPage buttons */ .CCHLB01 a.browse { background:url(../image/viva/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:45px 10px 41px 10px; cursor:pointer; font-size:1px; } /* right */ .CCHLB01 a.right { background-position: 0 -30px; clear:right; margin-left:35px; } .CCHLB01 a.right:hover { background-position:-30px -30px; } .CCHLB01 a.right:active { background-position:-60px -30px; } /* left */ .CCHLB01 a.left { margin-right:30px; } .CCHLB01 a.left:hover { background-position:-30px 0; } .CCHLB01 a.left:active { background-position:-60px 0; } /* up and down */ .CCHLB01 a.up, .CCHLB01 a.down { background:url(../imgage/viva/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ .CCHLB01 a.up:hover { background-position:-30px 0; } .CCHLB01 a.up:active { background-position:-60px 0; } /* down */ .CCHLB01 a.down { background-position: 0 -30px; } .CCHLB01 a.down:hover { background-position:-30px -30px; } .CCHLB01 a.down:active { background-position:-60px -30px; } /* disabled navigational button */ .CCHLB01 a.disabled { visibility:hidden !important; } .CCHLB01 li, .CCHLB01 li a, .CCHLB01 li .media, .CCHLB01 li .media img { height: 98px!important; width: 135px!important; zoom: 1; } .CCHLB01 li a { display: block; } /* CCHLB01 Laufband Ende */