/* ---------------------------------------------------------- | Logic-Base (.lb_) | | Standardshop - CSS-Style | -------------------------- | Version: 2.3 | | Erstellung: 16-03-2010 | -------------------------- | | /* ---------------------------------------------------------- */ /* Globale Definition - gilt für alle Seiten */ /* ---------------------------------------------------------- */ body {font-family: Arial; margin: 0px; padding: 0px; font-size: 12px; color: #000; background: url(icons/bg.jpg) repeat center 0px;} a, a:visited {color: #389ECA; text-decoration: none; outline: none;} a:active, a:hover {text-decoration: none; color: #000; outline: none;} p {margin: 0px 0px 20px 0px; padding: 0px;} img {border: 0px;} .lb_left {float: left;} .lb_right {float: right;} .lb_space {padding: 5px;} .lb_space2 {padding: 10px;} .lb_hline {background-image: url(icons/hline.gif); background-repeat:repeat-x; height: 15px;} /* IE6 - IE8 Hack bzgl. Aufhebung der float-Elemente */ * html .lb_overflow {height:1%} /* Optimierung IE6 */ .lb_overflow:after { content:"."; clear:both; display:block; height:0; visibility:hidden} .lb_overflow { display: inline-block; } /* Verstecke vor IE-mac \*/ * html .lb_overflow {height: 1%;} /* Optimierung IE6 */ .lb_overflow {display: block;} /* Ende Verstecke vor IE-mac */ .lb_clear {clear:both; display:block; height:0; visibility:hidden} /* ---------------------------------------------------------- */ /* Globale Textformatierungen */ /* ---------------------------------------------------------- */ .lb_text_9 {font-size: 9px;} .lb_text_10 {font-size: 10px;} .lb_text_11 {font-size: 11px;} .lb_black {color: #000; font-weight: bold;} .lb_red {color: #ff0000;} .lb_orange {color: #ff6600;} .lb_green {color: #008000;} .lb_grey {color: #999;} .lb_blue {color: #389ECA;} .lb_copy {font-size: 11px; color: #666; text-align: center;} .lb_copy2 {font-size: 11px; color: #666; float: right;} /* Verfügbarkeit */ .lb_av_red {color: #ff0000; cursor: help; background: url(icons/stock.jpg) no-repeat 0px -60px; height: 23px; font-size: 18px; padding: 7px 0px 0px 40px; width: 130px;} .lb_av_orange {color: #ff9900; cursor: help; background: url(icons/stock.jpg) no-repeat 0px -30px; height: 23px; font-size: 18px; padding: 7px 0px 0px 40px; width: 130px;} .lb_av_green {color: #7BB007; cursor: help; background: url(icons/stock.jpg) no-repeat 0px 0px; height: 23px; font-size: 18px; padding: 7px 0px 0px 40px; width: 130px;} /* Preis */ .lb_discount {color: red; font-weight: bold; font-size: 11px;} .lb_price {color: #CC0000; font-size: 30px;} .lb_priceHappyHour {color: #CC0000; font-size: 30px;} .lb_priceDetail {color: #CC0000; font-weight: bold; font-size: 50px;} .lb_priceholder {height: 55px;} /* nur für Rabatt, durchgestrichenen Preis & normaler Preis */ .lb_totalprice {font-weight: bold; color: #389ECA; font-size: 20px;} .lb_priceDiscount {color: #000; font-weight: bold; font-size: 16px; text-decoration: line-through;} .lb_priceUVP {color: #666; text-decoration: line-through;} .lb_priceDiscount2 {color: #000; font-weight: bold; text-decoration: line-through;} .lb_price2 {color: #000; font-weight: bold;} /* ---------------------------------------------------------- */ /* Globale Überschriften */ /* ---------------------------------------------------------- */ h1 {font-size: 24px; color: #333; padding: 10px 0px 0px 10px; margin: 0px; background: url(icons/h1_bg.gif) repeat-x 0px 0px; height: 28px; border: 1px solid #DADADA; } *+html h1 {font-size: 24px; color: #333; text-transform: uppercase; padding: 8px 0px 0px 10px; margin: 0px; background: url(icons/h1_bg.gif) repeat-x 0px 0px; height: 30px; border: 1px solid #DADADA;} h2 {font-size: 24px; color: #333; padding: 0px; margin: 0px 0px 5px 0px;} h3 {font-size: 18px; color: #666; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #DADADA;} h5 {font-size: 24px; color: #333; padding: 10px 0px 0px 10px; margin: 0px; background: url(icons/h1_bg.gif) repeat-x 0px 0px; height: 28px; border: 1px solid #DADADA; } *+html h5 {font-size: 24px; color: #333; text-transform: uppercase; padding: 8px 0px 0px 10px; margin: 0px; background: url(icons/h1_bg.gif) repeat-x 0px 0px; height: 30px; border: 1px solid #DADADA;} /* ---------------------------------------------------------- */ /* Globale Tabellenformatierung */ /* ---------------------------------------------------------- */ .lb_table_header {font-weight: bold; line-height: 30px; height: 30px; font-size: 16px; background-color: #f0f0f0; padding: 2px; color: #666;} .lb_kol24_head {font-weight: bold; font-size: 16px; background-color: #f0f0f0; color: #333;} .lb_table {width: 100%;} .lb_td {width: 25%;} /* Tabellenzelle mit fester Breite */ .lb_table td {vertical-align: top; padding: 2px 0px 2px 0px;} /* Tabelle mit Linien und Mouse-Over */ .lb_table_animation {width: 100%;} .lb_table_animation td {vertical-align: top; padding: 2px; border-top: solid 1px #DADADA;} .lb_table_animation tr:active, .lb_table_animation tr:hover {background-color: #f0f0f0; color: #000;} /* Tabelle mit Div-Aufbau */ .lb_row { margin-bottom: 10px;} .lb_col {float: left; width: 200px;} /* ---------------------------------------------------------- */ /* Globale Bildgrößen */ /* ---------------------------------------------------------- */ .lb_detailimagebig_cut { height: 338px; overflow: hidden; border: solid 1px #DADADA;} .lb_detailimagebig {width: 338px;} .lb_detailimage_cut { height: 190px; overflow: hidden; margin-bottom: 10px;} .lb_detailimage {width: 190px;} /* ---------------------------------------------------------- */ /* Startseite Layoutgerüst */ /* ---------------------------------------------------------- */ .lb_allcontent {width:980px; margin: 10px auto auto auto; padding: 0px;} .lb_mainleft {float: left; width:230px; overflow: hidden;} .lb_main {float: right; width: 730px; overflow: hidden;} .lb_main980 {float: left; width: 980px; overflow: hidden;} .lb_main730 {float: left; width:730px; overflow: hidden;} .lb_mainright {float: right; width:230px; overflow: hidden;} .lb_main2 {width: 730px;} /* Optimierung für Extraseiten */ .lb_footer {float: left; width: 980px; } /* ---------------------------------------------------------- */ /* Boxen - Templates (Linke & Rechte Spalte) */ /* ---------------------------------------------------------- */ .lb_satellite {width: 230px; margin-bottom: 20px;} .lb_satellitecontent {padding: 10px; border: 1px solid #dadada;} .lb_greybox {padding: 10px; border: 1px solid #dadada; min-height: 68px;} .lb_greybox img { width: 70px; height: 70px; float: left; margin-right: 10px;} .lb_greybox a { font-size: 11px; text-transform: uppercase;} /* ---------------------------------------------------------- */ /* Boxen - Templates (Hauptinhalt) */ /* ---------------------------------------------------------- */ .lb_satellitemain {margin-bottom: 20px;} .lb_satellitemain ul {margin: 15px 0px 15px 20px; padding: 0px;} .lb_satellitemain ul li {list-style-type: square;} .lb_satellitemain ol li {list-style-type: numeric;} .lb_satellitemaincontent { padding: 20px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;} .lb_satellitemaincontent2 {padding: 20px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background: url(icons/footer_bg.jpg) repeat-x 0px bottom;} /* ---------------------------------------------------------- */ /* Boxen - ErrorMessage (Hauptinhalt) */ /* ---------------------------------------------------------- */ .lb_error { border: 5px solid #ff0000; margin-bottom: 20px; padding: 10px;} .lb_error_content ul {margin: 0px; padding: 0px; list-style-type: none;} .lb_error_img {background-image: url(icons/icon-error.gif); background-repeat: no-repeat; background-position: right top; width: 50px; height: 50px; float: right;} .lb_red li {list-style-type: none; margin-bottom: 5px; background-image: url(icons/icon-errorsmall.gif); background-repeat: no-repeat; background-position: left 3px; padding: 1px 0px 0px 20px;} .lb_red a, .lb_red a:visited {color: #ff0000; text-decoration: none; outline: none;} .lb_red a:active, .lb_red a:hover {text-decoration: none; color: #000; outline: none;} .lb_green li {list-style-type: none; margin-bottom: 5px; background-image: url(icons/icon-ok.gif); background-repeat: no-repeat; background-position: left 3px; padding: 1px 0px 0px 20px;} .lb_green a, .lb_green a:visited {color: #008000; text-decoration: none; outline: none;} .lb_green a:active, .lb_green a:hover {text-decoration: none; color: #000; outline: none;} /* ---------------------------------------------------------- */ /* Header */ /* ---------------------------------------------------------- */ .lb_logo {float: left; width: 430px; height: 110px;} .lb_login {float: left; width: 270px; margin-top: 20px; font-size: 11px;} .lb_ordervalue {float: right; width: 260px; height: 110px; background: url(icons/order_bg.jpg) no-repeat 0px 0px;} .lb_search {float: left; width: 731px; height: 37px; border: 1px solid #DADADA; padding: 6px 0px 0px 247px; margin: 0px 0px 10px 0px; background: url(icons/search_bg.jpg) repeat-x 0px 0px;} .lb_extsearch {float: left; margin: 8px 0px 0px 10px; font-size: 14px; font-weight: bold;} .lb_languages img {margin: 0px 5px 5px 0px;} .lb_cartleft {float: left; width: 55px; padding: 40px 0px 0px 55px; font-size: 35px; font-weight: bold; color: #389ECA;} .lb_cartright {float: left; margin-top: 20px; width: 150px;} .lb_cartright span { font-size: 24px; font-weight: bold;} .lb_cartitems {font-weight: bold; color: #389ECA; font-size: 15px;} /* Menüerweiterung */ .lb_headmenu {float: left; width: 980px; border-bottom: 5px solid #02679C; margin-bottom: 10px;} .lb_topmenu a, .lb_topmenu a:visited { float: left; width: 96px; padding: 10px 1px 0px 1px; text-align: center; color: #333333; height: 41px; display: block; background: url(icons/menu_bg.jpg) no-repeat 0px 0px;} .lb_topmenu a:active, .lb_topmenu a:hover { float: left; width: 96px; padding: 10px 1px 0px 1px; text-align: center; color: #ffffff; height: 41px; display: block; background: url(icons/menu_bg.jpg) no-repeat 0px -51px;} .lb_topmenu_on a {float: left; width: 96px; padding: 10px 1px 0px 1px; text-align: center; color: #fff; height: 41px; display: block; background: url(icons/menu_bg.jpg) no-repeat 0px -51px;} .lb_Menue_Main { background-color: #fff; border-left: 5px solid #02679C; border-right: 5px solid #02679C; border-bottom: 5px solid #02679C; font-family: Arial; width:960px; padding: 0px 0px 10px 10px; margin-left: -6px; margin-top: 21px;} .lb_Menue_LEVEL1 {float: left; width: 190px; white-space: nowrap; font-family: Arial; padding-top: 10px;} .lb_Menue_LEVEL1 a, .lb_Menue_LEVEL1 a:visited { color: #333; text-decoration: none; font-size: 12px; font-family: Arial;} .lb_Menue_LEVEL1 a:active, .lb_Menue_LEVEL1 a:hover {color: #389ECA;} .lb_Menue_LEVEL2 {padding: 0px 0px 10px 0px; white-space: nowrap; font-family: Arial;} .lb_Menue_LEVEL2 a, .lb_Menue_LEVEL2 a:visited {color: #666; text-decoration: none; font-size: 11px; white-space: nowrap; display: block; height: 20px; line-height: 20px; padding: 0px 5px 0px 10px; font-family: Arial; background: url(icons/arrow2.gif) no-repeat 0px 5px;} .lb_Menue_LEVEL2 a:active, .lb_Menue_LEVEL2 a:hover { color: #389ECA; text-decoration: none; font-size: 11px; white-space: nowrap;} /* ---------------------------------------------------------- */ /* Startseite*/ /* ---------------------------------------------------------- */ /* Kategoriebilder*/ .lb_imageitem {float: left; width: 208px; height: 165px; padding: 20px 0px 0px 20px; margin: 0px 20px 20px 0px; background: url(icons/cat_img_bg.jpg) repeat-x 0px 0px; border: 1px solid #DADADA; } .lb_imageitem2 {float: right; width: 208px; height: 165px; padding: 20px 0px 0px 20px; margin: 0px 0px 20px 0px; background: url(icons/cat_img_bg.jpg) repeat-x 0px 0px; border: 1px solid #DADADA;} .lb_imageitem_cut {height: 110px; overflow: hidden;} .lb_imageitem_img {width: 190px;} /* anythingSlider v1.2*/ #page-wrap { height: 350px; width: 730px; padding: 0px; float: right;} .anythingSlider { width: 730px; position: relative; padding: 0px; } .anythingSlider .wrapper { width: 730px; overflow: auto; height: 350px; margin: 0px; padding: 0px; position: absolute; top: 0; left: 0px; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0px; padding: 0px; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 350px; width: 730px; margin: 0;} .anythingSlider .arrow { display: block; height: 60px; width: 30px; background: url(anyslider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 135px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: 0px; } .anythingSlider .forward:hover { background-position: 0 -60px; } .anythingSlider .back { background-position: -30px 0; left: 0px; } .anythingSlider .back:hover { background-position: -30px -60px; } /* #thumbNav { position: relative; top: 320px; text-align: center; font-weight: bold; } #thumbNav a { background: #fff; color: #333; font: 11px; display: inline-block; padding: 2px 8px; height: 16px; margin: 0 5px 0 0; text-align: center; border: solid 1px #666; } #thumbNav a:hover { background: url(anyslider/thumbnav2_bg.gif) repeat 0 0; color: #fff; } #thumbNav a.cur { background: url(anyslider/thumbnav2_bg.gif) repeat 0 0; color: #fff; } #start-stop { background: green; color: white; font-weight: bold; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 320px; border: solid 1px #666; } #start-stop.playing { background: url(anyslider/thumbnav_bg.gif) repeat 0 0; } #start-stop:hover { } */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* Marquee-Zeile im Footer*/ .lb_producer {border: solid 1px #DADADA; background: url(icons/producer_bg.jpg) repeat-x 0px 0px; width: 978px; height: 98px;} .list_carousel {margin: 0px; width: 918px; float: left;} .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block;} .list_carousel li {padding: 0px;margin: 25px 10px 0px 10px; display: block; float: left; width: 200px; height: 52px;} .clearfix {float: none;clear: both;} #prev {float: left; width: 30px; height: 60px; margin-top: 20px; display: block; background: url(anyslider/arrows.png) no-repeat -30px 0;} #prev:active, #prev:hover {background: url(anyslider/arrows.png) no-repeat -30px -60px;} #next {float: right; width: 30px; height: 60px; margin-top: 20px; display: block; background: url(anyslider/arrows.png) no-repeat 0 0;} #next:active, #next:hover { background: url(anyslider/arrows.png) no-repeat 0px -60px;} /* ---------------------------------------------------------- */ /* Accordion Startseite - Topseller, Topangebote... */ /* ---------------------------------------------------------- */ .lb_StartPanelTab {background: url(icons/startpanel.jpg) no-repeat 0px -60px; height: 50px; width: 970px; margin: 0px; padding: 10px 0px 0px 10px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;} .lb_StartPanelTab:active, .lb_StartPanelTab:hover {background: url(icons/startpanel.jpg) no-repeat 0px 0px;} .lb_StartPanelTab h1 {font-size: 24px; color: #333; padding: 0px; margin: 0px; background: none; height: 50px; border: 0px;} .lb_StartPanelTab h5 {font-size: 24px; color: #333; padding: 0px; margin: 0px; background: none; height: 50px; border: 0px;} /* ---------------------------------------------------------- */ /* SML-Filterung (linke Spalte) */ /* ---------------------------------------------------------- */ .lb_smlfilter {line-height: 20px;} .lb_smlfilter select {width: 170px; color: #389ECA; height: 20px; border: solid 1px #DADADA;} .lb_slider { width: 154px;} /* ---------------------------------------------------------- */ /* SML-Filterung (Main) */ /* ---------------------------------------------------------- */ .lb_slidermain { width: 140px;} .lb_slidermain select {width: 158px; color: #389ECA; height: 20px; border: solid 1px #DADADA;} .lb_col4_sml {float: left; width: 158px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #DADADA; height: 30px; padding: 10px; } .lb_col4_sml2 {float: left; width: 158px; margin-bottom: 10px; border: solid 1px #DADADA; height: 30px; padding: 10px;} .lb_col4_sml select, .lb_col4_sml2 select {width: 158px; color: #389ECA; height: 20px; border: solid 1px #DADADA;} .lb_col4_smlselected {float: left; width: 158px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #f60; height: 30px; padding: 10px; } .lb_col4_sml2selected {float: left; width: 158px; margin-bottom: 10px; border: solid 1px #f60; height: 30px; padding: 10px;} .lb_col4_smlselected select, .lb_col4_sml2selected select {width: 158px; color: #389ECA; height: 20px; border: solid 1px #DADADA;} /* ---------------------------------------------------------- */ /* Listendarstellung mit diversen Ansichten */ /* ---------------------------------------------------------- */ .lb_filter_bg {padding: 10px 0px 10px 0px;} .lb_list_filter {margin-right: 10px; float: right;} .lb_list_compare {float: left; width: 150px; margin-top: 10px; } .lb_compare_box {float: right; width: 13px; } .lb_bt_compare a, .lb_bt_compare a:visited {background: url(icons/button_bg.png) no-repeat 0px 0px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding-top: 5px; color: #fff; display: block; text-decoration: none; text-align: center;} .lb_bt_compare a:active, .lb_bt_compare a:hover {background: url(icons/button_bg.png) no-repeat 0px -25px;} /* (3-Artikel) Hintergrund für Topseller, Topangebote, Neu im Sortiment */ .lb_col3_item {float: left; width: 188px; height: 300px; margin: 0px 20px 20px 0px; border: solid 1px #DADADA; padding: 20px; background: url(icons/item_bg.jpg) repeat-x 0px bottom;} .lb_col3_item:hover {border: solid 1px #389ECA;} .lb_col3_item2 {float: right; width: 188px; height: 300px; margin: 0px 0px 20px 0px; border: solid 1px #DADADA; padding: 20px; background: url(icons/item_bg.jpg) repeat-x 0px bottom;} .lb_col3_item2:hover {border: solid 1px #389ECA;} .lb_col3_item_compare {float: left; width: 188px; height: 300px; margin: 0px 20px 20px 0px; border: solid 1px #389ECA; padding: 20px; background: url(icons/item_bg2.jpg) repeat-x 0px bottom;} .lb_col3_item2_compare {float: right; width: 188px; height: 300px; margin: 0px 0px 20px 0px; border: solid 1px #389ECA; padding: 20px; background: url(icons/item_bg2.jpg) repeat-x 0px bottom;} .lb_col3_title {float: left; height: 45px; overflow: hidden; margin-bottom: 10px; width: 175px;} /* (4-Artikel) Hintergrund für Topseller, Topangebote, Neu im Sortiment */ .lb_col4_item {float: left; width: 188px; height: 300px; margin: 0px 20px 20px 0px; border: solid 1px #DADADA; padding: 20px;} .lb_col4_item2 {float: right; width: 188px; height: 300px; margin: 0px 0px 20px 0px; border: solid 1px #DADADA; padding: 20px;} .lb_col4_title {height: 45px; overflow: hidden; margin-bottom: 10px;} /* Wunschzettel */ .lb_wish_item {float: left; width: 188px; height: 320px; margin: 0px 20px 20px 0px; border: solid 1px #DADADA; padding: 20px;} .lb_wish_item2 {float: right; width: 188px; height: 320px; margin: 0px 0px 20px 0px; border: solid 1px #DADADA; padding: 20px;} /* ---------------------------------------------------------- */ /* Detailansicht */ /* ---------------------------------------------------------- */ .lb_detail_left {float: left; width: 340px;} .lb_detail_right {float: right; width: 328px;} .lb_detail_right h1 {padding: 0px 0px 20px 0px; background: none; border: 0px; height: auto;} .lb_producerbox { border: solid 1px #DADADA; margin-bottom: 20px; padding: 5px 0px 5px 0px; text-align: center;} .lb_producerbox img { height: 52px;} .lb_thumb { float: left; margin-right: 20px; margin-top: 20px; width: 98px; height: 98px; border: solid 1px #DADADA;} .lb_thumb:active, .lb_thumb:hover { border: solid 1px #389ECA;} .lb_thumb2 { float: left; margin-top: 20px; width: 98px; height: 98px; border: solid 1px #DADADA;} .lb_thumb2:active, .lb_thumb2:hover {border: solid 1px #389ECA;} /* Für Artikelvergleich */ .lb_thumb3 { width: 98px; height: 98px; border: solid 1px #DADADA; overflow: hidden;cursor: pointer;} .lb_thumb3:active, .lb_thumb:hover { border: solid 1px #389ECA;} .lb_thumb_cut { width: 98px; height: 98px; overflow: hidden;cursor: pointer;} .lb_thumb_img { width: 98px;} /* Fragenkatalog */ .lb_question {color: #666; font-weight: bold; font-style: italic; Padding: 0px 0px 10px 15px; margin-top: 10px; background-image: url(icons/arrow.gif); background-repeat: no-repeat; background-position: left 3px;} .lb_questionAnswer {Padding: 0px 0px 10px 30px; background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: 18px 0px;} /* Artikel weiterempfehlen */ .lb_recommend {background-image: url(icons/weiterempfehlen.jpg); background-repeat: no-repeat; height: 500px; padding: 120px 10px 10px 10px;} /* ---------------------------------------------------------- */ /* Grafik im Reitersystem (Ajax-Loader) /* ---------------------------------------------------------- */ .lb_wait {background-image: url(icons/wait.gif); width:100%; height:100px; background-repeat:no-repeat; background-position:center;} /* ---------------------------------------------------------- */ /* Warenkorb */ /* ---------------------------------------------------------- */ .lb_table_cart {border-left: 1px solid #DADADA; border-top: 1px solid #DADADA; width: 100%;} .lb_table_cart td {border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA;} .lb_tablefooter {border-left: 1px solid #DADADA; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; width: 100%; background-color: #f0f0f0;} .lb_tablefooter td {border-bottom: 1px solid #DADADA; border-right: 1px solid #DADADA;} .lb_cartimage_cut { height: 89px; overflow: hidden; float: left; margin-right: 10px;} .lb_cartimage {width: 89px;} /* Anpassung für Pflichtzubehör im Warenkorb */ .lb_cartbg_border {border-top: solid 2px #389ECA; border-bottom: solid 2px #389ECA; } /* ---------------------------------------------------------- */ /* Bestellvorgang */ /* ---------------------------------------------------------- */ .lb_forwarder { border: 1px solid #DADADA; margin-top: 10px; padding: 10px;} .lb_forwarder_on {border: 1px solid #389ECA; margin-top: 10px; padding: 10px; background-image: url(icons/icon_ok.gif); background-repeat: no-repeat; background-position: 690px center;} .lb_step {float: left; text-transform: uppercase; font-size: 20px; color: #333; width: 196px; text-indent: 25px; height: 50px; padding-top: 11px; background: url(icons/step_bg.jpg) no-repeat -392px top;} .lb_step_on {float: left; text-transform: uppercase; font-size: 20px; color: #fff; width: 196px; text-indent: 25px; height: 50px; padding-top: 11px; background: url(icons/step_bg.jpg) no-repeat -196px top;} .lb_step_closed {float: left; text-transform: uppercase; font-size: 20px; color: #fff; width: 196px; text-indent: 25px; height: 50px; padding-top: 11px; background: url(icons/step_bg.jpg) no-repeat 0px top; cursor: pointer;} .lb_login_bg {float: left; width: 100px; height: 100px; background: url(icons/login_bg.jpg) no-repeat 0px 0px; margin-right: 10px;} .lb_login_bg2 {float: left; width: 100px; height: 100px; background: url(icons/login_bg.jpg) no-repeat 0px -100px; margin-right: 10px;} .lb_loginbox {float: left; width: 325px;} /* ---------------------------------------------------------- */ /* Mein Konto & Bestellung */ /* ---------------------------------------------------------- */ .lb_mya_bg {width: 333px; overflow: hidden; margin-top: 10px; padding-bottom: 10px; float: left; border-bottom: 1px solid #DADADA; } .lb_mya_bg2 {width: 333px; overflow: hidden; margin-top: 10px; padding-bottom: 10px; float: right; border-bottom: 1px solid #DADADA;} .lb_mya_img {height: 100px; width: 100px; float: left; margin-right: 10px; overflow: hidden;} .lb_mya_left {float: left; width: 222px;} .lb_mya_desc {height: 38px; overflow: hidden; font-size: 11px; } /* ---------------------------------------------------------- */ /* Information /* ---------------------------------------------------------- */ /* Sitemap auf 5 Ebenen */ .lb_sitemap {margin-top: 5px;} .lb_sitemap a {font-size:12px; line-height: 17px; font-weight: bold; background-image: url(icons/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px;} .lb_sitemap2 {padding-left: 10px; padding-top: 4px;} .lb_sitemap2 a {color: #666666; background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px;} .lb_sitemap3 {padding-left: 20px; padding-top: 4px;} .lb_sitemap3 a {background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px;} .lb_sitemap4 {padding-left: 30px; padding-top: 4px;} .lb_sitemap4 a {background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px;} .lb_sitemap5 {padding-left: 40px; padding-top: 4px;} .lb_sitemap5 a {background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px;} /* FAQ */ .lb_faqCategory {cursor:pointer; font-size:12px; font-weight: bolder;} .lb_faqCategory:hover {color: #389ECA;} .lb_faqQuestion {color: #666; font-weight: bold; font-style: italic; cursor:pointer; Padding: 0px 0px 10px 15px; margin-top: 10px; background-image: url(icons/arrow.gif); background-repeat: no-repeat; background-position: left 3px;} .lb_faqQuestion:hover {color: #389ECA;} .lb_faqAnswer {Padding: 0px 0px 10px 30px; display:none; background-image: url(icons/arrow2.gif); background-repeat: no-repeat; background-position: 18px 0px;} /* ---------------------------------------------------------- */ /* Fusszeile */ /* ---------------------------------------------------------- */ .lb_ft_head {float: left; width: 570px;} .lb_footer_bg {background: url(icons/footer_bg.jpg) repeat-x 0px bottom; border: 1px solid #DADADA; padding: 20px; margin-bottom: 20px; } .lb_footer_box {float: left; width: 170px;} .lb_footer_box2 {float: left; width: 320px; margin-left: 60px; margin-top: 10px; display: inline;} .lb_bt_ft a, .lb_bt_ft a:visited {background: url(icons/button_bg.png) no-repeat 0px -50px; margin-top: 5px; width: 150px; height: 20px; padding-top: 5px; color: #666; display: block; text-decoration: none; text-indent: 20px;} .lb_bt_ft a:active, .lb_bt_ft a:hover {color: #389ECA;} /* ---------------------------------------------------------- */ /* Allgemeine Messagebox (globale Verwendung) */ /* ---------------------------------------------------------- */ .lb_messagebox {text-align: center; color: #389ECA; font-weight: bold; padding: 20px 0px 20px 0px;} /* ---------------------------------------------------------- */ /* Allgemeien Buttons (globale Verwendung) */ /* ---------------------------------------------------------- */ .lb_bt a, .lb_bt a:visited {background: url(icons/button_bg.png) no-repeat 0px -355px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #fff; display: block; text-decoration: none; } .lb_bt a:active, .lb_bt a:hover {background: url(icons/button_bg.png) no-repeat 0px -380px;} .lb_bt2 a, .lb_bt2 a:visited {background: url(icons/button_bg.png) no-repeat 0px -405px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt2 a:active, .lb_bt2 a:hover {background: url(icons/button_bg.png) no-repeat 0px -430px;} .lb_bt_back a, .lb_bt_back a:visited {background: url(icons/button_bg.png) no-repeat 0px -455px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_back a:active, .lb_bt_back a:hover {background: url(icons/button_bg.png) no-repeat 0px -480px;} .lb_bt_order a, .lb_bt_order a:visited {background: url(icons/button_bg.png) no-repeat 0px 0px; margin-top: 5px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding-top: 5px; color: #fff; display: block; text-decoration: none; text-align: center;} .lb_bt_order a:active, .lb_bt_order a:hover {background: url(icons/button_bg.png) no-repeat 0px -25px;} /* Button mit Pfeil */ .lb_bt_arrow a, .lb_bt_arrow a:visited { background-image: url(icons/arrow.gif); font-weight: bold; background-repeat: no-repeat; background-position: left 9px; text-align: left; padding-top: 5px; color: #000; text-decoration: none; padding-left: 10px;} .lb_bt_arrow a:active, .lb_bt_arrow a:hover { color: #389ECA; text-decoration: none;} /* Warenkorb-Button */ .lb_bt_cart a, .lb_bt_cart a:visited {margin-bottom: 20px; background: url(icons/button_bg.png) no-repeat 0px -275px; font-size: 18px; text-transform: uppercase; width: 150px; height: 28px; padding: 12px 0px 0px 50px; color: #fff; display: block; text-decoration: none; } .lb_bt_cart a:active, .lb_bt_cart a:hover {background: url(icons/button_bg.png) no-repeat 0px -315px;} /* Drucken-Button */ .lb_bt_print a, .lb_bt_print a:visited {background: url(icons/button_bg.png) no-repeat 0px -125px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_print a:active, .lb_bt_print a:hover {background: url(icons/button_bg.png) no-repeat 0px -150px;} /* Weiterempfehlen-Button */ .lb_bt_mail a, .lb_bt_mail a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -175px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_mail a:active, .lb_bt_mail a:hover {background: url(icons/button_bg.png) no-repeat 0px -200px;} /* Wunschzettel-Button */ .lb_bt_wish a, .lb_bt_wish a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -225px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_wish a:active, .lb_bt_wish a:hover {background: url(icons/button_bg.png) no-repeat 0px -250px;} /* Download-Button */ .lb_bt_downloads a, .lb_bt_downloads a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -505px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_downloads a:active, .lb_bt_downloads a:hover {background: url(icons/button_bg.png) no-repeat 0px -530px;} /* Artikelbewertungs-Button */ .lb_bt_rate a, .lb_bt_rate a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -75px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_rate a:active, .lb_bt_rate a:hover {background: url(icons/button_bg.png) no-repeat 0px -100px;} .lb_bt_Comp a, .lb_bt_Comp a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -555px; font-size: 18px; text-transform: uppercase; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_Comp a:active, .lb_bt_Comp a:hover {background: url(icons/button_bg.png) no-repeat 0px -580px;} /* Günstigerer-Preis-Button */ .lb_bt_lowerPrice a, .lb_bt_lowerPrice a:visited {margin-top: 5px; background: url(icons/button_bg.png) no-repeat 0px -605px; font-size: 18px; text-transform: uppercase; width: 150px; height: 20px; padding: 5px 0px 0px 50px; color: #333; display: block; text-decoration: none; } .lb_bt_lowerPrice a:active, .lb_bt_lowerPrice a:hover {background: url(icons/button_bg.png) no-repeat 0px -630px;} /* ---------------------------------------------------------- */ /* Hauptmenü für 5 Ebenen */ /* ---------------------------------------------------------- */ .lb_categories {list-style-type: none; padding: 0; margin: 0;} /* Ebene 1 */ .lb_categorie1, .lb_categorie1:visited { font-weight: bold; color: #333; line-height: 30px; text-indent: 10px; background: url(icons/cat_bg.jpg) no-repeat 0px 0px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie1:active, .lb_categorie1:hover {color: #fff; background: url(icons/cat_bg.jpg) no-repeat 0px -31px;} .lb_categorie1active, .lb_categorie1active:visited {font-weight: bold; color: #fff; line-height: 30px; text-indent: 10px; background: url(icons/cat_bg.jpg) no-repeat 0px -31px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie1active:active, .lb_categorie1active:hover {color: #fff;} /* Ebene 2 */ .lb_categorie2, .lb_categorie2:visited { font-weight: bold; color: #333; line-height: 30px; text-indent: 25px; background: url(icons/cat_bg.jpg) no-repeat 0px -62px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie2:active, .lb_categorie2:hover {color: #fff; background: url(icons/cat_bg.jpg) no-repeat 0px -93px;} .lb_categorie2active, .lb_categorie2active:visited { font-weight: bold; color: #fff; line-height: 30px; text-indent: 25px; background: url(icons/cat_bg.jpg) no-repeat 0px -93px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie2active:active, .lb_categorie2active:hover {color: #fff;} /* Ebene 3 */ .lb_categorie3, .lb_categorie3:visited { font-weight: bold; color: #006699; line-height: 30px; text-indent: 40px; background: url(icons/cat_bg.jpg) no-repeat 0px -124px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie3:active, .lb_categorie3:hover {color: #fff; background: url(icons/cat_bg.jpg) no-repeat 0px -155px;} .lb_categorie3active, .lb_categorie3active:visited { font-weight: bold; color: #fff; line-height: 30px; text-indent: 40px; background: url(icons/cat_bg.jpg) no-repeat 0px -155px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie3active:active, .lb_categorie3active:hover {color: #fff;} /* Ebene 4 */ .lb_categorie4, .lb_categorie4:visited { font-weight: bold; color: #006699; line-height: 30px; text-indent: 50px; background: url(icons/cat_bg.jpg) no-repeat 0px -186px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie4:active, .lb_categorie4:hover {color: #fff; background: url(icons/cat_bg.jpg) no-repeat 0px -217px;} .lb_categorie4active, .lb_categorie4active:visited { font-weight: bold; color: #fff; line-height: 30px; text-indent: 50px; background: url(icons/cat_bg.jpg) no-repeat 0px -217px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie4active:active, .lb_categorie4active:hover {color: #fff;} /* Ebene 5 */ .lb_categorie5, .lb_categorie5:visited { font-weight: bold; color: #006699; line-height: 30px; text-indent: 60px; background: url(icons/cat_bg.jpg) no-repeat 0px -248px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie5:active, .lb_categorie5:hover {color: #fff; background: url(icons/cat_bg.jpg) no-repeat 0px -279px;} .lb_categorie5active, .lb_categorie5active:visited { font-weight: bold; color: #fff; line-height: 30px; text-indent: 60px; background: url(icons/cat_bg.jpg) no-repeat 0px -279px; text-decoration: none; display: block; height: 31px; overflow: hidden;} .lb_categorie5active:active, .lb_categorie5active:hover {color: #fff;} /* ---------------------------------------------------------- */ /* Titel von Artikeln (globale Verwendung) */ /* ---------------------------------------------------------- */ .lb_title, .lb_title:visited {color: #000; text-decoration: none; font-weight: bold;} .lb_title:active, .lb_title:hover {color: #389ECA; text-decoration: none; font-weight: bold;} /* ---------------------------------------------------------- */ /* Diverse html-Objekte */ /* ---------------------------------------------------------- */ /* Für alle Dropdownlisten */ .lb_ddl {width: 160px; color: #389ECA; height: 20px; border: solid 1px #DADADA;} *+.lb_ddl {width: 160px; color: #389ECA; height: 20px;} /* Für alle Textboxen */ .lb_box {color: #000; width: 150px; height: 16px; padding-left: 5px; border: solid 1px #DADADA; } .lb_searchbox {color: #000; width: 245px; height: 23px; line-height: 23px; padding-left: 5px; border: solid 1px #DADADA; margin-top: 3px; } .lb_boxerror {color: #ffffff; width: 150px; height: 16px; padding-left: 5px; background-color: #ff0000; border: solid 1px #990000;} /* ---------------------------------------------------------- */ /* Widerrufsbelehrung */ /* ---------------------------------------------------------- */ .lb_resolve {padding:15px 150px 15px 15px; height: 145px; overflow: auto;} /* ---------------------------------------------------------- */ /* Übersichtsbox (globale Verwendung) /* ---------------------------------------------------------- */ .lb_overviewbox {padding: 10px; border: 1px solid #DADADA; background-color: #ffffff;} /* ---------------------------------------------------------- */ /* Stücklistenkonfigurator /* ---------------------------------------------------------- */ .lb_varianteerror {background-position: 10px 10px; background-image: url(icons/icon-error.gif); background-repeat: no-repeat; border: 1px solid #389ECA; background-color: #fff; padding: 5px;} /* ---------------------------------------------------------- */ /* Umstellung IPayment auf CGI BEGIN /* ---------------------------------------------------------- */ .lb_tablehelp {width:200px; padding:5px 5px 5px 5px; margin:5px 0px 0px 0px; border:solid 1px #999; background-color: #fff;} /* ---------------------------------------------------------- */ /* Anpassung Buttonlösung */ /* ---------------------------------------------------------- */ .lb_bt_opt .lb_satellitemain {background: none;} .lb_bt_opt .lb_satellitemain h1 {background: none; font-size: 18px; height: auto; text-transform: none; border-bottom: 1px solid #ccc; border-top: 0px; border-left: 0px; border-right: 0px; padding-bottom: 5px; font-weight: bold; padding-left: 0px; } .lb_bt_opt .lb_satellitemain h5 {background: none; font-size: 18px; height: auto; text-transform: none; border-bottom: 1px solid #ccc; border-top: 0px; border-left: 0px; border-right: 0px; padding-bottom: 5px; font-weight: bold; padding-left: 0px; } .lb_bt_opt .lb_satellitemaincontent {background: none; padding: 10px 0px 0px 0px; border: 0px;} .lb_bt_opt .lb_checkbox_right {font-weight: normal; font-size: 12px; width: 950px;} .lb_bt_opt_bg {background: #f0f0f0; border: 3px solid #389ECA;} .lb_satellitemain .lb_bt_opt_p {font-size: 11px; line-height: 14px; color: #666; margin: 10px 0px 10px 0px; height: 60px; overflow: auto;} .lb_totalprice_end {font-weight: bold; color: #389ECA; font-size: 25px;} .lb_paymentcondition_left {float: left; width: 320px;} .lb_paymentcondition_right {float: right; width: 600px;} .lb_paymentcondition {border: 1px solid #ccc; height:25px; line-height:25px; padding:5px; margin-top:5px; cursor:pointer; font-weight:bold; background: url(icons/radio_normal.gif) no-repeat 10px center; text-indent:30px;} .lb_paymentcondition_on {border: 1px solid #E07537;background: url(icons/radio_hit.gif) no-repeat 10px center;} .lb_paymentconditionfinal {border: 1px solid #ccc;height:60px;padding:5px; margin-top:5px;cursor:pointer;font-weight:bold; background: url(icons/radio_normal.gif) no-repeat 10px 10px; text-indent:30px;} .lb_paymentconditionfinal_on {border: 1px solid #E07537;background: url(icons/radio_hit.gif) no-repeat 10px 10px;} .lb_paymentconditionfinaltext {float:left;width:430px; margin-top:8px; line-height:12px; overflow:hidden;} .lb_paymentconditionfinallogo {float:right; width:150px;text-indent:0px;} .lb_paymentconditionIcon {position:absolute; left:930px; top:3px; z-index:2000; background: url(https://www.kolumbus24.com/layouts/standard/icons/bt_down.png) no-repeat; cursor:pointer; width:20px; height:20px;} .lb_step {float: left; font-size: 14px; font-weight: bold; color: #666; width: 196px; text-indent: 20px; height: 48px; padding-top: 13px; background: url(icons/step_bg.jpg) no-repeat -392px top;} .lb_step_on {float: left; font-size: 14px; font-weight: bold; color: #fff; width: 196px; text-indent: 20px; height: 48px; padding-top: 13px; background: url(icons/step_bg.jpg) no-repeat -196px top;} .lb_step_closed {float: left; font-size: 14px; font-weight: bold; color: #fff; width: 196px; text-indent: 20px; height: 48px; padding-top: 13px; background: url(icons/step_bg.jpg) no-repeat 0px top; cursor: pointer;} .lb_checkbox_left {width: 30px; float: left; text-align: left;} .lb_checkbox_right {float: left; margin-top: 5px;} .lb_input_left {float: left; padding: 5px 5px 0px 0px;} .lb_input_bt {float: left; padding-right: 5px;} #FFoverlay div.ffx_custom_class_filterbox_header { background: url("icons/cat_bg.jpg") no-repeat scroll 0 -31px transparent; color: #FFFFFF; display: block; font-weight: bold; height: 31px; line-height: 30px; overflow: hidden; text-decoration: none; text-indent: 10px;} #FFoverlay div.ffx_custom_class_header_background {color: #333; padding: 5px 0px 0px 0px; margin: 0px; background: url(icons/h1_bg.gif) repeat-x 0px 0px; height: 35px; }