/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/



body { 
margin: 15px 0pt; 
background: #fbf3eb url('img/bg.jpg') repeat-x; 
color: #444444; 
font-family: Tahoma,Arial; 
font-size: 11px; 
}

h1.infoBoxHeading {
 border-bottom: 1px solid rgb(153, 153, 153); 
 padding: 5px 0pt 5px 10px; 
 font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
 color:#FFF;
 display: inline;
	}
	
.navbar {

background: transparent url(img/bg_nav.gif) repeat-x; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 
height: 30px; 
padding-left: 5px; 
padding-top: 6px; 
vertical-align:top; 
background-color:#FFFFFF; 
text-decoration: none; 
margin-top:65px;
position:relative;
float:none;
}


a.navbar{
color: #fff;
font-family: tahoma,Arial,sans-serif; font-size: 18px; font-weight: bold; 
text-decoration: none; 
}

a.navbar:hover
{ 
color: #FFF;
text-decoration: underline; 
}

.kopf{
color: #ffffff;
text-decoration: none; 
}

a.kopf{
color: #ffffff;
text-decoration: none; 
}

a:hover.kopf{
color: #ffffff;
text-decoration: underline; 
}

a { 
color: rgb(85, 85, 85); text-decoration: none; 
}

a:hover
{ 
color: rgb(85, 85, 85); 
text-decoration: underline; 
}


a.pageResults 
{ color: #555; font-family: tahoma,Arial,Helvetica,sans-serif; font-size: 11px; 
}

a.pageResults:hover 
{ 
background: #FFF none repeat; 
color: rgb(85, 85, 85); 
font-family: tahoma,Arial,Helvetica,sans-serif; 
font-size: 11px; 
}


form 
{ display: inline; 
}

h1 { margin: 0pt; padding: 0pt; font-size: 13px; color:#710808; }

img 
{ border: 0pt none ; 
}

span.greetUser 
{ 
color: rgb(68, 68, 68); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
}

span.markProductOutOfStock 
{ color: rgb(199, 97, 112); font-family: Tahoma,tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
}

span.markProductOutOfStock 
{ color: rgb(199, 97, 112); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
}

span.productDiscountPrice 
{ color: rgb(255, 0, 0); font-family: tahoma,Arial,sans-serif; font-weight: bold; 
}

span.productOldPrice { color: rgb(255, 0, 0); font-family: tahoma,Arial,sans-serif; text-decoration: line-through; }
span.productSpecialPrice, span.errorText { color: rgb(255, 0, 0); font-family: tahoma,Arial,sans-serif; }

table.formArea { 
border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat; }

table.productListing { 
border: 1px solid rgb(182, 183, 203); border-spacing: 1px; font-family: Arial,sans-serif; font-size: 11px; 
}

textarea { 
font-family: tahoma,Arial,sans-serif; font-size: 11px; width: 100%; }

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd, tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even { background: rgb(248, 248, 249) none repeat; }
tr.footer { background: rgb(187, 195, 211) none repeat; }
tr.header { background: rgb(255, 255, 255) none repeat; }
tr.headerError { background: rgb(255, 0, 0) none repeat; }
tr.headerInfo, tr.subBar {  }
tr.headerNavigation { background: rgb(246, 246, 246) none repeat; }
.accountCategory { color: rgb(170, 187, 221); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.an { display: block; }
.aus { display: none; }

.boxText 
{ 
padding: 3px; 
background: #F1F1F1 none repeat; 
line-height: 18px; 
}
.boxText, .messageBox, .infoBoxNoticeContents, .infoBox, span.infoBox, .productListing-data, .smallText, span.smallText, p.smallText, .fieldValue, checkbox, input, radio, select 
{ 
font-family: tahoma,Arial,sans-serif; font-size: 11px; 
}

.boxTextBG 
{
 background-color: rgb(241, 241, 241); font-family: tahoma,Arial,sans-serif; font-size: 11px; 
}

.boxTextBGII 
{ background-color: rgb(204, 204, 204); 
font-family: tahoma,Arial,sans-serif; 
font-size: 11px; 
}

.boxTextPrice, span.newItemInCart, .inputRequirement 
{ 
color: rgb(255, 0, 0); 
font-family: tahoma,Arial,sans-serif; 
font-size: 11px; 
}


.boxbestsellerPic 
{ 
padding-right: 5px; 
line-height: 18px; 
width:50;
float:left;
}

.boxbestsellerText 
{ 
padding: 1px; 
line-height: 18px; 
width:200;
}

.boxSpecialsText 
{ 
padding: 0px; 
line-height: 13px; 
background: #F1F1F1 none repeat; 
}


.product_item
{ 
float: left;
margin: 0px 15px 10px 5px;
width: 30%;
}

.product_listing_header { margin: 5px 0 0 0; }

a.product_listing_name { 
font-family: tahoma,Arial,sans-serif; 
font-weight: bold; 
font-size: 13px; 
}

.product_listing_image { 
align: center;
margin: 5px 0px 5px 5px;
}

a.product_listing_image { 
align: center;
margin: 20px 15px 10px 5px;
}

.product_listing_description { width: 100%; }


.checkoutBarCurrent, .boxText, .subBar { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; }

.checkoutBarFrom, .checkoutBarTo { color: rgb(140, 140, 140); font-family: tahoma,Arial,sans-serif; font-size: 11px; }

.contentsTopics { border-bottom: 1px solid rgb(204, 204, 204); color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 22px; padding-left: 5px; vertical-align: middle; width: 559px; }

.copyright { font-family: tahoma,Arial,sans-serif; font-size: 11px; line-height: 1.5; text-align: center; }

.errorBox { background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }

.errorBox { background: rgb(255, 179, 181) none repeat; font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }

.formAreaTitle, .fieldKey, .tableHeading { font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }

.gvBox { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }

.headerError { background: rgb(255, 0, 0) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center; }

.headerInfo { 
background: rgb(0, 255, 0) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; text-align: center; 
}


.info1, .info2 { margin: 0pt; padding: 5px; background: rgb(248, 193, 0) none repeat; font-size: 10px; }
.infoBox {  }


.mainBoxHeading
 { 
 background: transparent url('img/mainbox.jpg') repeat-x; 
 font-family: tahoma,Arial,sans-serif; font-size: 13px; font-weight: bold; color:#710808; padding-left:5px; padding-top:5px; font-decoration:underline;
 color:#fff;
 width: 680px;
 height: 25px;
 font-size: 13px; 
 color:#710808;
 text-align:left;
}


.infoBoxHeading
 { 
 background: transparent url('img/box_head.jpg') no-repeat; 
 font-family: tahoma,Arial,sans-serif; 
 font-size: 11px; 
 font-weight: bold; 
 padding-left:5px; 
 padding-top:5px;
 color:#fff;
 width: 215px;
 height: 20px;
}


.infoBoxContent 
{ 
width: 215px;
background: transparent url('img/box_back.jpg') no-repeat; 
font-family: tahoma,Arial,sans-serif; font-size: 11px; 
padding-left:5px; padding-top:5px; padding-bottom:5px;
}

.infoBoxInfo 
{ 
width: 215px;
background: transparent url('img/box_back.jpg') no-repeat; 
font-family: tahoma,Arial,sans-serif; font-size: 12px; 
line-height: 16px;
padding-left:5px; padding-top:5px; padding-bottom:5px;
}

.infoBoxHeading2 { 
border: 1px solid rgb(153, 153, 153); background: transparent url('img/navtrail.gif') repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 25px; }
.infoBoxHeading3 { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; height: 22px; }
.infoBoxNotice { background: rgb(242, 226, 226) none repeat; }

.infoBoxBottom 
{ 
height: 6px;
width: 220px;
background: transparent url('img/box_bottom.jpg') no-repeat; 
color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; 
}

.inner
{ 
z-index:0;
vertical-align: top;
width: 1004px;
background-color:#fff;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}

.header
{ 
z-index:1;
background: transparent url('img/header.jpg') repeat;
height: 110px;
vertical-align: top;
}

.navi
{ 
margin-top:30px;
float:left; 
width:220px;
vertical-align: top;
padding-top: 10px;
}

.seite
{ 
margin-top:22px;
float:left; 
vertical-align: top;
padding: 0pt 8px;
padding-top: 10px;
width:750px;
height:auto;
min-height:100%;
}

.checkout
{ 
margin-top:22px;
float:clear; 
vertical-align: top;
padding: 0pt 8px;
padding-top: 10px;
width:750px;
height:auto;
min-height:100%;
}

.service
{ 
z-index: 2; 
position: absolute; 
background-image: url(img/service.gif); 
width: 144px; 
height: 32px; 
visibility: visible; 
overflow: visible; 
top: 110px; 
left: 870px; 
color:#ffffff" 
}

.main, p.main 
{ 
font-family: tahoma,Arial,sans-serif; font-size: 11px; line-height: 15px; 
}
.messageStackError, .messageStackWarning { background-color: rgb(255, 179, 181); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.messageStackSuccess { background-color: rgb(153, 255, 0); font-family: tahoma,Arial,sans-serif; font-size: 11px; }
.moduleHeading { font-family: tahoma,Arial,sans-serif; font-size: small; font-weight: bold; padding-bottom: 11px; }

.moduleRow { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: transparent url('img/cat_norm.png') repeat-y;
 height: 25px;
 line-height: 150%;
 text-decoration: none;
 }

.moduleRow a { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: transparent url('img/cat_norm.png') repeat-y;
 height: 25px;
 line-height: 150%;
 text-decoration: none;
 }

.moduleRowOver { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: transparent url('img/cat_hover.png') repeat-y;
 height: 25px; 
 line-height: 150%; 
 text-decoration: none;
 }

.moduleRowOver a { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: transparent url('img/cat_hover.png') repeat-y;
 height: 25px; 
 line-height: 150%; 
 text-decoration: none;
 }
 
.moduleRowSelected { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: transparent url('img/cat_hover.png') repeat-y;
 height: 25px; 
 line-height: 150%; 
 text-decoration: none;
 }

.navLeft { border-color: rgb(182, 183, 203) -moz-use-text-color rgb(182, 183, 203) rgb(182, 183, 203); border-right: 1px solid; }

.navRight { border-color: rgb(182, 183, 203) rgb(182, 183, 203) rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; }

.onepxwidth { width: 1px; }

.orderEdit { color: rgb(112, 210, 80); font-family: tahoma,Arial,sans-serif; font-size: 11px; text-decoration: underline; }
.pageHeading, div.pageHeading { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 16px; font-weight: bold; }
.poweredby { color: rgb(85, 85, 85); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }
.productListing-heading, .mmbodysml { background: rgb(182, 183, 203) none repeat; color: rgb(255, 255, 255); font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; }

.productsNotifications { background: rgb(242, 255, 247) none repeat; }

.smallHeading { 
color: rgb(85, 85, 85); 
font-family: tahoma,Geneva,Arial,Helvetica,sans-serif; 
font-size: x-small; font-weight: bold; 
}

.stockWarning { color: rgb(204, 0, 51); font-family: tahoma,Arial,sans-serif; font-size: 11px; }

.tableBody { padding: 5px; }

.tableBody { padding: 2px; }

.tableListingI { background-color: rgb(238, 238, 238); }

.tableListingII { background-color: rgb(208, 208, 208); }

.tableShop { border-color: rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; border-right: 1px solid; background-color: rgb(255, 255, 255); }

.categories_list {
font-family: Tahoma,Arial; 
font-size: 11px; 
}

/* HEADINGS */

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#DA9401;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#DA9401; color:#FFFFFF; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#FFF2CC;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#FFEAAB;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#FFEAAB; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#DA9401;}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:185px; margin-right:15px; border: solid 1px; padding:8px}
ul#checkoutnavigation li.active {background-color: #FFEAAB}
ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}
ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
/* p.errormessage {border: solid #ff0000 2px; padding:15px; background-color:#FFD6D6} */

ul.messageStack {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px}
ul.messageStack li {}
ul.messageStack li.messageStackError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/exclamation.png); background-repeat:no-repeat; background-position:0px 4px}
ul.messageStack li.messageStackWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFF2CD}
ul.messageStack li.messageStackSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#66FF66}


/* SUCCESS MESSAGE */
/* .messageStackSuccess {padding:4px; background-color:#66FF66} */

/* FOOTER */
.footer {clear:both; text-align:center; font-size:11px; color:#666666; background-color:#E2E2E2; padding: 8px; margin-bottom:5px;}
.footer a {color:#666666; text-decoration:underline}

.cheaply_table {border:1px solid #dddddd; background-color:#f2f2f2;}
.cheaply_description {border-left:1px solid #dddddd;padding:5px;}
.cheaply_line {height:0px; border-bottom:1px solid #dddddd; padding:5px;}

a.info{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none} 

a.info:hover{z-index:2; background-color:#ff0} 

a.info:hover span{ 
    display:block; 
    position:absolute; 
    top:-26em; left:17em; width:450px;height:300px; 
    border:1px solid #000; 
    background-color:#fff; color:#fff; 
    text-align: center}