html, body { margin:0; padding:0; }
body
{
font-size:13px;
color:#897766;
line-height:22px;
font-family:Helvetica, Arial, sans-serif;
}
a
{
color:#644A3D;
}
.clear_both
{
height:0;
line-height:0;
min-height:0;
font-size:0;
visibility:hidden;
clear:both;
}
/* ################ ALLGEMEIN ################### */
/* ###################### TEMPLATE ANPASSUNGEN ############################ */
.block
{
border:0;
}
.block .block-title
{
border:0;
padding:0;
}
.page-title
{
padding:0; border:0; margin:0;
}
.product-view .product-shop
{
width:400px;
}
.pager, .sorter
{
border-color:#D5C3B1;
}
/* ##################################### LAYOUT ##################################### */
/* ######## BG IMAGE ######## */
.main_bg_image
{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
}
/* ######## CONTENT BOX ####### */
.main_container
{
position:absolute;
left:50%;
margin-left:-499px;
top:30px;
width:998px;
}
/* #### PAGE TOP #### */
.main_container_top
{
height:110px;
background:url('../images/content_top.png') no-repeat center bottom;
}
.main_account_links { position:absolute; width:240px; right:38px; top:-24px; height:20px; text-align:right; }
.main_account_links a { color:#FFF; font-size:11px; text-decoration:none; opacity:0.8; font-weight:bold; }
.main_account_links a:hover { text-decoration:underline; }
a.main_logo
{
display:block;
width:384px;
height:110px;
border:0; text-decoration:none;
float:left;
background:url('../images/logo.png') no-repeat left center;
}
a.main_logo img { border:0; text-decoration:none; }
ul.main_navigation
{
float:right;
list-style-type:none;
margin:0;
padding:0;
width:600px;
margin-top:40px;
}
ul.main_navigation li
{
float:left;
list-style-type:none;
margin:0;
padding:0 9px;
height:40px;
display:block;
background:none;
}
ul.main_navigation li a
{
margin:0;
padding:0;
height:40px;
display:block;
text-indent:-9999px;
text-decoration:none;
border:0;
background:transparent url('../images/navi/home.png') no-repeat 0 0;
opacity:0.77;
}
.main_navigation li a.home { width:62px; background-image:url('../images/navi/home.png'); }
.main_navigation li a.gesund_rauchen { width:162px; background-image:url('../images/navi/gesund_rauchen.png'); }
.main_navigation li a.shop { width:60px; background-image:url('../images/navi/shop.png'); }
.main_navigation li a.kostenrechner { width:124px; background-image:url('../images/navi/kostenrechner.png'); }
.main_navigation li a.kontakt { width:83px; background-image:url('../images/navi/kontakt.png'); }
ul.main_navigation li a:hover
{
/*background-position:0 -40px; */
opacity:1;
}
.main_container_content
{
background:url('../images/content_bg.png') repeat-y center;
padding:0 47px 25px 47px;
text-align:left;
}
.main_container_content .main_bar
{
width:175px;
float:left;
}
/*
.main_container_content .main_bar h1,
.main_container_content .block .block-title,
.main_container_content .main_bar h3
{
text-align:left;
margin:10px 0 10px 0;
color:#55351F;
text-shadow:0px 0px 1px #BE9B85;
font-size:17px;
}*/
.main_container_content .main_bar h1,
.main_container_content .block .block-title
{
background:#442F1D;
padding:6px 0px 6px 10px;
color:#FFF;
text-transform:uppercase;
margin-top:22px;
margin-bottom:3px;
font:bold 12px Arial!important;
}
.main_container_content .block { width:180px; }
.main_container_content .block .block-title strong { font:bold 12px Arial!important; }
.main_container_content .main_bar .simaumenu h1,
.main_container_content .block .block-title { margin-top:0!important; }
/* ############# MAIN KATEGORIE LIST ################## */
.main_container_content .main_bar ul#left_nav-container
{
list-style-type:none;
margin:0; padding:0;
}
.main_container_content .main_bar ul#left_nav li ul li
{
list-style-type:none;
background:url('../images/navi_arrow.gif') no-repeat left center;
margin:2px 0px 2px 10px;
padding:2px 0px 2px 12px;
height:24px;
display:block;
}
.main_container_content .main_bar ul#left_nav li ul li a span,
.main_container_content .main_bar ul#left_nav li ul li a
{
color:#2C0F01;
text-decoration:none;
height:24px;
line-height:29px;
display:block;
}
.main_container_content .main_bar ul#left_nav li ul li a:hover,
.main_container_content .main_bar ul#left_nav li ul li.active a
{
color:#000;
font-weight:bold;
}
.main_bar ul#left_nav ul.level0
{
display:none;
}
.main_container_content .main_content
{
text-align:left;
width:701px;
float:right;
}
.main_container_content .main_content h1,
.main_container_content .page-title
{
margin:10px 0 14px 0!important;
color:#55351F!important;
text-shadow:0px 0px 1px #BE9B85!important;
font-size:20px!important;
text-align:left!important;
}
.main_container_content .box-title { margin-top:40px; }
.main_container_content .box-title h2 { margin-top:25px; }
.main_container_content .box-title h4 { margin-top:16px; }
.main_container_bottom
{
height:49px;
background:url('../images/content_bottom.png') no-repeat center top;
position:relative;
}
.main_footer_info
{
left:40px;
top:23px;
width:930px;
position:absolute;
}
.main_cc
{
float:left;
width:250px;
color:#B69170;
text-align:left;
font-size:11px;
}
.main_cc a
{
color:#8B6D54;
text-decoration:underline;
}
.main_cc a:hover { text-decoration:none; }
.main_footer_links
{
float:right;
width:380px;
color:#FFF;
}
.main_footer_links ul,
.main_footer_links ul li
{
margin:0; padding:0;
list-style-type:none;
}
.main_footer_links ul li
{
float:right;
margin:0 13px;
padding:0;
background:none;
}
.main_footer_links a
{
color:#FFF;
text-decoration:underline;
}
.main_footer_links a:hover { text-decoration:none; }
/* ######################## LEFT NAVIGATION CSS ############################### */
.simaumenu{
width: 180px; /*width of accordion menu*/
}
.simaumenu li.menuheader
{
list-style-type:none;
padding:0; margin:0; background:none;
}
.simaumenu .menuheader a
{
font:bold 11px Arial;
color:#F7F7F7;
background:#967D69;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
display:block;
text-decoration:none;
}
.simaumenu .menuheader a:hover { background:#6A5646; color:#FFF; }
.simaumenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#72543D;
}
.simaumenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}
.simaumenu ul li ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.simaumenu ul li ul li .opensubheader{ /*Open state CSS for sub menu header*/
background-image:url('../images/navi_arrow_open.gif');
}
.simaumenu ul li ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background-image:url('../images/navi_arrow_open.gif');
}
.simaumenu ul li ul li a{
color:#644A46;
background: url('../images/navi_arrow.gif') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #DDCEC4;
font-size: 90%;
}
.simaumenu ul li ul li a:visited{
color:#5C4D3D;
}
.simaumenu ul li ul li a:hover{ /*hover state CSS*/
color:#482D1C;
}
.simaumenu ul li ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
color:#000;
}
/* ################## ANPASSUNGEN #################### */
ul.simaulist
{
margin:10px 16px;
}
ul.simaulist li
{
background:url('../images/navi_arrow.gif') no-repeat left center;
padding:7px 0 4px 13px;
}
/* ################### MAIN FEATURED PRODUCTS ########################## */
.main_featured_products td
{
padding:14px 0;
border-bottom:1px solid #967D69;
text-align:center;
}
/* ################## PRODUCT LISTING ##################### */
.products-grid li.item
{
background:#665547;
padding:0px 0px 50px;
margin:6px;
border:1px solid #442F1D;
width:160px;
position:relative;
}
.products-grid .product-name
{
background:#665547;
color:#FFF;
text-align:center;
display:block;
text-decoration:none;
padding:7px;
margin:0;
height:32px;
border-bottom:1px solid #442F1D;
}
.products-grid .product-name a { color:#FFF; text-decoration:none; font-size:11px; }
.products-grid .product-image { background:#FFF; text-align:center; display:block; width:100%; margin-bottom:2px; }
.products-grid .price-box
{
background:#967D69;
color:#FFF;
text-align:center;
display:block;
padding:13px 0 2px 0;
margin:0;
font-size:28px;
line-height:30px;
text-shadow:1px 1px 1px #442F1D;
}
.products-grid .tax-details
{
background:#967D69;
color:#F1EBE5;
text-align:center;
display:block;
font-size:8px;
}
.products-grid .tax-details a { color:#ECE3D9; }
.products-grid li.item .actions
{
background:#FFF;
text-align:center;
width:100%;
padding:10px 0;
bottom:6px;
}
.category-products .limiter, .category-products .sorter { display:none; }
.category-products .pager { border:0; border-bottom:1px solid #665547; border-top:1px solid #665547; margin:32px 0 19px 0; color:#442F1D; padding:4px 0px 3px 0px; }
.category-products .pager .amount { float:none; display:block; text-align:center; }
/* #################### PRODUKT ANSICHT ###################### */
/********************** Tabs */
.tabs { margin: 15px 0px; overflow:hidden; border-bottom:1px solid #496778; zoom: 1;}
.tabs li { float:left; border-right:1px solid #ffffff; border-left:1px solid #fff; font-size:0.9em; line-height:1em; background: #f2f2f2; }
.tabs li.first { border-left:0; }
.tabs li.last { border-right:0; }
.tabs a { display:block; padding:6px 10px; color:#444; text-decoration: none;}
.tabs a:hover { background-color:#ddd; text-decoration:none; color:#444; ; text-decoration: none;}
.tabs li.active a,
.tabs li.active a:hover { background:#496778; font-weight:bold; color:#fff; }
#product_tabs_tags_tabbed_contents.input-box input { width: 300px; }
#product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents li { float:left; margin-right: 10px;}
#product_tabs_related_tabbed_contents ol { clear: both;}
.product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom: 1}
.tabs li.active a, .tabs li.active a:hover { background:#442F1D; }
.tabs { border-color:#442F1D; }
.tabs li { border-color:transparent; background:transparent; }
/* ################ ANDERER STYLE ##################### */
/*.product-shop .product-name h1 { text-align:right!important; margin-right:10px; } */
.product-view
{
margin:0 10px;
}
.product-shop .short-description
{
border:1px dashed #C9B5A3;
padding:13px;
text-align:justify;
}
.product-shop .main_catalog_product_order
{
border:1px dashed #442F1D;
margin:14px 0;
padding:13px;
color:#614D3C;
text-align:right;
}
.main_catalog_product_order .add-to-cart { float:right; text-align:right; padding:14px 0; }
.main_catalog_product_order .tax-details { font-size:10px; color:#866E5A; }
.main_catalog_product_order .price-box { font-size:30px; text-shadow:2px 2px 1px #C9B5A3; padding:10px 3px; }
.product-view .product-img-box .product-image-zoom { background:#FFF; border:1px solid #BAA898; }
/* ########################## CONTACT FORM ################################### */
.success-msg { border-color:#967D69; color:#967D69; background:#F0E8E0; margin:20px 3px; }
.fieldset .legend { padding:0 14px; background:#FFF; border:0; }
.fieldset, .buttons-set { border:1px solid #BAA798; background:transparent; padding:26px 25px 26px 33px }
.buttons-set { padding:5px; }
.form-list input.input-text, .form-list select, .form-list textarea { border:1px solid #BAA798; color:#442F1D; opacity:0.65; }
/* ################## BESTELLEN ###################### */
.opc .step-title { background:#967D69; color:#FFF; height:26px; line-height:26px; }
.opc .step-title h2, .opc .step-title .number { font-size:14px; color:#FFF; font-weight:bold; height:26px; line-height:29px; }
.opc .step-title .number { color:#FFF; }
.opc .active .step-title { background:#442F1D; }
.opc .active .step-title .number { color:#FFF; }
.opc .step h3, .opc .step h4 { color:#442F1D; font-size:14px; }
.checkout-cart-index .shipping,
.paypal-logo
{
display:none;
}