/* EDITED BY MILLER */ /* XMAS */ /*------*/ /* .body_background { background: url(myimg/advertise/xmas/xmas.body.jpg) center top repeat-x; } #xmas_logo { background: url(myimg/advertise/xmas/xmas.logo.png) no-repeat top left; width: 445px; height: 192px; position:absolute; margin-left: -60px; margin-top: 4px; } #xmas_schnee { background: url(myimg/advertise/xmas/xmas.schnee.png) no-repeat top left; width: 267px; height: 117px; position:absolute; margin-left: 755px; margin-top: -30px; } */ /* website layout */ /******************/ #layout { width: 1014px; margin: 30px auto; overflow: hidden; } #layout_logo { background:url(myimg/layout.logo.optimized.jpg) no-repeat left top; width: 1014px; height: 203px; } /* #layout_logo { background:url(myimg/layout.logo.png) no-repeat left top; width: 1014px; height: 203px; } */ #layout_body { background:url(myimg/layout.pattern.pixel.optimized.jpg) repeat-y left top; width: 1014px; } /* #layout_body { background:url(myimg/layout.pattern.pixel.png) repeat-y left top; width: 1014px; } */ #layout_footer { background:url(myimg/layout.footer.png) no-repeat left top; width: 1014px; height: 86px; line-height: 15px; color: #c6a990; overflow: hidden; } #layout_footer a { color: #c6a990; text-decoration: underline; } #layout_footer a:hover { color: #D3BA98; text-decoration: underline; } #layout_footer ul { margin: 0px; padding: 0px; } #layout_footer li { background: url(myimg/icon.arrow.white.png) no-repeat left 4px; list-style: none; padding-left: 13px; } .splitter_solid_h { width: 1px; height: 60px; border-left: solid 1px #B59C82; margin: 10px 15px; float: left; } #mwst { width: 200px; margin-top: 10px; float: left; } #copyright { margin-top: 10px; float: left; } #bankverbindung { width: 200px; margin-top: 10px; float: left; } #firma_info { margin-top: 10px; margin-left: 25px; float: left; } #agb_info { margin-top: 10px; float: left; } #column_left { width: 177px; margin-left: 6px; float: left; } #column_right { width: 177px; float: left; } #column_content { width: 632px; margin: 0px 8px; float: left; } #column_content_header { background: url(myimg/content.header.edge.png) no-repeat left top; width:632px; height: 15px; } #column_content_body { background: url(myimg/content.pixel.png) repeat-y; width:632px; overflow: hidden; } #column_content_footer { background: url(myimg/content.footer.edge.png) no-repeat left top; width:632px; height: 20px; } #copyright_xt { width: 350px; color: #D6D6D6; margin: 0px auto; text-align: center; } #copyright_xt span:hover { cursor: pointer; text-decoration: underline; } /* website menu */ /****************/ #menu { background: url(myimg/nav.pixel.png) repeat-x left top; width: 998px; height: 79px; margin-left: 8px; } #menu_buttons { background: url(myimg/nav.button.pixel.normal.png) repeat-x left top; margin-top: 8px; float: left; } #menu_buttons a { font-size:15px; font-weight: bold; color:white; text-decoration: none; white-space: nowrap; outline: 0; display: block; margin: 0px 17px; } /* white-space und outline gegen umrandung nach click */ .menu_splitter { background: url(myimg/nav.button.splitter.png) no-repeat left top; width: 3px; height: 58px; float: left; } #menu_end { background: url(myimg/nav.button.end.normal.png) no-repeat left top; width: 21px; height: 79px; float: left; } #menu_btn_1, #menu_btn_2, #menu_btn_3, #menu_btn_4, #menu_btn_last { background: url(myimg/nav.button.pixel.normal.png) repeat-x left top; height: 58px; line-height: 58px; text-align:center; float: left; } #menu_btn_1:hover a { color: #FFE9D2; } #menu_btn_2:hover a { color: #FFE9D2; } #menu_btn_3:hover a { color: #FFE9D2; } #menu_btn_4:hover a { color: #FFE9D2; } #menu_btn_last:hover a { color: #FFE9D2; } #search { height: 24px; margin: 10px 15px 17px 0px; overflow: hidden; float: right; } #search_caption { width: 60px; height: 24px; line-height: 24px; font-size:15px; font-weight: bold; color: white; float: left; } #search_field { background: url(myimg/search.field.png) no-repeat left top; width: 140px; height: 24px; float: left; } #search_input { width: 90%; margin: 2px 0px 0px 10px; font-size: 13px; border: solid 0px black; } #search_button { background: url(myimg/search.button.normal.png) no-repeat left top; width: 23px; height: 24px; float: left; } .search_inactive{ color:#CCC; } .search_active { color:#840; } #topmenu { height: 28px; margin-right: 15px; overflow: hidden; float: right; } #topmenu_left { background: url(myimg/topmenu.left.png) no-repeat left top; width: 10px; height: 28px; float: left; } #topmenu_content { background: url(myimg/topmenu.pixel.png) repeat-x left top; height: 28px; float: left; } #topmenu_content div{ line-height: 28px; margin: 0px 5px; float: left; } .topmenu_splitter { background: url(myimg/topmenu.splitter.png) no-repeat left top; width: 2px; height: 28px; float: left; } #topmenu_right { background: url(myimg/topmenu.right.png) no-repeat left top; width: 10px; height: 28px; float: left; } #menu_blender { background: url(myimg/layout.pattern.blender.png) no-repeat center top; width:100%; height: 10px; } /* listing navigation */ /**********************/ .page_navigation { height: 26px; line-height: 26px; padding: 0px 0px 0px 10px; background: white; border: solid 1px #CCC; float: right; } .page_navigation .page { width: 15px; height: 20px; margin: 2px 1px; text-align: center; line-height: 20px; border: solid 1px white; float: left; } .page_navigation .page a { text-decoration: none; } .page_navigation .page_active { width: 15px; height: 20px; margin: 2px 1px; text-align: center; line-height: 20px; text-decoration: underline; border: solid 1px white; float: left; } .page_navigation .page:hover { cursor: pointer; border: solid 1px #c1d9b6; } .page_navigation .page:hover a { color: #333; text-decoration: underline; display: block; } .page_navigation .arrows { width: 16px; height: 20px; margin: 2px; text-align: center; line-height: 18px; border: solid 1px #81bb2b; background-color: #81bb2b; float: left; } .page_navigation .arrows a:hover { cursor: pointer; color: #fff; text-decoration: underline; } .page_navigation .arrows a { font-family: "Times New Roman"; font-size: 20px; color: #fff; text-decoration: none; } /* listing sorting */ /*******************/ .list_sorting { line-height: 26px; margin: 1px; background: white; float: left; } /* boxes general */ /*****************/ .box_left_header { background: url(myimg/box.left.header.png) no-repeat left top; width:177px; height: 41px; line-height: 41px; text-indent: 10px; font-size: 14px; font-weight: bold; color: white; } .box_left_body { background: url(myimg/box.left.cell.pixel.png) repeat-y; width: 177px; font-size: 12px; overflow: hidden; } .box_left_content { margin: 5px 14px 0px 8px; } .box_left_footer { background: url(myimg/box.left.footer.png) no-repeat left top; width:177px; height: 15px; margin-bottom: 10px; clear: both; } .box_right_header { background: url(myimg/box.right.header.png) no-repeat left top; width:177px; height: 41px; line-height: 41px; text-indent: 20px; font-size: 14px; font-weight: bold; color: white; } .box_right_body { background: url(myimg/box.right.cell.pixel.png) repeat-y; width: 177px; font-size: 12px; overflow: hidden; } .box_right_content { margin: 5px 5px 0px 20px; } .box_right_footer { background: url(myimg/box.right.footer.png) no-repeat left top; width:177px; height: 15px; margin-bottom: 10px; clear: both; } .box_inner { background: url(myimg/box.inner.pixel.png) repeat-y; width: 290px; } .box_inner .header { background: url(myimg/box.inner.header.png) no-repeat left top; width: 290px; height: 13px; } .box_inner .caption { height: 22px; font-weight: bold; color: #9d7f65; border-bottom:1px solid #E2DACF; margin-bottom: 10px; } .box_inner .content { background: url(myimg/box.inner.content.top.png) no-repeat left top; padding: 10px 15px;; overflow: hidden; color: #333; } .box_inner .footer { background: url(myimg/box.inner.footer.png) no-repeat left top; width: 290px; height: 13px; } .box_inner ul { margin: 0px 20px; padding: 0px; line-height: 22px; list-style-type: disc; color: #9d7f65; } .box_right_icon_arrow { margin-right: 10px; float: right; } .box_left_content p { padding: 0px; margin: 0px; } .box_right_content p { padding: 0px; margin: 0px; } .box_left_content a { color: #333; } .box_left_content a:hover { color: #9d7f65; } .box_right_content a { color: #333; } .box_right_content a:hover { color: #9d7f65; } /* box categories */ /******************/ #box_categories { font-size: 12px; line-height: 31px; color: #333; } #box_categories .box_left_content { margin: 0px; margin-right: 10px; } #box_categories .category { width: 170px; background: url(myimg/box.left.cell.png) repeat-y; float: left; } #box_categories .category_sub { width: 170px; background: url(myimg/box.left.cell.active1.png) repeat-y; padding-left: 10px; float: left; } #box_categories .category_active { width: 170px; background: url(myimg/box.left.cell.active1.png) repeat-y; float: left; } #box_categories .category_active a { font-weight: bold; color: #9d7f65; } #box_categories .category_sub_sub { width: 170px; background: url(myimg/box.left.cell.active2.png) repeat-y; padding-left: 20px; float: left; } #box_categories .category_sub_active { width: 170px; background: url(myimg/box.left.cell.active2.png) repeat-y; padding-left: 10px; float: left; } #box_categories .category_sub_active a { font-weight: bold; color: #9d7f65; } #box_categories .category_sub_sub_active { width: 170px; background: url(myimg/box.left.cell.active2.png) repeat-y; padding-left: 20px; float: left; } #box_categories .category_sub_sub_active a { font-weight: bold; color: #9d7f65; } #box_categories .cat_icon { background: url(myimg/icon.arrow.brown.png) no-repeat left top; width: 9px; height: 9px; margin: 11px 3px 0px 7px; float: left; } #box_categories .cat_text { float: left; } #box_categories .cat_text h3 { font-family: inherit; font-size: inherit; text-decoration: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0px; padding: 0px;} /* box currencies */ /******************/ #box_currencies form { width: 140px; } #box_currencies select { border: solid 1px #E1CDB5; } /* box cart */ /************/ #box_cart_left { width: 40px; font-weight: bold; float: left; } /* box bestsellers */ /*******************/ .box_bestsellers_head { margin: 0px; } .box_bestsellers_number { width: 18px; line-height: 20px; font-size: 20px; font-weight: bold; color: #9d7f65; float: left; } .box_bestsellers_name { width: 130px; line-height: 15px; float: left; } .box_bestsellers_name a { font-weight: bold; color: #333; } .box_bestsellers_body { display: none; margin: 5px 0px; } .box_bestsellers_picture_container img { width: 120px; margin-left: 18px; padding: 2px; border: solid 1px #BBB; background: white; } .box_bestsellers_picture_container img:hover { border: solid 1px #C19768; } .box_bestsellers_price { font-weight: bold; color: #9d7f65; margin: 5px 10px 5px 18px; } .box_bestsellers_price .discount { font-size: 12px; font-weight: bold; line-height: 14px; position: relative; margin: 0px 3px 0px 0px; padding: 2px 2px 1px 2px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } /* box last-viewed */ /*******************/ #box_lastviewed_picture_container { } #box_lastviewed_picture_container a { line-height: 0px; } #box_lastviewed_picture_container img { width: 140px; padding: 2px; border: solid 1px #BBB; background: white; } #box_lastviewed_picture_container img:hover { border: solid 1px #C19768; } #box_lastviewed_name { width: 130px; line-height: 15px; margin-top: 5px; } #box_lastviewed_name a { font-weight: bold; } #box_lastviewed_price { font-weight: bold; color: #9d7f65; margin-top: 5px; } #box_lastviewed_price .discount { font-size: 12px; font-weight: bold; line-height: 14px; position: relative; margin: 0px 3px 0px 0px; padding: 2px 2px 1px 2px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } /* box last-viewed */ /*******************/ #box_priceoffer { } #box_priceoffer img { position: relative; margin-left: -9px; } /* product details */ /*******************/ #details_left { width: 250px; float: left; } #details_right { width: 352px; float: right; } #details_picture_container img { width: 220px; padding: 4px; border: solid 1px #CCC; } #details_picture_container img:hover { border: solid 1px #C19768; } #details_more_pictures { width: 220px; margin: 0px 5px; } #details_productname { margin-bottom: 30px; font-size: 22px; font-family: "Trebuchet MS"; font-weight: bold; letter-spacing:-1px; color: #333; } #details_productname h1 { font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } .details_info_element { width: 100%; height: 28px; line-height: 28px; margin-bottom: 5px; } .details_info_element .link:hover { color: #9d7f65; } .details_info_element img { margin-right: 5px; } .details_attributes_caption { font-weight: bold; margin-top: 15px; } .details_attr_left { line-height: 25px; margin-right: 8px; float: left; } .details_attr_right { float: left; } .details_attr_caption { font-weight: bold; } .details_attr_choice { } #details_price_container { background: url(myimg/price.container.pixel.png) repeat-y; width: 220px; float: left; } #details_price_container_header { background: url(myimg/price.container.header.png) no-repeat left top; width: 220px; height: 22px; } #details_price_container_body { height: 95px; margin: 0px 18px; } #details_price_container_footer { background: url(myimg/price.container.footer.png) no-repeat left top; width: 220px; height: 15px; } #details_cart { height: 50px; line-height: 50px; text-align: center; } #details_price_offer_input_container { background: url(myimg/price.offer.input.container.pixel.png) repeat-y; width: 352px; position: relative; float: left; } #details_price_offer_input_container_header { background: url(myimg/price.offer.input.container.header.png) no-repeat left top; width: 352px; height: 22px; } #details_price_offer_input_container_body { height: 95px; margin: 0px 20px; } #details_price_offer_input_container_footer { background: url(myimg/price.offer.input.container.footer.png) no-repeat left top; width: 352px; height: 15px; } #details_price_offer_container { background: url(myimg/price.offer.container.pixel.png) repeat-y; width: 131px; margin-left: 1px; float: left; } #details_price_offer_container_header { background: url(myimg/price.offer.container.header.png) no-repeat left top; width: 131px; height: 67px; } #details_price_offer_container_body { height: 50px; margin: 0px 20px; } #details_price_offer_container_footer { background: url(myimg/price.offer.container.footer.png) no-repeat left top; width: 131px; height: 15px; } #gm_attr_calc_price { font-size: 20px; font-weight: bold; } #gm_attr_calc_price .specialPrice { font-size: 12px; font-weight: normal; text-decoration: line-through; color: #666; display: block; position: absolute; margin-top: -11px; margin-left: 5px; } #cart_qty { height: 50px; float: left; } #cart_qty #gm_attr_calc_qty { width: 25px; } #cart_x { margin: 0px 10px; text-align: center; float: left; } #button_cart { width: 55px; height: 50px; float: left; } #button_wishlist { width: 50px; height: 50px; float: left; } #button_priceoffer { width: 50px; height: 50px; margin: 0px auto; } #details_price a { color: inherit; text-decoration: none; } #details_price a:hover { color: inherit; text-decoration: underline; } #details_price .discount { font-size: 16px; font-weight: bold; position: relative; margin-top: -7px; margin-right: 3px; padding: 6px 3px 5px 3px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } #tab_container { padding: 0px 15px; width: 572px; height: 45px; overflow: hidden; } .tab_content_margin { margin: 10px 0px 0px 20px; } .tab_left_normal { background: url(myimg/tab.left.normal.png) no-repeat left top; width: 20px; height: 45px; cursor: pointer; float: left; } .tab_right_normal { background: url(myimg/tab.right.normal.png) no-repeat left top; width: 10px; height: 45px; cursor: pointer; float: left; } .tab_caption_normal { background: url(myimg/tab.pixel.normal.png); line-height:34px; padding-right: 5px; cursor: pointer; float: left; } .tab_left_active { background: url(myimg/tab.left.active.png) no-repeat left top; width: 20px; height: 45px; cursor: pointer; float: left; } .tab_right_active { background: url(myimg/tab.right.active.png) no-repeat left top; width: 10px; height: 45px; cursor: pointer; float: left; } .tab_caption_active { background: url(myimg/tab.pixel.active.png); line-height:34px; padding-right: 5px; cursor: pointer; float: left; } .tab_left_over { background: url(myimg/tab.left.over.png) no-repeat left top; width: 20px; height: 45px; cursor: pointer; float: left; } .tab_right_over { background: url(myimg/tab.right.over.png) no-repeat left top; width: 10px; height: 45px; cursor: pointer; float: left; } .tab_caption_over { background: url(myimg/tab.pixel.over.png); line-height:34px; padding-right: 5px; cursor: pointer; float: left; } .reviews_info { margin-bottom: 10px; } .reviews_text { overflow: hidden; } /* categories select */ /*********************/ #categories_select .categorie_element { background: #FFF; margin: 0px 6px 6px 0px; float: left; } #categories_select .categorie_element img { width: 190px; height: 116px; border: solid 1px #BBB; padding: 2px; } #categories_select .categorie_element img:hover { border: solid 1px #C19768; } #categories_select .categorie_element .caption { position: absolute; margin-top: -26px; margin-left: 30px; } #categories_select .categorie_element a { color: #FFF; font-weight: bold; text-decoration: none; } #categories_select .categorie_element a:hover { text-decoration: underline; } /* print product details */ /*************************/ #print_top { width: 650px; } #print_top img { height: 142px; } #print_top #address { margin: 50px 0px 0px 25px; } #print_top #contact { margin: 50px 0px 0px 25px; } #print_left { width: 200px; float: left; } #print_right { width: 450px; float: left; } #print_picture_container { margin-bottom: 10px; } #print_picture_container img { padding: 4px; border: solid 1px #CCC; } /* product picture popup */ /*************************/ #dimmer { background: #bababa; position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 999; /* opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); */ } #picture_popup { border: solid 1px #BBB; background-color: white; position: absolute; z-index: 1000; } #picture_popup_close { background: url(myimg/icon.picclose.normal.png); width: 61px; height: 21px; position:absolute; right: -1px; top:-21px; } .picture_container_small { margin: 0px 5px; } .picture_container_small a { line-height: 0px; } .picture_container_small img { width: 150px; padding: 2px; background: #fff; border: solid 1px #BBB; } .picture_container_small img:hover { border: solid 1px #C19768; } #picture_scroller { border: solid 1px #CCC; background: white; margin: 2px; padding: 15px; text-align: center; } #picture_scroller #arrow_left { width: 34px; height: 34px; margin: 60px 5px 0px 0px } #picture_scroller #arrow_right { width: 34px; height: 34px; margin: 60px 0px 0px 5px } .picture_big_border { padding: 2px; background: #fff; border: solid 1px #BBB; } /* products listings */ /*********************/ .listing_v_element { overflow: hidden; } .listing_v_header { background: url(myimg/content.inner.header.png) no-repeat left top; width: 602px; height: 15px; } .listing_v_body { background: url(myimg/content.inner.pixel.png) repeat-y; padding: 0px 15px; overflow: hidden; } .listing_v_footer { background: url(myimg/content.inner.footer.png) no-repeat left top; width: 602px; height: 20px; } .listing_v_left { width: 175px; float: left; } .listing_v_right { width: 390px; float: left; } .listing_v_right_top { margin-bottom: 5px; margin-top: 10px; } .listing_v_right_top .specialPrice { font-size: 12px; font-weight: normal; text-decoration: line-through; color: #666; display: block; position: absolute; margin-top: -11px; } .listing_v_right_middle { height: 80px; overflow: hidden; } .listing_v_right_bottom { line-height: 24px; overflow: hidden; } .listing_v_productname { line-height: 20px; margin: 10px 0px 0px 0px; } .listing_v_productname h2 { font-size: 16px; font-weight: normal; color: #9d7f65; margin: 0px; padding: 0px; } .listing_v_productname a { color: inherit; text-decoration: inherit; } .listing_v_productname a:hover { color: inherit; text-decoration: underline; } .listing_v_description { overflow: hidden; margin-top: 5px; color: #666; } .listing_v_price { font-size: 16px; color: #666; } .listing_v_price .discount { font-size: 16px; font-weight: bold; position: relative; margin-top: -10px; margin-right: 3px; padding: 6px 3px 5px 3px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } .listing_v_button { height: 24px; width: 124px; float: right; } .listing_v_picture_container img { width: 150px; padding: 4px; border: solid 1px #CCC; } .listing_v_picture_container img:hover { border: solid 1px #C19768; } .listing_h2_container { background: url(myimg/listing.h2.pixel.png) repeat-y; width: 260px; margin: 5px 5px 0px 25px; overflow: hidden; float: left; } .listing_h2_header { background: url(myimg/listing.h2.header.png) no-repeat left top; width: 260px; height: 10px; } .listing_h2_content { margin: 25px; text-align: center; } .listing_h2_footer { background: url(myimg/listing.h2.footer.png) no-repeat left top; width: 260px; height: 10px; } .listing_h2_productname { height: 35px; line-height: 20px; margin: 10px 0px; text-align: center; } .listing_h2_productname h2 { font-size: 16px; font-weight: normal; color: #333; margin: 0px; padding: 0px; } .listing_h2_description { height: 70px; color:#666; text-align: left; overflow: hidden; } .listing_h2_price { font-size: 14px; font-weight: bold; color: #666; } .listing_h2_price .discount { font-size: 14px; font-weight: bold; line-height: 16px; position: relative; margin: 0px 3px 0px 46px; padding: 1px 4px 2px 2px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } .listing_h2_picture_container { height: 160px; } .listing_h2_picture_container img { padding: 4px; border: solid 1px #CCC; } .listing_h2_picture_container img:hover { border: solid 1px #C19768; } .listing_h3_container { background: url(myimg/listing.h3.pixel.png) repeat-y; width: 197px; margin: 3px 0px 0px 3px; overflow: hidden; float: left; } .listing_h3_header { background: url(myimg/listing.h3.header.png) no-repeat left top; width: 197px; height: 10px; } .listing_h3_body { margin: 15px; text-align: center; } .listing_h3_footer { background: url(myimg/listing.h3.footer.png) no-repeat left top; width: 197px; height: 10px; } .listing_h3_productname { height: 30px; line-height: 15px; margin-bottom: 5px; overflow: hidden; } .listing_h3_productname h2 { font-size: 13px; font-weight: bold; color: #333; margin: 0px; padding: 0px; } .listing_h3_price { font-size: 14px; font-weight: bold; color: #666; } .listing_h3_price .discount { font-size: 14px; font-weight: bold; line-height: 16px; position: relative; margin: 0px 3px 0px 24px; padding: 1px 4px 1px 2px; background: #F00; color: #FFF; -moz-border-radius: 4px; border-radius: 4px; } .listing_h3_picture_container img { padding: 4px; border: solid 1px #CCC; background: white; } .listing_h3_picture_container img:hover { border: solid 1px #C19768; } .listing_h3_picture_space { height: 162px; } /* tables */ /**********/ #content_table td { height: 30px; } /* wish list */ /*************/ #wishlist .gm_class_input { width: 40px; } #wishlist table { border: solid 1px #CCC; } #wishlist th { text-align: center; padding: 5px; background-color: #e0cebe; color: white; } #wishlist td { vertical-align: top; padding: 5px; text-align: left; background-color: #f9f3eb; } #wishlist_picture_container { } #wishlist_picture_container a { line-height: 0px; } #wishlist_picture_container img { width: 80px; padding: 3px; border: solid 1px #BBB; background-color: #fff; } #wishlist_picture_container img:hover { border: solid 1px #C19768; } /* shopping cart */ /*****************/ #cart .gm_class_input { width: 40px; } #cart table { border: solid 1px #CCC; } #cart th { text-align: center; padding: 5px; background-color: #e0cebe; color: white; } #cart td { vertical-align: top; padding: 5px; text-align: left; background-color: #f9f3eb; } #cart_picture_container { } #cart_picture_container a { line-height: 0px; } #cart_picture_container img { width: 80px; padding: 3px; border: solid 1px #BBB; background-color: #fff; } #cart_picture_container img:hover { border: solid 1px #C19768; } /* order progress */ /******************/ .order_progress_block { margin-left: 42px; } #order_navi { width: 602px; height: 40px; margin: 0px 0px 20px 0px; } #order_navi .round_left_normal { background: url(myimg/order.navi.round.left.normal.png) no-repeat left top; width: 12px; height: 40px; float: left; } #order_navi .round_left_over { background: url(myimg/order.navi.round.left.over.png) no-repeat left top; width: 12px; height: 40px; float: left; } #order_navi .round_right_normal { background: url(myimg/order.navi.round.right.normal.png) no-repeat left top; width: 12px; height: 40px; float: left; } #order_navi .round_right_over { background: url(myimg/order.navi.round.right.over.png) no-repeat left top; width: 12px; height: 40px; float: left; } #order_navi .part_normal { background: url(myimg/order.navi.part.normal.png) repeat-x left top; width: 127px; height: 40px; text-align: center; line-height: 40px; color: #666; float: left; } #order_navi .part_over { background: url(myimg/order.navi.part.over.png) repeat-x left top; width: 127px; height: 40px; text-align: center; line-height: 40px; color: #666; float: left; } #order_navi .part_connection_normal_normal { background: url(myimg/order.navi.part.connection.normal.normal.png) no-repeat left top; width: 24px; height: 40px; float: left; } #order_navi .part_connection_over_normal { background: url(myimg/order.navi.part.connection.over.normal.png) no-repeat left top; width: 24px; height: 40px; float: left; } #order_navi .part_connection_normal_over { background: url(myimg/order.navi.part.connection.normal.over.png) no-repeat left top; width: 24px; height: 40px; float: left; } #order_navi .part_connection_over_over { background: url(myimg/order.navi.part.connection.over.over.png) no-repeat left top; width: 24px; height: 40px; float: left; } /* AGB */ /*******/ #agb { margin: 0px 30px 0px 10px; text-align:left; } #agb li { margin-bottom: 10px; color: #444; } #agb ol { margin-top: 5px; } #agb ul { margin-top: 5px; list-style: none; } #agb span { color: #333; } /* Widerrufsrecht */ /******************/ #widerrufsrecht { margin: 0px 30px 0px 10px; text-align:left; } #widerrufsrecht li { margin-bottom: 10px; color: #444; } #widerrufsrecht ol { margin-top: 5px; } #widerrufsrecht ul { margin-top: 5px; list-style: none; } #widerrufsrecht span { color: #333; } /* Datenschutz */ /***************/ #datenschutz { margin: 0px 30px 0px 10px; text-align:left; } #datenschutz li { margin-bottom: 10px; color: #444; } #datenschutz ol { margin-top: 5px; padding-left: 20px; } #datenschutz ul { margin-top: 5px; list-style: none; } /* Box Beratung */ /****************/ #box_beratung .caption { width: 45px; font-weight: bold; color: #9d7f65; float: left; } #box_beratung .text { float: left; } #box_beratung .mail { position: relative; left: -13px; top: -3px; } #box_beratung .mail a { white-space: nowrap; outline: 0; } /* Box Zahlungsarten */ /*********************/ #icon_container { margin-left: 4px; } #icon_container div { margin: 5px 0px; } #text_container { margin-left: 4px; } .icon_payment_vorkasse { background: url(myimg/icons/icon.payment.vorkasse.png) no-repeat; width: 136px; height: 51px; } .icon_payment_nachnahme { background: url(myimg/icons/icon.payment.nachnahme.png) no-repeat; width: 136px; height: 51px; } .icon_payment_abholung { background: url(myimg/icons/icon.payment.abholung.png) no-repeat; width: 136px; height: 51px; } .icon_payment_sofortueberweisung { background: url(myimg/icons/icon.payment.sofortueberweisung.png) no-repeat; width: 136px; height: 51px; } .icon_payment_paypal { background: url(myimg/icons/icon.payment.paypal.png) no-repeat; width: 136px; height: 51px; } /* Startpage */ /*************/ #startpage { font-weight: bold; color: white; } #startpage .advertise_left { background: #FFF; border: solid 1px #BBB; padding: 2px; line-height: 0px; float: left; } #startpage .advertise_right { background: #FFF; border: solid 1px #BBB; padding: 2px; line-height: 0px; float: right; } #startpage .advertise_link { width: 95px; height: 25px; position: absolute; margin-top: -30px; margin-left: 188px; } #startpage .advertise_link:hover{ cursor: pointer; } .specials_slider { width: 596px; height: 300px; background: url(myimg/advertise/slider/slider.loading.jpg) no-repeat 2px 2px; } /* Impressum */ /*************/ #impressum p { margin: 0px 0px 10px 0px; } #impressum #icon_home { background: url(myimg/icons/icon.home.png) center -10px no-repeat; width: 110px; height: 80px; } #impressum #icon_contact { background: url(myimg/icons/icon.contact.png) center -10px no-repeat; width: 110px; height: 80px; } #impressum #icon_calendar { background: url(myimg/icons/icon.calendar.png) center -10px no-repeat; width: 110px; height: 80px; } #impressum #icon_info { background: url(myimg/icons/icon.info.png) center -10px no-repeat; width: 110px; height: 80px; } #impressum #icon_www { background: url(myimg/icons/icon.www.png) center -10px no-repeat; width: 110px; height: 80px; } #impressum #icon_bank { background: url(myimg/icons/icon.bank.png) center -10px no-repeat; width: 110px; height: 80px; } /* Über uns */ /************/ #ueberuns #contact_block { line-height: 22px; } #ueberuns .element { border: solid 1px #CCC; width: 260px; height: 110px; margin-right: 10px; float: left; } #ueberuns .icon_contact_phone { background: url(myimg/icons/icon.contact.phone.png) center no-repeat; width: 28px; height: 20px; margin-right: 8px; float: left; } #ueberuns .icon_contact_mail { background: url(myimg/icons/icon.contact.mail.png) center no-repeat; width: 28px; height: 20px; margin-right: 8px; float: left; } #ueberuns .spacer { width: 28px; height: 20px; margin-right: 8px; float: left; } /* Liefer- und Versandkosten */ /*****************************/ #countrys img { margin-right: 10px; } #countrys div { width: 50%; line-height: 31px; } #countrys_eu img { margin-right: 10px; } #countrys_eu div { width: 50%; line-height: 31px; } .delivery_element { } .delivery_element img { margin-right: 15px; float: left; } .delivery_text { width: 300px; float: left; } .payment_element { } .payment_text { width: 310px; margin: 5px 0px 0px 10px; float: left; } .info_caption { width:120px; font-weight: bold; float: left; } .info_text { width:460px; color: #666; float: left; } /* show-flags for content elements */ /***********************************/ .showDeliveryDiv { display: inherit; } .showCountrysEU { display: inherit; } .showCountryAT { display: inherit; } /* price_offer */ /***************/ #price_offer table { font-family: "Trebuchet MS"; font-size: 13px; font-weight: normal; border: solid 1px #CCC; } #price_offer th { text-align: center; padding: 2px 5px; background-color: #e0cebe; color: white; } #price_offer td { vertical-align: top; padding: 2px 5px; text-align: left; background-color: #f9f3eb; } /* product_info */ /****************/ .content_block { margin-left: 20px; } .list_check_item { clear: both; height: 28px; } .list_check_icon { background: url(myimg/icons/icon.attribut.png) no-repeat; width: 24px; height: 24px; margin-right: 10px; float: left; } .list_check_text { height: 24px; line-height: 24px; float: left; } .list_square_item { clear: both; height: 22px; } .list_square_icon { background: url(myimg/icons/icon.list.green.png) no-repeat; width: 12px; height: 12px; margin: 1px 10px 0px 0px; float: left; } .list_square_text { height: 12px; line-height: 12px; float: left; } .table_border { padding: 1px; border: solid 1px #a0836a; margin: 0px 10px 10px 0px; } .table_border tr { line-height: 20px; } .table_border td { } .table_head { background-color: #a0836a; font-weight: bold; font-size: 13px; color: white; } .table_item { border-bottom: solid 1px #CCC; } .border_right { border-right: solid 1px #CCC; } .zones_system .preview img { width: 50px; height: 38px; border: solid 1px #FFF; margin: 0px 10px; } .zones_system .preview img:hover { border: solid 1px #C19768; cursor: pointer; } .zones_system .big img { width: 440px; height: 250px; } /* advertises */ /**************/ .img_border { padding: 2px; border: solid 1px #BBB; } .img_border:hover { border: solid 1px #C19768; } .img_link { width: 100%; height: 100%; display: block; color: #FFF; text-decoration: none; } #queen_aida_special { background: url(myimg/advertise/queen_aida_20_prozent.jpg) center no-repeat; width: 289px; height: 244px; } #brasilia_special { background: url(myimg/advertise/brasilia_20_prozent.jpg) center no-repeat; width: 289px; height: 244px; } #graves_special { background: url(myimg/advertise/graves_20_prozent.jpg) center no-repeat; width: 289px; height: 244px; } #gartenmoebel_special { background: url(myimg/advertise/gartenmoebel_10_bis_30_prozent.jpg) center no-repeat; width: 289px; height: 244px; } /* general */ /***********/ .content_container { width: 602px; overflow: hidden; float: none; } .content_header { background: url(myimg/content.inner.header.png) no-repeat left top; width: 602px; height: 15px; } .content_body { background: url(myimg/content.inner.pixel.png) repeat-y; padding: 0px 15px; overflow: hidden; } .content_footer { background: url(myimg/content.inner.footer.png) no-repeat left top; width: 602px; height: 20px; } .content_container table td { vertical-align: top; } #navigation { color: #333; } #navigation a:hover { color: #9d7f65; } #navigation_left { float: left; } #navigation_right { float: right; } .content_caption_1 { width: 100%; height: 35px; border-bottom: solid 2px #ba9d84; font-size: 22px; font-weight: bold; letter-spacing:-1px; color: #333; } .content_caption_1_left { height: 35px; border-bottom: solid 2px #9d7f65; float: left; } .content_caption_1_left h1 { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } .content_caption_1_right { width: 3px; height: 35px; border-bottom: solid 2px white; float: left; } .content_caption_1_subtitle { height: 70px; color:#666; } .content_caption_2 { height: 30px; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; color: #0065ac; } /* .content_caption_2_spacer { background: #9d7f65; background: #9d7f65; width: 10px; height: 10px; margin: 7px 3px 0px 5px; float: left; } */ .content_caption_2_spacer { background: url(myimg/icon.arrow.brown.png) no-repeat top left; width: 9px; height: 9px; margin: 4px 3px 0px 0px; float: left; } .content_caption_3 { width: 100%; height: 35px; line-height: 32px } .content_caption_3_icon { margin-right: 10px; float: left; } .content_caption_3_title { font-size: 16px; font-weight: bold; color: #666; float: left; } .content_caption_4 { width: 100%; height: 35px; line-height: 32px } .content_caption_4_icon { margin-right: 10px; float: left; } .content_caption_4_title { font-size: 15px; font-weight: bold; color: #666; float: left; } .splitter_dotted_1 { background: url(myimg/content.splitter.pixel.png) repeat-x left top; width:95%; height: 2px; margin:10px auto; float: none; } .splitter_dotted_2 { background: url(myimg/content.splitter.pixel.png) repeat-x left top; width: 100%; height: 2px; float: none; } .splitter_dotted_3 { background: url(myimg/content.splitter.pixel.png) repeat-x left top; width:100%; height: 2px; margin: 5px 0px 30px 0px; float: none; } .splitter_dotted_4 { background: url(myimg/content.splitter.pixel.png) repeat-x left top; width:100%; height: 2px; margin: 30px 0px; float: none; } .splitter_solid_1 { width: 100%; height: 1px; border-top: solid 1px white; margin: 5px 0px; } .splitter_solid_2 { width: 100%; height: 1px; border-top: solid 1px #CCC; margin: 10px 0px; } .splitter_solid_3 { width: 100%; height: 1px; border-top: solid 1px #ba9d84; margin: 25px 0px; } .splitter_solid_4 { width: 100%; height: 1px; border-top: solid 1px #ba9d84; margin: 5px 0px 10px 0px; } .splitter_solid_5 { width: 100%; height: 1px; border-top: solid 1px #E0CEBE; margin: 10px 0px; } .splitter_solid_6 { width: 100%; height: 1px; border-top: solid 1px #CCC; margin: 5px 0px 15px 0px; } .splitter_solid_7 { width: 100%; height: 1px; border-top: solid 1px #CCC; margin: 15px 0px; } .splitter_solid_h_1 { width: 1px; height: 60px; border-left: solid 1px #B59C82; margin: 10px 0px; float: left; } .arrow_white { background: url(myimg/icon.arrow.white.png) no-repeat top left; width: 9px; height: 9px; margin: 4px 3px 0px 0px; float: left; } .arrow_brown { background: url(myimg/icon.arrow.brown.png) no-repeat top left; width: 9px; height: 9px; margin: 4px 3px 0px 0px; float: left; } .arrow_brown_pushed { background: url(myimg/icon.arrow.brown.png) no-repeat top left; width: 9px; height: 9px; margin: 4px 3px 0px -12px; float: left; } body { margin: 0px; padding:0px; font-family: "Trebuchet MS"; font-size: 13px; color: #333; } img { border: none; padding: 0px; margin: 0px; } ul { margin: 0px; } a { color: #333; text-decoration: underline; cursor: pointer; } a:hover { color: #9d7f65; } input { font-family: "Trebuchet MS"; font-size: 13px; border: none; } .hide { display: none; } .hidden { visibility: hidden; } .bold { font-weight: bold; } .normal { font-weight: normal; } .blue { color: #0065ac; } .grey { color: #666; } .brown { color: #9d7f65; } .orange { color: #e0a017; } .creme { color: #f1e7db; } .alert { color: #F94E1C; } .info { color: #68A60B; } .align_left { text-align: left; } .align_right { text-align: right; } .align_center { text-align: center; } .left { float: left; } .right { float: right; } .center { text-align: center; } .underline { text-decoration: underline; } .double_underline { border-bottom: double 3px #666; margin-top: 3px; } .line_through { text-decoration: line-through; } .bigger { font-size: 13px; } .default { font-size: 12px; } .smaller { font-size: 11px; } .indent_small { margin-left: 5px; } .indent { margin-left: 10px; } .indent_big { margin-left: 20px; } .indent_huge { margin-left: 35px; } .text_indent_small { text-indent: 5px; } .text_indent { text-indent: 10px; } .text_indent_big { text-indent: 20px; } .text_indent_huge { text-indent: 35px; } .link { text-decoration: underline; cursor: pointer; } .link:hover { color: #9d7f65; } .line_null { line-height: 0px; } .space_huge { height: 300px; } .space_big { height: 100px; } .space_middle { height: 50px; } .space { height: 30px; } .space_small { height: 10px; } .space_micro { height: 5px; } .span_micro { width: 30px; } .span_smalltiny { width: 45px; } .span_tiny { width: 65px; } .span_small { width: 80px; } .span_smaller { width: 95px; } .span { width: 110px; } .span_middle { width: 130px; } .span_big { width: 180px; } .old_price { color: #F94E1C; text-decoration: line-through; } .new_price { color: #68A60B; } .specialPrice { font-size: 13px; font-weight: normal; text-decoration: line-through; color: #666; } .corner_specialPrice_info { background: url(myimg/corner.special.price.png) no-repeat top left; width: 80px; height: 80px; position: absolute; margin: 3px 0px 0px 3px; } .corner_specialPrice_listing_v3 { background: url(myimg/corner.special.price.png) no-repeat top left; width: 80px; height: 80px; position: absolute; margin: 2px 0px 0px 5px; } .corner_specialPrice_listing_h { background: url(myimg/corner.special.price.png) no-repeat top left; width: 80px; height: 80px; position: absolute; margin: 2px 0px 0px 2px; } .input_error input { background-color: #FFF0F0; } #input_area textarea { width: 97%; height: 100px; border: solid 1px #E1CDB5; font-family: "Trebuchet MS"; font-size: 13px; color: #666; } #input_area iframe { width: 97%; height: 100px; border: solid 1px #E1CDB5; padding: 2px; } .div_fix { clear: both; line-height:0px; font-size:0px; } .gm_class_input { width: 135px; margin-bottom: 5px; padding: 0px 2px; border: solid 1px #E1CDB5; color: #666; } .price_offer_input { width: 100px; margin-bottom: 5px; padding: 0px 2px; border: solid 1px #E1CDB5; color: #666; } .gm_mb_input { width: 135px; margin-bottom: 5px; padding: 0px 2px; border: solid 1px #E1CDB5; } .checkbox input { } textarea { border: solid 1px #E1CDB5; color: #666; padding: 2px; font-family: "Trebuchet MS"; font-size: 13px; } select { border: solid 1px #E1CDB5; color: #666; padding: 2px; font-family: "Trebuchet MS"; font-size: 13px; } #icon_error { margin: 5px 10px 0px 5px; float: left; } #icon_warning { margin: 5px 10px 0px 5px; float: left; } #icon_ok { margin: 5px 10px 0px 5px; float: left; } #icon_text { margin-top: 5px; width: 550px; float: left; } /* MY STYLE DEFINITIONS - END */