/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------*/
/* TAGS Definieren                                                                          */
/* -----------------------------------------------------------------------------------------*/

BODY { 
	background-color: #fff; 
	background-image: url(img/page_bng.png);
	background-position: left;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, sans-serif; 
	color: #333;
	margin: 0px; 
	padding: 0px; 
}

A { color: #007CC2; text-decoration: none; }
A:hover { color: #29a2e6; text-decoration: none; border-bottom: 1px solid #666; }

.navLink:link,.navLink:visited { color: #222; font-size:14px; font-weight:bold; text-decoration: none; }
.navLink:hover { text-decoration: none; color: #000; border-bottom: 1px solid #0099ff; }

FORM { display: inline; }

IMG { border: 0px; }

HR { height: 1px; color: #4f4f4f; }

UL { margin-left: 10px; list-style: none; }

LI { padding-left: 15px; background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 0px 6px; }

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #fff;
    border: 1px solid #666;
    color: #333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
}
CHECKBOX:focus, INPUT:focus, RADIO:focus, SELECT:focus { background-color: #fff; color: #333; }

TEXTAREA { width: 99%; font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #dce1e6; border: 1px solid #666; color: #333; }
TEXTAREA:focus { background-color: #fff; color: #333; }

/* -----------------------------------------------------------------------------------------*/
/* TAGS Klassen                                                                             */
/* -----------------------------------------------------------------------------------------*/

TR.header { background-color: #ffffff; }

TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

A.headerNavigation { color: #ccc; text-decoration: none; }
A.headerNavigation:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #09f; }

A.confirmationEdit { color: #009933; font-style: italic; }
A.confirmationEdit:hover { color: #009933; font-style: italic; text-decoration: underline; }

TR.headerError { background-color: #ff0000; }

TR.headerMessage { background-color: #00CC33; }

TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; }

TR.headerInfo { background: #ff2222; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #0090ff; color: #ffffff; font-weight: bold; text-align: center; }

TR.footer { background: #bbc3d3; }
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #F6F6F6; color: #000000; font-weight: bold; border-bottom: 1px solid; border-color: #b6b7cb; }

TD.adminBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #eeeeee; font-weight: bold; background-image: url(img/admin_middle.jpg); background-repeat: no-repeat; height: 25px; }
TD.adminBoxFooter { background-image: url(img/admin_bottom.png); background-repeat: no-repeat; height: 12px; }

TD.mainBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #333; font-weight: bold; }
TD.mainBoxFooter { background-image: url(img/main_bottom.png); background-repeat: no-repeat; height: 12px; }
TD.mainBoxSubHeading { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #333; font-weight: bold; }

.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #111; font-weight: bold; background-color:#ccc; padding:3px 0 3px 10px; }
.infoBoxBody { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding:2px 0 0 10px; }
.infoBoxFooter { background-image: url(img/box_bottom.png); background-repeat: no-repeat; height: 12px; }

TABLE.infoBox, TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #333333; }

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: #3c3c3c; }

TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; }

TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

A.pageResults { color: #0090ff; text-decoration: none; }

A.pageResults:hover { color: #0090ff; text-decoration: underline; }

TD.pageHeading, DIV.pageHeading, SPAN.pageHeading {
    background-color: #DCE1E6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding: 8px;
    border: 1px solid #747474;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom:5px;
}

TR.subBar { background: #f4f7fd; }

TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; }

TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; }

TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }

TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0a480; font-weight: bold; }

SPAN.underline { text-decoration: underline; }

.formArea {
    color:#fff;
    background: #007CC2;
    border: 1px solid #747474;
    padding: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

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

A.copyright { color: #000000; }

A.copyright:hover { color: #0000ff; text-decoration: underline; }

SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }

TD.productPrice { padding-left: 8px; padding-right: 8px; }

SPAN.productPrice { font-size: 17px; font-weight: bold; }

SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }

SPAN.productOldPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }

SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }

SPAN.productDiscountPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; font-weight: bold; }


/* -----------------------------------------------------------------------------------------*/
/* Eigene Klassen                                                                           */
/* -----------------------------------------------------------------------------------------*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

.boxTextBG { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #f1f1f1; }

.boxTextBGII { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFCC99; }

.boxTextPrice { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; }

.errorBox { font-size: 11px; border: 1px solid #ff0000; background-color: #ffc8c8; padding: 8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.gvBox { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; border-color: #FFFFFF; border: 1px solid; background-color: #ffb3b5; }

.stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; }

.productsNotifications { background-color: #f2fff7; }

.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; }

.moduleHeading { font-family: Verdana, Arial, sans-serif; font-size: small; font-weight: bold; padding-bottom: 10px; }

.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #FFFFFF; font-weight: bold; }

.mainContent {
    background-color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 8px;
    border: 1px solid #747474;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.smallHeading { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: Black; }

.moduleRow { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; background-color: #dce1e6; }

.moduleRowOver { background-color: #0099ff; color: #333333; cursor: hand; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }

.moduleRowSelected { background-color: #0099ff; color: #111; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }

.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* message box */
.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { font-size: 11px; }
.messageStackSuccess { font-size: 11px; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #666666; }

.tableShop { background-color: #ffffff; border-left: 1px solid; border-right: 1px solid; border-color: #b6b7cb; }

.contentsTopics { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }

.tableListingI { background-color: #eeeeee; }

.tableListingII { background-color: #d0d0d0; }

.tableBody { padding: 5px; }

.imgBorder { border: 1px solid #007CC2; }

.btnBorder { border: 1px solid #0090ff; }

a.mainlevel:link, a.mainlevel:visited { font-size: 11px; color: #eee; text-align: left; padding-left: 8px; text-decoration: none; border: 0px; background: url(img/icon_arrow.gif) left no-repeat; }

a.mainlevel:hover { text-decoration: none; color: #000; border-bottom: 1px solid #0099ff; }

a.sublevel:link, a.sublevel:visited { font-size: 10px; color: #eee; text-align: left; padding-left: 12px; text-decoration: none; border: 0px; background: url(img/icon_bull.gif) 5px no-repeat; }

a.sublevel:hover { text-decoration: none; color: #000; border-bottom: 1px solid #0099ff; }

a#active_menu { color: #222222; font-weight: bold; }

a#active_menu:hover { color: #111111; }

.tableSubTitle { background-color: #fff; color: #333; height: 26px; font-size: 11px; font-weight: bold; text-indent: 8px; padding: 0px; border: 1px solid #666; }

.bngColor1 { background-color: #dce1e6; }

.bngColor2 { background-color: #ecf1f6; }

.bngColor3 { background-color: #f5faff; }

.spaceLine { background-color: #999; }

.tableBng { }
.tableBngOver { }

/*----------------------------Suggest Styles--------------------------*/
.suggest_link { 
	background-color: #dce1e6;	
	padding: 2px 4px 2px 4px;
}
.suggest_link_over {	
	background-color: #007CC2;
	color: #333;	
	padding: 2px 4px 2px 4px; 
	cursor: pointer;
}
#search_suggest {	
	position: absolute; 
	visibility: hidden; 
	background-color: #dce1e6; 
	text-align: left;
	border: 1px solid #666;
}	
/*----------------------------End Suggest Styles------------------------*/

/* TagCloud */
.wordsize1 a { font-size: 15px; }
.wordsize2 a { font-size: 14px; }
.wordsize3 a { font-size: 13px; }
.wordsize4 a { font-size: 12px; }
.wordsize5 a { font-size: 12px; }
.wordsize6 a { font-size: 11px; }
.wordsize7 a { font-size: 11px; }
.wordsize8 a { font-size: 10px; }
.wordsize9 a { font-size: 10px; }
.wordsize0 a { font-size: 9px; }

/* Erweiteter Warenkorb */
.plus {display: block; background-image: url(img/icon_plus.png); background-repeat: no-repeat; width: 16px; height: 16px; border: 0px; font-size: 0px; cursor: pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.minus {display: block; background-image: url(img/icon_minus.png); background-repeat: no-repeat; width: 16px; height: 16px; border: 0px; font-size: 0px; cursor: pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.alter {display: block; background-image: url(img/icon_alter.png); background-repeat: no-repeat; width: 16px; height: 16px; border: 0px; font-size: 0px; cursor: pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.delete {display: block; background-image: url(img/icon_delete.png); background-repeat: no-repeat; width: 24px; height: 24px; border: 0px; font-size: 0px; cursor: pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

/* AJAX Preisberechnung */
#productsNEWprice {display:inline;}

/* Produktnavigator */
a .pageNav {color: #000;}
a .pageNav:hover {color: #fff;}
.pageNav { background: url(img/pagenav.png) 0 0 no-repeat; width: 16px; height: 16px; padding-top:1px; }
.pageNavFirst { background: url(img/pagenav.png) -16px 0 no-repeat; width: 16px; height: 16px; }
.pageNavPrev { background: url(img/pagenav.png) -48px 0 no-repeat; width: 16px; height: 16px; }
.pageNavNext { background: url(img/pagenav.png) -64px 0 no-repeat; width: 16px; height: 16px; }
.pageNavLast { background: url(img/pagenav.png) -32px 0 no-repeat; width: 16px; height: 16px; }

/* Sonstiges */
.hiddenSubmit {width: 1px; height: 1px; display: none;}

.orderPathway {
	background-color: #7f7f7f;
}
.orderPathwayActive {
	background-color: #FFCE4A;
}
.cornerTL {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
.cornerTR {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.cornerBL {
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.cornerBR {
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.roundAll {
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}