/* colors
    rot-braun:  #55060c (bg)
    rot-dunkel: #761119
    orange:      #fc6
    orange hell: #fd9
    braun:      #630
*/


/* basic */
*    { margin: 0px; padding: 0px; }

body { text-align: center; font: 12px/18px Verdana; color: #630; background-color: #55060c; }

h1, .pageHeading   { font: 18px Verdana; margin: 18px 10px; }
h2   { font: 12px Verdana; margin: 12px 10px; font-weight: bold; }
.pageHeading { margin-left: 0px; }

a:link, a:hover, a:visited { color: blue; }
a:hover{ text-decoration: none; }

img    { border: 0px; }

table             { border-collapse: collapse; }
th, td            { text-align: left; vertical-align: top; }

p      { margin: 10px; }
ul, ol { margin: 0px 40px; }
/* li     { padding: 2px 5px; } */
em     { font-style: normal; background-color: #CF0; padding: 3px; }
/* strong { font-size: 1.8em; font-weight: lighter; } */
b, strong { font-size: 12px; font-weight: bold; }

.small { font: 10px Verdana; } /* <small> didn't work */
.break { clear: both; }

div.list { border: 0px solid white; }
div.list span { display: block; float: left; width: 150px; text-align: right; padding-right: 10px; }      /* no table required */


/* header */
table.rahmen { table-layout: fixed; width: 998px; margin: 0px auto 100px; }
.a { width: 260px; }
.b { width: 738px; }

.logo               { height: 224px; border: 1px solid white; background: white url( "images/logo.jpg" ) }
div.site_navi       { margin: 184px 0px 0px 36px; color: #fd0000; font-size: 14px; }
div.site_navi div   { float: left; margin-right: 22px; }

.intro              { width: 450px; float: right; margin: 45px 240px 0px 0px; color: #761119; font-size: 14px; }
.intro h1           { font-size: 26px; margin: 0px; padding: 0px; }
.intro ul           { list-style-image: url( "images/raute.gif" ); margin-top: 13px; }
.intro li           { margin-top: 8px; }

.hotline { height: 55px; background-color: #761119; color: white; text-align: center; vertical-align: middle;  border: 1px solid white; font-size: 16px; }
.hotline span { color: #fc6; font-size: 12px; }

.breadcrumb         { background-color: #fc6; vertical-align: middle; border: 1px solid white; }
.breadcrumb h1      { font-size: 14px; margin: 0px; padding: 0px; margin-left: 20px; }
.breadcrumb a       { color: #630; text-decoration: none; }
.breadcrumb a:hover { color: #761119; text-decoration: underline; }


/* navi */
.navi { background-color: #761119; color: white; padding-bottom: 20px; border: 1px solid white; }
.navi h1 { color: #fc6; }

.cats { margin-top: 10px; }

.navi a       { color: white; }
.navi a:hover { color: #fc6; }

.cats a { display: block; font: 18px/36px Verdana; text-decoration: none; }
.cats a:hover { color: #fc6; }

a.active { font-weight: normal; color: #fc6; /* background: url( "images/pfeil.gif" ) no-repeat right; */ }

.cart-item { margin: 10px; }


/* konto etc. */
div.cart { height: 60px; margin-top: 10px; }

a.konto,
a.warenkorb,
a.kasse,
a.logout          { display: block; float: right; height: 40px; border: 0px solid #ccc; color: #999; font-size: 16px; padding-top: 1px; text-decoration: none; margin-left: 20px; }

a.konto           { background: url( "includes/languages/german/images/buttons/konto_grau.gif" ) no-repeat; width: 120px; }
a.konto:hover     { background: url( "includes/languages/german/images/buttons/konto.gif"      ) no-repeat; width: 120px; color: #761119; }

a.warenkorb       { background: url( "includes/languages/german/images/buttons/warenkorb.gif" ) no-repeat; width: 132px; }
a.warenkorb:hover { background: url( "includes/languages/german/images/buttons/warenkorb.gif"      ) no-repeat; width: 132px; color: #761119; }

a.kasse           { background: url( "includes/languages/german/images/buttons/kasse_grau.gif" ) no-repeat; width: 122px; }
a.kasse:hover     { background: url( "includes/languages/german/images/buttons/kasse.gif"      ) no-repeat; width: 122px; color: #761119; }

a.logout          { background: url( "includes/languages/german/images/buttons/logout_grau.gif" ) no-repeat; width: 122px; }
a.logout:hover    { background: url( "includes/languages/german/images/buttons/logout.gif"      ) no-repeat; width: 122px; color: #761119; }


/* inhalt */
.inhalt { background: #fc6 url( "images/kaffee-sack.gif" ) no-repeat bottom right; padding-bottom: 250px; border: 1px solid white; }


/* kasse konto etc. */
.cart { text-align: right; margin: 5px 10px 0px; line-height: 30px; }


/* product list */
table.productListing      { margin: 20px 0px 20px 20px; width: 660px; }
table.productListing tr   { }
table.productListing td   { padding: 10px 5px; }

td.productListing-heading   { background-color: #fd9; border-bottom: 1px solid white; color: #761119; font-weight: bold; }
td.productListing-heading a { color: #761119; }

tr.productListing-odd   { }
tr.productListing-even  { background-color: #ffdd99; }


/* single product */

/* rechter rand */
.image       { float: right; width: 250px; margin-bottom: 80px; text-align: center; border-left: 1px solid #fd9; }
.description { width: 420px; margin-left: 10px; }
.image .productSpecialPrice { font: 30px/40px Verdana; }

.buy input { width: 50px; }

/* querverweise */
div.dazu { height: 90px; padding: 10px; border-top: 1px solid #fd9; }
div.dazu img { height: 80px; margin-top: 5px; }
div.dazu p { float: right; width: 270px; }


/* sonstige seiten */
.inhalt-table    { margin: 10px; border: 0px solid white; }
.inhalt-table td { padding: 2px; }


/* sonstiges */
table.weiter { margin: 20px; width: 680px; border: 0px solid #eee; }

div.error { margin-left: 13px; padding: 5px; width: 700px; border: 1px solid red; }
td.messageStackError { padding: 5px 5px 5px 13px; width: 700px; border: 1px solid red; }

td.main { padding-right: 20px; }


/* div{ border: 1px solid #ccc; } */