/* ## -------------------------------------------------------------------------------------------------- ## ## -------------------------------------------------------------------------------------------------- ## ## ----------- STYLESHEET-DEFINITIONEN -------------------------------------------------------------- ## ## ------ (c) 2002-2008 Galileo Webdesign ----------------------------------------------------------- ## ## ---------- www.galileo-webdesign.de -------------------------------------------------------------- ## ## -------------------------------------------------------------------------------------------------- ## ## -------------------------------------------------------------------------------------------------- ## ## ---- Zuletzt geändert am: 05.08.2008, DJ --------------------------------------------------------- ## ## ## -------------------------------------------------------------------------------------------------- ## ## INHALT-------------------------------------------------------------------------------------------- ## ## -------------------------------------------------------------------------------------------------- ## ## ## xt:Commerce SHOP-STYLESHEET ## ## 1. Struktur der Website: Definition von DIV-IDs und Containern ## 2. Globale Formatierung: Formatierung von HTML-Elementen ## 3. Individuelle Formatierung: Formatierung von Navigation und Containerinhalten ## 4. Shop-Boxen: Formatierung der Boxen des xt:Commerce-Systems (/boxes) ## 5. Shop-Templates: Formatierung der Inhalte des xt:Commerce-Systems (/module) ## 6. Formulare: Individuelle Formatierung für Formulare ## 7. FCK-Editor: Einrichtung des FCK-Editors ## ## -------------------------------------------------------------------------------------------------- ## ## FARBKARTE ---------------------------------------------------------------------------------------- ## ## -------------------------------------------------------------------------------------------------- ## ## ## Seitenhintergrund #f6f6f6 blassgrau ## Standardlinks #0088CC blau ## Standardtext #333333 dunkelgrau ## Überschriften (H1-H3) #993300 dunkelrot ## Überschriften (Sonst) #0088CC blau ## Hauptnavigation(aus/an) #ffffff/#ffffff weiss ## Subnavigation (aus/an) #ffffff/#ffffff weiss ## Subsubnavigation (aus/an) #333333/#333333 dunkelgrau ## Formulare (Input, Select) #333333 dunkelgrau ## Formulare (Legend, Label) #333333 dunkelgrau ## */ /* ----------------------------------------------------------------------------------------------------------- */ /* 1. STRUKTUR DER WEBSITE ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- DIVS UND CONTAINER FÜR TEMPLATE (tpl_website.html) --------------------------------------------------- */ /* --- Container - Nimmt (fast) alle Divs auf, horizontale Zentrierung und Hintergrund --- */ #container {width:880px; margin-left:auto; margin-right:auto;} /* --- Kopfbereich- Logo und Extranavigation--- */ #kopf {width:880px; height:57px; background-image:url(img/hg_kopf.jpg); background-position:top left; background-repeat:no-repeat;} /* --- Ausgelagerte Navigationspunkte --- */ #metanav {width:880px; padding-top:5px; text-align:right;} /* --- Leiste - Nimmt Suche und Nav auf --- */ #leiste {width:880px; height:33px; background-image:url(img/hg_leiste.jpg); background-position:top left; background-repeat:no-repeat;} /* --- Suche --- */ #suche {width:200px; height:33px; float:left;} /* --- Hauptnavigation--- */ #nav {width:680px; height:33px; float:left;} /* --- Mitte - Enthält Subnavigation und Inhaltsbereich --- */ #mitte {width:880px; clear:left;} /* --- Container für Subnavigation 2. & 3. Ebene --- */ #spalte_links {width:195px; min-height:500px; float:left; background-image:url(img/hg_links.jpg); background-position:top left; background-repeat:no-repeat;} /* --- Container für Subnavigation ---- */ #subnav {padding-top:145px; margin-bottom:15px;} /* --- Container für Bereichstitel ---- */ #subnav_kopf {height:22px;} /* --- Container für 2. Navigationsebene ---- */ #subsubnav {} /* --- Container für 3. Navigationsebene ---- */ #subsubsubnav {padding-bottom:5px; background-color:#d4d5d5; border-bottom:solid 1px #f4f5f5;} /* --- Paypal Hinweis ---- */ #paypal_info {} /* --- Container Inhaltsbereich --- */ #spalte_mitte {width:520px; float:left;} /* --- Kruemelnavigation --- */ #kruemelnav {width:500px; margin-left:10px; margin-right:10px;} /* --- Inhaltsbereich --- */ #inhalt, #inhalt_startseite {width:500px; margin-left:10px; margin-right:10px;} /* --- Banner --- */ #banner {margin-left:10px; margin-right:auto; margin-bottom:25px;} /* --- Container für Subnavigation 2. & 3. Ebene --- */ #spalte_rechts {width:165px; height:900px; float:left; padding-top:10px;} /* --- Fußzeile --- */ #fuss {width:880px; clear:left;} /* --- Inhalt der Fußzeile --- */ #fuss_inhalt {padding-top:25px; padding-bottom:15px;} /* --- Metatags --- */ #metatags {width:880px; clear:left; margin-left:auto; margin-right:auto; padding-bottom:15px;} /* --- Orginal xtCommerce Footer bzw. Parstime ausblenden --- */ div.copyright, div.parseTime {display:none;} /* ----------------------------------------------------------------------------------------------------------- */ /* 2. GLOBALE FORMATIERUNG ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- HTML UND BODY --- */ html {} body {margin:0px; padding:0px; background-color:#ffffff;} /* --- Standardtext-Formatierung --- */ div, p, table, td, ul, ol, li {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:normal; line-height:18px;} div, table, td {} /* --- Anpassung des Abstands von P-Tags (Wichtig bei RTE-Nutzung) --- */ p {margin-top:5px; margin-bottom:5px;} /* --- Standardlink-Formatierung --- */ a {color:#0088CC; text-decoration:none;} a:link {color:#0088CC; text-decoration:none;} a:visited {color:#0088CC; text-decoration:none;} a:hover {color:#0088CC; text-decoration:underline;} a:active {color:#0088CC; text-decoration:underline;} /* --- Überschriften --- */ /* --- p.hx sind RTE-Klassen --- */ h1 {font-size:16px; font-weight:bold; letter-spacing:1px; color:#993300; margin:0px; padding:0px; line-height:40px; font-family:Arial, Helvetica, sans-serif;} h2, p.h2 {font-size:13px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:22px; letter-spacing:1px;} h3, p.h3 {font-size:12px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:20px;} h4, p.h4 {font-size:13px; font-weight:bold; color:#993300; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; border-bottom:solid 1px #cccccc;} h5, p.h5 {font-size:12px; font-weight:bold; color:#993300; margin:0px; padding:0px; line-height:20px; border-bottom:solid 1px #cccccc;} h6, p.h6 {font-size:13px; font-weight:bold; color:#0088CC; margin:0px; padding:0px; line-height:22px; letter-spacing:1px;} h7, p.h7 {font-size:12px; font-weight:bold; color:#0088CC; margin:0px; padding:0px; line-height:20px;} /* ---- Listen und Aufzählungen ---- */ ul {margin-bottom:1px; margin-top:1px;} ol {margin-bottom:1px; margin-top:1px;} li {padding-bottom:1px; line-height:18px; font-size:12px;} /* --- Bilder --- */ img {border-width:0px; padding:0px; margin:0px;} /* --- Horizontale Linie --- */ hr {width:100%; height:1px; border:none; border-top:dotted #cccccc 1px; padding-top:5px; padding-bottom:5px;} /* --- Sonstige Textformate --- */ br {} b {font-weight:bold;} i {font-style:italic;} u {text-decoration:underline;} /* --- Globale Hilfsklasse zum Aufheben von Floats --- */ .clearing {clear:both;} /* ----------------------------------------------------------------------------------------------------------- */ /* 3. INDIVIDUELLE FORMATIERUNG ------------------------------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------------------------- */ /* --- HAUPTNAVIGATION -------------------------------------------------------------------------------------- */ /* --- Container des Navigationselements --- */ #nav div.navbox {height:33px; float:right; line-height:33px; cursor:pointer; padding-right:8px; border-left: solid 1px #91d3f4;} #nav div.navbox a {color:#ffffff; font-weight:bold;} #nav div.navbox a:hover {text-decoration:underline;} #nav div.navbox:hover a {text-decoration:underline;} /* --- Inaktiver Zustand --- */ #nav div.checkout {padding-left:35px; background-image:url(img/nav_checkout.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.account {padding-left:33px; background-image:url(img/nav_account.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.cart {padding-left:37px; background-image:url(img/nav_cart.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.logoff {padding-left:27px; background-image:url(img/nav_logoff.jpg); background-position:top left; background-repeat:no-repeat;} /* --- Hover und Bildwechsel --- */ #nav div.checkout:hover {background-image:url(img/nav_checkout_hover.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.account:hover {background-image:url(img/nav_account_hover.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.cart:hover {background-image:url(img/nav_cart_hover.jpg); background-position:top left; background-repeat:no-repeat;} #nav div.logoff:hover {background-image:url(img/nav_logoff_hover.jpg); background-position:top left; background-repeat:no-repeat;} /* --- SUBNAVIGATION ---------------------------------------------------------------------------------------- */ /* --- Container für Bereichstitel ---- */ #subnav_kopf {color:#FFFFFF; background-color:#1e95d4; font-weight:bold; line-height:22px; padding-left:10px; text-transform:uppercase;} /* --- Container des Navigationselements --- */ #subnav div.navbox {height:auto; line-height:21px; font-size:12px; padding-left:15px; border-bottom:solid 1px #408eb6; cursor:pointer;} /* --- Aktiver Zustand und Bildwechsel --- */ #subnav div.an {color:#ffffff; background-image:url(img/subnav_an.jpg); background-position:top left; background-repeat:repeat-y;} #subnav div.an a {color:#ffffff; font-weight:bold; text-decoration:none;} #subnav div.an a:hover {color:#ffffff; font-weight:bold; text-decoration:none;} /* --- Inaktiver Zustand und Bildwechsel --- */ #subnav div.aus {color:#ffffff; background-image:url(img/subnav_aus.jpg); background-position:top left; background-repeat:repeat-y;} #subnav div.aus a {color:#ffffff; text-decoration:none;} #subnav div.aus:hover {background-image:url(img/subnav_hover.jpg); background-position:top left; background-repeat:repeat-y;} #subnav div.aus:hover a {color:#ffffff;} #subnav div.aus a:hover {color:#ffffff; text-decoration:none;} /* --- SUBSUBNAVIGATION -------------------------------------------------------------------------------------- */ /* --- Container des Navigationselements --- */ #subsubnav div.navbox {height:auto; line-height:20px; padding-left:30px; font-size:11px; border-bottom:none; cursor:pointer;} /* --- Aktiver Zustand und Bildwechsel --- */ #subsubnav div.an {color:#333333; background-image:url(img/subsubnav_an.jpg); background-position:top left; background-repeat:no-repeat;} #subsubnav div.an a {color:#333333; font-weight:bold; text-decoration:none;} #subsubnav div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;} /* --- Inaktiver Zustand und Bildwechsel --- */ #subsubnav div.aus {color:#333333; background-image:url(img/subsubnav_aus.jpg); background-position:top left; background-repeat:no-repeat;} #subsubnav div.aus a {color:#333333;} #subsubnav div.aus:hover {background-image:url(img/subsubnav_hover.jpg); background-position:top left; background-repeat:no-repeat;} #subsubnav div.aus:hover a {color:#333333;} #subsubnav div.aus a:hover {color:#333333;} /* --- SUBSUBSUBNAVIGATION -------------------------------------------------------------------------------------- */ /* --- Container des Navigationselements --- */ #subsubsubnav div.navbox {height:auto; line-height:18px; padding-left:42px; font-size:11px; cursor:pointer; border:none;} /* --- Aktiver Zustand und Bildwechsel --- */ #subsubsubnav div.an {color:#333333; background-image:url(img/subsubsubnav_aus.jpg); background-position:top left; background-repeat:no-repeat;} #subsubsubnav div.an a {color:#333333; font-weight:bold; text-decoration:none;} #subsubsubnav div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;} /* --- Inaktiver Zustand und Bildwechsel --- */ #subsubsubnav div.aus {color:#333333; background-image:url(img/subsubsubnav_aus.jpg); background-position:top left; background-repeat:no-repeat;} #subsubsubnav div.aus a {color:#333333;} #subsubsubnav div.aus:hover {background-image:url(img/subsubsubnav_hover.jpg); background-position:top left; background-repeat:no-repeat;} #subsubsubnav div.aus:hover a {color:#333333;} #subsubsubnav div.aus a:hover {color:#333333;} /* --- METANAVIGATION -------------------------------------------------------------------------------------- */ #metanav {font-size:11px; color:#666666;} #metanav a {color:#666666; text-decoration:none;} #metanav a:visited {color:#666666; text-decoration:none;} #metanav a:hover {color:#666666; text-decoration:underline;} /* --- KRÜMELNAVIGATION ------------------------------------------------------------------------------------ */ #kruemelnav {line-height:30px; font-size:11px;} #kruemelnav a {color:#666666; text-decoration:none;} #kruemelnav a:visited {color:#666666; text-decoration:none;} #kruemelnav a:hover {color:#666666; text-decoration:underline;} /* --- FUSS -------------------------------------------------------------------------------------------------*/ #fuss_inhalt {font-size:11px; color:#999999; line-height:14px; text-align:center;} #fuss_inhalt a {color:#999999;} /* --- Paypal Hinweis ---- */ #paypal_info {text-align:center; color:#999999; font-size:11px; padding:5px;} /* --- Metatags --- */ #metatags {text-align:center; font-size:10px; color:#CCCCCC; line-height:14px;} /* --- Banner --- */ #banner img {border:solid 1px #cccccc;} #banner span {line-height:14px; font-size:10px;} /* ----------------------------------------------------------------------------------------------------------- */ /* 4. BOXEN (/boxes) ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* ---- Allgemeine Klassen, die in allen Boxen verwendet werden --------------------------------------------- */ /* --- Standardaufbau (/boxes/box.html) --- */ .box {margin-bottom:5px;} .box_kopf {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_kopf.jpg); background-position:bottom right; background-repeat:repeat-x;} .box_kopf a {color:#ffffff; font-weight:bold;} .box_kopf a:hover {color:#ffffff; font-weight:bold;} .box_kopf a:visited {color:#ffffff; font-weight:bold;} .box_inhalt {padding-left:10px; padding-right:3px; padding-top:5px; padding-bottom:5px; background-color:#f6f7f7; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} .box_inhalt, .box_inhalt div, .box_inhalt td, .box_inhalt p {font-size:11px; line-height:16px;} .box_fuss {height:15px; background-image:url(img/hg_box_fuss.jpg); background-position:bottom left; background-repeat:no-repeat;} .box_fuss_rechts {height:15px; background-image:url(img/hg_box_fuss_rechts.jpg); background-position:bottom right; background-repeat:no-repeat;} .box span.productOldPrice {text-decoration:line-through;} /* ---- Individuelle Formatierungen ------------------------------------------------------------------------- */ /* ---- Box-Schnellkauf(/boxes/box_add_quicky.html) --- */ #quick_add {margin:0px; padding:0px;} #quick_add box_add_a_quickie-text_quickie {} #quick_add #box_add_a_quickie-input_field {float:left; margin-top:5px;} #quick_add #box_add_a_quickie-input_field input {height:16px; width:130px;} #quick_add #box_add_a_quickie-submit_button {float:left; margin-top:5px;} #quick_add #box_add_a_quickie-submit_button input {border:none;} /* ---- Box-Bestseller (/boxes/box_best_sellers.html) --- */ div.box_best_sellers-element {margin-bottom:5px; padding-bottom:5px; border-bottom:dotted 1px #cccccc;} div.box_best_sellers-count {float:left; font-weight:bold; padding-right:5px;} div.box_best_sellers-products_name{float:left; font-weight:bold;} div.box_best_sellers-products_price {clear:left; font-weight:bold; text-align:center;} div.box_best_sellers-products_tax_info {line-height:12px; text-align:center;} /* ---- Box-Warenkorb (/boxes/box_cart.html) --- */ #box_cart-list {border-bottom:solid 1px #cccccc;} #box_cart-list div.box_cart-element {} #box_cart-discount {} #box_cart-ust {line-height:14px;} #box_cart-total {font-weight:bold;} #box_cart-shipping_info {line-height:14px;} #box_cart-text_empty_cart {} #box_cart-cart_coupon {} #box_cart-coupon_amount {} /* ---- Box-Zuletzt gesehen (/boxes/box_last_viewed.html) --- */ #box_last_viewed-products_image {text-align:center; margin-bottom:5px;} #box_last_viewed-products_name {text-align:center; font-weight:bold;} #box_last_viewed-products_price {text-align:center; font-weight:bold;} #box_last_viewed-products_tax_info {text-align:center; line-height:12px;} #box_last_viewed-category_link {display:none;} #box_last_viewed-my_personal_page {margin-top:5px;} /* ---- Box-Login (/boxes/box_login.html) --- */ #loginbox {margin:0px; padding:0px;} #loginbox #box_login-email {} #loginbox #box_login-email input {height:16px; width:140px;} #loginbox #box_login-pwd {} #loginbox #box_login-pwd input {height:16px; width:140px;} #loginbox #box_login-button {margin-top:5px; margin-bottom:10px; text-align:right; padding-right:7px;} #loginbox #box_login-button input {border:none;} #loginbox #box_login-link_lost_password {} /* ---- Box-Hersteller Info (/boxes/box_manufacturers_info.html) --- */ #box_manufacturers_info-image {} #box_manufacturers_info-name {} #box_manufacturers_info-url{} #box_manufacturers_info-link_more {} /* ---- Box-Newsletter Anmeldung (/boxes/box_newsletter.html) --- */ #sign_in {margin:0px; padding:0px;} #sign_in #box_newsletter-email {} #sign_in #box_newsletter-email input{height:16px; width:140px;} #sign_in #box_newsletter-button {margin-top:5px; text-align:right; padding-right:7px;} #sign_in #box_newsletter-button input {border:none;} /* ---- Box-Rezensionen (/boxes/box_reviews.html) --- */ #reviews_produkt {text-align:center;} #reviews_produkt a {font-weight:bold; color:#000000; text-decoration:none;} /* ---- Box-Suche (/boxes/box_search.html) --- */ #quick_find {margin:0px; padding:0px;} #quick_find #box_search-heading_search {float:left; padding-top:8px; padding-left:8px; padding-right:3px;} #quick_find #box_search-heading_search span {font-size:12px; color:#006699;} #quick_find #box_search-input_search {float:left; padding-top:8px;} #quick_find #box_search-input_search input {height:16px; width:115px; border-color:#4bb1e5;} #quick_find #box_search-button_submit {float:left; padding-top:8px;} #quick_find #box_search-button_submit input {border:none;} /* ---- Box-Angebote (/boxes/box_specials.html) --- */ #box_specials-products_image {text-align:center; margin-bottom:5px;} #box_specials-products_name {text-align:center; font-weight:bold;} #box_specials-products_price{text-align:center; font-weight:bold;} #box_specials-products_tax_info {text-align:center; line-height:12px;} /* ---- Box-Neue Artikel (/boxes/box_whats_new.html) --- */ #box_whats_new-products_image {text-align:center; margin-bottom:5px;} #box_whats_new-products_name {text-align:center; font-weight:bold;} #box_whats_new-products_price {text-align:center; font-weight:bold;} #box_whats_new-products_tax_info {text-align:center; line-height:12px;} /* ----------------------------------------------------------------------------------------------------------- */ /* 5. SHOP-TEMPLATES (/module) ------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* ---- Preisdarstellung bei Sonderangeboten --- */ span.productOldPrice {text-decoration:line-through;} /* ---- Preisdarstellung bei Preis auf Anfrage --- */ div.products_price_on_demand {text-align:center; font-weight:bold; margin-top:5px;} #product_listing div.products_price_on_demand {text-align:right;} /* ---- Produktlisting (allgemeine Klassen für Produktlisting und Kategorieseiten) --- */ #categories {padding-top:15px; padding-bottom:15px;} #categories h1 {line-height:20px;} #categories h2 {line-height:18px; margin-bottom:10px;} #categories div.categories_description {margin-bottom:10px;} #categories div.categories_image {} #manufacturer_dropdown {background-color:#f6f7f7; height:20px; padding:2px; padding-right:5px;} #manufacturer_dropdown form {margin:0px; padding:0px; float:right;} #manufacturer_dropdown form select{width:100px;} #manufacturer_dropdown text_show {float:right; font-size:11px;} #product_listing {padding-top:10px;} #product_listing .box {clear:both; overflow:auto; margin-bottom:10px; padding-bottom:5px; border-bottom:solid 1px #cccccc;} #product_listing .products_image {float:left; width:90px;} #product_listing .content {float:left; width:400px;} #product_listing .products_name {font-weight:bold;} #product_listing .products_short_description {margin-bottom:5px; font-size:11px;} #product_listing .products_price {font-weight:bold; text-align:right;} #product_listing .products_tax_info {text-align:right; font-size:11px; line-height:14px;} #product_listing .products_shipping_name {text-align:right; font-size:11px; line-height:14px;} #product_listing .products_button_buy_now {text-align:right; margin-top:5px;} #navigation_bar {} /* ---- Produktlisting Neue Artikel Anpassungen (/module/new_products_overview.html) --- */ #new_products_overview {} #new_products_overview h1 {} /* ---- Produktdetails (allgemeine Klassen für Produktdetaildarstellung) --- */ #product_info {margin-bottom:15px;} #product_info .products_print {text-align:right;} #product_info .products_name {background-color:#f6f7f7; height:25px; margin-bottom:10px; padding-left:5px;} #product_info .products_name h1 {line-height:25px;} #product_info .left {float:left; width:30%; padding-left:10px;} #product_info .info-products_image {} #product_info .products_popup_link {font-size:11px;} #product_info .products_fsk18 {} #product_info .right {float:left; width:65%; text-align:right;} #product_info .products_price {font-size:16px; font-weight:bold; color:#0088CC; margin:0px; padding:0px; letter-spacing:1px;} #product_info .products_discount {} #product_info .products_tax_info {line-height:14px; font-size:11px;} #product_info .products_shipping_link {line-height:14px; font-size:11px; margin-bottom:5px;} #product_info .shipping_name {} #product_info .products_model {} #product_info .buttons {background-color:#CCCCCC; margin-top:10px;} #product_info .add_qty {float:right; padding-right:5px;} #product_info .add_qty input {height:18px; width:15px; margin-top:3px; padding-left:3px;} #product_info .add_cart_button {float:right;} #product_info .add_cart_button input {border:none; margin:0px; padding:0px;} #product_info .products_review_link {clear:both; font-size:11px; padding-top:10px;} #product_info .products_description {clear:left;} #product_info .products_description_head {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_lang.jpg); background-position:bottom right; background-repeat:repeat-x;} #product_info #products_short_description {font-size:11px; padding-left:5px; padding-right:5px; padding-top:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #product_info #products_short_description p, #product_info #products_short_description div {font-size:11px;} #product_info #products_long_description {display:none; font-size:11px; padding-left:5px; padding-right:5px; padding-top:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #product_info #products_long_description p, #product_info #products_long_description div, #product_info #products_long_description td, #product_info #products_long_description li {font-size:11px;} #product_info .products_date_aviable {clear:left; font-size:11px; color:#999999; margin-top:5px; margin-bottom:5px;} #product_info .products_added {clear:left; font-size:11px; color:#999999; margin-top:5px; margin-bottom:5px;} #product_info .products_url {clear:left; font-size:11px; margin-top:5px; margin-bottom:5px;} #product_info .products_description_hide {font-size:11px; text-align:right;} #product_info .products_description_show {font-size:11px; text-align:right;} #product_modules .module_products_media {margin-bottom:15px;} #product_modules .product_options_head {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_lang.jpg); background-position:bottom right; background-repeat:repeat-x;} #product_modules .module_product_options {overflow:auto; font-size:11px; padding:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #product_modules .module_graduated_price {margin-bottom:15px;} #product_modules .module_products_reviews {margin-bottom:15px;} #product_modules .module_cross_selling {margin-bottom:15px;} #product_modules .module_reverse_cross_selling {margin-bottom:15px;} #product_modules .module_also_purchased {margin-bottom:15px;} /* --- Downloads zu Produkten (/modules/products_media.html) --- */ #products_media-heading {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_lang.jpg); background-position:bottom right; background-repeat:repeat-x;} #products_media-list {border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} div.products_media-element {padding:5px; overflow:auto; clear:left; background-color:#f6f7f7; border-bottom:solid 1px #cccccc;} div.products_media-description {float:left; width:70%; font-size:11px;} div.products_media-description, div.products_media-description p {font-size:11px; margin:0px; padding:0px;} span.products_media-file {font-size:11px; font-weight:bold;} div.products_media-button {float:left; width:30%; text-align:right;} div.products_media-button img {margin-top:15px;} /* --- Produktoptionen (/modules/product_options/..) --- */ div.product_options-name {clear:left; font-weight:bold; border-bottom:dotted 1px #cccccc; font-size:11px;} div.product_options-list {padding-top:5px; padding-bottom:10px; clear:left;} div.product_options-element {padding-left:10px; clear:left;} div.product_options-element div.product_options-input {width:5%; float:left; font-size:11px;} div.product_options-element div.product_options-input input {border:none;} div.product_options-element div.product_options-text {width:30%; float:left; font-size:11px;} div.product_options-element div.product_options-model {width:30%; float:left; font-size:11px;} div.product_options-element div.product_options-price {width:30%; float:left; font-weight:bold; font-size:11px; text-align:right;} /* --- Staffelpreise (/module/graduated_price.html) --- */ #graduated_price-heading_text {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_lang.jpg); background-position:bottom right; background-repeat:repeat-x;} #graduated_price-list {font-size:11px; padding:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #graduated_price-list div.graduated_price-element {border-bottom:dotted 1px #cccccc; width:200px; padding-left:5px;} /* --- Rezensionen auf der Produktseite (/modules/products_reviews.html) --- */ #products_reviews-heading_reviews {padding-left:10px; line-height:20px; color:#ffffff; font-weight:bold; background-image:url(img/hg_box_lang.jpg); background-position:bottom right; background-repeat:repeat-x;} #products_reviews-list {padding:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #products_reviews-list .products_reviews-element {margin-top:10px;} #products_reviews-list .products_reviews-author {font-size:11px; border-bottom:dotted 1px #cccccc;} #products_reviews-list .products_reviews-rating {} #products_reviews-list .products_reviews-rating img {margin-right:10px;} #products_reviews-list .products_reviews-content {font-size:11px;} #products_reviews-list .products_reviews-hide {text-align:right;} #products_reviews-list .products_reviews-hide a {font-size:11px;} #products_reviews-list_short {display:none; padding:5px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} #products_reviews-list_short .products_reviews-show {text-align:right;} #products_reviews-list_short .products_reviews-show a {font-size:11px;} #products_reviews-button_write {text-align:right; margin-top:5px;} /* --- Cross-Selling (/modules/cross_selling.html) --- */ #cross_selling {border:solid 1px #cccccc; overflow:auto;} #cross_selling-heading_text {background-color:#f6f7f7; border-bottom:solid 1px #cccccc; padding-left:10px; font-weight:bold;} div.cross_selling-group {clear:left; padding-left:10px; font-weight:bold; margin-top:5px;} div.cross_selling-element {float:left; width:30%; padding:5px;} div.cross_selling-products_image { text-align:center; margin-bottom:5px;} div.cross_selling-products_name {font-size:11px; text-align:center; font-weight:bold;} div.cross_selling-products_price {font-size:11px; text-align:center; font-weight:bold;} div.cross_selling-products_tax_info {font-size:11px; text-align:center; line-height:12px;} /* --- Reverse-Cross-Selling (/modules/reverse_cross_selling.html) --- */ #reverse_cross_selling {border:solid 1px #cccccc; overflow:auto;} #reverse_cross_selling-heading_text {background-color:#f6f7f7; border-bottom:solid 1px #cccccc; padding-left:10px; font-weight:bold;} div.reverse_cross_selling-element {float:left; width:30%; padding:5px;} div.reverse_cross_selling-products_image {text-align:center; margin-bottom:5px;} div.reverse_cross_selling-products_name {font-size:11px; text-align:center; font-weight:bold;} div.reverse_cross_selling-products_price {font-size:11px; text-align:center; font-weight:bold;} div.reverse_cross_selling-products_tax_info {font-size:11px; text-align:center; line-height:12px;} /* --- Andere Kunden kauften auch (/modules/also_purchased.html) --- */ #also_purchased {border:solid 1px #cccccc; overflow:auto;} #also_purchased-heading_text {background-color:#f6f7f7; border-bottom:solid 1px #cccccc; padding-left:10px; font-weight:bold;} div.also_purchased-element {float:left; width:30%; padding:5px;} div.also_purchased-products_image {text-align:center; margin-bottom:5px;} div.also_purchased-products_name {font-size:11px; text-align:center; font-weight:bold;} div.also_purchased-products_price {font-size:11px; text-align:center; font-weight:bold;} div.also_purchased-products_tax_info {font-size:11px; text-align:center; line-height:12px;} /* ---- Neue Produkte (/module/new_products_default.html) --- */ #new_products {margin-top:10px;} #new_products_default-heading_text {display:none;} div.new_products_default-box {margin-bottom:5px; width:235px; float:left; margin-left:10px;} div.new_products_default-name {line-height:20px; text-align:center; background-image:url(img/hg_box_kopf.jpg); background-position:bottom right; background-repeat:repeat-x;} div.new_products_default-name a {color:#ffffff; font-weight:bold;} div.new_products_default-content {padding:5px; background-color:#f6f7f7; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} div.new_products_default-products_image {text-align:center;} div.new_products_default-products_description {line-height:14px; text-align:center; font-size:11px; margin-top:5px;} div.new_products_default-products_price {text-align:center; font-weight:bold; margin-top:5px;} div.new_products_default-products_tax_info {text-align:center; font-size:11px; line-height:12px;} div.new_products_default-products_button_buy_now {text-align:right; margin-top:10px;} div.new_products_default-box_foot {height:15px; background-image:url(img/hg_box_fuss.jpg); background-position:bottom left; background-repeat:no-repeat;} div.new_products_default-box_foot_right {height:15px; background-image:url(img/hg_box_fuss_rechts.jpg); background-position:bottom right; background-repeat:no-repeat;} /* --- Kategorie-Listing (/modules/categorie_listing/..) --- */ #categorie_listing {clear:left;} #categorie_listing h1 {line-height:20px;} #categorie_listing h2 {line-height:18px; margin-bottom:10px;} #categorie_listing div.categorie_listing-categories_image {margin-bottom:10px;} #categorie_listing div.categorie_listing-categories_description {margin-bottom:10px;} #categorie_listing div.categorie_listing-heading_more_categories {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-weight:bold; line-height:22px;} #categorie_listing div.categorie_listing-list {overflow:auto; margin-bottom:15px; padding-left:10px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; } #categorie_listing div.categorie_listing-element {float:left; width:30%; padding:5px;} /* --- Account (/modules/account.html) --- */ #account {} #account h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #account ul {margin-top:0px; margin-bottom:0px;} #account div.ul_wrapper {margin-bottom:15px; padding:5px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #account p.account-error_message {color:#FF0000; font-weight:bold; margin-bottom:15px;} #account div.account-link_login {font-weight:bold; margin-bottom:15px;} #account ul.account-order_content {list-style-type:none; padding-left:10px;} #account ul.account-order_content li {padding-top:10px; padding-bottom:5px;} #account div.account-order_title {border-bottom: dotted 1px #cccccc;} #account div.account-order_button {text-align:right; margin-top:3px;} #account div.account-link_all {font-size:11px; padding-left:10px;} #account #product_listing {border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} #account #product_listing .products_categorie_url {font-size:11px;} /* --- Account bearbeiten (/modules/account_edit.html) --- */ #account_edit {} /* --- Adressbuch (/modules/adress_book.html) --- */ #adress_book {} #adress_book h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #adress_book div.adress_book-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #adress_book div.adress_book-adress_default {float:left; width:50%;} #adress_book div.adress_book-text_standard {float:left; width:50%; font-size:11px;} #adress_book div.adress_book-list {overflow:auto; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #adress_book div.adress_book-element {overflow:auto; padding-bottom:15px;} #adress_book div.adress_book-adress_name {font-weight:bold; border-bottom:dotted 1px #cccccc;} #adress_book div.adress_book-buttons_edit {float:left; width:30%; text-align:center; padding-top:15px;} #adress_book div.adress_book-adress {float:left; width:70%; padding-top:5px;} #adress_book div.adress_book-adress-count {font-size:11px; margin-bottom:20px; text-align:right;} /* --- Adressbuch Prozess(/modules/adress_book_process.html) --- */ #adress_book_process {} #adress_book_process div.adress_book_process-text_delete {margin-bottom:5px;} #adress_book_process div.adress_book_process-adress {width:75%; margin-bottom:15px; padding:5px; padding-left:15px; border:solid 1px #cccccc;} /* --- Passwort bearbeiten (/modules/account_password.html) --- */ #account_password {margin-top:15px;} /* --- Bestellhistorie (/modules/account_history.html) --- */ #account_history {} #account_history div.account_history-order_id {border-bottom:solid 1px #cccccc; font-weight:bold; margin-top:10px;} #account_history div.account_history-order {padding-left:10px;} #account_history div.account_history-order_button {text-align:right; margin-bottom:15px;} #account_history div.account_history-split_bar {margin-top:20px; margin-bottom:20px;} /* --- Bestellhistorie Details (/modules/account_history_info.html) --- */ #account_history_info {} #account_history_info div.account_history_info-order_number {font-size:13px; font-weight:bold; margin-top:15px; background-color:#f6f7f7; padding-left:10px; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; line-height:22px;} #account_history_info div.account_history_info-box {overflow:auto; border:solid 1px #cccccc; padding:10px;} #account_history_info div.account_history_info-order_date {} #account_history_info div.account_history_info-shipping_method {} #account_history_info div.account_history_info-payment_method {} #account_history_info div.account_history_info-order_comments {} #account_history_info div.account_history_info-payment_info {} #account_history_info div.account_history_info-shipping_adress {float:left; width:50%;} #account_history_info div.account_history_info-payment_adress {float:left; width:50%;} #account_history_info div.account_history_info-title_history {font-weight:bold; margin-top:15px; background-color:#f6f7f7; padding-left:10px; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; line-height:22px;} #account_history_info div.account_history_info-history_block {margin-bottom:15px; overflow:auto; border:solid 1px #cccccc; padding:5px;} #account_history_info div.account_history_info-heading_products {font-weight:bold; background-color:#f6f7f7; padding-left:10px; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; line-height:22px;} #account_history_info table.account_history_info-products {border:solid 1px #cccccc;} #account_history_info table.account_history_info-products td {border:none; font-size:11px; text-align:left; vertical-align:top; padding-left:5px;} #account_history_info table.account_history_info-products th {border:none; font-weight:bold; text-align:left; padding-left:5px;} #account_history_info table.account_history_info-products td.account_history_info-order_total_title {border-top:dotted 1px #cccccc; text-align:right;} #account_history_info table.account_history_info-products td.account_history_info-order_total_text {border-top:dotted 1px #cccccc; text-align:right;} /* --- Order-Datails im Warenkorb (/modules/order_details.html) --- */ #order_details {margin-top:10px; margin-bottom:10px;} #order_details table {border: solid 1px #cccccc;} #order_details table th {text-align:left; font-weight:bold; border-bottom:solid 1px #cccccc; background-color:#f6f7f7;} #order_details table td {border-bottom:dotted 1px #cccccc; text-align:left; vertical-align:top; font-size:11px;} #order_details table td.order_details-total {text-align:right; border-bottom:none; font-size:11px; line-height:14px;} #order_details table input {width:15px; height:15px; margin-top:3px;} #order_details table div.order_datails-total_content {font-size:13px; font-weight:bold; line-height:16px;} /* --- Logoff-Seite (/modules/logoff.html) --- */ #logoff {} #logoff div.logoff-text_logoff {margin-bottom:20px;} /* --- Login-Seite (/modules/login.html) --- */ #login {} #login h1 {margin-bottom:10px;} #login h2 {color:#0088CC; line-height:20px; border-bottom:dotted 1px #cccccc; letter-spacing:0px;} #login div.login-button {text-align:right; margin-bottom:25px; padding-right:10px;} #login div.login-button input {border:none;} #login div.login-link_lost_password {font-size:11px;} /* --- Produktbewertungen Details (/modules/product_reviews_info.html) --- */ #product_reviews_info {} #product_reviews_info div.product_reviews_info-image {text-align:center; margin-bottom:10px;} #product_reviews_info div.product_reviews_info_rating {line-height:22px; padding-left:5px; background-color:#f6f7f7; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-top:solid 1px #cccccc;} #product_reviews_info div.product_reviews_info_date {border-bottom:dotted 1px #cccccc; margin-bottom:5px;} #product_reviews_info div.product_reviews_info_text {border:solid 1px #cccccc; padding:5px;} /* --- Produktbewertungen Übersichtstabelle (/modules/product_reviews.html) --- */ #product_reviews {} #product_reviews table {border:1px solid #cccccc; margin-top:5px;} #product_reviews table th {padding-left:5px; font-weight:bold; text-align:left; border-bottom:solid 1px #cccccc; background-color:#f6f7f7; line-height:22px;} #product_reviews table td {padding-left:5px; text-align:left; line-height:22px;} /* --- Aktuelle Produktbewertungen (/modules/reviews.html) --- */ #reviews div.reviews-element {overflow:auto; clear:left; border-bottom:solid 1px #cccccc; margin-bottom:15px;} #reviews div.reviews-product_image {float:left; width:25%;} #reviews div.reviews-content {float:left; width:75%;} #reviews div.reviews-product_name {font-weight:bold;} #reviews div.reviews-rating {} #reviews div.reviews-author {margin-bottom:5px;} #reviews div.reviews-text {margin-bottom:5px;} /* --- Sitemap (/modules/sitemap.html) --- */ #sitemap {} #sitemap h2 {background-color:#f6f7f7; padding-left:10px; font-size:11px; letter-spacing:0px; line-height:20px;} #sitemap div.sitemap-box {width:30%; margin-right:2%; float:left; border:solid 1px #cccccc;} #sitemap div.sitemap-scats {padding-left:15px; font-size:11px;} /* --- Erweiterte Suche (/modules/advanced_search.html) --- */ #advanced_search {width:97%;} #advanced_search fieldset {background-color:#f6f7f7;} #advanced_search div.advanced_search-help_link {text-align:right; padding-right:10px;} /* --- Keine Artikel gefunden / Suche (/modules/error_message.html) --- */ #error_message {width:97%;} #error_message fieldset {background-color:#f6f7f7;} #error_message span.error_message-input_search input {border:solid 1px #cccccc; height:18px; width:175px;} #error_message span.error_message-button_submit {} #error_message span.error_message-button_submit input {border:none; height:18px; width:18px; margin-bottom:-4px;} #error_message div.error_message-heading_search {padding-top:5px; text-align:right;} #error_message div.error_message-heading_search a {font-size:11px;} /* --- CHECKOUT-PROZESS ---------------------------------------------------------------------------------------------------------- */ /* --- Checkout Schritt 1 - Versand (/modules/checkout_shipping.html) --- */ #checkout_shipping {} #checkout_shipping h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_shipping div.checkout_shipping-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_shipping div.checkout_shipping-text_adressbook {margin-bottom:5px;} #checkout_shipping div.checkout_shipping-adress {float:left; width:60%; padding-left:5%;} #checkout_shipping div.checkout_shipping-button_adress {float:left; width:30%; margin-top:15px;} #checkout_shipping div.checkout_shipping-shipping {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_shipping div.checkout_shipping-shipping input {border:none;} #checkout_shipping div.checkout_shipping-continue {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} /* --- Checkout Schritt 1b - Versandadresse ändern (/modules/checkout_shipping_address.html) --- */ #checkout_shipping_address {} #checkout_shipping_address h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_shipping_address div.checkout_shipping_address-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_shipping_address div.checkout_shipping_address-text_current_address {float:left; width:60%;} #checkout_shipping_address div.checkout_shipping_address-current_address {float:left; width:40%;} #checkout_shipping_address div.checkout_shipping_address-old_addresses {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_shipping_address div.checkout_shipping_address-old_addresses input {border:none;} #checkout_shipping_address div.checkout_shipping_address-text_new_adress {padding-left:10px; font-size:11px;} #checkout_shipping_address fieldset {margin-bottom:15px;} #checkout_shipping_address div.checkout_shipping_address-continue {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} /* --- Checkout Schritt 2 - Bezahlung (/modules/checkout_payment.html) --- */ #checkout_payment {} #checkout_payment h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_payment h2 a font {color:#0088cc;} #checkout_payment div.checkout_payment-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment div.checkout_payment-text_adress {margin-bottom:5px;} #checkout_payment div.checkout_payment-adress {float:left; width:60%; padding-left:5%;} #checkout_payment div.checkout_payment-button_adress {float:left; width:30%; margin-top:15px;} #checkout_payment div.checkout_payment-payment {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment div.checkout_payment-payment input {border:none;} #checkout_payment div.checkout_payment-payment_block {padding-left:20px; margin-top:5px;} #checkout_payment div.checkout_payment-comment {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment div.checkout_payment-agb {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment div.checkout_payment-agb textarea {width:95%;} #checkout_payment div.checkout_payment-agb textarea:focus {background-color:#ffffff;} #checkout_payment div.checkout_payment-agb_checkbox {line-height:22px;} #checkout_payment div.checkout_payment-continue {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} /* --- Checkout Schritt 2 - Bankeinzug --- */ #checkout_payment div.checkout_banktransfer {padding:5px; padding-left:30px; background-color:#f6f7f7;} #checkout_payment div.checkout_banktransfer input {border:solid 1px #cccccc; width:150px; margin-top:3px;} #checkout_payment div.checkout_banktransfer label {clear:left; padding-left:20px; width:100px; display:block; float:left; color:#666666; font-weight:bold;} /* --- Checkout Schritt 2b - Rechnungsadresse ändern (/modules/checkout_payment_address.html) --- */ #checkout_payment_address {} #checkout_payment_address h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_payment_address div.checkout_payment_address-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment_address div.checkout_payment_address-text_current_address {float:left; width:60%;} #checkout_payment_address div.checkout_payment_address-current_address {float:left; width:40%;} #checkout_payment_address div.checkout_payment_address-old_addresses {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_payment_address div.checkout_payment_address-old_addresses input {border:none;} #checkout_payment_address div.checkout_payment_address-text_new_adress {padding-left:10px; font-size:11px;} #checkout_payment_address fieldset {margin-bottom:15px;} #checkout_payment_address div.checkout_payment_address-continue {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} /* --- Checkout Schritt 3 - Bestätigung (/modules/checkout_confirmation.html) --- */ #checkout_confirmation {} #checkout_confirmation h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_confirmation div.checkout_confirmation-text_information {margin-bottom:15px;} #checkout_confirmation div.checkout_confirmation-text_information font {color:#0088cc;} #checkout_confirmation div.checkout_confirmation-box {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_confirmation div.checkout_confirmation-shipping_adress {float:left; width:50%;} #checkout_confirmation div.checkout_confirmation-payment_adress {float:left; width:50%;} #checkout_confirmation div.checkout_confirmation-payment_information {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_confirmation div.checkout_confirmation-products_block {padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_confirmation div.checkout_confirmation-total_block {margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_confirmation div.checkout_confirmation-total_block table {width:100%;} #checkout_confirmation div.checkout_confirmation-revocation {overflow:auto; margin-bottom:15px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_confirmation div.checkout_confirmation-revocation_scroll {height:150px; overflow:auto;} /* --- Checkout Schritt 4 - Abschluss (/modules/checkout_success.html) --- */ #checkout_success {} #checkout_success h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:10px; font-size:12px; line-height:20px;} #checkout_success div.checkout_success-text_success {margin-bottom:15px;} #checkout_success div.checkout_success-text_printorder {margin-bottom:50px; padding:5px; padding-left:15px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc;} #checkout_success div.checkout_success-button_print {text-align:right;} /* --- Checkout-Bar (Fortschrittsanzeige, wird bei allen Checkout-Seiten eingebunden) --- */ #checkout_bar {margin-top:50px; overflow:auto; background-image:url(img/checkout_bar.gif); background-position:top left; background-repeat:no-repeat;} #checkout_bar div.active {float:left; width:25%; text-align:center; color:#0088CC; font-weight:bold;} #checkout_bar div.inactive {float:left; width:25%; text-align:center;} /* --- POPUP-FENSTER ---------------------------------------------------------------------------------------------------------- */ /* --- Allgemeine Klassen --- */ body.popup {margin:0px; padding:5px; background-color:#FFFFFF;} div.popup-button {text-align:center; margin-top:10px; margin-bottom:25px;} @media print { div.popup-button {display:none;} } /* --- Produktbilder Popup (popup_image.html) --- */ #popup_image {} #popup_image h1 {text-align:center; background-color:#f6f7f7; margin-bottom:10px;} #popup_image div.popup_image-products-image {text-align:center; margin-bottom:10px; font-size:11px; color:#999999;} #popup_image div.popup_image-products-thumbs {text-align:center;} #popup_image div.popup_image-products-thumbs iframe {border:none; margin:0px; padding:0px;} #popup_image div.popup_image-button {text-align:center;} /* --- Produktbilder Thumbs (show_product_thumbs.html) --- */ #show_product_thumbs a img {border:none;} #show_product_thumbs td {padding:3px;} #show_product_thumbs td.active {border:solid 1px #993300;} /* --- Produkte Druckansicht (print_product.html) --- */ #print_product {} #print_product h1 {background-color:#f6f7f7; padding-left:5px; margin-bottom:10px; line-height:30px;} #print_product div.print_product-head {height:70px;} #print_product div.print_product-head_text {position:absolute; top:25px; left:250px; color:#666666; font-size:11px; line-height:14px;} #print_product div.print_product-images {margin-bottom:5px;} #print_product div.print_product-products_description {font-size:11px; padding-left:5px; padding-right:5px;} #print_product div.print_product-products_description p {font-size:11px;} #print_product div.print_product-products_options {font-size:11px; text-align:left; padding-left:5px; padding-right:5px;} #print_product div.print_product-products_price {text-align:right; color:#0088CC; font-size:14px; padding-right:25px; font-weight:bold;} #print_product div.print_product-products_tax_info {text-align:right; padding-right:25px; font-size:11px; line-height:14px;} /* --- Bestellung (print_order.html) --- */ #print_order {} #print_order div.print_order-head {height:57px; border-bottom:solid 2px #f6f7f7;} #print_order div.print_order-head_text {position:absolute; top:25px; left:250px; color:#666666; font-size:11px; line-height:14px;} #print_order div.print_order-address_label_customer {font-size:11px; line-height:16px;} #print_order div.print_order-order_info {font-size:11px; line-height:16px;} #print_order table.print_order-address {width:100%; border:solid 1px #cccccc;} #print_order table.print_order-address th {font-size:11px; padding-left:5px; text-align:left; line-height:22px; border-bottom:solid 1px #cccccc; background-color:#f6f7f7;} #print_order table.print_order-address td {font-size:11px; padding-left:5px; font-size:11px; line-height:16px;} #print_order h2 {background-color:#f6f7f7; border:solid 1px #cccccc; padding-left:5px; font-size:11px; line-height:20px;} #print_order table.print_order-products {width:100%; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} #print_order table.print_order-products th {font-size:11px; padding-left:5px; text-align:left;} #print_order table.print_order-products td {font-size:11px; padding-left:5px; vertical-align:top;} #print_order td.print_order-products-total {padding-left:0px; padding-right:5px; text-align:right; background-color:#f6f7f7; border-top:solid 1px #cccccc;} /* ----------------------------------------------------------------------------------------------------------- */ /* 6. FORMULARE ---------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */ /* ---- Allgemein --- */ form {margin:0px; padding:0px;} fieldset {border:solid 1px #cccccc; padding:5px;} input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #cccccc; color:#333333; margin:0px; padding:0px; padding-left:2px;} input:focus, textarea:focus {background-color:#D4EBF7; color:#333333;} label, legend {font-family:arial; color:#333333;} legend {padding:10px; font-weight:bold; font-size:12px;} /* ---- Standardklassen für die Formulardarstellung in XTC --- */ div.form_row {line-height:25px; font-size:11px; padding-left:10px; clear:left;} div.form_row label{width:140px; display:block; float:left; color:#666666; font-weight:bold;} div.form_row input {height:18px; width:175px;} div.form_row select {height:18px; width:175px;} div.form_row textarea {width:175px;} div.radio input {border:none; width:auto; margin-bottom:-3px;} div.text_must {font-size:11px; line-height:25px; padding-left:10px;} div.form_row_buttons {margin-top:15px;} div.form_row_buttons input {border:none;} div.form_row_bottons_l {float:left; width:50%; text-align:center;} div.form_row_bottons_r {float:left; width:50%; text-align:center;} div.error {margin-top:10px; margin-bottom:10px; background-color:#FFCCD5; padding:5px; border:solid 1px #cccccc;} div.VVIMG {height:auto;} div.VVIMG img{margin-bottom:5px; margin-top:5px;} div.small input {width:75px;} /* --- Kontaktformular (/module/contact_us.html) --- */ #contact_us legend p {font-weight:bold;} #contact_us div.form_row textarea {width:300px; height:175px;} /* --- Schreiben von Bewertungen (/module/product_reviews_write.html) --- */ #product_reviews_write div.form_row textarea {width:275px; height:200px; margin-bottom:5px;} #product_reviews_write div.radio input {margin-bottom:0px;} /* --- Erfolglose Suche --- */ #new_find input {border:none;} /* ----------------------------------------------------------------------------------------------------------- */ /* 7. FCK-Editor --------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------- */