/**
 * Stylesheet - bemom
 * @version $Id: all.css 95 2006-08-07 13:57:33Z stiffi $
 */

body {
    padding: 0;
    padding-bottom: 30px;
    text-align: center;
    margin: 0 auto;
    background-color: #faf6eb;
    background-image: url(img/background.gif);
    font-family: Arial, Helvetica, sans-serif;
}

* { margin-top: 0; }

img {
    border: 0;
    background-color:#FFFFDD;
}

th, td { vertical-align: top; }

#wrapper {
    text-align: left;
    margin: 0 auto;
    background-color:#fdfcf4;
    width: 770px;
    border-left: 2px #b1beaa solid;
    border-right: 2px #b1beaa solid;
    border-bottom: 2px #b1beaa solid;
}

#header {
    height: 100px;
    background-color: #f8d997;
    margin-left: -1px;
    margin-right: -1px;
}

#header h1 {
    color:#FFFFDD;
    margin:0;
    padding:0;
    background-image: url(img/logo.gif);
    background-position: 17px 8px;
    background-repeat:no-repeat;
    text-indent:-3000px;
    height: 100px;
    width: 280px;
    float: left;
    cursor: pointer;
}

#header h1 a span {
    height: 100px;

}

#footer {
    clear: both;
    text-align: center;
    display: inline;
    font-size: 70%;
    background-color: #f1e3bc;
    color: #960;
    padding: 3px;
}

#footer a {
    background-color: #f1e3bc;
    color: #960;
}


/* topmenu */

#topmenu { position: absolute; top: 83px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: -1px;}
#topmenu ul { list-style: none; width: 650px; height: 21px; margin: 0; padding: 0; background-color: #cc4d00;}
#topmenu li { position: relative; float: left; margin: 2px 0 1px -1px; height: 21px; }
#topmenu li .delim { visibility: hidden; }
* html #topmenu li .delim { visibility: hidden;  }
#topmenu a { display: block; text-decoration: none; color: #fff; font-size: 12px; height: 17px;
    padding: 2px 6px 0 6px; zoom: 1; }
* html #topmenu a { float: left; }
* html #topmenu ul, * html #topmenu ol { margin-left: -1px; }
#topmenu a.active {  font-weight: bold; }
#topmenu a:hover { text-decoration: underline; }
#topmenu a.active:hover { text-decoration: none; }
#topmenu li.sub a { background: url(img/ard_fff.gif) right center no-repeat; color: #fff; padding-right: 18px; }
#topmenu li.sub a:hover,
#topmenu li.sub a.active,
#topmenu li.sub a.active:hover { background: #cc4d00 url(img/ard_fff.gif) right center no-repeat; color: #fff; }
#topmenu ul ul { border: solid 1px #cc4d00; position: absolute; background-image: none; background-color: #cc4d00;
    top: 100%; left: -1px; width: 150px; height: auto; margin: 0; margin-top: -2px; padding: 2px 0 0 0; display: none;
    /* ie6 positioning defect causes 1px error when parent has odd height */
    _margin-top: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : 1); }
#topmenu li:hover > ul { display: block; }
#topmenu li li { float: none; vertical-align: bottom; margin: -2px 1px 1px 1px;  }
* html #topmenu li li a { width: 11em; }
#topmenu li li a.active { color: #fff; background-color: #cc4d00; }
#topmenu li li a.active:hover,
#topmenu li li a.active { background-color: #fff; color: #cc4d00; }
#topmenu li.sub li a { background: #cc4d00 none; border: 1px solid #fff; margin: 0;}
* html #topmenu li.sub li a { margin-top: 1px;}
#topmenu li.sub li a:hover,
#topmenu li.sub li a.active,
#topmenu li.sub li a.active:hover { background: #cc4d00 none; }
#topmenu ul { zoom: 1; }
#topmenu li { behavior: url(/script/IEmenu.htc); }


/* menu */

#menu {
    position: absolute;
    top: 114px;
    padding-left:8px;
    width:156px;
    float:left;
    font-size: 12px;
    background-image:url(img/shopcorner.gif); background-repeat:no-repeat;
    background-position: top right;
    background-color: #bbd8e5;
}

#menu h2 {
    color:#214e67;
    font-size: 20px;
    margin-bottom:0;
    padding: 4px 0px;
    white-space:nowrap;
}

#menu ul {
    color:#000;
    margin:0;
    padding:0;
    margin-bottom:1em;
    list-style:none;
}

#menu ul ul {
    margin-bottom:0;
}

#menu li {
    margin-bottom:0;
    font-weight: bold;
}

#menu li li {
    margin-left:0.5em;
    font-weight: normal;
}

#menu a {
    padding: .1em .2em;
    color: #214e67;
    display: block;
}

#menu li a:hover, #menu li.active a {
    color:#fff;
    background-color: #31799f;
}

/* cart */

#cart {
    position: absolute;
    top: 83px;
    margin-left: 619px;
    color: #fff;
    background-color: #cc4d00;
    font-size: 12px;
    padding:3px;
    height: 15px;
    width:146px;
    float:left;
}
* html #cart {
    height: 17px;
}

#cart h2 {
    color:#214e67;
    margin-bottom:0;
    white-space:nowrap;
}

#cart ul {
    color:#000;
    margin:0;
    padding:0;
    margin-bottom:1em;
    list-style:none;
}

#cart ul ul {
    margin-bottom:0;
}

#cart li {
    margin-bottom:0;
    float: left;
    color: #fff;
}

#cart li li {
    margin-left:0.5em;
}

#cart a {
    padding: .1em .2em;
    color: #fff;
    text-decoration: none;
}
#cart a span {
    text-decoration: none;
}

#cart li a:hover, #cart li.active a {
    text-decoration: underline;
}

#copy {
    background-color:#FFFFDD;
    clear:both;
    text-align:right;
    font-size:small;
    padding:.1em 1em;
    border-top: 1px #AAA dotted;
}

#content {
    font-size: 13px;
    line-height: 137%;
    min-height: 520px;
    margin-left:176px;
    margin-right: 1em;
    margin-top: 22px;
    padding-bottom: 15px;
}

#content h1 {
    font-size: 1.7em;
}

#content h2 {
    font-size: 1.6em;
    color:#9c2f16;
    white-space:nowrap;
    margin-bottom: 0.5em;
    margin-right:-2px;
    margin-left:-2px;
}

#content h3 {
    font-size: 1.15em;
}

#content h4 {
    font-weight: bold;
}

#main {
    margin-left: 1em;
}

#main_p {
    color: #803010;
}

#main_p h2 {
    padding-top:0;
    color:#803010;
    margin-bottom:0;
    white-space:nowrap;
    padding-left:0.5em;
    margin-bottom:0.5em;
}

#main_p h4 {
    border-bottom: 1px #AAA dotted;
    margin-bottom:0;
}

#news {
    width:27em;
    float:left;


}

p.news {
    font-size: 12px;
    margin-left: 0.2em;
}

#news h4 {
    margin-left: 0.2em;
}

/*Alles für das Proditem*/

div.prod_item {
    padding-top:0;
    margin-right: 1.2em;
    margin-left: 0.2em;
}

input {
    color:#803010;
}

.prod_navback {
    text-align: right;
    margin: -0.5em 1.8em -1em 0;
}

.prod_navback a {
    color:#803010;
}

.prod_navback a:hover {
    color:#803010;
    background-color:#FFCC99;
}

.prod_item h2 {
    text-decoration: underline;
    color: red;
    margin-right:1em;
}

.fmt_strong {
    font-weight:bold;
}

.fmt_emphasis {
    font-style:italic;
}

.fmt_underline {
    text-decoration:underline;
}

/*Alles für die Prodlist*/

div.prod_list {
    margin-right: 1.2em;
    margin-left: 0.2em;
}

#prod_page h2 {
    color:#803010;
    margin-bottom:0;
    white-space:nowrap;
    padding-left:0.5em;
    margin-bottom: 0.5em;
    margin-right:1em;
}

#content a, .prod_list a {
    color: #803010;;
}

#content a:hover, .prod_list a:hover {
    color:#803010;
    background-color:#FFCC99;
}

#content td a.prod_image:hover {
    color:#803010;
    background: none;
}

#content img {
    border: 1px solid #ffe4c8;
    padding: 5px;
    background-color: #fff;
}

.prod_image {
    position: relative;
    width: 220px;
}

.prod_image a {
    text-decoration: none;
}

.magnifier {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 6px;
    bottom: 9px;
    padding: 2px;
    background: url(img/magnifier.png) no-repeat center center #fff;
    cursor: pointer;
}

* html .magnifier {
    display: none;
}

#prod_page {
    color:#803010;
}

#prod_img_detail {
    z-index: 20;
    visibility: hidden;
    position: absolute;
    top: 10px;
    left: 20%;
    background-color: silver;
    border: solid 2px;
    border-color: #548ECB #163C91 #163C91 #548ECB;
    padding-top: 12px;
}
* html #prod_img_detail {
    background-color: #fff;
    padding-top: 0;
}
#prod_img_detail fieldset, #prod_img_detail legend {
    border: solid 2px;
    border-color: #548ECB #163C91 #163C91 #548ECB;
    background-color: white;
    padding: 8px;
}
#prod_img_detail fieldset {
    margin: 6px;
}
* html #prod_img_detail fieldset {
}
#prod_img_detail legend {
    padding: 0 .4em .1em .4em;
    margin: -12px 0;
}
* html #prod_img_detail legend {
    margin: -6px 0;
}
#prod_img_detail p {
    margin: 0;
    padding: 0;
}
#prod_img_detail .close {
    text-align: right;
    margin-bottom: 3px;
}
#prod_img_detail .close a {
    text-decoration: none;
    background-color: #f00;
    color: #fff;
    border: solid 2px #a00;
}

.cart {
    background-image: url(img/wagerl.gif);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    text-decoration:none;
}

.cart:hover {
    background-image: url(img/wagerl.gif);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    text-decoration:none;
}

.carttext {
    padding-left:1.6em;
    text-decoration:underline;
}

.cart_item {
    width:100%;
    border:1px solid #803010;
    margin:0;
    padding:0;
    float:left;
    margin-bottom: 1em;
}
.cart_item .img {
    width: 36px;
    text-align: left;
}

th {
    border-bottom: 1px dotted #803010;
    margin:0;
    padding:0;
    font-weight:lighter;
}

.cart_item td {
    text-align: right;
}

td.left {
    text-align: left;
}

th.btn {
    /*border-top: solid 1px #803010;*/
}

.cart_item td.sum {
}

th.right {
    border-bottom:none;
    text-align:right;
    padding-right:.5em;
}

tr.sum th {
    text-align:right;
    border-bottom:none;
    border-top: thick double #803010;
}

p.btn a, p.btn input {
    border: solid 1px;
    text-decoration: none;
    padding: .1em .3em;
    font-size: 83%;
    color: #242;
    background-color: #EFEFEF;
    float:right;
    cursor: pointer;
    margin-left:.5em;
    margin-bottom: .5em;
}

p.btn a {
    clear: right;
}

/*---Checkout---*/

.uniform p {
    padding-left:.5em;
}

.uniform input {
    margin-right:.5em;
}

* html fieldset {
    padding:.5em;
}

.mop_info_box {
    padding-left:1em;
}
.uniform ul {
    margin: 0; padding: 0;
    list-style: none;
}

td.active, th.active {
    background-color:#f2dc77;
}

.fl { float: left; }
.center { text-align: center; }

.shop {
    font-size: 12px;
    margin-top: 8px;
    margin-right: 15px;
    float: left;
}

.shop img {
    border: 1px solid #fff;
    margin-right: -5px;
    float: left;
}

.shop a {
    color: #000;
    text-decoration: none;
    float: left;
}

.box1 {
    background-color: #fff;
    border: 1px solid #cc6701;
    padding: 10px;
    margin-bottom: 1em;
}

#content .box1 img {
    padding:0;
    border: 1px solid #ccc;
}