/* ----------------------------------------------------------------------------------------- $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $ XT-Commerce - community made shopping http://www.xt-commerce.com Copyright (c) 2004 XT-Commerce ----------------------------------------------------------------------------------------- based on: (c) 2000-2001 The Exchange Project (earlier name of osCommerce) (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com (c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org Released under the GNU General Public License ---------------------------------------------------------------------------------------*/ h1 { font-size: 14px } h2 { font-size: 14px } h3 { font-size: 14px } h4 { font-size: 11px } .cleardown-5px { margin-bottom:5px;} .cleardown-10px { margin-bottom:10px;} .boxText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .boxText_search { font-family: Arial, Helvetica, sans-serif; font-size: 9px; } .boxTextBG { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold } .boxTextBGII { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #f0f9ff } .boxTextPrice { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e00000; } .errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-weight: bold; background-color: #ffb3b5; } .gvBox { font-family : Arial, Helvetica, sans-serif; font-size : 14px; font-weight: bold; border-color: #FFFFFF; border: 1px solid; background-color: #ffb3b5; } .stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033;} .productsNotifications { background-color: #f2fff7;} .orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: none;} BODY { color: #000000; margin: 0px; background-color: #ffffff;} p { text-align: left} img{ border:0;} /* ---------------------------------- Headerbilder Anfang --------------------------- */ #header_center { position: absolute;left: 50%;width: 1024px;margin-left: -512px; /* negative Hälfte von width:1024px */top: 0;} #header_1_1 {width: 42px; height: 22px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-00-00.jpg"); background-repeat: no-repeat; float:right;} #header_1_2 {width: 466px; height: 22px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-02-00.jpg"); background-repeat: no-repeat; float:right;} #header_1_3 {width: 53px; height: 22px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-02-00.jpg"); background-repeat: no-repeat; float:right;} #header_1_4 {width: 42px; height: 45px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-08-00.jpg"); background-repeat: no-repeat; float:right;} #header_2_1 {width: 929px; height: 45px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-00-01.jpg"); background-repeat: no-repeat; float:right;} #header_2_2 {width: 53px; height: 45px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-03-01.jpg"); background-repeat: no-repeat; float:right;} #header_2_3 {width: ; height: ; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-08-01.jpg"); background-repeat: no-repeat; float:right;} #header_3_1 {width: 42px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-09-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_2 {width: 112px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-01-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_3 {width: 96px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-02-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_4 {width: 126px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-03-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_5 {width: 224px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-04-02_siegel.jpg"); background-repeat: no-repeat; float:right;} #header_3_6 {width: 104px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-05-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_7 {width: 125px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-06-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_8 {width: 142px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-07-02.jpg"); background-repeat: no-repeat; float:right;} #header_3_9 {width: 53px; height: 79px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-08-02.jpg"); background-repeat: no-repeat; float:right;} #header_4_1 {width: 42px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-00-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_2 {width: 112px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-01-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_3 {width: 96px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-02-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_4 {width: 126px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-03-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_5 {width: 224px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-04-03_siegel.jpg"); background-repeat: no-repeat; float:right;} #header_4_6 {width: 105px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-05-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_7 {width: 101px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-01-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_8 {width: 165px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-04-03.jpg"); background-repeat: no-repeat; float:right;} #header_4_9 {width: 53px; height: 36px; background-image: url("{$tpl_path}Bilder_neu/Eleganzza_header_09_09-08-03.jpg"); background-repeat: no-repeat; float:right;} #header_5_1 {width: 40px; height: 25px; background-image: url("{$tpl_path}Bilder/matt1_40.jpg"); background-repeat: no-repeat; float:right;} #header_5_2 {width: 926px; height: 25px; background-image: url("{$tpl_path}Bilder/matt1_41.jpg"); background-repeat: no-repeat; float:right;} #header_5_3 {width: 11px; height: 25px; background-image: url("{$tpl_path}Bilder/matt1_241.jpg"); background-repeat: no-repeat; float:right;} #header_5_4 {width: 10px; height: 25px; background-image: url("{$tpl_path}Bilder/matt1_42.jpg"); background-repeat: no-repeat; float:right;} #header_5_5 {width: 37px; height: 25px; background-image: url("{$tpl_path}Bilder/matt1_43.jpg"); background-repeat: no-repeat; float:right;} A { color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: none } a:link {text-decoration: none} a:visited {text-decoration: none} a:active {text-decoration: none} a:hover {color: #CC9933; font-family: Arial, Helvetica, sans-serif; text-decoration: underline} FORM { display: inline;} TR.headerTop { background-image: url(img/bg_headerTop.gif); height: 37px;} TR.header { background-position: center } TR.headerNavigation { color: #EFEFEF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("img/topbg2.gif"); background-repeat: repeat; text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; height: 18px; vertical-align: middle; border: solid 1px; } TD.headerNavigation { color: #EFEFEF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("img/topbg2.gif"); background-repeat: repeat; text-transform: uppercase; padding-top: 1px; padding-bottom: 1px; height: 18px; vertical-align: middle; } A.headerNavigation { color: #EFEFEF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } A.headerNavigation:hover { color: #CC9933; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .navtrail_content { font-size:11px;color: #efefef;} #navtrail_content {font-size:11px;color: #efefef;} TD.conditions { background-color: #FFCCCC;} A.confirmationEdit { color: #009933; font-style: italic;} A.confirmationEdit:hover { color: #009933; font-style: italic; text-decoration: none;} TR.headerError { background-color: #e00000;} TR.headerMessage { background-color: #00CC33;} .moduleHeading { color: #696969; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #ffe74d; text-align: center; text-transform: uppercase; padding-bottom: 10px } /* Gutschein Header in Cart_Box */ .gsCartBox { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #ECD9BB; border: 1px; border-color:#999999; text-align: center; padding: 5px } /* Warenkorb Header */ .cartHeader { color: #000000; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #ECD9BB; border: 1px; border-color:#999999; text-align: center; padding: 5px } TD.headerError { font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 11px; background: #e00000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo { background: #00ff00;} TD.headerInfo { font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 11px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center;} TR.footer { background: #ffe74d } TD.footer { color: #696969; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #ffe74d; height: 20px; border-bottom: 1px solid } .infoBox { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #FAF6ED; border: solid 1px #999} .infoBox1 { font-size: 11px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; text-align:left; text-decoration: none; padding:3px; background-color: #FAF6ED ; border: solid 1px #999} .infoBox1 h1 { font-size: 15px; } .infoBox1 h2 { font-size: 12px; } .infoBox1 img { margin-bottom: -10px; padding-top: -2px;} .infoBox2 {text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 5px; background-color: #ecddbe ; border: solid 1px #696969} .infoBoxContents { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;} .infoBoxNotice { background: #FF8E90;} .infoBoxNoticeContents { background: #FFE6E6; font-family: Arial, Helvetica,sans-serif; font-size: 10px;} TD.tableBorderinfoBoxHeading { border-bottom: 1px solid } TD.infoBoxHeading {color: #cccccc; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } TD.infoBoxHeading_right { color: #696969; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("img/topbg2.gif"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; height: 18px } TD.infoBoxHeading_history {color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} TD.infoBox, SPAN.infoBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px;} TD.infoBox_right, SPAN.infoBox_right { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: url("img/bg_aqua.gif") } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #F0F9FF;} TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #F0F9FF;} TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px;} .productListing-heading { font-size: 16px; color: #000000; font-weight: bold; background-image: url("img/cat_titel_hg.jpg"); background-repeat:repeat-x; border: 1px solid #666; padding-left: 3px; padding-right: 3px;} .productListing-heading h1{ font-size: 16px; margin:5px;} .cat-Listing-heading { font-size: 18px; color: #000000; font-weight: bold; background-image: url("img/cat_titel_hg.jpg"); background-repeat:repeat-x; border: 1px solid #666; padding-left: 3px; padding-right: 3px; } .cat-Listing-heading h1{ font-size: 20px; margin:5px; } .cat-Listing-heading h2 h3{ font-size: 15px; margin:4px; } TD.productListing-data { font-family: Arial, Helvetica, sans-serif; font-size: 10px;} A.pageResults { color: #696969 } TR.subBar { background: #f4f7fd;} TD.subBar { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;} TD.main, P.main { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;} TD.smallText, SPAN.smallText, P.smallText { font-family: sans-serif; font-size: 11px;} TD.accountCategory { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #aabbdd;} TD.fieldKey { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} TD.fieldValue { font-family: Arial, Helvetica, sans-serif; font-size: 12px;} TD.tableHeading { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold } SPAN.newItemInCart { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e00000;} CHECKBOX, INPUT, RADIO, SELECT { font-family: Arial, Helvetica, sans-serif; font-size: 11px;} TEXTAREA { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px; width: 100% } SPAN.greetUser { color: #696969; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold } SPAN.underline { text-decoration: none;} TABLE.formArea { font-family: Arial, Helvetica, sans-serif; background-color: #FAF6ED; background-attachment: scroll; background-position: 0 0; border: solid 1px #696969 } TD.formAreaTitle { font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} TD.copyright { font-family: Arial, Helvetica, sans-serif; color: #EFEFEF; font-size: 11px; line-height: 1.5; text-align:center;} SPAN.markProductOutOfStock { font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 12px; color: #c76170; font-weight: bold;} SPAN.productPriceInfo{font-weight: bold;font-size: 15px;} .productPriceInfo{font-weight: bold;font-size: 15px;} .productOldPrice { font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: line-through; font-size: 13px;} SPAN.productOldPrice { font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: line-through; font-size: 13px;} .productPrice {Font-size: 15px;} .productNewPrice {color:#e00000;} .productSpecialPrice { font-family: Arial, Helvetica, sans-serif; color: #e00000; font-size: 15px;} SPAN.productSpecialPrice { font-family: Arial, Helvetica, sans-serif; color: #e00000; font-size: 15px;} .productInfoPrice { color: #e00000; font-size: 16px; font-family: Arial, Helvetica, sans-serif } SPAN.errorText { font-family: Arial, Helvetica, sans-serif; color: #e00000;} SPAN.productDiscountPrice { font-family: Arial, Helvetica, sans-serif; color: #e00000; font-weight: bold;} .smallHeading { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: Black;} .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .checkoutBarCurrent_black { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .checkoutBarCurrent_red { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e00000; } /* sitewide font classes */ /* Note: heading equals */ .heading1 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; } .heading2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; } .heading3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; } .heading4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; } .heading5 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; } .top-angebot-heading {font-size: 18px; color: #000000; font-weight: bold; background-image: url("img/cat_titel_hg.jpg"); background-repeat:repeat-x; border-left: 1px solid #000; border-right: 1px solid #000;border-bottom: 1px solid #000; padding: 3px;} /* Sitemap Tables */ .sitemap_heading { color: #000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-image: url("img/topbg2.gif"); background-repeat: repeat; padding-top: 2px; padding-bottom: 2px; border: solid 1px #696969 } .sitemap_heading a { color: #696969 } .sitemap_heading a:hover { color: #ffffff; text-decoration: none } .sitemap_sub { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 } .sitemap_sub a { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 } .sitemap_sub a:hover { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 2px } /* message box */ .messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #e00000; } .tableShop {background-color: #ffffff;border-left: 1px solid;border-right: 1px solid; border-color: #b6b7cb;} .navLeft { border-right: 1px solid; border-color: #b6b7cb; background-image: url(img/bg_left_column.jpg); width: 185px;} .navRight { background-color: #ffffff; width: 185px;} .contentsTopics { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-transform: uppercase; } .tableListingI {} .tableListingII { background-color: #ECD9BB;} .tableBody {padding: 5px;} .poweredby { color: #696969; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-image: url("img/cat_hg.jpg"); background-repeat: repeat; text-align: center; text-transform: uppercase; border: solid 1px } .onepxwidth { width: 1px } .box_border { border: solid 1px #696969 } .box_border_red { border: solid 1px #ff8c00 } .shoppingCardBox { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #ff8c00; border-color: #ffa500 } TD.shoppingCardHeading { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #ffa500; text-transform: uppercase; border: solid 1px #ff8c00 } TR.box_border { border: solid 1px #696969 } /* td vom product_image in product_info.php*/ .productDescTitle { color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px } .productDesc { color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.2 } TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD { font-size: 11px; font-family: sans-serif; background: url("img/cat_hg.jpg"); border: solid 0 #000000 } TD.inListBGR { border-right-width:1px;} TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD, TD.tableBorderTopLeftBottom, TD.tableBorderTopRightBottom { font-size: 11px; font-family: sans-serif; background: url("img/cat_hg.jpg"); border: solid 0 #000000 } TD.inListBGR { border-right-width:1px;} TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight { border-bottom-width:1px; border-left-width:1px;} TD.tableBorderTopLeftBottom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px} TD.tableBorderTopRightBottom { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;} TD.tableBorderTopLeftRight { border-right-width:1px;} TD.tableBorderBottom { border-bottom-width:1px;} TD.tableBorderBottomRight { border-right-width:1px; border-bottom-width:1px;} TD.tableBorderWithoutRight { border-top-width:1px;} TD.smallTextImage{ border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px;} .content { border: dashed 1px #696969 } .categories { line-height: 1.5em; color: #696969; text-decoration: none; font-weight:normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .sub_categories { font-weight:bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} /* Zusätzliche von hand in die Boxen eingefügte Links */ .categories_zusatz { line-height: 1.5em; padding-left: 3px; color: #e00000; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } /* Hintergrundfarbe*/ body { background-color: #7F7E7C;} /* Text */ body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px;} /* Schrift Produktsuche */ .suche {color: #F3F3F3; font-size: 11px; font-family: Arial, Helvetica, sans-serif} /* Navizeile */ .navi {color: #EFEFEF; font-color:#EFEFEF; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold;} .navi_box {color: #1B1A18; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold;} .navi_top {color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9px; } /* BOX �berschrift */ .box_header {color: #EFEFEF; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #banner-links { width: 330px; height: 200px; padding-left: 0px; margin-top: 0px; float: left; } #banner-rechts { width: 330px; height: 200px; padding-right: 0px; margin-top: 0px; float: right; } #anhang { width:100%; text-align:left;} #anhang-item { width: 25%; text-align:center;} /*----------------------------Suggest Styles--------------------------*/ .suggest_link { background-color: #FFFFFF; padding: 2px 6px 2px 6px;} .suggest_link_over { background-color: #3366CC; padding: 2px 6px 2px 6px; cursor: pointer;} #search_suggest { position: absolute; visibility: hidden; background-color: #FFFFFF; text-align: left; border: 1px solid #000000; } /*----------------------------End Suggest Styles------------------------*/ .rma_choose {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#eeeeee;} .rma_table_heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#dddddd; padding-left:5px; height:18px;} .rma_table_content {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#f1f1f1; padding-left:5px; height:18px;} .rma_choose_body {font-family: Verdana, Arial, sans-serif;font-size: 10px;padding:5px;} .rma_options {font-family: Verdana, Arial, sans-serif;font-size: 10px;} /*----------------------- Sumatext Anfang -----------------------------------*/ .randomtext {width: 950px;height: 100px;background: #F4E9D6;padding: 2px 5px;border: 1px solid #565656;} /* ------------------------------- Sumatext Ende ------------------------------ */ /* ------------------------------- Lightbox Anfang --------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 300px; height: 300px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.eleganzza.de/shop/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.eleganzza.de/shop/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.eleganzza.de/shop/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ------------------------------- Lightbox Ende ------------------------------ */ /* ----------------------------- BLOG -----------------------------------------*/ .blog_content { font-size: 11px; line-high: 1,5em; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #FAF6ED; border: solid 1px #696969; padding: 5px;} .blog_postet { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #FAF6ED; border-top: solid 1px #696969; padding: 5px;} .blog_title { font-size: 20px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #FAF6ED; border: solid 1px #696969; padding: 5px;} .blog_content_comment { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #ecddbe; border: solid 1px #696969; padding: 5px;} .ruecker {padding: 2px;list-style-type: none;} .ruecker_eleganzza {font-weight: normal;padding: 2px;list-style-type: none;} .titel_mittig {vertical-align:middle;} .date{background-color: #ecddbe; border: 1px solid; border-color: #696969; float: left; font-size: 12px; line-height: 14px; text-align: center; vertical-align: middle; color: #000; height: 43px; width: 50px; margin-left: -10px; margin-top: 16px; padding-top: 4px; _position: relative;/* ie6 fix */ margin-right: 12px; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Captions */ .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /* ------------------------------------ BLOG ENDE -------------------------------------*/ #facebook-leiste {font-size: 11px; font-family: Arial, Helvetica, sans-serif;text-decoration: none; padding: 5px; background-color: #FAF6ED ; border: solid 1px #696969; margin-bottom: 5px;} #facebook-leiste span {text-align: left;} #facebook-leiste img {float: left;width: 25px;margin-top:6px;padding-right: 5px;} #facebook {width: 192px;height: 70px;background-color: #707070;border: 1px solid #000;margin-bottom: 1px;} .facebook-links {width: 105px;margin: left;margin-top: 4px;margin-left: 2px;float: left;} .facebook-rechts {width: 82px;margin: right;margin-top: 4px;margin-right: 3px;float: right;} /* INFOCENTER */ .infocenter_header { background-image:url(img/bg.gif); background-color:#f2f2f2; padding-left:10px; padding-top:3px; padding-bottom:3px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#666666; margin-bottom:5px; border: 1px solid #999;} .infocenter_categories { font-weight:bold; font-size:11px; font-family:Arial,Verdana; color:#666666; margin-bottom: 2px;} .infocenter_cats { font-weight:bold; color:#333;} .infocenter_items { padding-left:8px; color:#333;} .infocenter_titel_bg { background-image:url(img/infocenter_bg.gif); background-repeat: no-repeat; background-color: #f2f2f2; width: 678px; height:60px; margin-bottom:10px; border: 1px solid #999; } .infocenter { background-image:url(img/infocenter.gif); background-repeat: no-repeat; background-color: #f2f2f2; width: 678px; height:60px; margin-bottom:10px; border: 1px solid #999; } .infocenter_titel { position:relative; top:15px; left:12px; text-transform:uppercase; font-style:italic; font-family:Arial,Verdana; font-weight:bold; color:#999999; font-size:16px;} .infocenter_name { position:relative; text-transform:lowercase; font-style:italic; top:12px; left:70px; font-family:Arial,Verdana; font-weight:bold; color:#FF6600; font-size:14px;} .infocenter_text { color:#333333; font-size:11px; line-height:1.5em; font-family:Arial, Helvetica,sans-serif; margin-bottom:3px; font-size: 11px; text-decoration: none; padding: 5px; background-color: #FAF6ED ; border: solid 1px #999;} .infocenter_text h1 {font-size:17px;} .infocenter_text h2 {font-size:14px;} .infocenter_text h3 {font-size:12px; margin-bottom: -8px;} .infocenter_text h4 {font-size:11px; margin-bottom: -10px;} A.infocenter_categories_links:link,A.infocenter_categories_links:visited {font-size:11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#333333;} A.infocenter_categories_links:hover {font-weight: bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color: #333333;} A.infocenter_items_links:link,A.infocenter_items_links:visited {font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#333333;} A.infocenter_items_links:hover {font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color: #333333;} .infocenter_border { margin-bottom:10px;} /*=================================*/ /* Nivo Slider Demo /* November 2010 /* By: Gilbert Pellegrom /* http://dev7studios.com /*=================================*/ /* Hier gibst du an, wie groß dein Slider werden soll. Außerdem wird eine Ladeanimation eingebunden*/ #slider{ height: 200px; width: 680px; background:url(img/Startseite-Banner/bahnhofsuhren.jpg) no-repeat;} #slider img { position:absolute; top:0px; left:0px; display:none;} #slider a { border:0; display:block;} /* Die Nivo Slider styles */ .nivoSlider { position:relative;} .nivoSlider img { position:absolute; top:0px; left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;} /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%;} /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.3; /* Overridden by captionOpacity setting */ width:100%; z-index:89;} .nivo-caption p { padding:10px; margin:1px; font-size: 15px;} .nivo-caption a { display:inline !important;} .nivo-html-caption { display:none;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; right:10px; bottom:200px;} .nivo-controlNav a { display:absolute; width:22px; height:22px; background:url(img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .nivo-controlNav a.active { background-position:0 -22px;} .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif;} .nivo-caption a { color:#efe9d1; text-decoration:underline;} /*=================Ende-Nivo-Slider===================*/ /*=================Anfang produkt filter=====================*/ .product_filter_hg { background: #fff; border: 1px solid;} span.product_filter {} ul.product_filter { text-align:left; margin: 10px; padding: 0px; display: block; background: #fff; clear: both} ul.product_filter li {float: left; width: 25%; text-align:left; padding-bottom: 10px;} .cat_titel{ padding:4px 5px; color:#333; cursor:pointer; text-align:left;} .cat_items { display:block; cursor: pointer; margin: 4px 0 4px 10px; text-align:left;} .cat_items a { display:block; cursor: pointer; text-align:left;} .cat_active { color: #000; font-weight: 700; text-align:left;} /*=================Ende produkt filter=====================*/ /* Register Tabs fpr advanced products description Contribution from http:// www.xtc-shoplayout.de */ .dynamic-tab-pane-control.tab-pane { position: relative; width: 100%; } .dynamic-tab-pane-control .tab-row .tab { border-right:1px solid #e0d6c3; font-family: Verdana, Helvetica, Arial; font-size: 12px; cursor: Default; display: inline; float: left; background: #f6f3ee; border-top: 1px solid #e0d6c3; border-bottom: 0px none; border-left: 1px solid #e0d6c3; cursor: hand; cursor: pointer; z-index: 1; position: relative; top: 2px; margin-left:5px; margin-right:-5px; margin-top:0px; margin-bottom:1px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px } .dynamic-tab-pane-control .tab-row .tab.selected { border-left:1px solid #e0d6c3; border-right:1px solid #e0d6c3; border-top:1px solid #e0d6c3; border-bottom:0px none; z-index: 3; top: 0px; background: #fff9ee; margin-left:0px; margin-right:-6px; margin-top:1px; margin-bottom:-2px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:5px } .dynamic-tab-pane-control .tab-row .tab a { font-family: Verdana, Helvetica, Arial; font-size: 13px; font-weight: normal; color: #000; text-decoration: none; cursor: hand; cursor: pointer; } .dynamic-tab-pane-control .tab-row .hover a { color: #cc9933; height: 2.60em; } .dynamic-tab-pane-control .tab-row .tab.selected a { font-weight: bold; height: 2.60em; } .dynamic-tab-pane-control .tab-page { clear: both; border: 1px solid #e0d6c3; background: #fff9ee; z-index: 2; position: relative; top: -3px; color: Black; font-family: Verdana, Helvetica, Arial; font-size: 13px; padding: 5px; } .tab-page img {padding: 0px; border: 1px solid #e3e3e3;} .dynamic-tab-pane-control .tab-row { z-index: 1; white-space: nowrap; height: 2.50em; width: 100%; } /* End Register Tabs fpr advanced products description Contribution from http:// www.xtc-shoplayout.de */