/*** LAYOUT.CSS ********************************************************************************* */ /* Aufteilung */ .logo_bg { position: absolute; top: 0; left: 0; z-index: 3; width: 220px; height: 141px } .logo { position: absolute; top: 50px; left: 26px; z-index: 3 } .claim { position: absolute; top: 11px; left: 26px; z-index: 4 } .main { position: absolute; top: 75px; left: 0; width: 1000px; float: left } .content { float: left; font-size: 11px; width: 760px; background-repeat: no-repeat } /* Content Bereich */ .content .headline { clear: both; padding-left: 20px; color: #000000 } .content .headline div { clear: both; margin-bottom: 10px } .content .headline .title { font-size: 20pt; font-weight: normal; margin-bottom: 3px; } .content .headline .subheadline { font-size: 12pt; font-weight: normal; } .content .introtext { } .content .overview { float: left } .content .abschluss { clear: both; width: 696px; height: 10px; overflow: hidden; background-color: #5e4a3f; background-image: url(../pics/layout/melitta/bg_abschluss.jpg); padding: 0 22px } .content .movie { width: 1000px; height: 338px } /* Weiterempfehlen / Drucken Link */ .content .weiterempfehlen { float: right; clear: both; height: 15px; font-size: 10px } .content .weiterempfehlen .link { float: left; padding-top: 1px } .content .weiterempfehlen a { text-decoration: none } .content .weiterempfehlen a:hover { text-decoration: underline } .content .weiterempfehlen img { margin: 0 5px 0 15px; float: left } /* IE Bugfix für PNGFIX */ .content .weiterempfehlen span { float: left; display: block; margin: 0 5px 0 15px } /* Footernavigation Emotional Marketing / Detailansicht */ .content .footernav { } .content .footernav a { font-weight: bold; text-decoration: none } .content .footernav a:hover { text-decoration: underline } .content .footernav .status { float: left } .content .footernav .navigation { float: right } /* Navigation Ebene 4 */ .content .subnavigation { float: left; padding : 5px 30px 5px 20px; color: #2C1D15; width: 690px } .content .subnavigation .left { float: left } .content .subnavigation .right { float: right } .content .subnavigation .prev { float: left; width: 200px } .content .subnavigation .center { float: left; text-align: center; width: 290px; font-weight: bold } .content .subnavigation .next { width: 200px; text-align: right; float: right } .content .subnavigation a { text-decoration: none; color: #2c1d15 } .content .subnavigation a.aktiv { font-weight: bold } .content .subnavigation a:hover { text-decoration: underline } /* Teaser */ /* Zweispaltiger Teaser */ .content .teaser { clear: both; overflow: hidden; width: 714px; padding: 13px 13px; background-image: url(../pics/layout/melitta/teaser/bg_teaser1.jpg); color: #472b17; font-size: 10px } .content .teaser .column1 { float: left; width: 335px; border-right: 1px solid #B8B8B8; padding-right: 10px } .content .teaser .column2 { float: left; width: 345px; margin-left: 15px } .content .teaser .teaserlink { color: #665C51; font-weight: bold; margin-top: 5px } .content .teaser .teaserlink a { color: #665C51; font-weight: bold; text-decoration: none } .content .teaser .teaserlink a:hover { text-decoration: underline } .content .teaser h1 { font-size: 12px; font-weight: bold; margin: 0 0 10px 0; color: #472B17 } .content .teaser img { padding-right: 10px; padding-bottom: 15px } .content .teaser form { margin-top: 5px } .content .teaser .submit { display: inline; color: #665C51; font-weight: bold; text-decoration: none } .content .teaser .submit a { color: #665C51; font-weight: bold; text-decoration: none } /* Dreispaltiger / mehrspaltiger Teaser */ .content .teaser2 { clear: both; overflow: hidden } .content .teaser2 .column1 { float: left; width: 225px; border-right: 1px solid #B8B8B8; padding-right: 10px } .content .teaser2 .column2 { float: left; width: 200px; margin-left: 15px; border-right: 1px solid #B8B8B8; padding-right: 10px } .content .teaser2 .column3 { float: left; width: 220px; margin-left: 15px } .content .teaser2 .column4 { float: left } /* TEASER 2 (3 DRITTEL)*/ .content .selection { border-left: 1px solid #B8B8B8; float: right; padding: 15px 27px; width: 280px } /* Basisdefinitionen */ html { height: 100% } body { float: left; height: 100%; margin-top: 0; color: #FFFFFF; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; background-image: url(../pics/layout/melitta/bg_gesamt2.png) } .clear { clear: both } img { border: 0 } /* Seitentyp: Section s1 Seite Vorlagentemplate: melitta_s1_dms.tpl */ .section-1 { width: 779px; height: 626px } .section-1 .movie { width: 779px } /* --- Vorlagentemplate: melitta_s[...].tpl Seitentyp: Section --------------------------------------------------- */ .content .overview .link a { color: #FFFFFF; text-decoration: none; font-weight: bold } .content .overview .link a:hover { text-decoration: underline } .content .overview .intro .link { color: #FFFFFF; text-decoration: none; font-weight: bold } /* --- Vorlagentemplate: melitta_d[...].tpl ---------------------------------------------------- */ .content .overview .colors .color-headline { margin-bottom: 10px } .content .overview .colors .inner-box { width: 15px; height: 15px } .content .overview .colors .box { float: left; width: 15px; height: 15px; margin: 0 5px 0 0; border: 2px solid #E2C29C } .content .overview .colors .box-active { float: left; width: 15px; height: 15px; padding: 1px; border: 1px solid #ffffff; margin: 0 5px 0 0 } /* --- Vorlagentemplate: melitta_2c_haendler.tpl ----------------------------------------------- */ .melitta_2c_haendler { padding: 75px 0 0 20px; background-color: #D8BB9C; width: 760px } .melitta_2c_haendler .form { float: left; width: 720px; padding: 0 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_2c_haendler .form .topnav { padding: 9px 0 9px 0; margin-bottom: 15px; line-height: 15px; border-bottom: 1px solid #A0978F; width: 700px; margin-right: 20px; color: #4D403A } .melitta_2c_haendler .form .topnav a { color: #4D403A; text-decoration: none } .melitta_2c_haendler .form .topnav a:hover { text-decoration: underline } .melitta_2c_haendler .form .topnav .aktiv { font-weight: bold } .melitta_2c_haendler .form .topform { padding: 0 0 9px 0; margin-bottom: 15px; line-height: 15px; border-bottom: 1px solid #A0978F; width: 700px; margin-right: 20px; color: #4D403A } .melitta_2c_haendler .form .topform label { float: left; padding: 3px 0 0 3px } .melitta_2c_haendler .form .topform input { float: left } .melitta_2c_haendler .form .sizeInputStadt { width: 211px; font-size: 12px; background-color: #FFFFFF; padding: 1px; border: 1px solid #969696 } .melitta_2c_haendler .form .sizeInputPLZ { width: 50px; height: 14px; font-size: 12px; background-color: #FFFFFF; padding: 1px; border: 1px solid #969696; padding: 3px 0 3px 5px } .melitta_2c_haendler .form .infotext { padding: 8px 0 16px 7px } .melitta_2c_haendler .form .map { padding: 0 0 20px 7px; margin-bottom: 15px; margin-right: 20px; line-height: 15px; border-bottom: 1px solid #A0978F; width: 693px; color: #4D403A } .melitta_2c_haendler .form .mapimg { height: 305px; width: 679px; border: 1px solid #979797; margin: 18px 0 0 0; background-repeat: no-repeat; background-position: center } .melitta_2c_haendler .form .maptxt { padding: 71px 105px 0 133px } .melitta_2c_haendler .form .list { padding: 0 0 28px 7px; line-height: 15px; width: 700px; color: #4D403A } .melitta_2c_haendler .form .list .table1 { background-color: #FFFFFF; margin: 17px 0 0 0; width: 681px; font-size: 10px; color: #000; line-height: 10px } .melitta_2c_haendler .form .list .table1 td { width: 25%; padding: 0 0 0 15px; vertical-align: top } .melitta_2c_haendler .form .list .row1 { background-color: #D6C2A7; height: 56px } .melitta_2c_haendler .form .list .row2 { background-color: #F0E1CC; height: 56px } .melitta_2c_haendler .footernav { width: 681px; background-color: #5E4A3F; height: 20px; line-height: 20px; font-size: 10px; color: #FFF } .melitta_2c_haendler .footernav a { color: #FFF } .melitta_2c_haendler .footernav a:hover { color: #FFF } .melitta_2c_haendler .footernav .active { color: #FFF; padding: 1px; font-weight: bold; text-decoration: none } .melitta_2c_haendler .footernav .inactive { color: #FFF; padding: 1px; font-weight: bold; text-decoration: underline } .melitta_2c_haendler .footernav .status { padding: 0 0 0 24px } .melitta_2c_haendler .footernav .navigation { padding: 0 24px 0 0 } .melitta_2c_haendler .weiterempfehlen { padding: 8px 35px 25px 22px } .melitta_2c_haendler .weiterempfehlen .link a { text-decoration: none; color:#127B2D } .melitta_2c_haendler .weiterempfehlen .link { text-decoration: none; color:#127B2D } .melitta_2c_haendler .weiterempfehlen .link a:hover { text-decoration: underline; color:#127B2D } .melitta_2c_haendler .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } /* --- Vorlagentemplate: melitta_a_aktion.tpl melitta_a_aktion_teilnahme.tpl ---------------------------------------- */ * html .melitta_a_aktion .overview { float: left; margin-left: 20px; padding: 4px 20px; width: 680px } .melitta_a_aktion { padding: 75px 0 0 0; background-color: #a7291b; width: 780px } .melitta_a_aktion a { color: #FFFFFF; font-weight: bold; text-decoration: none } .melitta_a_aktion a:hover { text-decoration: underline } .melitta_a_aktion .aktion h1 { font-size: 17px; font-weight: bold; margin-top: 0 } .melitta_a_aktion .aktion { position: relative; width: 100%; overflow: hidden } .melitta_a_aktion .aktion .zeile { clear: left; width: 100%; overflow: hidden } .melitta_a_aktion .aktion .zeile .left { float: left; width: 349px; padding: 0 20px 20px 20px } .melitta_a_aktion .aktion .zeile .right { float: right; width: 391px; overflow: hidden; padding-bottom: 20px } .melitta_a_aktion .overview { margin-left: 20px; padding: 4px 20px; width: 680px } .melitta_a_aktion .overview .intro { line-height: 15px; margin-bottom: 0; padding: 5px 20px } /* --- Vorlagentemplate: melitta_d1.tpl -------------------------------------------------------- */ * html .melitta_d1 .overview .demo .text .arrow-right { } * html .melitta_d1 .overview .demo .flashmovie .imgMovie { margin-bottom: 10px; overflow: hidden; position: relative } * html .melitta_d1 .teaser { padding-bottom: 0 } .melitta_d1 { padding: 75px 0 0 20px; width: 760px } .melitta_d1 .introtext { width: 350px; padding: 25px 0 0 20px } .melitta_d1 .overview { width: 720px; padding: 20px 0 13px 20px; margin-top: 20px; background-color: #D9B992; color:#40372E; margin-bottom: 2px } .melitta_d1 .overview h1 { font-size: 11px; font-weight: bold; margin: 0 0 10px 0; color: #2C1D15 } .melitta_d1 .overview a { text-decoration: none; color: #2C1D15 } .melitta_d1 .overview .aktiv a { font-weight: bold; text-decoration: none; color: #000000 } .melitta_d1 .overview a:hover { text-decoration: underline } .melitta_d1 .weiterempfehlen { padding: 8px 35px 25px 22px } .melitta_d1 .subnavigation { background-color: #DBBD96; margin: 10px 0 40px 0 } /* --- Vorlagentemplate: melitta_d3_caffeo.tpl ------------------------------------------------- */ * html .melitta_d3_caffeo .teaser3 { padding-bottom: 0 } .melitta_d3_caffeo { padding: 75px 0 0 20px } .melitta_d3_caffeo p { margin: 0 } .melitta_d3_caffeo .headline { margin-bottom: 40px } .melitta_d3_caffeo .headline_druck div { clear: both; margin-bottom: 10px } .melitta_d3_caffeo .overview { width: 720px; padding: 20px 0 13px 20px; background-color: #D9B992; color: #2c1d15; margin-bottom: 2px } .melitta_d3_caffeo .seitenumschaltung { width: 701px; padding: 0 20px; margin-bottom: 65px } .melitta_d3_caffeo .seitenumschaltung ul { margin: 0; padding: 0; height: 20px; border-bottom: 1px solid #808080 } .melitta_d3_caffeo .seitenumschaltung li { float: right; display: inline; list-style-image: none; list-style-position: inside; list-style-type: none; color: #808080; margin-left: 10px } .melitta_d3_caffeo .seitenumschaltung a { color: #c0c0c0; text-decoration: none } .melitta_d3_caffeo .produkt_details { width: 701px; padding: 0 20px } .melitta_d3_caffeo .produkt_details .links { float: left; width: 320px } .melitta_d3_caffeo .produkt_details .links .produkt-flash { width: 320px; height: 232px } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte { position: relative; height: 129px; margin-top: 74px } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .hintergrund { position: absolute; top: 74px } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .titel { position: absolute; left: 0; width: 301px; padding: 105px 0 0 19px } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .produkte { position: absolute; right: 0; width: 287px; padding: 20px 33px 0 0 } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .produkte .liste { position: relative } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .produkte .liste .produkt { float: right } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .produkte .liste .produkt .image { margin: 13px 0 0 13px } .melitta_d3_caffeo .produkt_details .links .verwandte-produkte .produkte .liste .produkt .image-hover { margin: 0 0 0 13px } .melitta_d3_caffeo .produkt_details .rechts { float: right; width: 341px; padding: 0 20px } .melitta_d3_caffeo .produkt_details .rechts .details { clear: both; overflow: hidden; border-bottom: 1px solid #808080; padding: 0 0 17px 0; height: 1% } .melitta_d3_caffeo .produkt_details .rechts .details .detail-links { float: left; width: 201px } .melitta_d3_caffeo .produkt_details .rechts .details .detail-rechts { float: right; width: 140px } .melitta_d3_caffeo .produkt_details .rechts .details ul { margin: 0; padding: 0 } .melitta_d3_caffeo .produkt_details .rechts .details li { float: left; clear: left; width: 201px; font-weight: bold; list-style-image: none; list-style-position: inside; list-style-type: none; margin-bottom: 9px; color: #808080 } .melitta_d3_caffeo .produkt_details .rechts .details li a { padding-right: 13px; background: url(../pics/layout/melitta/arrow_right_caffeo.png) no-repeat right 4px } .melitta_d3_caffeo .produkt_details .rechts .details .detail { float: right; width: 140px; overflow: hidden } .melitta_d3_caffeo .produkt_details .rechts .details .link-active a { color: #ffffff; text-decoration: underline } .melitta_d3_caffeo .produkt_details .rechts .details .link a { color: #ffffff; text-decoration: none } .melitta_d3_caffeo .produkt_details .rechts .produkt-detail { clear: both; padding: 28px 0 26px 0 } .melitta_d3_caffeo .produkt_details .rechts .produkt-detail .text-detail .detail .description p { margin-top: 21px } .melitta_d3_caffeo .produkt_details .rechts .awards { padding: 11px 0 71px 0; border-top: 1px solid #808080 } .melitta_d3_caffeo .produkt_details .rechts .awards ul { padding: 0; margin: 0 } .melitta_d3_caffeo .produkt_details .rechts .awards li { display: inline; margin-right : 20px } .melitta_d3_caffeo .produkt_videos { clear: both; width: 701px; padding: 0 20px } .melitta_d3_caffeo .produkt_videos .links { float: left; width: 320px } .melitta_d3_caffeo .produkt_videos .links .video-detail { width: 339px } .melitta_d3_caffeo .produkt_videos .rechts { float: right; width: 341px; padding: 0 20px; margin-bottom: 57px } .melitta_d3_caffeo .produkt_videos .rechts .video { } .melitta_d3_caffeo .produkt_videos .rechts .video a { color: #ffffff; text-decoration: none } .melitta_d3_caffeo .produkt_videos .rechts .video h1 { font-size: 11px; margin: 0 0 10px 0 } .melitta_d3_caffeo .produkt_videos .rechts .video h1 a { padding-right: 13px; background: url(../pics/layout/melitta/arrow_right_caffeo.png) no-repeat right 4px } .melitta_d3_caffeo .produkt_videos .rechts .video p { margin-bottom: 29px } .melitta_d3_caffeo .weiterempfehlen { padding: 8px 35px 14px 22px } .melitta_d3_caffeo .horizontalLine { clear: both; width: 711px; padding: 0 13px 13px 13px; height: 1px; background-image: url(../pics/layout/melitta/teaser/bg_teaser1.jpg) } .melitta_d3_caffeo .horizontalLine .column1 { float: left; width: 462px; height: 1px; margin-right: 23px; border-bottom: 1px solid #B8B8B8 } .melitta_d3_caffeo .horizontalLine .column2 { float: right; width: 220px; height: 1px; border-bottom: 1px solid #B8B8B8 } .melitta_d3_caffeo .teaser2 { margin: 0; padding: 0 13px 18px 13px } .melitta_d3_caffeo .teaser2 .column2 { width: 215px } .melitta_d3_caffeo .teaser2 .column3 { width: 215px } .melitta_d3_caffeo .teaser2 .inputSizePlz { width: 65px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d3_caffeo .teaser2 .inputSizeProdukt { width: 110px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d3_caffeo .teaser3 { padding-bottom: 13px } .melitta_d3_caffeo .teaser3 .column1 { width: 465px; height: 90px } .melitta_d3_caffeo .teaser3 .column2 { width: 220px; height: 90px } .melitta_d3_caffeo .subnavigation { background-color: #dbbd96; margin-top: 10px; margin-bottom: 75px } /* --- Vorlagentemplate: melitta_d3_caffeo.tpl ------------------------------------------------- */ * html .melitta_d3_solo .teaser3 { padding-bottom: 0 } .melitta_d3_solo { padding: 75px 0 0 20px } .melitta_d3_solo p { margin: 0 } .melitta_d3_solo .headline { margin-bottom: 40px } .melitta_d3_solo .headline_druck div { clear: both; margin-bottom: 10px } .melitta_d3_solo .overview { width: 720px; padding: 20px 0 13px 20px; background-color: #D9B992; color: #2c1d15; margin-bottom: 2px } .melitta_d3_solo .seitenumschaltung { width: 701px; padding: 0 20px; margin-bottom: 65px } .melitta_d3_solo .seitenumschaltung ul { margin: 0; padding: 0; height: 20px; border-bottom: 1px solid #a6a7a9 } .melitta_d3_solo .seitenumschaltung li { float: right; display: inline; list-style-image: none; list-style-position: inside; list-style-type: none; color: #a6a7a9; margin-left: 10px } .melitta_d3_solo .seitenumschaltung a { color: #5d5e60; text-decoration: none } .melitta_d3_solo .produkt_details { width: 701px; padding: 0 20px } .melitta_d3_solo .produkt_details .links { float: left; width: 320px } .melitta_d3_solo .produkt_details .links .produkt-flash { width: 320px; height: 232px } .melitta_d3_solo .produkt_details .links .verwandte-produkte { position: relative; height: 129px } .melitta_d3_solo .produkt_details .links .verwandte-produkte .hintergrund { position: absolute; top: 74px } .melitta_d3_solo .produkt_details .links .verwandte-produkte .titel { position: absolute; left: 0; width: 301px; padding: 105px 0 0 19px; color: #5D5E60 } .melitta_d3_solo .produkt_details .links .verwandte-produkte .produkte { position: absolute; right: 0; width: 287px; padding: 20px 33px 0 0 } .melitta_d3_solo .produkt_details .links .verwandte-produkte .produkte .liste { position: relative } .melitta_d3_solo .produkt_details .links .verwandte-produkte .produkte .liste .produkt { float: right } .melitta_d3_solo .produkt_details .links .verwandte-produkte .produkte .liste .produkt .image { margin: 13px 0 0 13px } .melitta_d3_solo .produkt_details .links .verwandte-produkte .produkte .liste .produkt .image-hover { margin: 0 0 0 13px } .melitta_d3_solo .produkt_details .rechts { float: right; width: 341px; padding: 0 20px } .melitta_d3_solo .produkt_details .rechts .details { clear: both; overflow: hidden; border-bottom: 1px solid #a6a7a9; padding: 0 0 17px 0; height: 1% } .melitta_d3_solo .produkt_details .rechts .details .detail-links { float: left; width: 201px } .melitta_d3_solo .produkt_details .rechts .details .detail-rechts { float: right; width: 140px } .melitta_d3_solo .produkt_details .rechts .details ul { margin: 0; padding: 0 } .melitta_d3_solo .produkt_details .rechts .details li { float: left; clear: left; width: 201px; font-weight: bold; list-style-image: none; list-style-position: inside; list-style-type: none; margin-bottom: 9px; color: #a6a7a9 } .melitta_d3_solo .produkt_details .rechts .details li a { padding-right: 13px; background: url(../pics/layout/melitta/arrow_right_solo.png) no-repeat right 4px } .melitta_d3_solo .produkt_details .rechts .details .detail { float: right; width: 140px; overflow: hidden } .melitta_d3_solo .produkt_details .rechts .details .link-active a { color: #5d5e60; text-decoration: underline } .melitta_d3_solo .produkt_details .rechts .details .link a { color: #5d5e60; text-decoration: none } .melitta_d3_solo .produkt_details .rechts .produkt-detail { clear: both; color: #5d5e60; padding: 28px 0 26px 0 } .melitta_d3_solo .produkt_details .rechts .produkt-detail .text-detail .detail .description p { margin-top: 21px } .melitta_d3_solo .produkt_details .rechts .awards { padding: 11px 0 71px 0; border-top: 1px solid #a6a7a9 } .melitta_d3_solo .produkt_details .rechts .awards ul { padding: 0; margin: 0 } .melitta_d3_solo .produkt_details .rechts .awards li { display: inline; margin-right : 20px } .melitta_d3_solo .produkt_videos { clear: both; width: 701px; padding: 0 20px } .melitta_d3_solo .produkt_videos .links { float: left; width: 320px } .melitta_d3_solo .produkt_videos .links .video-detail { width: 339px } .melitta_d3_solo .produkt_videos .rechts { float: right; width: 341px; padding: 0 20px; margin-bottom: 57px } .melitta_d3_solo .produkt_videos .rechts .video { } .melitta_d3_solo .produkt_videos .rechts .video a { color: #5d5e60; text-decoration: none } .melitta_d3_solo .produkt_videos .rechts .video h1 { font-size: 11px; margin: 0 0 10px 0 } .melitta_d3_solo .produkt_videos .rechts .video h1 a { padding-right: 13px; background: url(../pics/layout/melitta/arrow_right_solo.png) no-repeat right 4px } .melitta_d3_solo .produkt_videos .rechts .video p { margin-bottom: 29px; color: #5d5e60 } .melitta_d3_solo .weiterempfehlen { padding: 8px 35px 14px 22px } .melitta_d3_solo .horizontalLine { clear: both; width: 711px; padding: 0 13px 13px 13px; height: 1px; background-image: url(../pics/layout/melitta/teaser/bg_teaser1.jpg) } .melitta_d3_solo .horizontalLine .column1 { float: left; width: 462px; height: 1px; margin-right: 23px; border-bottom: 1px solid #B8B8B8 } .melitta_d3_solo .horizontalLine .column2 { float: right; width: 220px; height: 1px; border-bottom: 1px solid #B8B8B8 } .melitta_d3_solo .teaser2 { margin: 0; padding: 0 13px 18px 13px } .melitta_d3_solo .teaser2 .column2 { width: 215px } .melitta_d3_solo .teaser2 .column3 { width: 215px } .melitta_d3_solo .teaser2 .inputSizePlz { width: 65px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d3_solo .teaser2 .inputSizeProdukt { width: 110px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d3_solo .teaser3 { padding-bottom: 13px } .melitta_d3_solo .teaser3 .column1 { width: 465px; height: 90px } .melitta_d3_solo .teaser3 .column2 { width: 220px; height: 90px } .melitta_d3_solo .subnavigation { background-color: #dbbd96; margin-top: 10px; margin-bottom: 75px } /* --- Vorlagentemplate: melitta_d4.tpl -------------------------------------------------------- */ * html .melitta_d4 .teaser3 { padding-bottom: 0 } .melitta_d4 { padding: 75px 0 0 20px } .melitta_d4 .headline { margin-bottom: 40px } .melitta_d4 .headline_druck div { clear: both; margin-bottom: 10px } .melitta_d4 .overview { width: 720px; padding: 20px 0 13px 20px; background-color: #D9B992; color: #2c1d15; margin-bottom: 2px } .melitta_d4 .weiterempfehlen { padding: 8px 35px 4px 22px } .melitta_d4 .horizontalLine { clear: both; width: 711px; padding: 0 13px 13px 13px; height: 1px; background-image: url(../pics/layout/melitta/teaser/bg_teaser1.jpg) } .melitta_d4 .horizontalLine .column1 { float: left; width: 462px; height: 1px; margin-right: 23px; border-bottom: 1px solid #B8B8B8 } .melitta_d4 .horizontalLine .column2 { float: right; width: 220px; height: 1px; border-bottom: 1px solid #B8B8B8 } .melitta_d4 .teaser2 { margin: 0; padding: 0 13px 18px 13px } .melitta_d4 .teaser2 .column2 { width: 215px } .melitta_d4 .teaser2 .column3 { width: 215px } .melitta_d4 .teaser2 .inputSizePlz { width: 65px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d4 .teaser2 .inputSizeProdukt { width: 110px; height: 14px; font-size: 10px; background-color: #FFFFFF } .melitta_d4 .teaser3 { padding-bottom: 13px } .melitta_d4 .teaser3 .column1 { width: 465px; height: 90px } .melitta_d4 .teaser3 .column2 { width: 220px; height: 90px } .melitta_d4 .subnavigation { background-color: #dbbd96; margin-top: 10px; margin-bottom: 75px } /* --- Vorlagentemplate: melitta_d5.tpl -------------------------------------------------------- */ * html .melitta_d5 .overview .cont_links, * html .melitta_d5 .overview .cont_mitte, * html .melitta_d5 .overview .cont_rechts { width: 227px; padding: 13px 0 13px 15px } * html .melitta_d5 .overview .cont_mitte { padding: 13px 0 12px 10px } * html .melitta_d5 .teaser { padding-bottom: 0 } .melitta_d5 { padding: 75px 0 0 20px; width: 760px } .melitta_d5 .introtext { width: 350px; padding: 25px 0 0 20px } .melitta_d5 .overview { width: 740px; padding: 0 0 0 0; color: #2c1d15; background-color: #dbbd96; margin: 25px 0 0 0 } .melitta_d5 .weiterempfehlen { padding: 8px 35px 25px 22px } .melitta_d5 .subnavigation { background-color: #DBBD96; margin-top: 10px } /* --- Vorlagentemplate: melitta_d5_up_and_awake.tpl ------------------------------------------- */ .melitta-d5-up-and-awake .overview { color: #0f0f0f; background-color: #ffc617 } .melitta-d5-up-and-awake .subnavigation { background-color: #ffc617 } .melitta-d5-up-and-awake .abschluss { background-color: #0f0f0f; background-image: none } /* --- Vorlagentemplate: melitta_d3_bellacrema.tpl --------------------------------------------- */ * html .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 { margin-left: 20px; width: 277px } .melitta_d3_bellacrema { overflow: hidden; padding: 75px 0 0 29px; width: 751px; height: 890px; color: #958b83; background-color: #000000 } .melitta_d3_bellacrema .headline { padding-left: 11px } .melitta_d3_bellacrema .introtext { width: 350px; color: #FFFFFF; padding: 23px 0 0 11px } .melitta_d3_bellacrema .overview { width: 743px; font-size: 10px; line-height: 15px; display: inline; margin-bottom: 150px } .melitta_d3_bellacrema .overview .cont_intro { width: 742px; height: 220px; float: left; font-size: 11px; background-repeat: no-repeat } .melitta_d3_bellacrema .overview .cont_intro .intro { width: 540px; height: 180px; margin-left: 170px; padding: 20px } .melitta_d3_bellacrema .overview .cont_intro .intro .column1 { margin: 0; width: 275px; float: left; padding: 15px 15px 15px 0 } .melitta_d3_bellacrema .overview .cont_intro .intro .column2 { margin: 0; width: 220px; float: left; padding: 15px; float: right } .melitta_d3_bellacrema .overview .cont_mitte { width: 494px; height: 342px; float: left; font-size: 11px; background-image: url(../pics/details/bg_bellacrema_detail_mitte.jpg); background-repeat: no-repeat } .melitta_d3_bellacrema .overview .cont_mitte .line { border-top: 2px solid #4b3f38; margin-bottom: 20px } .melitta_d3_bellacrema .overview .cont_mitte .intro { float: left; width: 454px; height: 302px; padding: 0 20px 20px 20px } .melitta_d3_bellacrema .overview .cont_mitte .intro .column1 { margin: 0 20px 0 20px; float: left } .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 { margin-left: 35px; width: 277px; float: left } .melitta_d3_bellacrema .overview .cont_mitte .introimage { float: left; width: 100px } .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 .head { margin-top: 10px } .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 p { width: 220px; float: left; padding: 0 0 0 13px; margin: 0 } .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 .symbol { float: left } .melitta_d3_bellacrema .overview .cont_mitte .intro .column2 .row { padding: 15px 0 40px 0 } .melitta_d3_bellacrema .overview .cont_rechts { width: 244px; height: 342px; float: left } .melitta_d3_bellacrema .overview .cont_rechts .heading { height: 26px; background-color: #482812 } .melitta_d3_bellacrema .overview .cont_rechts .heading img { padding-top: 2px } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite { background-image: url(../pics/details/bg_bellacrema_detail_klein.jpg); background-repeat: no-repeat; height: 158px } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite .image { width: auto; float: left; padding: 40px 0 0 0 } .melitta_d3_bellacrema .overview .cont_rechts .heading { padding: 0 0 0 20px } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite .txt { width: 140px; float: left; padding: 10px 0 0 20px; font-size: 11px } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite .link { padding: 0; margin: 0; font-weight: bold; color: #FFFFFF } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite p { padding-right: 5px } .melitta_d3_bellacrema .overview .cont_rechts .cont_seite .hd { margin-top: 10px } .melitta_d3_bellacrema .teaser { background-image: none } .melitta_d3_bellacrema .teaser .teaserlink { color: #ffffff } .melitta_d3_bellacrema .teaser .teaserlink a { color: #ffffff; text-decoration: none } .melitta_d3_bellacrema .teaser .teaserlink a:hover { text-decoration: underline } .melitta_d3_bellacrema .teaser .column1 { border-right: 1px solid #4d4d4d } .melitta_d3_bellacrema .teaser .txt { color: #FFFFFF } .melitta_d3_bellacrema .teaser h1 { color: #b37a51 } .melitta_d3_bellacrema .subnavigation { width: 691px; background-color: #482812; margin-top: 40px; color: #FFFFFF } .melitta_d3_bellacrema .subnavigation a { color: #FFFFFF } /* --- Vorlagentemplate: melitta_dr_bellacrema.tpl --------------------------------------------- */ .melitta_dr_bellacrema { padding: 75px 0 0 20px; background-color: #e8d8bf } .melitta_dr_bellacrema .overview { width: 720px; padding: 5px 0 0 20px; background-color: #000000; background-image: url(../pics/details/bg_bellacrema.jpg); background-position: right bottom } .melitta_dr_bellacrema .overview .introimage img { margin-bottom: 28px; margin-right: 28px; margin-top: -45px } .melitta_dr_bellacrema .footernav { clear: both; width: 696px; height: 12px; background-color: #482812; padding: 4px 22px; font-size: 10px } .melitta_dr_bellacrema .footernav a { color: #f5efe7 } .melitta_dr_bellacrema .footernav a:hover { color: #f5efe7 } .melitta_dr_bellacrema .weiterempfehlen { padding: 8px 35px 4px 22px } .melitta_dr_bellacrema .teaser2 .column1 { width: 250px } .melitta_dr_bellacrema .teaser2 .column2 { width: 175px } /* Teaser */ .melitta_dr_bellacrema .teaser { width: 715px; margin-left: 9px; background-image: none; background-color: #000000 } .melitta_dr_bellacrema .teaser .txt { color:#FFFFFF } .melitta_dr_bellacrema .teaser h1 { color:#B37A51 } .melitta_dr_bellacrema .teaser .teaserlink a { color:#FFFFFF; font-weight:bold; text-decoration:none } .melitta_dr_bellacrema .teaser .column1 .links { float: left } .melitta_dr_bellacrema .teaser .column1 .rechts { float: right; padding-top: 35px } /* --- Vorlagentemplate: melitta_d2.tpl -------------------------------------------------------- */ * html .melitta_d2 .overview .cont_links { margin-bottom: 0 } * html .melitta_d2 .overview .cont_rechts { width: 495px } * html .melitta_d2 .teaser_klein { height: 50px; padding: 13px 0 0 13px; margin-bottom: 0 } .melitta_d2 { padding: 75px 0 0 20px; width: 760px; font-family: Helvetica, Verdana, Arial, sans-serif } .melitta_d2 .overview { width: 743px; padding: 40px 0 0 9px; font-size: 10px; line-height: 15px; display: inline } .melitta_d2 .overview .cont_links { width: 240px; height: 470px; float: left; font-size: 11px; background-image: url(../pics/details/bg_cityaffair_lesezeichen2-trans.png); background-repeat: no-repeat; margin-bottom: 10px } .melitta_d2 .overview .cont_links .intro { padding: 25px; font-size: 11px; color: #3b1b1c; height: 305px } .melitta_d2 .overview .cont_links .intro p { width: 195px } .melitta_d2 .overview .cont_links .intro h1 { margin: 0 0 20px 0; font-weight: bold; font-size: 14px } .melitta_d2 .overview .cont_rechts { width: 500px; height: 470px; float: left } .melitta_d2 .overview .cont_rechts .intro { margin-left: 60px } .melitta_d2 .overview .cont_rechts .intro p { width: 250px; margin-bottom: 0; padding-bottom: 0; font-size: 11px } .melitta_d2 .overview .cont_rechts .link { padding: 0 0 0 30px; margin-top: -10px; font-weight: bold; font-size: 11px } .melitta_d2 .teaser_klein { width: 602px; background-image: url(../pics/details/bg_cityaffair_teaser.jpg); color: #ffffff; font-size: 11px; height: 100px; bottom: 0; margin-bottom: 0 } .melitta_d2 .teaser_klein .column1 { width: 260px; border-right: 1px solid #916459; height: 95px } .melitta_d2 .teaser_klein .column2 { width: 315px; float: left } .melitta_d2 .teaser_klein .teaserlink { color: #ffffff; font-weight: bold; padding: 4px 0 0 0 } .melitta_d2 .teaser_klein .teaserlink a { color: #ffffff; text-decoration: none } .melitta_d2 .teaser_klein .teaserlink a:hover { text-decoration: underline } .melitta_d2 .teaser_klein .submit, .melitta_d2 .teaser_klein .submit a { color: #ffffff; font-weight: bold; text-decoration: none } .melitta_d2 .teaser_klein h1 { color: #b37a51 } .melitta_d2 .teaser_klein .inputSizePlz { width: 65px; height: 14px; font-size: 10px; background-color: #FFFFFF; margin: 0 4px; padding: 1px } /* --- Vorlagentemplate: melitta_dr.tpl -------------------------------------------------------- */ .melitta_dr { padding: 75px 0 0 20px; background-color: #e8d8bf } .melitta_dr .overview { width: 720px; padding: 5px 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_dr .overview .introimage img { padding-bottom: 15px; padding-right: 15px; margin-top: -45px; position: relative } .melitta_dr .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px; font-size: 10px } .melitta_dr .footernav a { color: #f5efe7 } .melitta_dr .footernav a:hover { color: #f5efe7 } .melitta_dr .weiterempfehlen { padding: 8px 35px 4px 22px } .melitta_dr .teaser2 .column1 { width: 250px } .melitta_dr .teaser2 .column2 { width: 175px } /* --- Vorlagentemplate: melitta_e.tpl --------------------------------------------------------- */ .melitta_e { padding: 75px 0 0 20px; background-repeat: no-repeat; background-color: #e8d8bf; width: 760px } .melitta_e .overview { width: 720px; padding: 20px 0 13px 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_e .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px; font-size: 10px } .melitta_e .footernav a { color: #f5efe7 } .melitta_e .footernav a:hover { color: #f5efe7 } .melitta_e .weiterempfehlen { height: 100px; padding: 8px 22px 4px; width: 696px; float: left } .melitta_e .weiterempfehlen a { color: #5E4A3F } .melitta_e .weiterempfehlen a:hover { color: #5E4A3F } .melitta_e .weiterempfehlen .weiterempfehlenLink { padding-top: 1px; float: right } .melitta_e .weiterempfehlen .empfehlen { color: #5E4A3F; float: right; text-decoration: none } .melitta_e .weiterempfehlen .empfehlen a { color: #5E4A3F; text-decoration: none } .melitta_e .weiterempfehlen .empfehlen a:hover { color: #5E4A3F; text-decoration: underline } .melitta_e .weiterempfehlen .remark { float: left; font-size: 9px; color: #6D6D6D } .melitta_e .weiterempfehlen .remark a { color: #6D6D6D; text-decoration: underline } .melitta_e .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } /* --- Vorlagentemplate: melitta_f_rezeptsuche.tpl --------------------------------------------- */ .melitta_f_rezeptsuche { padding: 75px 0 0 20px; background-color: #e8d8bf; height: 500px } .melitta_f_rezeptsuche .overview { width: 720px; padding: 20px 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_f_rezeptsuche .overview .intro { line-height: 15px; width: 700px; padding-bottom: 10px } .melitta_f_rezeptsuche .overview .intro h1 { font-size: 12px; font-weight: bold; color: #2c1d15 } .melitta_f_rezeptsuche .overview .form { float: left; width: 700px; padding: 0; background-color: #f5efe7; color: #2c1d15 } .melitta_f_rezeptsuche .overview .form a { color: #2c1d15; text-decoration: none } .melitta_f_rezeptsuche .overview .form .left { float: left; width: 120px; height: 30px; color: #2c1d15 } .melitta_f_rezeptsuche .overview .form .right { float: right; width: 580px; height: 30px; color: #2c1d15 } .melitta_f_rezeptsuche .overview .form .submit { width: 420px; padding-top: 10px; padding-bottom: 10px; text-align: right; vertical-align: bottom } .melitta_f_rezeptsuche .overview .form .textbox { width: 294px } .melitta_f_rezeptsuche .overview .form .selectbox { width: 300px } .melitta_f_rezeptsuche .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px; font-size: 10px } .melitta_f_rezeptsuche .footernav a { color: #f5efe7 } .melitta_f_rezeptsuche .footernav a:hover { color: #f5efe7 } .melitta_f_rezeptsuche .footernav .active { color: #f5efe7; font-weight: bold; text-decoration: none } .melitta_f_rezeptsuche .footernav .inactive { color: #f5efe7; font-weight: bold; text-decoration: underline } /* --- Vorlagentemplate: melitta_f.tpl --------------------------------------------------------- */ * html .melitta_f .footernav { width: 702px } .melitta_f { padding: 75px 0 0 20px; background-color: #DCC1A4 } .melitta_f .form { float: left; width: 700px; padding: 20px 20px 0; background-color: #f5efe7; color: #2c1d15 } .melitta_f .form a { color: #472b17 } .melitta_f .form .intro { margin-bottom: 15px; line-height: 15px } .melitta_f .form .formelements { float: left; padding-right: 44px; padding-bottom: 20px } .melitta_f .form .formelements .label { float: left; padding-top: 3px } .melitta_f .form .formelements .input { float: left } .melitta_f .form .formelements { float: left; padding-top: 3px } .melitta_f .form .formelements .inputStandard { float: left; width: 211px } .melitta_f .form .formelements .sizeInputStandard { float: left; width: 211px } .melitta_f .form .formelements .sizeInputVariant1Big { float: right; width: 137px } .melitta_f .form .formelements .sizeInputVariant1Big2 { float: left; width: 137px; margin-left: 12px } .melitta_f .form .formelements .sizeInputVariant1Small { float: left; width: 58px } .melitta_f .form .formelements .sizeInputVariant2Big { float: left; width: 149px } .melitta_f .form .formelements .sizeInputVariant2Small { float: right; width: 46px } .melitta_f .form .formelements .sizeTextarea { float: left; width: 558px } .melitta_f .form .formelements .sn1 { float: left; height: 22px; line-height: 22px; width: 35px; overflow: hidden } .melitta_f .form .formelements .sn2 { float: left; height: 22px; line-height: 22px; margin-left: 4px } .melitta_f .form .formelements .input-sn-modell { float: left; width: 25px } .melitta_f .form .formelements .input-sn1 { float: left; width: 13px } .melitta_f .form .formelements .input-sn2 { float: left; width: 13px; margin-left:4px } .melitta_f .form .formelements .input-sn3 { float: left; width: 90px; margin-left: 5px } .melitta_f .form .formelements .icon { height: 30px } .melitta_f .form .formelements .agb { display: block; margin-left: 25px;} .melitta_f .form .formelements .space { width: 43px } .melitta_f .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px } .melitta_f .teaser .column1 .txt { width: 165px } .melitta_f .teaser .column1 .txt p { margin-bottom: 5px; margin-top: 10px } .melitta_f .teaser .column1 .links { float: left } .melitta_f .teaser .column1 .rechts { float: right; padding-top: 35px } .melitta_f .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } .melitta_f .captcha { width: 258px } .melitta_f .left { float: left; height: 20px; padding: 3px 0 0 0; margin-right: 8px; margin-bottom: 4px } .melitta_f .left input { width: 50px } .melitta_f .right { float: left; height: 20px; padding: 3px 0 0 0 } .melitta_f .form-zeile-captcha img { vertical-align: top } /* alle (theoretisch) browser */ .melitta_f .form-zeile-captcha .input-captcha { vertical-align: top } /* alle (theoretisch) browser */ * html .melitta_f .form-zeile-captcha .input-captcha { margin-top: -1px } /* ie6 */ *:first-child+html .melitta_f .form-zeile-captcha img { margin-top: 1px } /* ie7 */ /* --- Vorlagentemplate: melitta_f.tpl --------------------------------------------------------- */ .melitta_f_iframe_content { padding: 75px 0 0 20px; background-color: #DCC1A4 } .melitta_f_iframe_content td { font-size: 11px } /* --- Vorlagentemplate: melitta_f_bellacrema.tpl ---------------------------------------------- */ .melitta_f_bellacrema { padding: 75px 0 0 29px; width: 751px } .melitta_f_bellacrema .headline { padding-left: 11px } .melitta_f_bellacrema .introtext { clear: both; padding-left: 20px; padding-left: 11px; color: #ffffff; margin-top:25px } .melitta_f_bellacrema .form { float: left; width: 741px; padding: 20px 0 0 9px; background-color: #000000; color: #ffffff; background-image: url(../pics/details/bellacrema_03_hg.jpg) } .melitta_f_bellacrema .form a { color: #472b17 } .melitta_f_bellacrema .form .intro { margin: 0 0 15px 6px; line-height: 15px } .melitta_f_bellacrema .form .formelements { float: left; padding-right: 44px; padding-bottom: 20px } .melitta_f_bellacrema .form .formelements .label { float: left; padding-top: 3px } .melitta_f_bellacrema .form .formelements .input { float: left } .melitta_f_bellacrema .form .formelements { float: left; padding-top: 3px; padding-left: 6px } .melitta_f_bellacrema .form .formelements .inputStandard { float: left; width: 211px } .melitta_f_bellacrema .form .formelements .sizeInputStandard { float: left; width: 211px } .melitta_f_bellacrema .form .formelements .sizeInputSelect { float: left; width: 215px } .melitta_f_bellacrema .form .formelements .sizeInputVariant1Big { float: right; width: 137px } .melitta_f_bellacrema .form .formelements .sizeInputVariant1Small { float: left; width: 58px } .melitta_f_bellacrema .form .formelements .sizeInputVariant2Big { float: left; width: 149px } .melitta_f_bellacrema .form .formelements .sizeInputVariant2Small { float: right; width: 46px } .melitta_f_bellacrema .form .formelements .sizeTextarea { float: left; width: 550px; padding: 0 } .melitta_f_bellacrema .form .formelements .agb { display: block; margin-left: 25px } .melitta_f_bellacrema .form .formelements .space { width: 43px } .melitta_f_bellacrema .footernav { clear: both; width: 697px; height: 12px; background-color: #482812; padding: 4px 22px } .melitta_f_bellacrema .teaser { width: 715px; margin-left: 9px; background-image: none; background-color: #000000 } .melitta_f_bellacrema .teaser .txt { color:#FFFFFF } .melitta_f_bellacrema .teaser h1 { color:#B37A51 } .melitta_f_bellacrema .teaser .teaserlink { color:#FFFFFF } .melitta_f_bellacrema .teaser .teaserlink a { color:#FFFFFF; font-weight:bold; text-decoration:none } .melitta_f_bellacrema .subnavigation { width: 690px; background-color: #482812; margin-top: 35px; color: #ffffff } .melitta_f_bellacrema .subnavigation a { color: #ffffff } /* --- Vorlagentemplate: melitta_g1.tpl -------------------------------------------------------- */ .melitta_g1 { padding: 75px 0 0 20px; background-color: #D8BB9C; width: 760px } .melitta_g1 .overview { width: 740px; padding: 0 0 30px 0; color: #2c1d15 } .melitta_g1 .overview .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } .melitta_g1 .overview .subnavigation a { color: #2c1d15 } .melitta_g1 .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_g1 .overview .gallery { float: left; padding-right: 30px; padding-left: 20px; padding-bottom: 20px; background-color: #f5efe7; margin-bottom: 40px } .melitta_g1 .overview .gallery .image { float: right; position: relative; /*workaround fuer ie6*/ bottom: -40px; width: 270px } .melitta_g1 .overview .gallery .text { float: left; color: #2c1d15; margin-top: 20px; width: 420px } .melitta_g1 .overview .gallery .text h1 { color: #2c1d15; font-size: 12px; font-weight: bold; margin: 0 0 10px 0 } .melitta_g1 .overview .gallery .text a { color: #2c1d15; text-decoration: none; font-weight: bold } .melitta_g1 .overview .gallery .text a:hover { text-decoration: underline } .melitta_g1 .teaser { margin-top: 47px } .melitta_g1 .teaser h1 { font-size: 12px; font-weight: bold; margin: 0 0 10px 0; color: #2c1d15 } .melitta_g1 .teaser img { padding-right: 10px; padding-bottom: 20px } .melitta_g1 .teaser .teaserlink { color: #665C51; font-weight: bold } .melitta_g1 .teaser .teaserlink a { color: #665C51; font-weight: bold; text-decoration: none } .melitta_g1 .teaser .teaserlink a:hover { text-decoration: underline } .melitta_g1 .teaser .column1 { float: left; width: 321px; height: 90px; border-right: 1px solid #B8B8B8; padding-right: 10px; margin-bottom: 5px } .melitta_g1 .teaser .column2 { float: left; width: 345px; height: 90px; margin-left: 15px; margin-bottom: 5px } /* --- Vorlagentemplate: melitta_g2.tpl -------------------------------------------------------- */ .melitta_g2 { padding: 75px 0 0 20px; background-color: #dcc1a4 } .melitta_g2 .overview { width: 720px; padding: 20px 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_g2 .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_g2 .overview .gallery { float: left; padding-right: 44px; padding-bottom: 20px; font-size: 10px } .melitta_g2 .overview .gallery .image { margin-bottom: 10px } .melitta_g2 .overview .gallery .link { display: inline; color: #4c3f38; font-weight: bold } .melitta_g2 .overview .gallery .link a { color: #4c3f38; text-decoration: none; font-weight: bold } .melitta_g2 .overview .gallery .link a:hover { text-decoration: underline } .melitta_g2 .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px; font-size: 10px } .melitta_g2 .footernav a { color: #f5efe7 } .melitta_g2 .footernav a:hover { color: #f5efe7 } .melitta_g2 .footernav .active { color: #f5efe7; font-weight: bold; text-decoration: none; padding: 1px } .melitta_g2 .footernav .inactive { color: #f5efe7; font-weight: bold; text-decoration: underline; padding: 1px } .melitta_g2 .teaser .column1 h1 { color: #472B17; font-size: 12px; font-weight: bold; margin: 0 0 10px 0 } .melitta_g2 .overview .intro .searchnav a { display: inline; color: #4c3f38; font-weight: bold } .melitta_g2 .overview .intro .searchnav a:hover { text-decoration: underline } .melitta_g2 .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } /* --- Vorlagentemplate: melitta_g2_bellacrema.tpl --------------------------------------------- */ .melitta_g2_bellacrema { padding: 75px 0 0 29px; background-color: #000000; width: 751px } .melitta_g2_bellacrema .overview h1 { color: #c36300; font-size: 12px; font-weight: bold; margin-bottom: 30px } .melitta_g2_bellacrema .headline { padding-left: 11px } .melitta_g2_bellacrema .introtext { clear: both; padding-left: 11px; color:#FFFFFF; margin-top:25px } .melitta_g2_bellacrema .overview { width: 732px; padding: 25px 0 0 9px; margin-top: 40px; background-color: #000000; color: #ffffff; background-image: url(../pics/details/bellacrema_03_hg.jpg) } .melitta_g2_bellacrema .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_g2_bellacrema .overview .gallery { float: left; overflow: hidden; font-size: 10px; width: 238px; padding-bottom: 20px } .melitta_g2_bellacrema .overview .gallery .image { margin-bottom: 10px } .melitta_g2_bellacrema .overview .gallery .link { display: inline; color: #ffffff; font-weight: bold } .melitta_g2_bellacrema .overview .gallery .link a { color: #ffffff; text-decoration: none; font-weight: bold } .melitta_g2_bellacrema .overview .gallery .link a:hover { text-decoration: underline } .melitta_g2_bellacrema .footernav { clear: both; width: 697px; height: 12px; background-color: #482812; padding: 4px 22px; font-size: 10px } .melitta_g2_bellacrema .footernav a { color: #f5efe7 } .melitta_g2_bellacrema .footernav a:hover { color: #f5efe7 } .melitta_g2_bellacrema .footernav .active { color: #f5efe7; font-weight: bold; text-decoration: none; padding: 1px } .melitta_g2_bellacrema .footernav .inactive { color: #f5efe7; font-weight: bold; text-decoration: underline; padding: 1px } .melitta_g2_bellacrema .overview .intro .searchnav a { display: inline; color: #4c3f38; font-weight: bold } .melitta_g2_bellacrema .overview .intro .searchnav a:hover { text-decoration: underline } .melitta_g2_bellacrema .teaser { width: 715px; margin-left: 9px; background-image: none; background-color: #000000 } .melitta_g2_bellacrema .teaser .txt { color:#FFFFFF } .melitta_g2_bellacrema .teaser h1 { color:#B37A51 } .melitta_g2_bellacrema .teaser .teaserlink { color:#FFFFFF } .melitta_g2_bellacrema .teaser .teaserlink a { color:#FFFFFF; font-weight:bold; text-decoration:none } .melitta_g2_bellacrema .teaser .column1 .links { float: left } .melitta_g2_bellacrema .teaser .column1 .rechts { float: right; padding-top: 35px } .melitta_g2_bellacrema .subnavigation { width: 690px; background-color: #482812; margin-top:35px; color: #ffffff } .melitta_g2_bellacrema .subnavigation a { color: #ffffff } /* --- Vorlagentemplate: melitta_h_dms.tpl (Fallbackerweiterung) ------------------------------- */ .fallback_flash { position: absolute; top: 0; z-index: 2 } .fallback_template { position: absolute; top: 0; z-index: 1 } .melitta_h_dms_fallback { width: 1000px; height: 650px; background-repeat: no-repeat; position: absolute; top: 0 } .melitta_h_dms_fallback img { border: 0 } .melitta_h_dms_fallback .content { float: left; width: 630px; height: 529px } .melitta_h_dms_fallback .content .header { width: 630px; height: 90px } .melitta_h_dms_fallback .content .header .melitta-logo { float: left; width: 154px; margin: -2px 0 0 26px; display: inline } .melitta_h_dms_fallback .content .header .text { float: left; width: 450px; color:#cccccc; text-decoration: none; display: inline } .melitta_h_dms_fallback .content .header .text a { color: #cccccc; text-decoration: underline } .melitta_h_dms_fallback .content .header .text a:hover { color: #ffffff; text-decoration: underline } .melitta_h_dms_fallback .related { float: right; width: 306px; height: 449px; padding: 60px 9px 20px 55px; overflow: hidden } .melitta_h_dms_fallback .related .bubble-zeile { clear: both; overflow: hidden; width: 306px } .melitta_h_dms_fallback .related .bubble-zeile .bild { float: left; width: 74px } .melitta_h_dms_fallback .related .bubble-zeile .link { float: left; width: 218px; height: 34px; padding: 20px 0 0 14px } .melitta_h_dms_fallback .related .bubble-zeile .zeile { clear: both; float: left; width: 218px; overflow: hidden } .melitta_h_dms_fallback .related .bubble-zeile div { float: left } .melitta_h_dms_fallback .related .bubble-zeile .image { float: left; padding: 3px 5px 0 0 } .melitta_h_dms_fallback .related .meta-container { clear: left; margin-top: 17px; padding: 23px 0 0 88px; background-image: url(../pics/flash_dms/fallback/zierleiste.png); background-repeat: no-repeat; background-position: top right } .melitta_h_dms_fallback .related .meta-container .meta-zeile { clear: both; height: 20px; margin-bottom: 5px; overflow: hidden } .melitta_h_dms_fallback .related .meta-container .meta-zeile .image { float: left; padding: 3px 5px 0 0 } .melitta_h_dms_fallback .related .meta-container .meta-zeile .link { float: left; width: 200px; height: 20px } .melitta_h_dms_fallback .footer { clear: both; width: 960px; height: 121px; padding: 0 20px } .melitta_h_dms_fallback .footer .footer-container-3 { } .melitta_h_dms_fallback .footer .footer-container-3 .container { float: left; width: 316px; height: 94px; margin-top: 13px } .melitta_h_dms_fallback .footer .footer-container-3 .container .text { float: left; width: 199px; padding: 0 15px; color: #2C1D15; font-size: 9px } .melitta_h_dms_fallback .footer .footer-container-3 .container .text a { color: #2C1D15; text-decoration: none } .melitta_h_dms_fallback .footer .footer-container-3 .container .text h1 { margin: 0; color: #2C1D15; font-size: 15px; font-weight: normal; margin: 0 0 3px 0 } .melitta_h_dms_fallback .footer .footer-container-3 .container .link-zeile { clear: both; float: left; margin-bottom: 4px } .melitta_h_dms_fallback .footer .footer-container-3 .container .link-zeile .image { float: left; padding: 4px 5px 0 0 } .melitta_h_dms_fallback .footer .footer-container-3 .container .link-zeile .link { float: left; color: #2C1D15 } .melitta_h_dms_fallback .footer .footer-container-3 .container .link-zeile .link a { color: #2C1D15; text-decoration: none } .melitta_h_dms_fallback .footer .footer-container-3 .container .image { float: right; padding: 0 13px 0 0 } .melitta_h_dms_fallback .footer .footer-container-3 .trenner { float: left; width: 6px; height: 107px } /* --- Vorlagentemplate: melitta_i_bellacrema.tpl ---------------------------------------------- */ .melitta_i_bellacrema { padding: 75px 0 0 29px; width: 751px } .melitta_i_bellacrema .headline { padding-left: 11px } .melitta_i_bellacrema .introtext { clear: both; padding-left: 11px; color: #ffffff; margin-top:35px } .melitta_i_bellacrema .headline div { margin-bottom: 0 } .melitta_i_bellacrema .overview { width: 721px; padding: 20px 0 0 20px; background-color: #000000; background-image: url(../../pics/details/bg_bellacrema.jpg); background-position: right bottom } .melitta_i_bellacrema .overview h1 { color: #c36300; font-size: 12px; font-weight: bold; margin-bottom: 30px } .melitta_i_bellacrema .overview .intro { margin-bottom: 15px; line-height: 15px; padding-right: 280px } .melitta_i_bellacrema .overview .intro a { text-decoration: underline; color: #ffffff } .melitta_i_bellacrema .overview .intro a:hover { text-decoration: none; color: #ffffff } .melitta_i_bellacrema .overview .introimage img { padding-bottom: 15px; padding-right: 15px; margin-top: -60px; position: relative } .melitta_i_bellacrema .footernav { clear: both; width: 697px; height: 12px; background-color: #482812; padding: 4px 22px } .melitta_i_bellacrema .footernav a { color: #f5efe7 } .melitta_i_bellacrema .footernav a:hover { color: #f5efe7 } .melitta_i_bellacrema .teaser { width: 715px; background-image: none; background-color: #000000 } .melitta_i_bellacrema .teaser .txt { color: #FFFFFF } .melitta_i_bellacrema .teaser h1 { color: #B37A51 } .melitta_i_bellacrema .teaser .teaserlink { color: #FFFFFF } .melitta_i_bellacrema .teaser .teaserlink a { color: #FFFFFF } .melitta_i_bellacrema .subnavigation { background-color: #482812; color: #ffffff; margin-top: 35px; margin-bottom: 60px } .melitta_i_bellacrema .subnavigation a { color: #ffffff } .melitta_i_bellacrema .subnavigation-5 { clear: left; overflow: hidden; margin: 10px 0; width: 730px; border-bottom: 6px solid #000000; background-color: #000000; margin-top: 10px; color: #ffffff } .melitta_i_bellacrema .subnavigation-5 .container { float: left; width: 605px; height: 45px; overflow: hidden } .melitta_i_bellacrema .subnavigation-5 .items { height: 45px } .melitta_i_bellacrema .subnavigation-5 .slide-button { float: left; width: 45px; height: 45px; background-color: #482812; margin-right: 9px } .melitta_i_bellacrema .subnavigation-5 img { float: left; margin-right: 9px } .melitta_i_bellacrema .subnavigation-5 span { float: left; margin-right: 9px } .melitta_i_bellacrema .subnavigation-5 a { float: left; color: #ffffff } .melitta_i_bellacrema .links { overflow: hidden; margin-top: 20px } .melitta_i_bellacrema .links .link { float: left; margin-right: 20px } /* --- Vorlagentemplate: melitta_i_information.tpl --------------------------------------------- */ .melitta_i_information { padding: 75px 0 0 20px; background-color: #D8BB9D } .melitta_i_information .overview { width: 720px; padding: 20px 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_i_information .overview .intro { margin-bottom: 15px; line-height: 15px; padding-right: 230px } .melitta_i_information .overview .intro a { text-decoration: underline; color: #2C1D15 } .melitta_i_information .overview .intro a:hover { text-decoration: none; color: #2C1D15 } .melitta_i_information .overview .introimage img { padding-bottom: 15px; padding-right: 15px; margin-top: -75px; position: relative } .melitta_i_information .weiterempfehlen a { color: #5E4A3F } .melitta_i_information .weiterempfehlen a:hover { color: #5E4A3F } .melitta_i_information .footernav { clear: both; width: 696px; height: 12px; background-color: #5e4a3f; padding: 4px 22px } .melitta_i_information .footernav a { color: #f5efe7 } .melitta_i_information .footernav a:hover { color: #f5efe7 } .melitta_i_information .weiterempfehlen { padding: 8px 35px 4px 22px } .melitta_i_information .teaser { margin-top: 47px } .melitta_i_information .subnavigation { width: 690px; background-color: #F5EFE7; margin-top: 10px; margin-bottom: 60px } /* --- Vorlagentemplate: melitta_i_impressum.tpl ----------------------------------------------- */ .melitta_i_impressum { padding: 75px 0 0 20px; background-color: #d8bb9c } .melitta_i_impressum a { color: #000000; text-decoration: underline } .melitta_i_impressum a:hover { text-decoration: none } .melitta_i_impressum .overview { background-color: #F5EFE7; width: 700px; padding: 4px 20px; color: #2c1d15; overflow: hidden } .melitta_i_impressum .overview .intro { margin-bottom: 0; line-height: 15px; background-color: #f5efe7; padding: 5px 20px 5px 20px } .melitta_i_impressum .overview .intro .link { color: #2C1D15; font-weight: normal } .melitta_i_impressum .overview .intro .link a { color: #2C1D15; font-weight: normal; text-decoration: underline } .melitta_i_impressum .overview .intro h1 { color: #2c1d15; font-size: 12px; font-weight: bold; margin: 20px 0 10px 0 } .melitta_i_impressum .overview .intro h2 { font-size: 11px; font-weight: bold; margin-bottom: 5px; margin-top: 15px } .melitta_i_impressum .overview .site { margin-bottom: 0; line-height: 15px; background-color: #f5efe7; padding: 5px 20px 5px 20px } .melitta_i_impressum .overview .site p { margin: 5px; padding-left: 20px } .melitta_i_impressum .overview .site h1 { color: #2c1d15; font-size: 12px; font-weight: bold; margin: 20px 0 10px 0 } .melitta_i_impressum .overview .site h2 { font-size: 11px; font-weight: bold; margin-bottom: 5px; margin-top: 15px } .melitta_i_impressum .overview .site .left { width: 250px; float: left; border-right: thin; border-right-width: 1px; border-right-style: solid; border-right-color: #c0c0c0 } .melitta_i_impressum .overview .site .right { float: right; padding-top: 30px; width: 360px; height: 480px } .melitta_i_impressum .footernav { background-color: #5E4A3F; clear: both; height: 12px; padding: 4px 22px; width: 696px } .melitta_i_impressum .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } /* --- Vorlagentemplate: melitta_i_ecard.tpl ----------------------------------------------- */ .melitta_i_ecard { padding: 0; background-color: #919f87; height: 525px; width: 780px } .melitta_i_ecard .ecard { padding: 50px; width: 680px; height: 425px } .melitta_i_ecard .ecard .ecard-headline { } .melitta_i_ecard .ecard .ecard-headline h1 { color: #f8f8f8; font-size: 22px } .melitta_i_ecard .ecard .ecard-headline h2 { color: #c5ccc0; font-size: 17px } .melitta_i_ecard .ecard .ecard-content { height: 290px } .melitta_i_ecard .ecard .ecard-content .left { float: left; width: 450px; height: 290px; overflow: hidden } .melitta_i_ecard .ecard .ecard-content .right { float: right; width: 210px; height: 290px; font-size: 15px } .melitta_i_ecard .ecard .ecard-footer { padding: 0 195px; margin-top: 28px } .melitta_i_ecard .ecard .ecard-footer .left { float: left } .melitta_i_ecard .ecard .ecard-footer .right { float: right } /* --- Vorlagentemplate: melitta_o1.tpl -------------------------------------------------------- */ .melitta_o1 { padding: 75px 0 0 20px; background-color: #d8bb9d; width: 760px } .melitta_o1 .introtext { clear: both; width: 361px; padding: 0 0 0 20px; margin-bottom: 20px; color: #2c1d15 } .melitta_o1 .overview { width: 740px; padding: 0 0 30px 0; color: #2c1d15 } .melitta_o1 .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_o1 .overview .gallery { float: left; padding-right: 30px; padding-left: 20px; padding-bottom: 20px; background-color: #F5EFE7; margin-bottom: 40px } .melitta_o1 .overview .gallery .link { color: #000000; font-weight: bold; margin-top: 10px } .melitta_o1 .overview .gallery .link a { font-weight: bold; text-decoration: none } .melitta_o1 .overview .gallery a:hover { text-decoration: underline } .melitta_o1 .overview .gallery .image { float: right; position: relative; bottom: -40px; width: 270px } .melitta_o1 .overview .gallery .text { float: left; color: #2c1d15; margin-top: 20px; width: 420px } .melitta_o1 .overview .gallery .text h1 { color: #2c1d15; font-size: 12px; font-weight: bold; margin: 0 0 10px 0 } .melitta_o1 .overview .gallery .text a { color: #2c1d15; text-decoration: none; font-weight: bold } .melitta_o1 .gallery .text a:hover { text-decoration: underline } .melitta_o1 .subnavigation { width: 690px; background-color: #f5efe7; margin-bottom: 40px; margin-top: 10px } /* --- Vorlagentemplate: melitta_o1_bellacrema.tpl --------------------------------------------- */ .melitta_o1_bellacrema { padding: 75px 0 0 20px; background-color: #000000 } .melitta_o1_bellacrema .headline div { margin-bottom: 0 } .melitta_o1_bellacrema .introtext { clear: both; width: 361px; padding: 35px 0 0 20px; margin-bottom: 20px; color: #ffffff } .melitta_o1_bellacrema .overview { width: 740px; padding: 0 0 30px 0; color: #ffffff } .melitta_o1_bellacrema .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_o1_bellacrema .overview .gallery { float: left; padding-right: 30px; padding-left: 15px; padding-bottom: 20px; background-color: #482812; margin-bottom: 40px; background-image: url(../pics/details/bg_bellacrema.jpg); background-position: right bottom; border-left: 5px solid #482812; width: 691px; margin-left: 9px; height: 140px } .melitta_o1_bellacrema .overview .gallery .link { font-weight: bold; margin-top: 10px } .melitta_o1_bellacrema .overview .gallery .link a { font-weight: bold; text-decoration: none } .melitta_o1_bellacrema .overview .gallery a:hover { text-decoration: underline } .melitta_o1_bellacrema .overview .gallery .image { float: right; position: relative; bottom: -40px; width: 270px } .melitta_o1_bellacrema .overview .gallery .text { float: left; color: #ffffff; margin-top: 20px; width: 420px } .melitta_o1_bellacrema .overview .gallery .text h1 { color: #d35000; font-size: 12px; font-weight: bold; margin: 0 0 10px 0 } .melitta_o1_bellacrema .overview .gallery .text a { color: #ffffff; text-decoration: none; font-weight: bold } .melitta_o1_bellacrema .gallery .text a:hover { text-decoration: underline } .melitta_o1_bellacrema .subnavigation { width: 690px; border-bottom: 6px solid #000000; background-color: #482812; margin-top: 10px; color: #ffffff; margin-left: 9px } .melitta_o1_bellacrema .subnavigation a { color: #ffffff } /* --- Vorlagentemplate: melitta_o2.tpl -------------------------------------------------------- */ .melitta_o2 { background-color: #51301b; padding: 75px 0 0 20px; width: 760px } .melitta_o2 .introtext { color: #000000; font-family: verdana; font-size: 11px; width: 350px; padding: 5px 0 0 20px } .melitta_o2 .overview { width: 741px; padding: 25px 0 0 0; color: #2c1d15 } .melitta_o2 .overview .cont { width: 714px; overflow: hidden; font-size: 11px; padding: 13px; background-color: #D8B88F } .melitta_o2 .overview .cont .container { clear: both; overflow: hidden } .melitta_o2 .overview .cont .links { float: left; width: 347px } .melitta_o2 .overview .cont .rechts { float: right; width: 367px } .melitta_o2 .overview .cont .box-zeile { clear: left; float: left; overflow: hidden; width: 100% } .melitta_o2 .overview .cont .sline { float: left; overflow: hidden } .melitta_o2 .overview .cont .sline .inner { width: 1px; overflow: hidden; margin: 0 8px; height: 225px; background-color: #e7d3b8 } .melitta_o2 .overview .cont .small .inner { margin: 11px 7px 12px 8px; height: 92px } .melitta_o2 .overview .box_gross { float: left; margin: 0 0 10px 0; overflow: hidden } .melitta_o2 .overview .box_gross .abschluss { height: 7px; width: 347px; overflow: hidden; margin-top: 2px; background-image: url(../pics/layout/melitta/bg/verlauf_klein.png); padding: 0 } .melitta_o2 .overview .box_gross .txt { width: 342px; padding: 25px 5px 10px 0; height: 180px; line-height: 15px; background-image: url(../pics/layout/melitta/bg/bg_maschinen_box.jpg) } .melitta_o2 .overview .box_klein { float: left; width: 348px; padding: 15px 0 10px 0; border-top: 1px solid #e7d3b6; margin-bottom: 3px; overflow: hidden; height: 92px } .melitta_o2 .overview .box_klein .border_left { margin-left: 0; padding-left: 0 } .melitta_o2 .overview .first { border-top: none } .melitta_o2 .overview .bild { float: left; padding: 0 5px } .melitta_o2 .overview .text { } .melitta_o2 .overview p { margin: 0; padding: 10px 0 0 0; font-size: 10px } .melitta_o2 .overview h2 { font-size: 16px; font-weight: bold; margin: 60px 0 0 0; padding: 0; color: #2c1d15 } .melitta_o2 .overview h3 { font-size: 10px; font-weight: bold; margin: 0; padding: 0; color: #2c1d15 } .melitta_o2 .overview h1 { font-size: 12px; margin: 0; padding: 0 } .melitta_o2 .overview .link { color: #703f1d; font-weight: bold; margin-top: 10px; font-size: 10px } .melitta_o2 .overview .link a { color: #703f1d; font-weight: bold; text-decoration: none } /* --- Vorlagentemplate: melitta_s1_dms (Fallbackerweiterung) ---------------------------------- */ .melitta_s1_dms_fallback { width: 779px; height: 626px; position: absolute; top: 0 } .melitta_s1_dms_fallback .header { float: left; margin: 12px 0 0 470px; padding-top: 48px; width: 309px; height: 147px; background-image: url(../pics/flash_dms/fallback/zierleiste-vertikal.png); background-repeat: no-repeat; background-position: top left; display: inline } .melitta_s1_dms_fallback .header .link-zeile { clear: both; overflow: hidden; padding: 0 0 17px 13px } .melitta_s1_dms_fallback .header .link-zeile .image { float: left; margin: 4px 7px 0 0; width: 3px } .melitta_s1_dms_fallback .header .link-zeile .text { float: left; width: 286px; height: 15px } .melitta_s1_dms_fallback .content { float: left; width: 679px; height: 207px; padding: 0 50px } .melitta_s1_dms_fallback .content .produkt { float: left; width: 132px; height: 207px; display: inline } .melitta_s1_dms_fallback .content .trenner { float: left; width: 50px; height: 207px; display: inline } .melitta_s1_dms_fallback .footer { float: left; width: 779px; height: 212px; background-image: url(../pics/flash_dms/fallback/footer_s1_background.png); background-repeat: no-repeat; background-position: bottom } .melitta_s1_dms_fallback .footer { float: left; width: 779px; height: 212px; background-image: url(../pics/flash_dms/fallback/footer_s1_background.png); background-repeat: no-repeat; background-position: bottom } .melitta_s1_dms_fallback .footer .text { float: left; width: 559px; height: 80px; display: inline; padding: 132px 20px 0 0; text-align: right } .melitta_s1_dms_fallback .footer .image { float: right; width: 200px; height: 212px; display: inline; overflow: hidden } /* --- Vorlagentemplate: melitta_t.tpl --------------------------------------------------------- */ .melitta_t { padding: 75px 0 0 20px; background-color: #e8d8bf } .melitta_t .headline div { margin-bottom: 10px } .melitta_t .overview { width: 720px; padding: 20px 0 0 20px; background-color: #f5efe7; color: #2c1d15 } .melitta_t .overview .intro { line-height: 15px; min-height: 160px; height: auto; width: 425px; margin-right: 20px } .melitta_t .overview .line { border-bottom: 1px solid #A0978F; width: 700px; height: 2px; padding-bottom: 5px; margin-bottom: 5px; margin-top: 10px } .melitta_t .overview .intro p { width: 425px } .melitta_t .overview .intro h1 { width: 425px; font-size: 12px; font-weight: bold; color: #2c1d15 } .melitta_t .overview .intro a { color: #2c1d15; text-decoration: none } .melitta_t .overview .intro a:hover { color: #2c1d15; text-decoration: underline } .melitta_t .overview .introimage { float: right; padding-bottom: 15px; padding-right: 25px; margin-top: -45px; position: relative; margin-left: 20px } .melitta_t .overview .timeline { position: relative; height: 100px; padding-bottom: 5px } .melitta_t .overview .timeline .year { position: relative; overflow: hidden; float: left; padding-right: 25px; padding-left: 25px; padding-bottom: 14px; height: auto; width: auto } .melitta_t .overview .timeline .first { padding-left: 0 } .melitta_t .overview .timeline .last { padding-right: 0 } .melitta_t .overview .timeline .year .date { text-align: center } .melitta_t .footernav { clear: both; width: 696px; height: 14px; background-color: #5e4a3f; padding: 3px 22px } .melitta_t .footernav #track1 { width: auto; background-color: #937362; height: 14px } .melitta_t .footernav .blaettern { width: 50px; background-color: #f5efe7; text-align: center; cursor: pointer; height: 14px; border-left: 1px solid #5e4a3f; border-right: 1px solid #5e4a3f } .melitta_t .footernav .blaettern a { color: #4C3F38; text-decoration: none; padding-left: 8px; padding-right: 15px } .melitta_t .footernav .blaettern a:hover { color: #4C3F38 } .melitta_t .weiterempfehlen { width: 696px; height: 12px; padding: 12px 22px 4px 22px } .melitta_t .overview .timeline .year .date a { color: #2C1D15; text-decoration: none } .melitta_t .overview .timeline .year .date a.hover { color: #2C1D15; text-decoration: none } /* --- Vorlagentemplate: melitta_up_and_awake.tpl -------------------------------------------------------- */ .melitta_o2_up_and_awake { padding: 0; width: 780px; height: 560px } .melitta_o2_up_and_awake { } .melitta_o2_up_and_awake .overview { width: 741px; padding: 25px 0 0 0; color: #0f0f0f } .melitta_o2_up_and_awake .overview .cont { background-color: #ffc617 } .melitta_o2_up_and_awake .overview .cont .sline .inner { background-color: #e7d3b6 } .melitta_o2_up_and_awake .overview .link { color: #703f1d } .melitta_o2_up_and_awake .overview .link a { color: #703f1d } .melitta_o2_up_and_awake .overview .box_gross .txt { background-color: #f4e29a; background-image: none } .melitta_o2_up_and_awake .overview .box_gross .abschluss { background-color: #0f0f0f; background-image: none } .melitta_o2_up_and_awake .empfehlen { width: 769px; text-align: right; padding-right: 10px; color: #ffffff; visibility: hidden } .melitta_o2_up_and_awake .empfehlen a { color: #ffffff; text-decoration: none } .melitta_o2_up_and_awake .empfehlen a:hover { color: #ffffff; text-decoration: underline } /* --- Vorlagentemplate: melitta_g2_downloads.tpl -------------------------------------------------------- */ .melitta_g2_downloads { padding: 75px 0 0 20px; background-color: #000 } .melitta_g2_downloads .teaser { background-color: #000; background-image: none; color: #FFF } .melitta_g2_downloads .teaser h1 { color: #FFF } .melitta_g2_downloads .teaser .teaserlink, .melitta_g2_downloads .teaser .teaserlink a { color: #D9B04E } /* --- Vorlagentemplate: melitta_aktion_steffenhenssler.tpl --------------------------------------------- */ .melitta_aktion_steffenhenssler { padding: 75px 0 0 29px; background-color: #000000; width: 751px } .melitta_aktion_steffenhenssler .overview h1 { color: #c36300; font-size: 12px; font-weight: bold; margin-bottom: 30px } .melitta_aktion_steffenhenssler .headline { padding-left: 11px } .melitta_aktion_steffenhenssler .introtext { clear: both; padding-left: 11px; color:#FFFFFF; margin-top:25px } .melitta_aktion_steffenhenssler .overview { width: 732px; padding: 25px 0 0 9px; margin-top: 40px; background-image: url(../pics/aktionen/aktion_steffenhenssler_hg.png); background-color: #000000; color: #ffffff } .melitta_aktion_steffenhenssler .overview .intro { margin-bottom: 15px; line-height: 15px } .melitta_aktion_steffenhenssler .overview .gallery { float: left; overflow: hidden; font-size: 10px; width: 238px; padding-bottom: 20px } .melitta_aktion_steffenhenssler .overview .gallery .image { margin-bottom: 10px } .melitta_aktion_steffenhenssler .overview .gallery .link { display: inline; color: #ffffff; font-weight: bold } .melitta_aktion_steffenhenssler .overview .gallery .link a { color: #ffffff; text-decoration: none; font-weight: bold } .melitta_aktion_steffenhenssler .overview .gallery .link a:hover { text-decoration: underline } .melitta_aktion_steffenhenssler .footernav { clear: both; width: 697px; height: 12px; padding: 4px 22px; font-size: 10px } .melitta_aktion_steffenhenssler .footernav a { color: #f5efe7 } .melitta_aktion_steffenhenssler .footernav a:hover { color: #f5efe7 } .melitta_aktion_steffenhenssler .footernav .active { color: #f5efe7; font-weight: bold; text-decoration: none; padding: 1px } .melitta_aktion_steffenhenssler .footernav .inactive { color: #f5efe7; font-weight: bold; text-decoration: underline; padding: 1px } .melitta_aktion_steffenhenssler .overview .intro .searchnav a { display: inline; color: #4c3f38; font-weight: bold } .melitta_aktion_steffenhenssler .overview .intro .searchnav a:hover { text-decoration: underline } .melitta_aktion_steffenhenssler .teaser { width: 715px; background-image: none; background-color: #000000 } .melitta_aktion_steffenhenssler .teaser .txt { color:#FFFFFF } .melitta_aktion_steffenhenssler .teaser h1 { color:#B37A51 } .melitta_aktion_steffenhenssler .teaser .teaserlink { color:#FFFFFF } .melitta_aktion_steffenhenssler .teaser .teaserlink a { color:#FFFFFF; font-weight:bold; text-decoration:none } .melitta_aktion_steffenhenssler .teaser .column1 .links { float: left } .melitta_aktion_steffenhenssler .teaser .column1 .rechts { float: right; padding-top: 35px } .melitta_aktion_steffenhenssler .subnavigation { width: 690px; background-color: #482812; margin-top:35px; color: #ffffff } .melitta_aktion_steffenhenssler .subnavigation a { color: #ffffff } .modul-melitta-downloads .form_button { margin: 0 0 0 148px; width: 124px; float: left } .modul-melitta-downloads .form_button a { background-image: url(../pics/layout/melitta/buttons/hg_button_h.png); background-repeat: no-repeat; color: #666; display: block; height: 19px; line-height: 19px; text-align: center; text-decoration: none!important; width: 114px } .modul-melitta-downloads .form_button a:active { background-image: url(../pics/layout/melitta/buttons/hg_button_h.png); background-repeat: no-repeat; color: #666 } .modul-melitta-downloads .form_button a:link, .modul-melitta-downloads .form_button a:visited { color: #666 } .modul-melitta-downloads a { color: #FFF; text-decoration: underline } .modul-melitta-downloads a:hover { text-decoration: none } * html .modul-melitta-downloads .form_button { margin-left: 74px } .modul-melitta-downloads .input-radio { margin: 0 5px 0 148px } .modul-melitta-downloads .form-zeile { padding: 0 0 5px 0; overflow: hidden } .modul-melitta-downloads .form-text { margin: 0 0 0 52px } .modul-melitta-downloads .liste { width: 670px; margin: 0 0 20px 20px } .modul-melitta-downloads .liste .acToggle { margin: 0; padding: 0; height: 32px; background-image: url(../pics/layout/melitta/bg/verlauf_download.png); background-repeat: no-repeat; cursor: pointer } .modul-melitta-downloads .liste .acToggle img { margin: 9px 0 0 16px } .modul-melitta-downloads .liste .acToggle .pfeil { float: right; width: 18px; height: 18px; margin: 6px 10px 0 0 } .modul-melitta-downloads .liste .acToggle:hover { } .modul-melitta-downloads .liste .acActive { } .modul-melitta-downloads .liste .acContent { overflow: hidden } .modul-melitta-downloads .liste .acContent form { display: inline } .modul-melitta-downloads .liste .acContent .acCanvas { padding: 20px; background-color: #3B0D1B } .modul-melitta-downloads .liste .download-groesse { margin: 0 0 0 266px; line-height: 18px } * html .modul-melitta-downloads .liste .acToggle span { margin: 9px 0 0 16px } .modul-melitta-downloads .handy { overflow: hidden; margin: 0 0 20px 0 } .modul-melitta-downloads .handy .hinweis { float: right; width: 255px } .modul-melitta-downloads .handy .formular { margin: 0 265px 0 0 } .modul-melitta-downloads .handy .formular a { color: #FFF } .modul-melitta-downloads .handy .form-zeile { margin: 0 0 10px 0 } .modul-melitta-downloads .handy .form-zeile img { vertical-align: top } .modul-melitta-downloads .handy label { float: left; width: 144px } .modul-melitta-downloads .handy .input-handynummer { width: 148px } .modul-melitta-downloads .handy .input-captcha { width: 98px; margin: 0 2px 0 0 } .modul-melitta-downloads .handy .input-check { margin: 0 } .modul-melitta-downloads .weiterempfehlen { margin: 10px 0 20px 0 } *+html .modul-melitta-downloads .input-radio { margin-top: -5px; margin-bottom: -2px; line-height: 10px } * html .modul-melitta-downloads .handy .input-captcha { width: 94px } * html .modul-melitta-downloads .handy .form-zeile span { margin: 1px 0 0 0; vertical-align: top } .modul-melitta-downloadbereiche .liste { margin: 0 0 0 20px; overflow: hidden } .modul-melitta-downloadbereiche .liste-zeile { float: left; width: 304px; margin: 0 20px 20px 0; padding: 10px; background-color: #3B0D1B } .modul-melitta-downloadbereiche .liste-zeile .bild { } .modul-melitta-downloadbereiche .liste-zeile h2 { margin: 10px 0 0 0; font-size: 16px; color: #D9B04E; font-weight: bold } .modul-melitta-downloadbereiche .liste-zeile h4 { margin: 4px 0 10px 0; font-size: 11px } .modul-melitta-downloadbereiche .liste-zeile a { background-image: url(../pics/layout/melitta/pfeil_download_link.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 10px; font-weight: bold; font-size: 11px; color: #D9B04E; text-decoration: none } .modul-melitta-downloadbereiche .liste-zeile .bild a { background-image: none; padding: 0 } .modul-melitta-downloadbereiche .filter { width: 668px; margin: 40px 0 4px 0; padding: 6px 0; background-color: #000; text-align: right } .modul-melitta-downloadbereiche .filter form { display: inline } .modul-melitta-downloadbereiche .filter .form-select { font-size: 11px } .modul-melitta-downloadbereiche .filter label { padding: 0 10px 0 0 } .modul-melitta-downloadbereiche .detail { width: 668px; margin: 47px 0 20px 20px; overflow: hidden; position: relative } .modul-melitta-downloadbereiche .detail .bild { float: left; width: 348px; height: 250px; margin: 0 20px 0 0; padding: 10px; background-color: #3B0D1B } .modul-melitta-downloadbereiche .detail h1 { margin: 20px 0; font-size: 16px; color: #D9B04E; font-weight: bold } .modul-melitta-downloadbereiche .detail .player { position: absolute; bottom: 0; right: 0 } .modul-melitta-downloadbereiche .detail .back-link { margin: 0 0 30px 0 } .modul-melitta-downloadbereiche .detail .back-link a { color: #FFF; text-decoration: none } .modul-melitta-downloadbereiche .detail .back-link a:hover { color: #FFF; text-decoration: underline } .modul-melitta-downloadbereiche .liste .pageview { width: 668px; clear: both; background-color: #000; overflow: hidden } .modul-melitta-downloadbereiche .liste .pageview .info { margin: 0 360px 0 0 } .modul-melitta-downloadbereiche .liste .pageview ul { float: right; width: 350px; margin: 0; list-style-type: none; text-align: right } .modul-melitta-downloadbereiche .liste .pageview li { display: inline; line-height: 20px } .modul-melitta-downloadbereiche .liste .pageview a { margin: 0 2px; padding: 2px 4px 2px 3px; color: #FFF; text-decoration: none } .modul-melitta-downloadbereiche .liste .pageview a:active { color: #FFF; text-decoration: none } .modul-melitta-downloadbereiche .liste .pageview a:link { color: #FFF; text-decoration: none } .modul-melitta-downloadbereiche .liste .pageview a:visited { color: #FFF; text-decoration: none } .modul-melitta-downloadbereiche .liste .pageview a.aktiv { background-image: url(../pics/layout/melitta/bg/pageview_download_aktiv.gif); background-repeat: no-repeat; background-position: 50% 2px } .modul-melitta-downloadbereiche .weiterempfehlen { margin: 10px 72px 20px 0 } /* Henssler Promo */ .modul-melitta-downloadbereiche .prom-henssler { overflow: visible; padding: 0; margin: 0; color: #2C1D15 } .modul-melitta-downloadbereiche .prom-henssler .beschreibung { position: absolute; top: 80px; left: 430px; color: #2C1D15 } .modul-melitta-downloadbereiche .prom-henssler .bild { position: absolute; top: 80px; left: 40px; background-color: #ECD5B5 } .modul-melitta-downloadbereiche .prom-henssler h1 { color: #2C1D15 } .modul-melitta-downloads .prom-henssler { width: 720px; margin: 70px 0 20px 20px; padding: 0; color: #2C1D15 } .modul-melitta-downloads .prom-henssler a { color: #000; text-decoration: underline } .modul-melitta-downloads .prom-henssler a:hover { text-decoration: none } .modul-melitta-downloads .prom-henssler .download { margin: 0; padding: 150px 0 20px 410px; background-color: #D8B88F; overflow: hidden } .modul-melitta-downloads .prom-henssler .download ul { margin: 0; padding: 0 5px 20px 20px } .modul-melitta-downloads .prom-henssler .hinweis { margin: 10px 0 0 105px } .modul-melitta-downloads .prom-henssler .form-text { margin: 0 0 0 10px } .modul-melitta-downloads .prom-henssler .form_button { margin: 0 0 0 105px; padding: 30px 0 0 0 } .modul-melitta-downloads .prom-henssler .input-radio { margin: 0 5px 0 0 } * html .modul-melitta-downloads .prom-henssler { margin-top: 60px } * html .modul-melitta-downloads .prom-henssler .form_button { margin-left: 52px } *+html .modul-melitta-downloads .prom-henssler { margin-top: 60px } /*** ELEMENTE.CSS ******************************************************************************* */ /* (c) 2001 - 2007, EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Hinweise: - jedes Seitenelement wird hier definiert - Seiteneffekte zwischen Seitenelementen sind auszuschließen */ /* Datepicker */ .date-picker { } * html .date-picker .datum { margin-top: -1px } .date-picker .datum { float: left; margin-right: 5px } .date-picker .kalender { float: left } /* Datepicker Kalender */ .formular-kalender { width: 230px; overflow: hidden } .formular-kalender .top { height: 32px; margin: 5px 0 } .formular-kalender .top .links { float: left; width: 115px } .formular-kalender .top .rechts { float: left; width: 115px } .formular-kalender .content { width: 230px } .formular-kalender .content table { width: 230px; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px } .formular-kalender .content table b { color: #703f1d } .formular-kalender .content table a { color: #2C1D15; text-decoration: none } .formular-kalender .content table a:hover { color: #2C1D15; text-decoration: underline } /* TinyMCE Style Dropdown */ /* Eintrag: Weiss=weiss */ .weiss { color: #ffffff } /* Eintrag: Dunkelbraun=dunkelbraun */ .schwarz { color: #2C1D15 } /*** MODULE.CSS ********************************************************************************* */ /* --- Modul: Chemicalcheck ----------------------------------------------------------------------- Anzeige: Rezepturinformationen */ #cc-list { padding-bottom: 20px } #cc-line { margin-top: 12px; color: #00549B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-variant: normal; line-height: 15px } #cc-bullet { position: absolute } #cc-bullet-txt { left: 10px; position: relative } #cc-bullet-txt a { color: #2C1D15; text-decoration: underline; line-height: 15px } #cc-bullet-txt a:hover { color: #2C1D15; text-decoration: none } /* --- Modul: melitta_produkte -------------------------------------------------------------------- */ .modul-produkte { } /* --- Ansicht: detail_d1 ------------------------------------------------------------------------- */ .modul-produkte .detail-d1 { } .modul-produkte .detail-d1 .demo { float: left; width: 428px; border-right: 1px solid #E6D1B4 } .modul-produkte .detail-d1 .demo .text { float: left; width: 220px; line-height: 15px } .modul-produkte .detail-d1 .demo .text ul { list-style-type: none; padding: 0; list-style-position: outside; margin: 0; padding: 0 } .modul-produkte .detail-d1 .demo .text .link a { color: #40372E; margin: 0; padding: 0; font-weight: bold } .modul-produkte .detail-d1 .demo .text .link-active a { color: #F4EADE; font-weight: bold } .modul-produkte .detail-d1 .demo .text li { background-image: url(../pics/layout/melitta/aufzaehler.jpg); background-repeat: no-repeat; background-position: 0 13px; padding: 7px 0 0 9px } .modul-produkte .detail-d1 .demo .flashmovie { margin: 0; width:190px; float:left } .modul-produkte .detail-d1 .demo .flashmovie .img { width: 233px; padding-right: 5px } .modul-produkte .detail-d1 .demo .flashmovie .imgMovie { position: relative } .modul-produkte .detail-d1 .demo img { } .modul-produkte .detail-d1 .detail { float: left; padding: 10px 5px; width: 275px } .modul-produkte .detail-d1 .detail #detailViewer { display: block } .modul-produkte .detail-d1 .detail .model { margin-left: 15px; margin-bottom: 15px; margin-top: -80px; position: relative } .modul-produkte .detail-d1 .detail .description { margin-left: 15px; margin-right: 15px; line-height: 15px } .modul-produkte .detail-d1 .detail .model .link { color: #AF8269; margin-right: 15px; margin-bottom: 20px } .modul-produkte .detail-d1 .detail .model .link a { color: #AF8269; font-weight: bold; text-decoration: none } .modul-produkte .detail-d1 .detail .model .link a:hover { text-decoration: underline } /* Farbselektor */ .modul-produkte .detail-d1 .colors-headline { } .modul-produkte .detail-d1 .colors { padding: 2px; margin: 10px 10px 0 10px; background-color: #e2c29c } .modul-produkte .detail-d1 .colors .link-active { color: #ffffff } .modul-produkte .detail-d1 .colors .blau { background-color: #21295e } .modul-produkte .detail-d1 .colors .weiss { background-color: #ffffff } .modul-produkte .detail-d1 .colors p { margin: 0; padding: 0 } .modul-produkte .detail-d1 .colors .farbvariante-zeile { width: 170px; clear: both; overflow: hidden } .modul-produkte .detail-d1 .colors .farbvariante-zeile .color-text { font-weight: bold } .modul-produkte .detail-d1 .colors .farbvariante-zeile .color-text-active { } .modul-produkte .detail-d1 .colors .farbvariante-zeile .color-text-active a { color: #ffffff; font-weight: bold; text-decoration: none } /* --- Ansicht: detail_d4 ------------------------------------------------------------------------- */ .modul-produkte .detail-d4 { } .modul-produkte .detail-d4 h1 { font-size: 11px; font-weight: bold; margin: 0 0 10px 0; color: #2C1D15 } .modul-produkte .detail-d4 a { text-decoration: none; color: #2C1D15 } .modul-produkte .detail-d4 .aktiv a { font-weight: bold; text-decoration: none; color: #000000 } .modul-produkte .detail-d4 a:hover { text-decoration: underline } .modul-produkte .detail-d4 .product-detail { float: left; width: 428px; border-right: 1px solid #E6D1B4 } .modul-produkte .detail-d4 .product-detail .right { float: right; width: 190px } .modul-produkte .detail-d4 .product-detail .right ul { list-style-type: none; padding: 0; list-style-position: outside; margin: 0; padding: 0 } .modul-produkte .detail-d4 .product-detail .right li { background-image: url(../pics/layout/melitta/aufzaehler.jpg); background-repeat: no-repeat; background-position: 0 13px; padding: 7px 0 0 9px } .modul-produkte .detail-d4 .product-detail .right .link a { color: #2C1D15; margin: 0; padding: 0; font-weight: bold } .modul-produkte .detail-d4 .product-detail .right .link-active a { color: #ffffff; font-weight: bold } .modul-produkte .detail-d4 .product-detail .right .link { text-decoration: none; color: #2C1D15 } .modul-produkte .detail-d4 .product-detail .right .link_aktiv { font-weight: bold; text-decoration: none; color: #FFFFFF } .modul-produkte .detail-d4 .product-detail .right .link2 { font-weight: bold; text-decoration: none; color: #703F1D; margin-bottom: 30px } .modul-produkte .detail-d4 .product-detail .right .link2 a { font-weight: bold; text-decoration: none; color: #703F1D } .modul-produkte .detail-d4 .product-detail .right .link2 a:hover { font-weight: bold; text-decoration: underline; color: #703F1D } .modul-produkte .detail-d4 .product-detail .left { float: left; width: 233px; height: 250px; padding-right: 5px } .modul-produkte .detail-d4 .product-detail .left .img { width: 233px; padding-right: 5px } .modul-produkte .detail-d4 .product-detail .left .buttonTurnLeft { position: absolute; width: 30px; height: 30px; z-index: 5; left: 0; top: 260px } .modul-produkte .detail-d4 .product-detail .left .buttonTurnRight { position: absolute; width: 30px; height: 30px; z-index: 5; left: 200px; top: 260px } .modul-produkte .detail-d4 .product-detail .left .imgMovie { position: absolute; z-index: 5; top:250px } .modul-produkte .detail-d4 .product-detail img { position: relative } .modul-produkte .detail-d4 .text-detail { float: left; padding: 3px 5px; width: 275px } .modul-produkte .detail-d4 .text-detail #detailViewer { display: block } .modul-produkte .detail-d4 .text-detail #textDetail1,.modul-produkte .text-detail-d4 .text-detail #textDetail2,.modul-produkte .text-detail-d4 .text-detail #textDetail3,.modul-produkte .text-detail-d4 .text-detail #textDetail4,.modul-produkte .text-detail-d4 .text-detail #textDetail5,.modul-produkte .text-detail-d4 .text-detail #textDetail6,.modul-produkte .text-detail-d4 .text-detail #textDetail7,.modul-produkte .text-detail-d4 .text-detail #textDetail8,.modul-produkte .text-detail-d4 .text-detail #textDetail9 { display: none } .modul-produkte .detail-d4 .text-detail .model { padding-left:15px; margin-bottom: 15px; margin-top: -80px; position: relative } .modul-produkte .detail-d4 .text-detail .description { padding-left:15px; padding-right:15px; padding-bottom:15px; width:245px } .modul-produkte .detail-d4 .text-detail .model .link { color: #AF8269; margin-right: 15px; margin-bottom: 20px } .modul-produkte .detail-d4 .text-detail .model .link a { color: #AF8269; font-weight: bold; text-decoration: none } .modul-produkte .detail-d4 .text-detail .model .link a:hover { text-decoration: underline } /* --- Ansicht: detail_d5 ------------------------------------------------------------------------- */ .modul-produkte .detail-d5 { } .modul-produkte .detail-d5 .cont_links, .modul-produkte .detail-d5 .cont_mitte, .modul-produkte .detail-d5 .cont_rechts { float: left; width: 230px; font-size: 11px; padding: 13px 0 13px 20px } .modul-produkte .detail-d5 .cont_mitte { padding: 13px 0 13px 10px } .modul-produkte .detail-d5 .inner { padding: 0 13px 0 0; width: 218px } .modul-produkte .detail-d5 .overview .last { border-right: none } .modul-produkte .detail-d5 .txt { padding-top: 5px; line-height: 15px } .modul-produkte .detail-d5 p { margin: 0; padding: 0 } .modul-produkte .detail-d5 h1 { font-size: 11px; margin: 0; padding: 0 } .modul-produkte .detail-d5 ul { list-style-type: none; margin: 0; padding: 0 0 0 0 } .modul-produkte .detail-d5 li { background-image: url(../pics/layout/melitta/aufzaehler.jpg); background-repeat: no-repeat; background-position: 0 13px; padding: 7px 0 0 10px } /* Farbselektor */ .modul-produkte .detail-d5 .colors-headline { margin: 112px 0 0 0 } .modul-produkte .detail-d5 .colors { margin-top: 20px; padding: 2px; overflow: hidden; width: 150px; background-color: #e2c29c } .modul-produkte .detail-d5 .colors a { color: #2C1D15; text-decoration: none } .modul-produkte .detail-d5 .colors .link-active { color: #ffffff } .modul-produkte .detail-d5 .colors .blau { background-color: #21295e } .modul-produkte .detail-d5 .colors .weiss { background-color: #ffffff } .modul-produkte .detail-d5 .colors .farbvariante-zeile { width: 146px; clear: both; overflow: hidden } .modul-produkte .detail-d5 .colors .farbvariante-zeile .color-text { font-weight: bold } .modul-produkte .detail-d5 .colors .farbvariante-zeile .color-text a:hover { text-decoration: underline } .modul-produkte .detail-d5 .colors .farbvariante-zeile .color-text-active { } .modul-produkte .detail-d5 .colors .farbvariante-zeile .color-text-active a { color: #ffffff; font-weight: bold; text-decoration: none } /* --- Modul: melitta_rezepte --------------------------------------------------------------------- */ .modul-rezepte { } /* --- Ansicht: detail_d3 ------------------------------------------------------------------------- */ .modul-rezepte .detail-d3 { } .modul-rezepte .detail-d3 .intro { margin-bottom: 15px; line-height: 15px } .modul-rezepte .detail-d3 .intro h1 { font-size: 11px; margin-top: 15px; font-weight: normal } /* --- Modul: melitta_werbung --------------------------------------------------------------------- */ .modul-werbung { } .modul-werbung .flashmovie { float: left; margin-right: 10px } .modul-werbung .selection { float: right; border-left: 1px solid #B8B8B8; padding: 15px 27px; width: 280px } .modul-werbung .selection .gallery { float: left; padding-right: 38px; padding-bottom: 20px } .modul-werbung .selection .gallery .image { margin-bottom: 5px } .modul-werbung .selection .gallery .link { display: inline; color: #4c3f38; font-weight: bold; padding-top: 8px } .modul-werbung .selection .gallery .link a { color: #4c3f38; text-decoration: none; font-weight: bold } .modul-werbung .selection .gallery .link a:hover { text-decoration: underline } /* --- Modul: melitta_downloads ------------------------------------------------------------------- */ .modul-downloads { } /*** NAVIGATIONEN.CSS *************************************************************************** */ /* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Metanavigation */ .metanavigation { position: absolute; top: 0; left: 220px; z-index: 3; width: 780px; height: 75px } .metanavigation .navigation { float: right; padding: 12px 20px; color: #cccccc; font-size: 9px } .metanavigation a { color: #CCCCCC; padding-left: 10px; text-decoration: none } .metanavigation a:hover { color: #ffffff } .metanavigation .aktiv { color: #ffffff } .metanavigation .navigation .language, .metanavigation .navigation .language form { display: inline} .metanavigation .navigation .language { float: left; margin-right: 10px; height: 22px } .metanavigation .navigation .links { float: left; height: 22px } .metanavigation .navigation .language p { display: inline; color: #d9b04e; padding-right: 5px } .metanavigation .navigation .language select { font-size: 9px; background-color: #efe1cc; color: #665C51; border: 1px solid #efe1cc } .metanavigation .search { position: absolute; top: 40px; right: 20px; z-index: 3; color: #CCCCCC } .metanavigation .search a { padding-left: 2px } * html .metanavigation .search a { line-height: 8px } .metanavigation .search input { font-size: 10px; border: 1px solid #000000; background-color: #efe1cc; width: 100px; margin-left: 1px; padding: 1px } /* Hauptnavigation */ .hauptnavigation { float: left; margin-top: 85px; width: 220px; color: #FFFFFF } .hauptnavigation div { color: #CCCCCC; font-size: 11px; padding: 0 6px } .hauptnavigation .linie { padding: 5px 0 5px 0; margin: 0 6px } .hauptnavigation .ebene-1 div { padding: 5px 0; margin: 0 0 } .hauptnavigation div.ebene-1 a { text-decoration: none; color: #CCCCCC; padding-left: 20px } .hauptnavigation div.ebene-1 a:hover { text-decoration: none; color: #d9b04e } .hauptnavigation div.ebene-2 { padding: 0 } .hauptnavigation .ebene-2 div { padding-left: 10px } .hauptnavigation div.ebene-2 a { text-decoration: none; color: #FFFFFF; display: block } .hauptnavigation .ebene-2 a { padding-left: 30px } .hauptnavigation div.ebene-2 a:hover { color: #d9b04e; text-decoration: none } .hauptnavigation div.ebene-3 { padding: 0 } .hauptnavigation .ebene-3 div { padding-left: 20px } .hauptnavigation div.ebene-3 a { } .hauptnavigation .ebene-3 a { padding-left: 40px; display: block } .hauptnavigation div.ebene-3 a:hover { color: #d9b04e; text-decoration: none } /* Open */ .hauptnavigation .ebene-1 div.open { background-color: #4f4038 } .hauptnavigation .ebene-2 div.open { background-color: transparent } .hauptnavigation .ebene-1 div.open { background-position: left; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/navigation/pfeil_menu_ersteEbene_offen_active.gif) } .hauptnavigation .ebene-2 div.open { background-position: left; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/navigation/pfeil_menu_zweiteEbene_offen_active.gif) } .hauptnavigation .ebene-1 div.open a { color: #d9b04e; display: block; font-weight: bold; text-decoration: none } .hauptnavigation .ebene-1 div.open a:hover { color: #d9b04e; font-weight: bold; text-decoration: none } /* Active */ .hauptnavigation .ebene-1 div.aktiv { background-color: #4f4038; color: #d9b04e } .hauptnavigation .ebene-2 div.aktiv { background-color: transparent; color: #d9b04e } .hauptnavigation .ebene-1 div.aktiv a { color: #d9b04e; text-decoration: none } .hauptnavigation .ebene-1 div.aktiv a:hover { color: #d9b04e; text-decoration: none } .hauptnavigation .ebene-2 div.aktiv a { color: #d9b04e; font-weight: normal; text-decoration: none } .hauptnavigation .ebene-2 div.aktiv a:hover { color: #d9b04e; text-decoration: none } .hauptnavigation .ebene-3 div.aktiv a { color: #d9b04e; font-weight: normal; text-decoration: none } .hauptnavigation .ebene-3 div.aktiv a:hover { color: #d9b04e; font-weight: normal; text-decoration: none } /* FAM */ .melitta-fam { width: 780px; position: relative } .melitta-fam .overview { float: none; overflow: hidden; position: relative } .melitta-fam .fam-teaser { padding: 0 20px; background-color: #000 } .melitta-fam .absatz-range { position: relative; float: left; width: 252px; height: 462px; margin: 60px 0 20px 0; background-position: 0 50px; background-repeat: repeat-x; background-image: url(../pics/layout/melitta/fam/bg_absatz_range.jpg); text-align: center } .melitta-fam .absatz-range-erster .absatz-range { margin-left: 10px } .melitta-fam .absatz-range-letzter .absatz-range { width: 253px } .melitta-fam .absatz-range .bild-oben { position: absolute; top: 0; left: 0; width: 100%; text-align: center } .melitta-fam .absatz-range p { color: #FFF; font-size: 15px; font-weight: bold; padding: 0 20px; position: absolute; top: 210px; left: 0; z-index: 100 } *+html .melitta-fam .absatz-range p { top: 220px } .melitta-fam .absatz-range .bild-unten { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center } .melitta-fam .container-openables { background-color: #000; width: 100%; overflow: hidden } .melitta-fam .absatz-openable { float: left; width: 350px; padding: 0 10px 30px 15px } .melitta-fam .absatz-openable .acContent { margin: 0; border: 0; padding: 0; height: 1%; background-repeat: no-repeat; background-position: 0 bottom; background-image: url(../pics/layout/melitta/fam/absatz_unten.gif) } .melitta-fam .absatz-openable .acCanvas { padding: 0 20px 20px 120px; color: #CCB04E; font-size: 12px; line-height: 16px } .melitta-fam .absatz-openable .acActive { background-image: url(../pics/layout/melitta/fam/absatz_oben.gif) } .melitta-fam .absatz-openable-titel { position: relative; height: 65px; padding: 30px 20px 0 120px; background-position: 0 15px; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/fam/bg_absatz_openable.jpg); color: #FFF; font-size: 14px; font-weight: bold } .melitta-fam .absatz-openable-titel .oeffnen { position: absolute; bottom: 1px; right: 15px; cursor: pointer; width: 90px; height: 19px; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/fam/en_savoir.png) } .melitta-fam .absatz-openable-titel .schliessen { position: absolute; top: 22px; right: 6px; cursor: pointer; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/fam/schliessen.gif) } .melitta-fam .absatz-openable-titel .absatz-icon { position: absolute; top: 0; left: 12px; width: 94px; height: 95px } .melitta-fam .container-verkaufstellen { background-color: #000; padding: 0 0 20px 0 } .melitta-fam .container-verkaufstellen h4 { margin: 0; padding: 0 0 5px 55px; background-color: #000; font-size: 14px; color: #CCB04E; font-weight: bold } .melitta-fam .container-verkaufstellen .text-zeile { padding: 10px 0; font-size: 12px; color: #717070; text-align: center } .melitta-fam .verkaufstellen { height: 1%; background-color: #000; background-image: url(../pics/layout/melitta/fam/bg_verkauf_mitte.gif); background-repeat: repeat-y; background-position: 40px 0; overflow: hidden } .melitta-fam .verkaufstellen .verkaufstellen-oben { height: 1%; padding: 25px 35px 0 40px; background-image: url(../pics/layout/melitta/fam/bg_verkauf_oben.gif); background-repeat: no-repeat; background-position: 40px 0; overflow: hidden } .melitta-fam .verkaufstellen .verkaufstellen-unten { height: 1%; padding: 0 10px 2px 28px; background-image: url(../pics/layout/melitta/fam/bg_verkauf_unten.gif); background-repeat: no-repeat; background-position: 0 bottom; overflow: hidden } .melitta-fam .absatz-verkaufstelle { float: left; padding: 0 15px 0 0; width: 95px; height: 130px } .melitta-fam .absatz-verkaufstelle .verkaufstelle-logo { display: block; width: 96px; height: 96px; background-repeat: no-repeat; background-image: url(../pics/layout/melitta/fam/bg_logo.gif); text-align: center } .melitta-fam .absatz-verkaufstelle p { margin: 2px 0 0 0; text-align: center; font-weight: bold } .melitta-fam .fam-quiz { padding: 30px 0; background-color: #000; overflow: hidden } .melitta-fam .fam-quiz h4 { margin: 0 0 2px 0; padding: 0 30px 0 0; color: #CCB04E; font-weight: normal; font-size: 12px } .melitta-fam .fam-quiz table { margin: 0 0 20px 15px } .melitta-fam .fam-quiz td { vertical-align: top } .melitta-fam .fam-quiz label { display: block; padding: 3px 30px 0 5px } .melitta-fam .fam-quiz .spalte-oben { padding: 25px 25px 0 0; background-image: url(../pics/layout/melitta/fam/bg_quiz_oben.gif); background-repeat: no-repeat; background-position: 0px 0; overflow: hidden } .melitta-fam .fam-quiz .spalte-unten { padding: 0 20px 25px 20px; background-image: url(../pics/layout/melitta/fam/bg_quiz_unten.gif); background-repeat: no-repeat; background-position: 0 bottom; overflow: hidden } .melitta-fam .fam-quiz .spalte-links { float: left; width: 350px; padding: 0 20px 0 40px; background-color: #000; background-image: url(../pics/layout/melitta/fam/bg_quiz_mitte.gif); background-repeat: repeat-y; background-position: 40px 0; overflow: hidden } .melitta-fam .fam-quiz .spalte-links h4 { padding: 0 0 0 0 } .melitta-fam .fam-quiz .spalte-rechts { float: left; width: 350px; height: 1%; background-color: #000; background-image: url(../pics/layout/melitta/fam/bg_quiz_mitte.gif); background-repeat: repeat-y; background-position: 0 0; overflow: hidden } .melitta-fam .fam-quiz .submit-button { display: block; margin: 30px 0 10px 190px } .melitta-fam .absatz-quiz-antwort { position: relative; background-color: #000; margin: 40px 0 0 0; padding: 100px 0 20px 0 } .melitta-fam .absatz-quiz-antwort .produkt-bild { position: absolute; top: 0; left: 0; width: 100%; text-align: center } .melitta-fam .absatz-quiz-antwort .produkt-titel { text-align: center } .melitta-fam .absatz-quiz-antwort .text { margin: 0 150px } .melitta-fam .absatz-quiz-antwort .absatz { height: 1%; background-color: #000; background-image: url(../pics/layout/melitta/fam/bg_quiz_antwort_mitte.jpg); background-repeat: repeat-y; background-position: center 0; overflow: hidden } .melitta-fam .absatz-quiz-antwort .oben { padding: 80px 0 0 0; background-image: url(../pics/layout/melitta/fam/bg_quiz_antwort_oben.jpg); background-repeat: no-repeat; background-position: center 0; overflow: hidden } .melitta-fam .absatz-quiz-antwort .unten { padding: 0 0 100px 0; background-image: url(../pics/layout/melitta/fam/bg_quiz_antwort_unten.jpg); background-repeat: no-repeat; background-position: center bottom; overflow: hidden } .melitta-fam .absatz-quiz-antwort a, .melitta-fam .absatz-quiz-antwort a:hover { font-weight: bold; color: #CCB04E } .melitta-fam .weiterempfehlen { position: absolute; bottom: 70px; left: 135px } .melitta-fam .weiterempfehlen img { float: none } .melitta-fam .weiterempfehlen .tell-a-friend { } .melitta-fam .weiterempfehlen .geschenk { } .melitta-fam .tellafriend { height: 1%; text-align: center } .melitta-fam .tellafriend .bild { background-color: #000; background-image: url(../pics/layout/melitta/fam/bg_tellafriend.jpg); background-position: center top; background-repeat: no-repeat } .melitta-fam .tellafriend .form { height: 1%; position: relative; padding: 0 50px 10px 50px; background-color: #000; text-align: left; background-image: url(../pics/layout/melitta/fam/bg_tellafriend.jpg); background-position: center bottom; background-repeat: no-repeat } .melitta-fam .tellafriend .form h2 { margin: 0; padding: 0 0 20px 0; font-size: 14px; font-weight: bold; color: #CCB04E } .melitta-fam .tellafriend .form td h2 { padding: 0 } .melitta-fam .tellafriend .form .intro { padding: 20px 0 } .melitta-fam .tellafriend .form table { width: 100% } .melitta-fam .tellafriend .form .sizeInputStandard { width: 228px } .melitta-fam .tellafriend .form .sizeTextarea { width: 560px } .melitta-fam .tellafriend .form a { text-decoration: none } .melitta-fam .tellafriend .form .submit-button { position: absolute; bottom: 25px; right: 90px; display: block; width: 77px; height: 18px; background-image: url(../pics/layout/melitta/fam/einladung.gif); background-repeat: no-repeat } /* FAM 4 spaltig */ .melitta-fam-4col .absatz-range { width: 189px; background-position: 0 50px; background-image: url(../pics/layout/melitta/fam/bg_absatz_range_4.jpg) } .melitta-fam-4col .absatz-range-letzter .absatz-range { width: 190px } .melitta-fam-4col .absatz-range .bild-oben { top: 10px } *+html .melitta-fam-4col .absatz-range p { top: 210px } .melitta-fam-4col .absatz-range p { padding: 0 10px; top: 190px } /* Element: Umbruch */ .umbruch { font-size: 1px; line-height: 1px; width: 100%; height: 1px; overflow: hidden; clear: both; } /* --- Vorlagentemplate: melitta-duo-gusto.tpl ---------------------------------------------- */ .melitta-duo-gusto { padding: 75px 0 0 29px; width: 751px } .melitta-duo-gusto .headline { padding-left: 11px } .melitta-duo-gusto .introtext { clear: both; padding-left: 11px; color: #FFF; margin-top:35px } .melitta-duo-gusto .overview { width: 721px; padding: 20px 0 0 20px; background-color: #E5CDAB; background-image: url(../../pics/details/bg_bellacrema.jpg); background-position: right bottom } .melitta-duo-gusto .overview h1 { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 30px } .melitta-duo-gusto .overview .intro { color: #000; margin-bottom: 15px; line-height: 15px; padding-right: 280px } .melitta-duo-gusto .overview .intro a { color: #000; text-decoration: underline; color: #FFF } .melitta-duo-gusto .overview .intro a:hover { text-decoration: none; color: #000 } .melitta-duo-gusto .overview .introimage img { padding-bottom: 15px; padding-right: 15px; margin-top: -60px; position: relative } .melitta-duo-gusto .footernav { clear: both; width: 697px; height: 12px; background-color: #D7B790; padding: 4px 22px } .melitta-duo-gusto .footernav a { color: #f5efe7 } .melitta-duo-gusto .footernav a:hover { color: #f5efe7 } .melitta-duo-gusto .subnavigation { background-color: #D7B790; color: #000; margin-top: 35px; margin-bottom: 60px } .melitta-duo-gusto .subnavigation a { color: #000 } .melitta-duo-gusto .subnavigation-5 { clear: left; overflow: hidden; margin: 10px 0; width: 720px; border-bottom: 6px solid #E5CDAB; background-color: #E5CDAB; margin-top: 10px; color: #000 } .melitta-duo-gusto .subnavigation-5 .container { float: left; width: 605px; height: 45px; overflow: hidden } .melitta-duo-gusto .subnavigation-5 .items { height: 45px } .melitta-duo-gusto .subnavigation-5 img { float: left; margin-right: 9px } .melitta-duo-gusto .subnavigation-5 .slide-button { float: left; width: 45px; height: 45px; background-color: #D7B790; margin-right: 9px } .melitta-duo-gusto .subnavigation-5 span { float: left; margin-right: 9px } .melitta-duo-gusto .subnavigation-5 a { float: left; color: #FFF } .melitta-duo-gusto .links { overflow: hidden; margin-top: 20px } .melitta-duo-gusto .links .link { float: left; margin-right: 20px } /* --- Vorlagentemplate: melitta_spreadshirt.tpl ---------------------------------------------- */ .melitta-spreadshirt { padding: 75px 0 0 0 } .spreadshirt { padding: 15px 0 25px 0; text-align: center } /* --- Vorlagentemplate: melitta_coverflow.tpl ---------------------------------------------- */ .melitta-coverflow { width: 780px; padding: 50px 0 0 0 } .search .buttons { position: absolute; width: 60px; top: -3px; left: -88px } .search .buttons-se { width: 90px; left: -108px } #corner_ad { position: absolute; top: 0; right: 0; z-index: 200; overflow: hidden; cursor: pointer; } #corner_ad_flash { position: absolute; top: 0; right: 0; } .attachment_ad { width: 200px; height: 100px; display: block; position: absolute; left: 0; top: 0; z-index: 150; } .attachment_ad .attachment_ad_flash { position: absolute; bottom: 0; left: 0; } .melitta-fehler { padding-top: 0 }