/* Basic element default style definition ---------------------------------------------------------- */ body { margin:0px 0px 0px 0px; } body, td, span, div, font { font-family:Verdana,sans-serif; font-size:11px; color:#014674; text-decoration:none; } /* ---------------------------------------------------------- Basic element default style definition */ /* Primary page layout elements - from main.jsp ---------------------------------------------------- */ #page_table { width:940px; text-align:left; display:block; } #pagecol_left { width:616px; } #pagecol_spacer { width: 40px; } #pagecol_right { width:284px; } #page_header { width:940px; height:123px; text-align:left; vertical-align:bottom; background:url('../images/praktiker/top_img.jpg') no-repeat; } /* PRAKTIKER.PL Trauerflor body.www_praktiker_pl, body.praktiker-cms_pironet-ndh_com { background-image:none; background:#8C8C8C; } #page_header.www_praktiker_pl, #page_header.praktiker-cms_pironet-ndh_com { background-image:url('../images/praktiker_pl/top_img.jpg'); } */ /* ------------------------------------------------------------------------------------------------- */ #table_header { width:940px; height:123px; } #table_header td { vertical-align:bottom; padding-bottom:3px; } #table_header td.left { text-align:left; } #table_header td.right { text-align:right; height:16px; padding-right:10px; } #table_header a { line-height:16px; } #menu_header { height:30px; line-height:20px; padding-left:3px; background:url('../images/praktiker/menu_bg.jpg') repeat-x; } #menu_right { width:284px; background-color:#0072bc; text-align:right; vertical-align:top; } #flash_menu { width:284px; height:703px; overflow:hidden; } #flash_teaser { width:616px; height:215px; background:url('../images/praktiker/bg_gradient1.jpg') repeat-x 0px 0px; } #flash_teaser a.getflash{ position:absolute; top:175px; left:15px; width:88px; height:31px; } #page_content { height:100%; background-color:#ffffff; vertical-align:top; } #table_content { background-color: #ffffff; } #page_spacer { background:url('../images/praktiker/bg_gradient2.jpg') repeat-x; background-color:#e0f2ff; } #page_footer_line td { background:url('../images/praktiker/white_line_horiz.gif') repeat-x; background-color:#0072bc; height:1px; } #page_footer td { background-color:#0072bc; height:24px; } #page_footer td.left { text-align:left; padding-left:20px; padding-bottom:1px; } #page_footer td.right { text-align:center; padding:0px 0px 0px 0px; background:url('../images/praktiker/white_line_vert.gif') repeat-y ; background-color:#0072bc; } #page_footer td.right a { margin-right: 5px; } /* ---------------------------------------------------- primary page layout elements - from main.jsp */ /* Link styles - basic most common property definition only! --------------------------------------- */ a, a:link { font-family:Verdana,sans-serif; font-size:11px; font-weight:bold; color:#014674; text-decoration:none; } a:hover { color:#0071bb }; a:active { outline:expression(hideFocus=true); outline:0; -moz-outline:0; outline-style:none; -moz-outline-style:none; } a.arrow_white { color:#ffffff; padding-left:13px; background:url('../images/praktiker/arrow_lo.gif') no-repeat 0px 2px; } a.arrow_white:hover { color:#fff200; background:url('../images/praktiker/arrow_hi.gif') no-repeat 0px 2px; } a.arrow_blue { padding-left:10px; line-height:20px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } a.arrow_blue:hover { background:url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } a.lightdark_blue { color:#0071bb; } a.lightdark_blue:hover { color:#014674; } a.large, a.large:hover { padding-left:9px!important; background-position:0px 4px!important; } a.down, a.down:hover { background:url('../images/praktiker/arrow_down.gif') no-repeat 0px 2px!important; } div.link_global { margin:5px 0px 5px 25px; } .link_global a { padding-left:10px; line-height:20px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } .link_global a:hover { background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } a.white11, a.white11:visited { color:#ffffff; } a.white11:hover, a.white11:visited:hover { color:#fff200; } #menu_right a.white_text, #menu_right a.white_text:visited { color:#ffffff; font-size: 9px; font-weight:normal; line-height: 9px!important; } #menu_right a.white_text:hover { color:#fff200; font-size:9px; font-weight:normal; line-height: 9px!important; } /* --------------------------------------- Link styles - basic most common property definition only! */ /* Generic elements style definitions - won't change throughout site ------------------------------- */ div.arrow_blue, span.arrow_blue { font-weight:bold; padding-left: 13px; background:url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } .clearfloat { clear:both; height:1px; visibility:hidden; overflow:hidden; } .white_text { color:#ffffff; font-weight:bold; } .yellow_text { color:#fff200; font-weight:bold; } .text_teaser { color:#753d00; line-height:15px; } #menu_right .white_text { font-size: 9px; line-height: 10px; } /* ------------------------------- Generic elements style definitions - won't change throughout site */ /* Generic style definition add-ons - set properties for specific occurences ----------------------- */ .block { display:block!important; } .large { font-size: 13px!important; line-height: 20px!important; } .no_margin { margin:0px!important; } .no_border { border-style:none!important;} .wordwrap { white-space:pre-wrap; /* CSS3 */ white-space:-moz-pre-wrap!important; /* Mozilla */ white-space:-pre-wrap; /* Opera4-6*/ white-space:-o-pre-wrap; /* Opera 7 */ word-wrap:break-word; /* IE 5.5+ */ } /* ----------------------- Generic style definition add-ons - set properties for specific occurences */ /* Standard page content elements style definition ------------------------------------------------- */ .page_title { margin:0px; padding:11px 25px 11px 25px; overflow:hidden; background:url('../images/praktiker/bg_gradient1.jpg') repeat-x 0px 0px; background-color:#7fbee9; } .page_title .main { font-family:Tahoma,sans-serif; font-size:24px; color:#ffffff; line-height:28px; } .page_title .teaser { color:#fff200; font-weight:bold; margin-top:-4px; margin-bottom:-5px; } .page_subheader { padding:5px 25px 15px 25px; background-color:#d4eeff; margin-bottom:-2px;} .page_subheader .title { font-size:18px; color:#daa901; font-weight:bold; line-height:29px; } .page_subheader .subtitle { color:#0071bb; font-weight:bold; line-height:20px; } .page_subheader .teaser { color:#0071bb; line-height:15px; } .htmlcontent { padding:15px 25px 20px 25px; } .priceflash { text-align:center; } /* ------------------------------------------------- Standard page content elements style definition */ /* Navigational elements - generic definition - define exceptions in page block below -------------- */ #subnavigation, #siblingnavigation { width:157px; padding-top:25px; padding-left:25px; float:left; } #subnavigation a, #siblingnavigation a { line-height:15px!important; background-position:0px 3px; } #subnavigation, #siblingnavigation { white-space:pre-wrap;/*CSS3*/ white-space:-moz-pre-wrap!important;/*Moz*/ white-space:-pre-wrap;/*Op4-6*/ white-space:-o-pre-wrap;/*Op7*/ word-wrap:break-word;/*IE5.5+*/ } .navigationlink, .navigationlink a { font-weight:bold; line-height:20px; } .navigationlink a { padding-left:10px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 3px; } .navigationlink a:hover { color:#0071bb; background:url('../images/praktiker/arrow_new03.gif') no-repeat 0 3px; } .navigationelement { width:137px; min-height:556px; float:left; padding-top:10px; padding-left:25px; } /** [JPK] fix for news page, to prevent linebreak of links on right side */ #right_side #subnavigation a {width:350px; } /* -------------- Navigational elements - generic definition - define exceptions in page block below */ /* BROCHURES - page definition block (Monthly Magazine) -------------------------------------------- */ #page_brochures { width:100%; height:100%; min-height:703px; float:left; } #page_brochures #subnavigation { min-height:556px; } #page_brochures #getpdf { width:160px; margin:15px 15px 10px 25px; } #page_brochures .period { line-height:20px; } #page_brochures .pdfteaser { color:#014674; vertical-align:top; text-align:left; } #page_brochures .adobebutton { margin-top:15px; } #brochures_content { width:434px; overflow-x:hidden; float:left; } #brochures_content_eco { width:434px; overflow-x:hidden; float:left; } #brochures_content_wide { width:750px; overflow-x:hidden; float:left; } #brochures_content_alt { width:700px; overflow-x:hidden; float:left; } #brochures { padding:25px 0px 0px 25px; } /* #brochures a { display:none; } #brochures div { display:none; } #brochures div.show { display:block; } */ #brochuresNav, #brochures_content_eco #brochuresNav { width:390px; margin-left:30px; height:25px; padding-right:30px; text-align:right; } #brochures_content_wide #brochuresNav, #brochuresNav_wide { width:685px; height:25px; padding-right:30px; text-align:right; } #brochuresNav_alt { width:670px; height:25px; padding-right:30px; text-align:left; } #brochuresNav a { float:left; outline:0 none; font-weight:bold; padding-left:3px; padding-right:3px; } #brochuresNav a.show { color:#daa901; } .item0 a.item0, .item1 a.item1,.item2 a.item2,.item3 a.item3,.item4 a.item4,.item5 a.item5 { color:#daa901; } .item6 a.item6,.item7 a.item7,.item8 a.item8,.item9 a.item9,.item10 a.item10 { color:#daa901; } .item11 a.item11,.item12 a.item12,.item13 a.item13,.item14 a.item14,.item15 a.item15 { color:#daa901; } .item16 a.item16,.item17 a.item17,.item18 a.item18,.item19 a.item19,.item20 a.item20 { color:#daa901; } .item21 a.item21,.item22 a.item22,.item23 a.item23,.item24 a.item24,.item25 a.item25 { color:#daa901; } .item26 a.item26,.item27 a.item27,.item28 a.item28,.item29 a.item29,.item30 a.item30 { color:#daa901; } .item31 a.item31,.item32 a.item32,.item33 a.item33,.item34 a.item34,.item35 a.item35 { color:#daa901; } .item36 a.item36,.item37 a.item37,.item38 a.item38,.item39 a.item39,.item40 a.item40 { color:#daa901; } .item41 a.item41,.item42 a.item42,.item43 a.item43,.item44 a.item44,.item45 a.item45 { color:#daa901; } .item46 a.item46,.item47 a.item47,.item48 a.item48,.item49 a.item49,.item50 a.item50 { color:#daa901; } .item51 a.item51,.item52 a.item52,.item53 a.item53,.item54 a.item54,.item55 a.item55 { color:#daa901; } .item56 a.item56,.item57 a.item57,.item58 a.item58,.item59 a.item59,.item60 a.item60 { color:#daa901; } .item61 a.item61,.item62 a.item62,.item63 a.item63,.item64 a.item64,.item65 a.item65 { color:#daa901; } .item66 a.item66,.item67 a.item67,.item68 a.item68,.item69 a.item69,.item70 a.item70 { color:#daa901; } .item71 a.item71,.item72 a.item72,.item73 a.item73,.item74 a.item74,.item75 a.item75 { color:#daa901; } .item76 a.item76,.item77 a.item77,.item78 a.item78,.item79 a.item79,.item80 a.item80 { color:#daa901; } .item81 a.item81,.item82 a.item82,.item83 a.item83,.item84 a.item84,.item85 a.item85 { color:#daa901; } .item86 a.item86,.item87 a.item87,.item88 a.item88,.item89 a.item89,.item90 a.item90 { color:#daa901; } .item91 a.item91,.item92 a.item92,.item93 a.item93,.item94 a.item94,.item95 a.item95 { color:#daa901; } .item96 a.item96,.item97 a.item97,.item98 a.item98,.item99 a.item99,.item100 a.item100 { color:#daa901; } #brochuresNav_wide a { font-weight:bold; padding-left:3px; padding-right:3px; } #brochuresNav_wide a.show { color:#daa901; } #brochuresperiod { margin-left:10px; } #brochures_content #viewport { position:relative; width:382px; height:511px; overflow:hidden; } #brochures_content_eco #viewport { position:relative; width:382px; height:511px; overflow:hidden; } #brochures_content_wide #viewport { position:relative; width:665px; height:494px; overflow:hidden; } #brochures_content #viewsizer, #brochures_content_eco #viewsizer, #brochures_content_wide #viewsizer { position:absolute; top:0px; left:100%; width:10000%; } #brochures_content #loading, #brochures_content_eco #loading, #brochures_content_wide #loading { display:none; position:absolute; top:50%; left:50%; width:105px; height:105px; margin-top:-52px; margin-left:-52px; background:url(../images/loadingbg.gif); } #brochures_content #loading img, #brochures_content_eco #loading img, #brochures_content_wide #loading img { position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; } div.brochure { margin:0 10px; float:left; } div.brochure a { outline:0 none; } #brochures_content div.brochure img { width:358px; height:507px; } #brochures_content_wide div.brochure img { width:641px; height:490px; } #brochures_content_eco div.brochure img { width:358px; height:507px; } div.brochure a img { border:2px solid #014674;} div.brochure a:hover img { border:2px solid #0071bb;} /* -------------------------------------------- BROCHURES - page definition block (Monthly Magazine) */ /* COMPANY - page definition block ----------------------------------------------------------------- */ #page_company { width:100%; height:100%; min-height:703px; float:left; } .flagsmap { width:566px; min-width:566px; max-width:566px; padding:0 25px 0 25px; background:url('../images/praktiker/bg_gradient1.jpg') repeat-x; } .flagsmap-text { color:#ffffff; font-weight:bold; line-height:15px; width:430px; } .flagsmap-image { margin-top:15px;} /* TODO: remove to global definition if it fits all pages */ #page_company .htmlcontent { width:400px; padding-left:50px; padding-right:166px; background:url('../images/praktiker/brown_line.jpg') repeat-x bottom 0; } #page_company .link_global { margin-top:20px; } #page_company .link_global a { color:#0071bb; font-size:13px; background-position:0 4px!important; } #page_company .link_global a:hover { color:#014674; } #page_company .clearfloat { margin-bottom:-1px; } /* ----------------------------------------------------------------- COMPANY - page definition block */ /* COMPANY/MANAGEMENT(& DETAIL) - page definition block -------------------------------------------- */ #page_management, #management_detail { width:100%; height:100%; min-height:703px; float:left; } .management_detail_row { width:616px; padding:20px 0 10px 25px; float:left; overflow:hidden; } .management_detail_image_link_text { width:180px; margin-right:19px; float:left; } .image_company_management { margin:20px 10px 10px 25px; } .text_paragraph { margin:13px 20px 10px 25px; } .text_paragraph .title { color:#0071bb; font-size:17px; font-weight:bold; line-height:28px; } .text_paragraph .subtitle { color:#daa901; font-size:14px; font-weight:bold; line-height:20px; } .text_paragraph .teaser { color:#753d00; line-height:15px; margin-top:15px; } .text_paragraph .teaser a { color:#0071bb; } .text_paragraph .teaser a:hover { color:#014674; } #management_detail .link { padding-top:10px; padding-bottom:10px; } #management_detail .link, #management_detail .link a { color:#0071bb; font-size:13px; font-weight:bold; line-height:20px; } #management_detail .link a:link, #management_detail .link a:visited { padding-left:9px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 4px; } #management_detail .link a:link:hover, #management_detail .link a:visited:hover { color: #014674;background: url('../images/praktiker/arrow_new03.gif') no-repeat 0 4px; } /* TODO: remove to global definition if it fits all pages */ #page_management .htmlcontent { width:400px; padding-left:50px; padding-right:166px; background:url('../images/praktiker/brown_line.jpg') repeat-x bottom 0; } #page_management .link_global { margin-top:20px; } #page_management .link_global a { color:#0071bb; font-size:13px; background-position:0 4px!important; } #page_management .link_global a:hover { color:#014674; } #page_management .clearfloat { margin-bottom:-1px; } /* ------------------------------------------------------ COMPANY/MANAGEMENT - page definition block */ /* COMPANY/SUPPLIERS - page definition block ------------------------------------------------------- */ #page_suppliers { width:100%; height:100%; min-height:703px; float:left; } .suppliers_row { width:616px; padding:20px 0 10px 50px; float:left; overflow:hidden; } .suppliers_image_link_text { width:170px; margin-right:20px; float:left; } .suppliers_image_link_text .link, .suppliers_image_link_text .link a { color:#0071bb; font-size:13px; font-weight:bold; line-height:20px; } .suppliers_image_link_text .link a:link, .suppliers_image_link_text .link a:visited { padding-left:9px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 4px; } .suppliers_image_link_text .link a:link:hover, .suppliers_image_link_text .link a:visited:hover { color: #014674;background: url('../images/praktiker/arrow_new03.gif') no-repeat 0 4px; } /* TODO: remove to global definition if it fits all pages */ #page_suppliers .htmlcontent { width:400px; padding-left:50px; padding-right:166px; background:url('../images/praktiker/brown_line.jpg') repeat-x bottom 0; } #page_suppliers .link_global { margin-top:11px; } #page_suppliers .link_global a { color:#0071bb; font-size:13px; background-position:0 4px!important; } #page_suppliers .link_global a:hover { color:#014674; } #page_suppliers .clearfloat { margin-bottom:-1px; } /* ------------------------------------------------------- COMPANY/SUPPLIERS - page definition block */ /* PRODUCT PAGES - page definition block ----------------------------------------------------------- */ #page_products { width:100%; height:100%; min-height:703px; background-color:#e0f2ff; float:left; } #page_products .products_content { padding:20px 0px 0px 25px; } #page_products .products_row, #page_products .products_mix_row { float:left; margin-bottom:20px; } .products_row .product_small, .products_row .product_medium, .products_row .product_large { float:left; background:url('../images/praktiker/dots_fixed.gif') no-repeat; overflow-x:hidden; } .products_row .product_small { width:100px; padding:0px 8px 0px 9px; } .products_row .product_medium { width:184px; padding:0px 4px 0px 5px; } .products_row .product_large { width:265px; padding:0px 19px 0px 19px; } .products_mix_row .product_long, .products_mix_row .downloadoffers_long, .products_mix_row .customer_card { float:left; background:url('../images/praktiker/dots_fixed.gif') no-repeat; overflow-x:hidden; } .products_mix_row .product_long { width:215px; padding:0px 4px 0px 5px; } .products_mix_row .downloadoffers_long { width:180px; padding:0px 4px 0px 5px; } .products_mix_row .customer_card { width:160px; padding:0px 4px 0px 5px; } .products_row .first, .products_mix_row .first { background-image:none!important; padding-left:0px!important; } .products_mix_row .offers_image { padding-left:5px; padding-bottom:5px; } .products_mix_row .offers_link a { padding-left:10px; line-height:20px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } .products_mix_row .offers_link a:hover { background:url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } /* ----------------------------------------------------------- PRODUCT PAGES - page definition block */ /* NEWS - page definition block -------------------------------------------------------------------- */ #news_main .navigationelement { width:165px; padding-top:55px; } #news_links .navigationelement { width:165px; padding-top:55px; } #right_side #subnavigation.navigationelement{ width:165px; padding-top:0px; } #News .htmlcontent { padding:0px 25px 20px 0px; } .ccelement { float:right; text-align:left; width:425px; } .title_year { font-size:17px; font-weight:bold; margin:20px 0px 20px 0px;} .news_header { color:#753d00; font-weight:bold; line-height:15px; } .news_subheader { color:#0071bb; font-size:13px; line-height:20px; font-weight:bold; } .test_teaser { padding: 0px 0px 10px 0px; color:#753d00; line-height:15px; } .news_image_text { padding:20px 25px 20px 25px; } .navigationlink, .navigationlink a { font-size:13px; line-height:20px; } .navigationlink a { color:#0071bb; padding-left:10px; background-position:0 3px; } .navigationlink a:hover { color:#014674; } #news_links .arrow_blue, #news_links a.arrow_blue { font-size:13px; line-height:20px; } #news_links a.arrow_blue { color:#0071bb; padding-left:10px; background-position:0 3px; } #news_links a.arrow_blue:hover { color:#014674; } #news_links .navigationlink { font-size:13px; line-height:20px;color:#0071bb; padding-left:10px; background-position:0 3px; margin:0px!important; border-style:none!important;} #news_links #subnavigation .navigationelement { min-height:200px; float:none; padding-top:0px; padding-left:0px!important; margin:0px!important; border-style:none!important;} #news_links #subnavigation .navigationelement a.arrow_blue { padding-bottom: 25px;} #news_links #right_side {float:left;width:400px;} a.news_subheader { font-size: 13px; font-weight: bold; line-height: 20px; color:#0071bb; padding:0px 0px 0px 10px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 3px; } a.news_subheader:hover { color:#014674; background:url('../images/praktiker/arrow_new03.gif') no-repeat 0 3px; } /* -------------------------------------------------------------------- NEWS - page definition block */ /* PRODUCT CATEGORIES - page definition block ------------------------------------------------------ */ #product_categories { position:relative; top:-1px!important; } #product_categories .product_cat { margin-top:1px; border-bottom:1px solid #eaf7ff; background-color:#eaf7ff; padding:2px 5px 4px 5px; } #product_content a { -moz-outline:0!important; display:expression('inline-block'); } .product_cat a.arrow_blue, .product_cat a.arrow_blue:hover { display:block; padding-left:14px!important; margin:1px 0px 0px 18px; background-position:3px 6px!important; } .show a.arrow_blue, .show a.arrow_blue:visited { padding-left:14px!important; background:url('../../images/praktiker/arrow_down.gif') no-repeat 0px 9px!important; } .show a.arrow_blue:hover, .show a.arrow_blue:visited:hover { padding-left:14px!important; background:url('../../images/praktiker/arrow_downhi.gif') no-repeat 0px 9px!important; } #product_categories .alt { margin-top:1px; border-bottom:1px solid #f4fdff; background-color:#f4fdff!important; } #product_categories .product_cat .product { padding:7px 10px 10px 34px; margin:5px 0px 0px 0px; background-color:#f4fdff; display:none; } #product_categories .alt .product { background-color:#eaf7ff; } #product_categories .show .product { display:block; } #product_categories .show { margin-top:0px; padding-top:3px; border-top:1px solid #0071bb; border-bottom:1px solid #0071bb; } #product_categories .product_cat .image { float:left; margin-right:12px; } #product_categories .product_cat img { margin-top:3px; float:left; } #product_categories .simpleimage { float:left; margin-right:0px; padding-right:30px; } /*padding-bottom:20px;*/ #product_categories .imagetable, #product_categories .imagetable div.image, #product_categories .imagetable img { float:left!important; margin-right:0px; padding-right:0px; } #product_categories .teaser { line-height:16px; color:#753d00!important; } #product_categories .link_global { margin-left:0px; margin-bottom:0px; } #product_categories .show .product { display:inline-block; } .product_cat { margin-bottom:-1px!important; } /* ------------------------------------------------------ PRODUCT CATEGORIES - page definition block */ /* STORE DETAIL - page definition block ------------------------------------------------------------ */ #store_location .htmlcontent { padding:0; width:390px; float:left; } #store_location font { color:#753d00; } #store_location a { font-weight:none; text-decoration:underline; } .mix_row_stores_location { padding-left:25px; padding-top:25px; float:left; } .storemanager_image_text_text { float:right; text-align:right;width:120px; padding-right:10px; } .storemanagertext { font-weight:bold; padding-right:5px; } .images_stores_location { width:591px; padding:20px 0 20px 25px; float:left; } .image_store_map { width:390px; float:left; } .image_store_photo { width:120px; float:right; padding-right:10px; } /* ------------------------------------------------------------ STORE DETAIL - page definition block */ /* STORE MAIN - page definition block ------------------------------------------------------------ */ #stores_main { width:100%; height:100%; min-height:703px; background:url('../images/praktiker/bg_gradient2.jpg'); background-repeat: repeat-x; background-color:#e0f2ff; } #stores_main .imagemap_country {text-align:center;} /* ------------------------------------------------------------ STORE MAIN- page definition block */ a#link_homepage { display: block; width: 215px; height: 40px; margin: 0px 0px 8px 11px; } #homepage .homepage_mix_row a:link, #homepage .homepage_mix_row a:visited, .link_01 a:link, .link_01 a:visited, .link_02 a:link, .link_02 a:visited, .contacts_teaser a:link, .contacts_teaser a:visited, div.subheader_link a:link, div.subheader_link a:visited { font-weight: bold; padding-left: 10px; line-height:20px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } #homepage .homepage_mix_row a:link:hover, #homepage .homepage_mix_row a:visited:hover, .link_01 a:link:hover, .link_01 a:visited:hover, .link_02 a:link:hover, .link_02 a:visited:hover, .contacts_teaser a:link:hover, .contacts_teaser a:visited:hover, div.subheader_link a:link:hover, div.subheader_link a:visited:hover { color: #0071bb; background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } .contacts_teaser { padding: 20px 20px 20px 25px; } .contacts_teaser .subtitle { font-family: Verdana, sans-serif; font-size: 11px; color: #0071bb; font-weight: bold; line-height: 20px; } .calculators_image_link_text .text_teaser, .design_centre_image_link_text .text_teaser, .contacts_teaser .text_teaser { font-family: Verdana, sans-serif; font-size: 11px; color: #753d00; line-height: 15px; } .subheader_picture img { float:left; } .page_subheader_with_picture .page_subheader { padding: 0px 0px 0px 25px; float:left; } .page_subheader_with_picture .page_subheader .title { margin-top: 5px; } .page_subheader_with_picture .page_subheader .teaser { padding-bottom: 15px; } .page_subheader_with_linked_picture { background-color: #d4eeff; } .page_subheader_with_linked_picture .page_subheader { display:inline-block; } .page_subheader_with_linked_picture .teaser { width: 400px; } .page_subheader_with_linked_picture .page_subheader { border-bottom:2px solid #fff; } .subheader_picture { margin-left: 25px; float: right; } .homepage_links { float: right; } .page_title01 { float: left; } .subheader_linked_picture { float: right; margin-top:15px; margin-right:5px; } .subheader_linked_picture .subheader_picture{ float: none; } #page_careers .htmlcontent { width: 421px; } .customer_service_row, .design_centre_row, .calculators_row { width:616px; overflow:hidden; padding-top:40px; padding-left:25px; float:left; } .calculators_image_link_text, .design_centre_image_link_text { width:190px; margin-right:10px; float:left; } .customer_services_image_link { width:110px; margin-right:10px; float:left; } .customer_services_image_link .link, .customer_services_image_link .link a:link, .customer_services_image_link .link a:visited { font-family: Verdana, sans-serif; font-size: 11px; color: #0071BB; font-weight: bold; line-height: 16px; text-decoration: none; } .customer_services_image_link .link a:link:hover, .customer_services_image_link .link a:visited:hover { font-family: Verdana, sans-serif; color:#014674; text-decoration:none; } .design_centre_image_link_text .link, .design_centre_image_link_text .link a:link, .design_centre_image_link_text .link a:visited, .calculators_image_link_text .link, .calculators_image_link_text .link a:link, .calculators_image_link_text .link a:visited { font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; color: #0071bb; font-weight: bold; } .tipsandideas_image_link .link, .tipsandideas_image_link .link a:link, .tipsandideas_image_link .link a:visited, .tipsandideas_instructions_element .link, .tipsandideas_instructions_element .link a:link, .tipsandideas_instructions_element .link a:visited { font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; color: #0071bb; font-weight: bold; } .calculators_image_link_text .link a:link, .calculators_image_link_text .link a:visited, .design_centre_image_link_text .link a:link, .design_centre_image_link_text .link a:visited, .tipsandideas_image_link .link a:link, .tipsandideas_image_link .link a:visited, .tipsandideas_instructions_element .link a:link, .tipsandideas_instructions_element .link a:visited { text-decoration: none; padding-left: 9px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 4px; } .design_centre_image_link_text .link a:link:hover, .design_centre_image_link_text .link a:visited:hover, .calculators_image_link_text .link a:link:hover, .calculators_image_link_text .link a:visited:hover, .tipsandideas_image_link .link a:link:hover, .tipsandideas_image_link .link a:visited:hover, .tipsandideas_instructions_element .link a:link:hover, .tipsandideas_instructions_element .link a:visited:hover { color: #014674; background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 4px; } /*#page_tipsandideas*/ #page_tipsandideas .link_global { display:block; } #tipsandideas_content { width:450px; float:left; } .tipsandideas_row { width:450px; overflow:hidden; } .tipsandideas_image_link { margin-top:10px; margin-right:15px; margin-bottom:8px; float: left; } .tipsandideas_image_link .link { width:134px; } .tipsandideas_image_link .image { margin-bottom:5px; } /*#page_tipsandideas_instructions*/ #page_tipsandideas_instructions .page_subheader { min-height:85px!important; } #tipsandideas_instructions_content { display:block; width:450px; overflow:hidden; } .tipsandideas_instructions_element { width:448px; margin-top:10px; margin-bottom:10px; overflow:hidden; clear:left; width:445px; } .tipsandideas_instructions_element .image { float: left; margin-right: 5px; } .tipsandideas_instructions_element .title { font-family: Verdana, sans-serif; font-size: 13px; line-height: 20px; color: #014674; font-weight: bold; } .tipsandideas_instructions_element .link { float:left; width:290px; } .tipsandideas_instructions_element .link a:link, .tipsandideas_instructions_element .link a:visited { display:block; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 4px; } .tipsandideas_instructions_element .link, .tipsandideas_instructions_element .link a:link, .tipsandideas_instructions_element .link a:visited { line-height: 17px; padding-right:10px; } #page_tipsandideas_instructions_details { height: 100%; min-height: 703px; width: 100%; float: left; background-color: #ffffff; padding-bottom: 10px; } #tipsandideas_instructions_details_left { width:165px; float:left; min-height: 556px; padding-left:10px; margin-right:12px; } #page_tipsandideas_instructions_details .navigationelement { width: 137px; padding-top: 10px; padding-left: 15px; height:auto; min-height: 0px; float:none; } .tipsandideas_instructions_details_box_bluelight{ width: 163px; margin-top: 20px; border:1px solid #0072bc; background-color: #d4eeff; } .tipsandideas_instructions_details_box_bluedark { width: 163px; margin-top: 20px; border:1px solid #0072bc; background-color: #b8e4ff; } .tipsandideas_instructions_details_box_white { width: 163px; margin-top: 20px; border:1px solid #0072bc; background-color: #ffffff; } .boxheader_yellow_small { background-color: #fef200; font-family:Verdana, sans-serif; font-size: 11px; color:#0071BB; font-weight:bold; line-height:19px; } .boxheader_yellow_big { background-color: #fef200; font-family:Verdana, sans-serif; font-size: 11px; color:#0071BB; font-weight:bold; line-height:22px; } .boxheader_blue_small { background-color: #0072bc; font-family:Verdana, sans-serif; font-size: 11px; color:#FFFFFF; font-weight:bold; line-height:18px; } .boxheader_blue_big { background-color: #0072bc; font-family:Verdana, sans-serif; font-size: 11px; color:#FFFFFF; font-weight:bold; line-height:22px; } .boxheader_yellow_small .boxheader_icon { float:left; padding: 2px 5px 0px 1px; } .boxheader_blue_small .boxheader_icon, .boxheader_yellow_big .boxheader_icon { float:left; padding: 1px 5px 0px 1px; } .boxheader_blue_big .boxheader_icon { float:left; padding: 0px 5px 0px 0px; } .boxheader_blue_big .boxheader_title, .boxheader_blue_small .boxheader_title { color:white; } .boxheader_title { padding: 0px 0px 0px 0px; } .box_image { clear:left; padding-left: 4px; } .box_text { clear:left; font-family:Verdana, sans-serif; font-size: 11px; color:#014674; line-height:20px; padding: 0px 5px 0px 5px; } .box_text_intended { clear:left; font-family:Verdana, sans-serif; font-size: 11px; color:#014674; line-height:20px; padding: 0px 5px 0px 12px; } .tipsandideas_instructions_details_box_bluelight .box_text, .tipsandideas_instructions_details_box_bluelight .box_text_intended { background-color: #d4eeff; } .tipsandideas_instructions_details_box_bluedark .box_text, .tipsandideas_instructions_details_box_bluedark .box_text_intended { background-color: #b8e4ff; } .tipsandideas_instructions_details_box_white .box_text, .tipsandideas_instructions_details_box_white .box_text_intended { background-color: #ffffff; } #tipsandideas_instructions_details_content { width:415px; overflow:hidden; } .tipsandideas_instructions_details_steps { width:415px; } .steps_title, .steps_number { clear:left; font-family:Verdana, sans-serif; font-size: 13px; color:#0071BB; font-weight:bold; line-height:20px; } .tipsandideas_instructions_details_element { overflow:hidden; margin: 5px 0px 5px 0px; } .tipsandideas_instructions_details_element .element_image { float:left; margin-right: 5px; margin-bottom: 10px; } .tipsandideas_instructions_details_element .element_text { font-family:Verdana, sans-serif; font-size: 11px; color:#753D00; line-height:15px; margin-right: 10px; } /*#page_tipsandideas_toolkit*/ #page_tipsandideas_toolkit .navigationelement { width: 127px; } #tipsandideas_toolkit_content { display:block; width:451px; overflow:hidden; } .tipsandideas_toolkit_row { display:block; width:460px; overflow:hidden; } .tipsandideas_toolkit_image { margin-top:10px; margin-left:5px; margin-bottom:8px; float: left; } .tipsandideas_toolkit_image .imagecaption { width:85px; margin-left:5px; font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px; color: #0071bb; font-weight: bold; } /* #page_tipsandideas_magazines */ #page_tipsandideas_magazines .link_global { display:block; } #page_tipsandideas_magazines .simpletext { font-family: Verdana, sans-serif; font-size: 13px; color:#753D00; line-height:18px; text-align: right; display:block; padding-right:18px; } #tipsandideas_magazines_content { width:450px; overflow:hidden; } .tipsandideas_magazines_content_row { width:450px; overflow:hidden; } .tipsandideas_magazines_image { margin-top:10px; margin-right:20px; margin-bottom:12px; float: left; } /*#page_tipsandideas_workshops*/ #page_tipsandideas_workshops .navigationelement { width:144px; } #tipsandideas_workshop_content { display:block; width:444px; overflow:hidden; } #tipsandideas_workshop_content .show .elementimage, #tipsandideas_workshop_content .show .month, #tipsandideas_workshop_content .show .tipsandideas_workshop_eventdate { display: block; } #tipsandideas_workshop_content .elementimage, #tipsandideas_workshop_content .month, #tipsandideas_workshop_content .tipsandideas_workshop_eventdate { display: none; } #tipsandideas_workshop_content .illustration-image { padding-bottom:20px; } .tipsandideas_workshop_element { width:450px; margin-top:10px; margin-bottom:10px; overflow:hidden; } .tipsandideas_workshop_element a.title:link, .tipsandideas_workshop_element a.title:visited { font-family: Verdana, sans-serif; font-size: 11px; color: #014674; font-weight: bold; text-decoration: none; padding-left: 10px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } .tipsandideas_workshop_element a.title:link:hover, .tipsandideas_workshop_element a.title:visited:hover { color: #0071bb; background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } #tipsandideas_workshop_content .show a.title, #tipsandideas_workshop_content .show a.title:hover { padding-left: 12px; background: url('../images/praktiker/arrow_down.gif') no-repeat 0px 5px ! important; } .tipsandideas_workshop_element .elementimage { float: left; padding: 12px 6px 5px 2px; } .tipsandideas_workshop_element .month { font-family: Verdana, sans-serif; font-size: 11px; color:#DAA901; font-weight:bold; line-height:15px; padding-top:6px; padding-bottom:2px; } .tipsandideas_workshop_eventdate { padding-bottom:2px; } .tipsandideas_workshop_eventdate .event_title { font-family: Verdana, sans-serif; font-size: 11px; color:#014674; font-weight:bold; line-height:15px; text-decoration:none; padding-left:85px; } .tipsandideas_workshop_eventdate .event_date { font-family: Verdana, sans-serif; font-size: 11px; color:#753D00; line-height:15px; padding-left:85px; } .homepage_mix_row .downloadoffers_homepage_v2, .homepage_mix_row .product_homepage_v2, .products_row .product_small, .products_row .product_medium, .products_row .product_large, .homepage_mix_row .product_long, .homepage_mix_row .hp_download_offers_long, .homepage_mix_row .hp_customer_card { float:left; background:url('../images/praktiker/dots_fixed.gif') no-repeat 0 0; overflow-x:hidden; } .products_row .product_small { width:100px; padding:0px 8px 0px 9px; } .products_row .product_medium { width:184px; padding:0px 4px 0px 5px; } .products_row .product_large { width:265px; padding:0px 19px 0px 19px; } .homepage_mix_row .product_long { width:215px; padding:0px 4px 0px 5px; padding-left:18px; } .homepage_mix_row .hp_download_offers_long { width:170px; padding:0px 4px 0px 5px; } .homepage_mix_row .downloadoffers_homepage_v2, .homepage_mix_row .product_homepage_v2 { width:134px; padding:0px 4px 0px 5px; } .homepage_mix_row .hp_customer_card { width:150px; padding:0px 4px 0px 16px; } .products_row .first, .homepage_mix_row .first { background-image:none!important; padding-left:0px!important; } .homepage_content .currentoffers_downtext, .homepage_content .product_text, .products_content .currentoffers_downtext, .products_content .product_text, .products_content .product_text a:link, .products_content .product_text a:visited { font-family:Verdana, sans-serif; font-size:11px; color:#014674; vertical-align:top; text-align:left; text-decoration:none; } .products_content .product_text a:link:hover, .products_content .product_text a:visited:hover { color:#0071bb; } .homepage_content .priceflash, .products_content .priceflash { text-align:center; } /* Homepage */ #homepage { float:left; width:100%; height:100%; min-height:703px; background-color:#e0f2ff; } #homepage .homepage_content { padding:20px 0px 0px 25px; } #homepage .products_row { float:left; margin-bottom:20px; } #homepage .homepage_mix_row { float:left; margin-bottom:20px; } .homepage_subheader { padding: 5px 25px 15px 25px; } .homepage_mix_row .product_homepage_v2, .homepage_mix_row .downloadoffers_homepage_v2, .homepage_mix_row .product_small, .homepage_mix_row .product_medium, .homepage_mix_row .product_long, .homepage_mix_row .hp_downloadoffers_small, .homepage_mix_row .hp_customer_card, .homepage_mix_row .hp_downloadoffers_long, .homepage_mix_row .product_large { float:left; background:url('../images/praktiker/dots_fixed.gif') no-repeat 0 0; overflow-x:hidden; } .homepage_mix_row .product_long { width:215px; padding:0px 4px 0px 5px; } .homepage_mix_row .hp_downloadoffers_small, .homepage_mix_row .hp_customer_card { width:150px; padding:0px 1px 0px 1px; } .homepage_mix_row .hp_downloadoffers_long { width:175px; padding:0px 4px 0px 5px; } .homepage_mix_row .first { background-image:none!important; padding-left:0px!important; } /** css definitions for search result page **/ #searchresultList { width:100%; padding:25px; } #searchresultList .searchresultitem { padding:20px; } #searchresultList .searchresultitem .pagelink a, #searchresultList .searchresultitem .pagelink a:link #searchresultList .searchresultitem .pagelink a:active { font-size: 13px; color: #0071bb; font-weight: bold; text-decoration: none; padding-left: 10px; line-height:20px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } #searchresultList .searchresultitem .pagelink a:hover { color: #014674; background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } #searchresultList .searchresultitem .teasertext { line-height:15px; color: #753d00; } /** Customer Services Detail **/ #customer_services_detail .htmlcontent { width:400px; padding-left:55px; padding-right:166px; } #customer_services_detail .main { float: left; padding-left:10px; vertical-align:bottom; } #customer_services_detail .image_cs { float: left; } #customer_services_detail .link_global { padding-left:30px; margin-top:3px; } #customer_services_detail .link_global a { color:#0071bb; font-size:13px; background-position:0 4px!important; } #customer_services_detail .link_global a:hover { color:#014674; } /** Loyalty (Customer Loyalty Card **/ #loyalty_subheader { margin:0px; padding:11px 25px 11px 25px; overflow:hidden; background:url('../images/praktiker/procent.jpg') repeat-y 0px 0px; background-color:#7fbee9; } div.loyaltylink { font-family: Tahoma; font-size: 19px; color:#fff000; font-weight:bold; text-decoration:none; line-height:22px; } .loyaltylink a:link, .loyaltylink a:visited, .loyaltylink a:link:hover, .loyaltylink a:visited:hover { font-family: Tahoma; font-size: 19px; color:#fff000; font-weight:bold; text-decoration:none; line-height:22px; text-decoration: none; padding-left: 13px; background: url('../images/praktiker/tiygaltik.gif') no-repeat 0px 4px; } .loyalty_mix_co { padding:0px 10px 10px 0px; width:390px; float:left; } #page_loyalty .htmlcontent { padding:0px 0px 0px 25px; } .loyalty_images { padding:10px 0px 10px 0px; width:176px; float:right; } /** Sitemap **/ div.sitemaplink { margin:5px 0px 5px 25px; } .sitemaplink a { padding-left:10px; line-height:20px; background: url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } .sitemaplink a:hover { background: url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } div.subSitemaplink { margin:0px 0px 0px 50px; } .subSitemaplink a { font-weight:bold; line-height:20px; } .subSitemaplink a { padding-left:10px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 3px; } .subSitemaplink a:hover { color:#0071bb; background:url('../images/praktiker/arrow_new03.gif') no-repeat 0 3px; } /** Campaigns **/ #campaigns_content .title { font-family: Verdana, sans-serif; font-size: 14px; color: #DAA901; font-weight: bold; line-height: 20px; padding-left:25px; padding-top:25px; } #campaigns_content .subtitle{ font-family: Verdana, sans-serif; font-size: 11px; color: #0071BB; line-height: 15px; padding-left:25px; } #campaigns_content .text_paragraph .teaser, #campaigns_content .text_paragraph .teaser a, #campaigns_content .text_paragraph .teaser a:link, #campaigns_content .text_paragraph .teaser a:hover{ font-family: Verdana, sans-serif; font-size: 11px; color: #753D00; line-height: 15px; padding-left:0px; padding-right:25px; padding-bottom:25px; padding-top:0px; font-weight: normal;margin:0px!important; border-style:none!important; } #campaigns_content .text_paragraph .teaser {padding-left:25px;} #campaigns_left {width:190px; float:left; margin:0px!important; border-style:none!important;} #campaigns_right {width:416px; float:right; margin:0px!important; border-style:none!important;} #campaigns_content #subnavigation, #campaigns_content #siblingnavigation { min-height:100px; width:165px; padding-top:0px; padding-left:25px; float:none; margin:0px!important; border-style:none!important;} #campaigns_content #subnavigation a, #campaigns_content #siblingnavigation a { line-height:15px!important; background-position:0px 3px; } #campaigns_content a.arrow_blue { font-family: Verdana, sans-serif; font-size: 11px; color: #014674; font-weight: bold; text-decoration: none; padding-left:10px; line-height:20px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0px 2px; } #campaigns_content a.arrow_blue:hover { background:url('../images/praktiker/arrow_new03.gif') no-repeat 0px 2px; } #campaigns_content .navigationlink, #campaigns_content .navigationlink a { font-family: Verdana, sans-serif; font-size: 11px; color: #014674; font-weight: bold; text-decoration: none; line-height:20px; } #campaigns_content .navigationlink a { padding-left:10px; background:url('../images/praktiker/arrow_new01.gif') no-repeat 0 2px; } #campaigns_content .navigationlink a:hover { background:url('../images/praktiker/arrow_new03.gif') no-repeat 0 2px; } #campaigns_content .navigationelement { width:165px; min-height:456px; float:none; padding-top:0px; padding-left:25px;margin:0px!important; border-style:none!important; } #campaigns_content #getpdf { width:160px; margin:15px 15px 10px 25px; } #campaigns_content .text_paragraph {width:416px; margin:0px!important; border-style:none!important;} #campaigns_content .alt_bgcolor1 {width:416px; margin:0px!important; border-style:none!important; background-color:#EAF7FF; } #campaigns_content .alt_bgcolor2 {width:416px; margin:0px!important; border-style:none!important; background-color:#F4FDFF; } #campaigns_content .simpleimage {width:416px; margin:0px!important; border-style:none!important; background-color:#F4FDFF; text-align:center; vertical-align:middle;padding-top:30px; padding-bottom:30px;} /** Products Detail **/ #products_detail .simpleimage {width:416px; margin:0px!important; border-style:none!important; text-align:center; vertical-align:middle; padding:25px 0px 25px 0px; float:left} #products_detail .priceflash {width:190px; padding-bottom:25px; padding-top:50px;margin:0px!important; border-style:none!important;float:right} #products_detail #products_dcontent .teaser { font-family: Verdana, sans-serif; font-size: 11px; color: #753D00; line-height: 15px; padding-left:0px; padding-right:25px; padding-bottom:25px; padding-top:0px; font-weight: normal;margin:0px!important; border-style:none!important; } #products_dcontent { margin:0px!important; padding-left:25px; padding-top:20px; border-style:none!important; } #products_dcontent .simpletext { width:610px; font-size:17px; margin-bottom:10px; color:#0071BB; font-weight:bold; line-height:28px; } #products_dcontent .product_image { float:left; width:385px; margin-bottom:20px; } #products_dcontent .priceflash { float:right; width:200px; padding:0px!important; } #products_dcontent .right_column { float:right; width:200px; } #products_dcontent .detail_text { float:left; width:385px; } /** Coming Soon **/ #coming_soon { background-color:#e0f2ff; min-height:703px;} #coming_soon #teasers { padding: 25px 0px 25px 25px; background-color: #ffffff; } #calculators_flash, #design_centre_flash { width:100%; height:100%; background-color:#ffffff; min-height:703px; } /** Calcultors Flash **/ #calculators_flash { width:656px; margin:0px!important; border-style:none!important; } #calculators_flash .flash { width:656px; margin:0px!important; border-style:none!important; } #calculators_flash .calculators_text { width:656px; margin:0px!important; border-style:none!important; } #design_centre_flash { width:940px; margin:0px!important; border-style:none!important; } #design_centre_flash .flash { width:940px; margin:0px!important; border-style:none!important; } .noflashcalctable { border-bottom:15px solid #4798cf!important; background-color:#b6daf2; } .noflashcalctable td { font-weight:bold!important; } .noflashcalctable td a { font-weight:bold!important; text-decoration:underline!important; } #page_bgcol_fix { display:none; } /** nonFlash **/ #rightmenu_noflash td.white_text { font-weight:normal!important; line-height: 10px!important; } /** Eco Living Stuff **/ .eco_subheader { font-family: Verdana, sans-serif; font-size: 18px; color: #006600; font-weight:bold!important; margin-left: 25px; margin-top: 20px; margin-bottom: 20px; } .ecoliving_image_row_text_bottom { clear: left; margin-left: 10px; } .ecoliving_image_text_bottom { float: left; width: 200px; overflow: hidden; margin-left: 14px; text-align: center; } .eco_text, .eco_text_bottom { font-family: Verdana, sans-serif; color: #753D00; } .eco_text a, .eco_text_bottom a { font-family: Verdana, sans-serif; color: #753D00; } .eco_text { font-size: 11px; } .eco_text_bottom { font-size: 11px; margin-bottom: 20px; } .eco_text_green { color: #006600; } .eco_text_green a { color: #006600; } .eco_text_brown { color: #753D00; } .eco_text_green a { background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; padding-left:10px; font-weight: bold; color: #006600; } .eco_text_green a:hover { background:url("../images/praktiker/arrow_new03.gif") no-repeat scroll 0 4px transparent; padding-left:9px; text-decoration:none; color: #006600 } .eco_text_brown a { background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; padding-left:10px; font-weight: bold; color: #753D00; } .eco_text_brown a:hover { background:url("../images/praktiker/arrow_new03.gif") no-repeat scroll 0 4px transparent; padding-left:9px; text-decoration:none; color: #753D00 } .ecoliving_image_row { margin-top:10px; margin-bottom:20px; overflow:hidden; clear:left; margin-left: 25px; } .ecoliving_image_row .simpleimage { float:left; margin-right:10px; text-align:right; width:120px; } .ecoliving_image_row .simpletext { color: #0071BB; } .eco_bullet { overflow: hidden; padding: 15px; color: #753D00; float: left; margin:0; list-style-image:url(../images/praktiker/arrow_new01.gif); } .eco_bullet a { color: #753D00; } .eco_title { font-family: Verdana, sans-serif; font-size: 13px; color: #04873F; } .eco_teaser { padding-left: 10px; padding-right: 12px; padding-top: 20px; padding-bottom: 20px; font-family: Verdana, sans-serif; font-size: 11px; color: #753D00; } .eco_topic_main_content { overflow: hidden; float: left; padding-bottom: 20px; } .eco_topic_content_left { overflow: hidden; width: 165px; float: left; margin-right: 12px; vertical-align: top; margin-left: 25px; } .eco_topic_content_left .eco_text { padding-left: 10px; } .eco_topic_content_right { overflow: hidden; float: left; vertical-align: top; width: 398px; } .eco_topic_main_content .ecoliving_image_row { margin-top: 0px; margin-left:0px; } .eco_topic_main_content .ecoliving_image_row .simpleimage { width:75px; } .ecoliving_image_row_text_bottom .ecoliving_image_text_bottom { margin:0 0 0 54px; text-align:left; width:auto; } .ecoliving_image_text_bottom .eco_text_bottom, .ecoliving_image_text_bottom .eco_text_bottom a { color: #006600; } .ecoliving_image_row .simpleimage .imagecaption { background:url("../images/praktiker/arrow_new01.gif") no-repeat transparent; background-position:10px 3px; padding-left:1px; } .eco_topic_content_left .ecoliving_image_text_bottom { width:auto; text-align:left; margin:0; padding:0 15px; } .eco_topic_content_left .ecoliving_image_text_bottom table.imagetable { margin:0 auto; } .ecoliving_image_row .ecoliving_text_and_link { /*float: left;*/ margin-right: 20px; } .ecoliving_image_row .image { float: left; margin-right: 10px; } .eco_details_box_green { border: 1px solid #04873F; margin-top:20px; width:163px; } .boxheader_green_small { background-color:#04873F; color:#FFFFFF; font-family:Verdana,sans-serif; font-size:11px; font-weight:bold; line-height:18px; } .boxheader_green_small .title { color:#FFFFFF; } .boxheader_green_small .boxheader_icon { float:left; padding:1px 5px 0 1px; } .boxheader_green_small .boxheader_title { color:white; } .eco_details_box_green .box_text { color:#753D00; font-family:Verdana,sans-serif; font-size:11px; line-height:20px; font-weight:bold; } .eco_details_box_green .box_text_intended { clear:left; color:#753D00; font-family:Verdana,sans-serif; font-size:11px; line-height:20px; padding:0 5px 0 12px; } .eco_link { color: #0071BB; } .eco_link_green { color: #006600; } .eco_link_brown { color: #753D00; } .eco_link a { background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; padding-left:10px; font-weight: bold; color: #0071BB; } .eco_link a:hover { background:url("../images/praktiker/arrow_new03.gif") no-repeat scroll 0 4px transparent; padding-left:9px; text-decoration:none; color: #014674 } .eco_link_green a { background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; padding-left:10px; font-weight: bold; color: #006600; } .eco_link_green a:hover { background:url("../images/praktiker/arrow_new03.gif") no-repeat scroll 0 4px transparent; padding-left:9px; text-decoration:none; color: #006600 } .eco_link_brown a { background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; padding-left:10px; font-weight: bold; color: #753D00; } .eco_link_brown a:hover { background:url("../images/praktiker/arrow_new03.gif") no-repeat scroll 0 4px transparent; padding-left:9px; text-decoration:none; color: #753D00 } .eco_topic_content_right .steps_title, .eco_topic_content_right .steps_number { clear:left; color:#753D00; font-family:Verdana,sans-serif; font-size:13px; font-weight:bold; line-height:20px; } .eco_details_element { margin:5px 0; overflow:hidden; clear: left; } .eco_details_element .element_image { float:left; margin-bottom:10px; margin-right:5px; } .eco_details_element .eco_text_green { line-height:15px; margin-right:10px; } .eco_details_element .eco_text_brown { line-height:15px; margin-right:10px; } .ecoliving_image_row .image .imagetable td.imagecaption, .eco_details_element .element_image .imagetable td.imagecaption{ background:url("../images/praktiker/arrow_new01.gif") no-repeat scroll 0 3px transparent; font-weight:bold; padding-left:10px; color: #0071BB; } .ecoliving_image_row .image .imagetable td.imagecaption div, .eco_details_element .element_image .imagetable td.imagecaption div{ color: #0071BB; } .eco_topic_main_content .eco_navigationelement { float: none; min-height: 0px; margin-bottom:20px; height:auto; } .ecoliving_text_and_link .eco_text { margin-bottom: 10px; } .eco_subheader_with_linked_picture { overflow:hidden; } .eco_subheader_with_linked_picture .eco_subheader { float: left; } .eco_subheader_with_linked_picture .subheader_linked_picture { float: right; } div.brochure a img.eco_border { border:2px solid #efefef; } .eco_topic_content_right .eco_subheader { margin-left: 0; margin-top: 0; }