@charset "UTF-8";
/* CSS hoerzu shop */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead
{margin:0 auto;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {height:101%;font-size:12px;color:#333;background:#f4f3dc;font-family: Arial, sans-serif;}

table {border-collapse:collapse;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul {list-style:none;padding:0;margin: 0;}

.nostyle { display: none; }

.clearfix:after, #container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.reader{
position: absolute !important;
top: -6000px !important;
left: -6000px !important;
height: 1px !important;
width: 1px !important;}


fieldset {clear:none;border:0;}
fieldset legend {padding: 0 6px 0 0;font-weight:bold;display:none;}
form {margin:0;padding:0;font-size:12px;}
fieldset {clear:none;border:0;}
fieldset legend {padding: 0 6px 0 0;font-weight:bold;display:none;}
input:focus, textarea:focus, select:focus {}
textarea {width:390px;height:250px;padding:2px;}

table#agreement { padding: 10px; font-size: 90%; }

a:link,a:visited,a:active{color: #000;text-decoration:underline; }
a:hover{color: #000;text-decoration:none;}

.cart a:link, .cart a:visited, .cart a:active{color: #333;text-decoration:none; }
.cart a:hover{color: #333;text-decoration:underline;}

.shelf a:link, .shelf a:visited, .shelf a:active{color: #333;text-decoration:none; }
.shelf a:hover{color: #333;text-decoration:underline;}


.box{background:#fff url("../img/bg-item-small.gif") repeat-y right top;padding:10px;margin:10px 0 0 0;}
.small{font-size:11px;font-weight:normal;line-height:16px;}
.light{color:#999999;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

.top{font-size:0.9em;clear:both;padding:4px 2px;border-top:1px solid #ddd;}

.btn{margin:16px 0 0 0;}
.btn.continue{float: right;}
.btn.add{float: left;}

h1{font-size:24px; font-weight:bold; line-height: 30px; margin: 10px 0;}
h2{font-size:24px; font-weight:normal;}
h3{font-size:24px;font-weight:normal;margin:0 0 8px 0;color:#FF0000;clear:both;}
h4{font-size:14px; font-weight:bold;color: #333333;margin:0 0 4px 0;clear:both;}


#container {width:780px;margin:20px auto 0 auto;clear:both; background:#fff;border: 1px solid #c3c5c6;}

#header{height:70px;background:#c3c5c6 url("../img/header.gif") no-repeat left top;}

#menu {text-align:right;font-size:14px;color: #fff;background:#e1001a;padding:4px 10px;margin:2px 0 0 0;height:20px;}

#menu a,#menu a:link,#menu ul li a:visited{padding:0 4px;color: #fff;text-decoration:none;font-weight:bold;}
#menu a:hover{color: #fff;text-decoration:none;}
#menu a.cart{background:transparent url("../img/cart_icon_trans.gif") no-repeat 0 0;padding:0 0 0 24px;}
#menu a.active{color: #c3c5c6;}
#menu .cart-icon { margin: -7px 0; }

.overview {font-size:12px;}
.overview li.item-small { float:left; margin:0 10px 10px 0; width:375px; height:140px; font-weight:bold; background:#CC0000;display:inline;overflow:hidden;background:#fff url("../img/bg-item-small.gif") no-repeat right top;}
.overview li.item-big {float:left; margin:0 10px 10px 0; width:375px; height:290px; font-weight:bold; background:#CC0000;display:inline;overflow:hidden;background:#fff url("../img/bg-item-big.gif") no-repeat right top;}
.overview li.item-xxl {display: block; clear: both; margin:0 10px 10px 0; background: url("../img/bg-item-xxl.gif") repeat-y left top}

.overview li.info {color:#fff; float:left; margin:0 10px 10px 0; width:375px; height:140px; display:inline; overflow:hidden; background: #b22b2f url("../img/bg-info.gif") no-repeat right top;}
.overview li.info.wide {color:#fff; float:left; margin:0 10px 10px 0; width:760px; /* height:110px; */ display:inline; overflow:hidden; background: #b22b2f url("../img/bg-info.gif") no-repeat right top;}
.overview li.info h3{margin-top:10px;}
.overview img {float:left;}
.overview img.btn-product {float:none;margin:4px 0 0 0;}
.overview p{margin:10px 0;}
.overview .desc{text-align:right;padding:10px;}

.overview a.btn{font-size:12px;color:#e1021d;font-weight:normal;}

.overview h3,
.row-right h3 {font-size:17px;line-height:19px;font-weight: bold;color:#333333;clear: none;}
.overview h3 {margin:0;}
.row-right h3 {margin:10px 0 10px 0;}
.row-right p,.row-left p {margin:5px 0;}
/*
#content .overview .item-xxl .row-left { width: 240px; overflow: hidden; margin: 0;}
#content .overview .item-xxl .row-right { float: none; margin: 0; padding: 10px; }
*/

.overview .item-big h3 {font-size:22px;line-height:22px;font-weight: bold;color:#333333;clear: none;}

.overview h3 a, 
.overview h3 a:link,
.overview h3 a:visited{text-decoration:none;color:#333333;}

.overview .separator { display: block; clear: both; color:#000; margin:0 10px 10px 0; background: #ddd url(../img/bg-item-small.gif) no-repeat scroll right top; padding: 10px;}

.item-small .price, .details .price {font-size:24px;font-weight: bold;color:#F00; margin:4px 0 0 0;}
.item-big .price, .item-xxl .price {font-size:29px; font-weight: bold;color:#F00; margin:4px 0 0 0;}

#content{padding:10px 0 0 10px;}

#content .row-left{float:left; margin:0 0 10px 0; width:360px;display:inline;line-height:18px;}
#content .row-right{float:right; margin:0 10px 10px 0; width:360px;display:inline;line-height:18px;}

#content .row-left-70{float:left; margin:0 0 10px 0; width:520px;display:inline;line-height:18px;}
#content .row-right-30{float:right; margin:0 10px 10px 0; width:200px;display:inline;line-height:18px;}

ul#partner li {clear:both;}
ul#partner li h4 {clear: none;padding:10px 0 0 0;margin:0;}
*html ul#partner li h4 {clear: none;padding:0;margin:0;}
ul#partner li img { float:left;}

.cartprocess {clear:both;font-size:11px;}
.cartprocess li {float:left;margin:0 20px 10px 0;color:#999999;}
.cartprocess a,.cartprocess a:link,.cartprocess ul li a:visited {color:#000000;text-decoration:none;}
.cartprocess a:hover {text-decoration:none;}

.cartprocess li.active{color:#333;font-weight:bold;}

.cart {margin:6px 0 10px 0; }
.cart tr th {font-weight:bold;}
.cart tr td, .cart tr th {padding:2px 0;}
.cart td.amount, .cart th.amount { padding-left: 10px; }
.cart td.price, .cart th.price { padding-right: 10px; text-align: right; }
.cart.incart {background-color: #eee; padding: 10px 0; }

.cart.incart .cartemptymsg td { text-align: center; }

.shelf {margin:6px 0 10px 0;}
.shelf tr th {font-weight:bold;}
.shelf tr td, .shelf tr th {padding:2px 0;}
.shelf td.amount, .shelf th.amount { padding-left: 10px; }
.shelf td.price, .shelf th.price { padding-right: 10px; text-align: right; }

.address {margin:6px 0 10px 0; padding: 10px 0;}
.address tr {font-weight:bold;}
.address tr td {padding:2px 0;}
form#address input.code{width:68px;padding:1px;}
form#address input.city{width:150px;padding:1px;}
form#address input.text{width:230px;padding:1px;}
form#address .error {color: #f00;}
form#address div.error {margin-bottom: 15px; text-align: center; font-size: 15px;}


tr.item-new { background-color: #ddd;}
/* tr.item-new td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } */
div.item-new { padding: 10px 0;}
div.item-new.incart { background-color: #eee; }
div.shelf { padding: 10px 0; }
h4.shelf { margin: 30px 0 0 0; }

form#cart td.amount input {width:30px;padding:1px;text-align:center;}
form#cart input.error{background-color: #f88;}
form#cart input.text{width:230px;padding:1px;}

form#cart label{width:100px;float:left;}
form#cart p{padding:1px 0;}


#footer{font-size:11px;line-height:16px;clear:both;text-align:center;color: #CCCCCC;background:#a0a0a0 url("../img/bg-footer.gif") repeat-x bottom left;padding:6px 10px;}
#footer a, #footer a:link,#footer a:visited{color: #fff;text-decoration:underline; }
#footer a:hover{color: #fff;text-decoration:none;}

#links{color:#a6a593;font-size:10px;text-align:center;width:780px;margin:4px auto;clear:both;}
#links a, #links a:link,#links a:visited{color: #a6a593;text-decoration:underline; }
#links a:hover{color: #a6a593;text-decoration:none;}

#ordercode-container { float: right; }
#ordercode { font-size: 190%; border: 1px solid #999; padding: 10px;}

#content .error-message { margin:0 0 10px 0; line-height:18px; text-align: center; padding: 20px;}