* { 
    margin: 0;
    padding: 0;
}

html, body { height: 100%; }

body {
    font-family: Verdana, Arial , sans-serif;
    font-size: 11px;
    color: #000;
    text-align: center;
    background: #908E8F url("../images/body_bg.jpg") 50% 0 repeat;
    background-attachment:fixed;
}

img { border: none;  vertical-align: bottom; }
ul  { list-style: none; }
a   { color: #FFF; text-decoration: none; } 
em  { font-family: Times New Roman, serif; }  

fieldset { border: none; }

.left  { float: left; }
.right { float: right; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

.styled { list-style: disc inside; }

.red { color: #DB1F26; }

.button {
    width: auto;
    height: auto;
    padding: 0 10px;
    font-size: 10px;
    font-weight: normal;
    color: #110F10;
    background: #B0B0B0 url("../images/button_bg.gif") top left repeat-x;
    border: 1px solid #848484;
    cursor: pointer;
    display: block;
    float: right;
}

/* HEADER BACKGROUND
-----------------------------------------------------------------------------
*/

#header_bg {
    position: fixed;
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: transparent url("../images/header_bg.png") 50% 0 repeat-x !important;
    background: transparent url("../images/header_top_bg.gif") 50% 0 repeat-x;
    z-index: 1;
}

/* WRAPPER
-----------------------------------------------------------------------------
*/

#wrapper {
    position: relative;
    width: 861px;
    min-height: 100%;
    height: auto !important;
    height: 100%;  
    margin: 0 auto;
    padding-bottom: 1px;
    text-align: left;
    background: transparent url("../images/wrapper_bg.png") top left repeat-y !important;
    background: transparent url("../images/wrapper_bg.gif") top left repeat-y;
    z-index: 100;
}

/* HEADER
-----------------------------------------------------------------------------
*/
    
#header {
    position: fixed;
    width: 861px; 
    z-index: 10000;
    top: 0;
    /*width: 100%; */
    height: 90px;
    background: transparent url("../images/header_top_bg.gif") top left repeat-x;
}

#header img#logo { 
    width: 322px;
    height: 58px;
    margin: 16px 0 0 7px;
    behavior: url(iepngfix.htc); 
} 

#header_content {
    position: absolute;
    top: 20px;
    right: 14px;
    width: 410px;
    height: 20px;
    color: #FFF;
    display: block;       
}

#header_content form {
    width: 275px;
    margin-right: 15px; 
    display: block; 
    float: left; 
}

#header_content form input { width: 180px; }

#header_content form label { 
    font-family: Times New Roman, serif;
    font-size: 13px;
    font-style: oblique; 
}

#header_content a, #cart_button a {
    width: 115px;
    height: 14px;
    padding: 3px 0;
    text-align: center;
    background: #FFF url("../images/navi_bg.gif") top left repeat-x;
    font-weight: bold;
    display: block; 
    float: left;
}

a#items_count_field2 { margin: 5px 5px 0 0; float: right; }

* html #header_content a { padding: 3px 0 0 0; }
* html #header_content #cart_img { margin: -5px 2px 0 5px; }

#header_content #cart_img, #cart_img2 { 
    width: 28px;
    height: 25px;
    margin: -5px 2px 0 12px; 
    background: transparent url("../images/Cart.gif") center left no-repeat; 
    cursor: pointer;
    display: block;
    float: left; 
}

#header_content a p, #cart_button a p { 
    cursor: pointer;
    float: left; 
}

#header_content a:hover, #header_content a.active, #cart_button a:hover, #cart_button a.active { background: #999; }
#header_content a:hover p, #header_content a.active p, #cart_button a:hover p, #cart_button a.active p { color: #000; }
#header_content a:hover #cart_img, #header_content a.active #cart_img, #cart_button a:hover #cart_img2, #cart_button a.active #cart_img2 { background-position:  top left; }
#header_content a.empty #cart_img, #cart_button a.empty #cart_img2 { background-position:  bottom left; }
#header_content a.empty, #cart_button a.empty { color: #AAA; }
#header_content a.empty:hover, #cart_button a.empty:hover { background: #FFF url("../images/navi_bg.gif"); }
#header_content a.empty:hover p, #cart_button a.empty:hover p { color: #AAA; }
#header_content a.empty:hover #cart_img, a.empty:hover #cart_img2 { background-position:  bottom left; }

/* AJAX gererated <a>-Tag for total_count */
#header_content span a, #cart_button span a { display: inline; width: auto; padding: 0; float: none; background: none; }  
#header_content a:hover span a, #cart_button a:hover span a { color: #000; }
#header_content a.empty span a, #cart_button a.empty span a { color: #AAA; }

/*#header_content img { margin: -5px 2px 0 0; vertical-align: middle; }   div mit cart-bild massen und background image fuer avtive status*/

/* FOOTER
-----------------------------------------------------------------------------
*/

#footer {
    position: fixed;
    bottom: 0;
    width: 851px;
    height: 19px; 
    background: url("../images/footer_bg.gif") top left repeat-x;
    z-index: 10000;
}

#footer em {
    margin: 4px 0 0 17px;
    font-size: 11px;
    color: #BABABA;  
    display: block;
    float: left;
}

* html #ie_wrapper { height: 100%; }

* html #footer {
    position: relative;
    margin-top: -19px;
}
    
/* CLEARFIX
-----------------------------------------------------------------------------
*/
   
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}