#article_detail_page #article_ov_top { background: #fff; border-bottom: 1px solid #afd9fa; padding: 0; } #article_detail_page div.hr { background: #fff; padding: 25px 0 0 0; border-bottom: 1px solid #afd9fa; } #article_detail_first_row { background-color:#fff; padding: 20px 25px 0 0; color:#000; height:auto; min-height:487px; border:1px solid white; } /* border -> bug-fix Safari (setzt Hoehe nicht korrekt auf auto) */ #article_detail_intro { margin: 0 0 0 365px; position: relative; } #article_detail_intro > div.stars_container { float:right; cursor: pointer; } #article_detail_intro > div.stars_container a { text-decoration: none; } #article_detail_intro h2 { font-size: 14px; margin: 0 0 20px 0; } #article_detail_intro #article_description { position: relative; overflow: hidden; margin: 0 0 0 0; } #article_detail_intro #article_description ul { list-style-type:disc; margin:1px 0 20px 16px; } #article_detail_intro #article_description ul li { margin: 0; padding: 0; } #article_detail_intro #article_description #fader { background: url(../images/articles/article_text_fader.png) repeat-x 0 0; position: absolute; left: 0; bottom: 0; height: 60px; width: 100%; } #article_detail_intro .article_no strong { color: #21578A; font-weight: bold; } #article_detail_intro .read-more a { font-weight: bold; } #article_detail_intro .re-collapse { display: block; text-align: right; padding: 0 0 15px 0; margin: 10px 0 0 0; border-bottom: 1px solid #afd9fa; } #article_detail_intro .re-collapse a { background: url(../images/button/arrow_top.gif) no-repeat 0 center; padding: 0 0 0 15px; } #article_description #article_additional { margin: 30px 0 0 0; } #article_description #article_additional h3 { font-size: 14px; margin: 0 0 10px 0; font-weight: bold; color: #21578a; text-transform: uppercase; } #article_description #article_additional ul { list-style-type: none; margin-left: 0; } #article_description #article_additional ul li { float:left; width:230px; line-height:23px; margin-bottom:10px; font-size: 11px; color: #21578a; } #article_description #article_additional ul li img { float:left; } #article_description #article_additional ul li span { margin-left:6px; } #article_description #article_additional div.bigger ul li { line-height:35px; margin-left:6px; } #article_description #article_additional div.bigger ul li span { margin-left:16px; } /* nmAG, führt bei gleich großen Icons zu unterschiedlichen Anzeigen #article_description #article_additional div.bigger ul li:first-child { line-height:51px; margin-left:0; } #article_description #article_additional div.bigger ul li:first-child span { margin-left:6px;} */ #article_description #article_additional div.left { float: left; width: 50%; } #article_description #article_additional div.right { float: left; width: 50%; } #article_action { position:relative; height:auto; width:348px; margin-top:20px; } #article_action > p { color:#21578a; text-decoration:line-through; margin-bottom: 5px; } #article_action > span { font-size:28px; line-height: 28px; font-weight:bold; color:#21578a;} #article_action #itemFinancing {color: #000; padding: 10px 0 50px; text-decoration: none; width: 150px;} #article_action #itemFinancing > img {display: block; margin: 10px 0 5px;} #article_action > span > span { font-size:11px; } #article_action > span + span { display:inline-block; width:105px; height:23px; line-height:23px; color:#fff; font-weight:bold; background: url(../images/articles/teaser_price_bg_big.png) no-repeat 0 0 transparent; text-align:center; font-size:14px; font-weight:bold; margin:10px 10px 0 0; padding:0 20px; } #article_action > span + p { margin-top:20px; font-weight:bold; color:#005e20; text-decoration:none; } #article_action div.left { float: left; width:170px; } #article_action div.right { position: relative; margin: 0 0 0 180px; width: 168px; } #article_action > div > div form { margin:0 0 8px 21px; display:inline-block; } #article_action label{ margin-left:21px; display:inline-block; vertical-align:bottom; height:18px; margin-bottom:8px; } #article_action div input[type=text] { width: 26px; height:16px; border:1px solid #799abc; display:inline-block; margin-bottom:8px;} #article_action #article_info { position: relative; top: 0; margin-right: -26px; width: 196px; height: 144px; background: url(../images/articles/article_price_detail.png) no-repeat 0 0 } #article_action #article_info div.info { position: absolute; top: 8px; right: 20px; font-size: 14px; font-weight: bold; color: #21578a; } #article_action #article_info div.price { position: absolute; top: 37px; right: 20px; font-size: 14px; line-height: 18px; color: #f00; } #article_action #article_info div.price em { font-size: 18px; font-weight: bold; font-style: normal; } #article_action #article_info div.price del { text-decoration: strike-through; } #article_action #article_info div.price > div { color: #21578a; margin: 10px 0 0 0; } #article_action #article_info div.notice { position: absolute; bottom: 40px; right: 10px; font-size: 9px; line-height: 11px; text-align: right; color: #21578a; } #article_action #article_info #basket_button_active > a, #article_action #article_info div.button_arrow_l_disabled { position: absolute; top: 113px; right: 15px; } #article_action #articleComplementary > div { margin: 0 0 12px; } #article_action #articleComplementary .available { font-weight: bold; color: #005e20; } #article_action #articleComplementary strong { font-weight: bold; color: #21578a; } #article_action ul { margin: 20px 0 0 5px; } #article_action ul li { margin: 12px 0 0 0; } #article_action ul li a { display: block; } #article_action select { width: 100%; } #article_detail_zoom {float: left; width:345px; height:auto; min-height:487px; padding-right:20px; margin-top:0; position:static; } #article_detail_zoom .top { margin: 0 0 10px 0; } #article_detail_zoom .top img.border { border: 1px solid #4F99C7; } #article_detail_zoom .views { position: relative; width: 326px; height: 65px; margin: 0 auto; background: url(../images/articles/views_frame.gif) no-repeat 0 0; } #article_detail_zoom .views ul { display: inline-block; margin: 0; padding: 3px 0 0 90px; } #article_detail_zoom .views li { display: block; width: 45px; float: left; margin: 7px 7px 0 0; } #article_detail_zoom .views li a { display: block; padding: 2px 3px 3px 2px; background: url(../images/articles/colors_item_frame.gif) no-repeat 0 top; } #article_detail_zoom .views li a.active, #article_detail_zoom .views li a:hover { background-position: 0 bottom; } #article_detail_zoom .views li img { width: 40px; height: 40px; } #article_detail_zoom .views a.movie { position: absolute; left: 250px; top: 28px; display: block; width: 34px; height: 25px; text-indent: -999em; background: url(../images/icons/icon_view_movie.gif) no-repeat 0 0; } #article_detail_zoom .views a.fullscreen { position: absolute; left: 290px; top: 28px; display: block; width: 25px; height: 25px; text-indent: -999em; background: url(../images/icons/icon_view_fullscreen.gif) no-repeat 0 0; } #article_detail_zoom .colors { width: 326px; margin: 0 auto; padding: 0 0 10px 0; background: url(../images/articles/colors_frame.gif) no-repeat 0 bottom; } #article_detail_zoom .colors ul { display: inline-block; width: 100%; margin: 0; padding: 23px 0 0 10px; background: url(../images/articles/colors_frame.gif) no-repeat 0 top; } #article_detail_zoom .colors li { display: block; width: 45px; float: left; margin: 7px 7px 0 0; } #article_detail_zoom .colors li a { display: block; padding: 2px 3px 3px 2px; background: url(../images/articles/colors_item_frame.gif) no-repeat 0 top; } #article_detail_zoom .colors li a.active, #article_detail_zoom .colors li a:hover { background-position: 0 bottom; } #article_detail_zoom .colors li img { width: 40px; height: 40px; } /* Noflash-Fallback Box: width: 345px; height: 365px; */ #article_detail_zoom #boxFallback {border: 1px solid #bcccdc; text-align: center; padding: 0; margin: 0; position: relative; overflow:hidden; } #article_detail_zoom #boxFallback .edge {position: absolute; z-index: 1000; margin: 0 !important;} #article_detail_zoom #boxFallback .edge.ur {bottom: -1px; right: -1px;} #article_detail_zoom #boxFallback .edge.ul {bottom: -1px; left: -2px;} #article_detail_zoom #boxFallback .edge.or {top: -1px; right: -1px;} #article_detail_zoom #boxFallback .edge.ol {top: -1px; left: -2px;} #article_detail_sec_row { background-color:#fff; padding:15px 0 15px 25px; color:#000; clear: both; border-bottom:2px solid #7BB3D7; } #article_detail_sec_row p { margin: 15px 0 15px 0; } #article_detail_sec_row ul li { float:left; width:230px; line-height:23px; margin-bottom:10px; } #article_detail_sec_row ul li img { float:left; } #article_detail_sec_row ul li span { margin-left:6px; } #article_detail_sec_row ul li span a { color:#21578a; } #article_detail_sec_row div.single_column {} #article_detail_sec_row div.first_column { margin: 0 230px 0 0; zoom: 1; } #article_detail_sec_row div.second_column { float: right; width: 230px; } #article_detail_sec_row div.second_column div.bigger ul li { line-height:35px; margin-left:6px; } #article_detail_sec_row div.second_column div.bigger ul li span { margin-left:16px; } #article_detail_sec_row div.second_column div.bigger ul li:first-child { line-height:51px; margin-left:0; } #article_detail_sec_row div.second_column div.bigger ul li:first-child span { margin-left:6px;} /* /Artikel-Details, Info-Listen */ /* Abschnitt Artikel-Bewertung */ #article_detail_third_row { background-color:#fff; border-bottom:2px solid #7bb3d7; padding: 1px 10px 10px; } #article_detail_third_row > div.h3 { padding: 27px 10px 7px; background: url(../images/articles/subheader_bg.png) no-repeat 0 bottom; font-weight: normal; } #article_detail_third_row > div.h3 img { vertical-align: bottom; } #article_detail_third_row > div.h3 small { font-size: 11px; } #article_detail_third_row > div.h3 small .stars { display: inline-block; float: none; } #article_detail_third_row > div.h3 select { margin: 0; } #article_detail_third_row > div.h3 select, #article_detail_third_row > div.h3 option { font-size: 11px; } #article_detail_third_row ul.test_report { margin:10px 0 10px 10px; } #article_detail_third_row ul.test_report img { margin-right:20px; } #article_detail_third_row ul.test_report div.h2 { font-size: 14px; font-weight: bold; color: #000; margin-bottom:10px; } #article_detail_third_row ul.test_report p { color: #000; } #article_detail_third_row ul.test_report li { padding: 5px 0; zoom: 1; } #article_aside { background: #fff; } #article_aside ul.toc li { float: left; } #article_aside ul.toc li a { display: block; background: url(../images/button/arrow_down.gif) no-repeat 0 center; padding: 15px 0 15px 15px; margin: 0 0 0 10px; } #article_aside div.block { padding: 0 0 20px; } #article_aside h4 { margin: 0 0 10px 0; } #article_aside div.service { height: 50px; background: url(../images/footer/service.png) no-repeat 0 0; } #article_aside div.service ul { padding: 15px 0 0 45px; } #article_aside div.service li { float: left; } #article_aside div.service li a { display: block; width: 164px; height: 22px; overflow: hidden; } #article_aside div.test_report ul { margin: 0 10px; } #article_aside div.test_report img { margin-right:20px; } #article_aside div.test_report div.h2 { font-size: 14px; font-weight: bold; color: #000; margin-bottom:10px; } #article_aside div.test_report p { color: #000; } #article_aside div.test_report li { padding: 5px 0; zoom: 1; } #article_aside div.article_infos { overflow: auto; } #article_aside div.article_infos table { width: 500px; margin: 0 0 20px 0; } #article_aside div.article_infos th, #article_aside div.article_infos td { width: 110px; color: #000; padding: 0 10px; } #article_aside div.article_infos th { font-weight: bold; } #article_aside div.article_infos caption { font-weight: bold; padding: 0 10px; margin: 0 0 20px 0; } #article_aside div.article_infos .product { float: right; height: 200px; width: 158px; margin: 0 40px 0 0; } #article_aside div.article_infos .product img { height: 108px; width: 158px; border: 1px solid #e3f0f8; } #article_aside div.article_infos .product dt { padding: 5px 0 0; text-align: center; } #article_aside div.article_infos .product dd { color: #000000; font-size: 12px; margin: 5px 0 0; text-align: center; } #article_aside div.article_infos .product dd strong { font-size: 14px; font-weight: bold; } #article_aside .articles div.border { height: 200px; } #article_aside .articles ul.navi { float: right; height: 100%; width: 150px; } #article_aside .articles ul.navi a { background: #f9edd7; display: block; text-decoration: none; font-size: 11px; margin: 2px 0 0; padding: 3px 10px 3px 5px; text-align: right; } #article_aside .articles ul.navi li:first-child a { margin: 0; } #article_aside .articles ul.navi a:hover { text-decoration: underline; } #article_aside .articles ul.navi li.active a { background: #fff; font-weight: bold; } /* article details: image and vertical centered text in tables */ table.imgTextTable {border: none; margin-bottom: 10px;} table.imgTextTable td {vertical-align: middle !important; padding-right: 5px;} /* Artikel-Details Fuss (mit Top- und Print-Link) */ #article_detail_page #article_ov_bottom { background: #fff; padding: 0; } .basket_handle_customisation .price em {color: #DB1D1D;} .article_customisation {margin-top: 20px;} .customField {display: block; clear: right; margin: 13px 0 0 0;} .customField label {display: block !important;margin: 0 !important; padding: 0;} .customField input {border:1px solid #799abc; margin: 0 !important;} .customField input.s {width: 70px !important;} .customField input.m {width: 115px !important;} .customField span {display: inline-block; width: 35px; margin-left: 10px;} .customField a.infoButton {display: inline-block; margin-left: 5px; text-indent: -99999px; width: 15px; padding: 0;} .customField .errorDisplay {float: right; width: 160px; font-weight: bold; color: #DB1D1D; display: none;} #content .kesHeader {position: relative; background: #fff;} #content .kesHeaderFull, #content .kesHeaderLeft {background: no-repeat top left; padding: 30px 20px 20px; height: 122px; } #content .kesHeaderLeft {width: 454px;} #content .kesHeaderRight {width: 241px; float: right; height: 172px; cursor:pointer;} #content .kesHeader h1 {font-size: 30px; font-weight: normal; color: #21578a; margin-bottom: 10px;} #content .kesHeader p {font-size: 14px; line-height: 130%;} #content .kesHeaderRight ul {position: absolute; top: 42px; left: 505px;} #content .kesHeaderRight li {background: url('../images/articles/kes/kesbullet.png') no-repeat top left; padding: 2px 0 2px 25px; font-size: 14px; font-weight: bold;} #content .kesHeaderRight small {position: absolute; top: 144px; left: 505px;font-size:10px; line-height:12px;}