/* -----------------------------------------------------------------------------------------
   $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 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #222222;

	background-color: #f1f1f1;
	margin: 0px;

	scrollbar-3dlight-color: #0090ff;
	scrollbar-arrow-color: #0090ff;
	scrollbar-darkshadow-color: #0090ff;
	scrollbar-face-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #444444;
	scrollbar-track-color: #2e2e2e;
}

A { color: #6D9000; text-decoration: none; }
A:hover { color: #333; text-decoration: none; border-bottom: 1px solid #111; }

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, TEXTAREA {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #666;
	color: #111;
	padding: 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
SELECT, TEXTAREA {
	background: url(img/input_bg.gif) no-repeat;
}
TEXTAREA {
	width: 100%;
}
INPUT[type=text], input[type=password] {
	background:url(img/input_bg.gif) no-repeat;
}

/* -----------------------------------------------------------------------------------------*/
/* TAGS Klassen                                                                             */
/* -----------------------------------------------------------------------------------------*/
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; }

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(img/box_middle.png);
	background-repeat: repeat-x;
	color: #333333;
	height: 41px;
	width: 100%;
}

TABLE.infoBox, TD.infoBox, SPAN.infoBox { }

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 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f1f1f1;

	background: url(img/main_middle.png) 0 0 repeat-x;

	height: 30px;
	line-height:30px;
	padding:0px 8px 0px 8px;
	margin:0;

	/*
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 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: 11px; 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: 11px; 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; }

TABLE.formArea, DIV.formArea {
	background: #ccc;
	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; }

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: 18px; font-weight: bold; }

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

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

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; color: #222222; }

.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 {
	background: #FFD5D5;
	font-size: 11px;
	border: 1px solid #f00;
	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; }

.infoBoxContent { background-color: #333333; }

.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: #999; }

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

.moduleRowSelected { background-color: #A1D400; 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; }

/* Sitemap Tables */
.sitemap_heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #444444; }
.sitemap_heading a { text-decoration: none; }
.sitemap_heading a:hover { text-decoration: none; }
.sitemap_sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #333333; }
.sitemap_sub a { text-decoration: none; }
.sitemap_sub a:hover { text-decoration: none; }

/* 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 #222;
}

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

a.mainlevel:link, a.mainlevel:visited { display: block; background: url(img/menu_bg.png) no-repeat; vertical-align: middle; font-size: 11px; color: #111; text-align: left; padding-top: 5px; padding-left: 8px; height: 20px !important; text-decoration: none; border: 0px; }

a.mainlevel:hover { background-position: 0px -25px; text-decoration: none; color: #111; border: none; }

a.sublevel:link, a.sublevel:visited { display: block; background: url(img/submenu_bg.png) no-repeat; vertical-align: middle; font-size: 10px; color: #111; text-align: left; padding-top: 3px; padding-left: 22px; height: 16px !important; text-decoration: none; border: 0px; }

a.sublevel:hover { background-position: 0px -19px; text-decoration: none; color: #111; border: none; }

a#active_mainlevel { color: #fff; font-weight: bold; background-position: 0px -25px; }

a#active_mainlevel:hover { color: #111; }

a#active_sublevel { color: #fff; font-weight: bold; background-position: 0px -19px; }

a#active_sublevel:hover { color: #111; }

.tableSubTitle { background-image: url(img/main_bng.png); background-repeat: repeat-x; background-color: #e9e9e9; height: 26px; font-size: 11px; font-weight: bold; text-indent: 8px; padding: 0px;
	border: 1px solid #747474;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bngColor1 { background: #eee; }
.bngColor2 { background: #eee; }
.bngColor3 { background: #eee; }
.spaceLine { background-color: #4f4f4f; }
.tableBng {
	background: #747474;
}
.tableBngOver {
	background: #444;
}

.tableBorder {
	border: 1px solid #747474;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tableBorderOver {
	border: 1px solid #111;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.navBar {
	background-image: url(img/bg_topmenu.gif);
	background-repeat: repeat-x;
}

a.navBarLink:link, a.navBarLink:visited {
	font-size: 13px;
	color: #eee;
	padding: 0 5px 0 5px;
}
a.navBarLink:hover {
	color: #fff;
}

#footer {
	clear:both;
	text-align:center;
	font-size:11px;
	color:#666;
	background-color:#E2E2E2;
	padding: 4px;
	margin-bottom:5px;
	line-height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer a {
	color:#666;
	text-decoration:underline;
}

.mainContent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #222222;

	background-color: #fefefe;
	padding: 8px;

	border: solid #ccc;
	border-width:0px 1px 1px 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	margin-bottom:15px;

}
.boxContent {
	background-color: #f1f1f1;

	padding-left: 8px;
	padding-right: 8px;
}

/* BOXES */
h2.boxheader {
	background: #868686 url(img/bg_boxheader.gif);
	font-size: 12px;
	color: #fff;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	padding: 0px 8px 0px 8px;
	margin: 0;
}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
	text-decoration:none;
	color:#fff;
}
.boxbody {
	font-size: 11px;
	background-color: #ededed;
	padding: 8px;
	margin-bottom: 15px;
	border: solid #ccc;
	border-width:0px 1px 1px 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* BREADCRUMB */
#breadcrumb {
	clear:both;
	color:#c64934;
	padding:1px 0px 10px 15px;
	list-style-type:none;
	height:22px;
	background: #fff url(img/bg_breadcrumb.gif) repeat-x;
	font-size:11px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
	line-height:23px;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
	color:#333333;
	margin:0;
	padding:0;
}

/* Suggest-Search */
.suggest_link {
	background-color: #A1D400;
	padding: 2px 4px 2px 4px;
}
.suggest_link_over {
	background-color: #999;
	color: #111;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}
#search_suggest {
	position: absolute;
	visibility: hidden;
	background-color: #A1D400;
	text-align: left;
	font-size: 11px;
	border: 1px solid #ccc;
}

/* TagCloud */
.wordsize1 a { font-size: 16px; color: #f60; }
.wordsize2 a { font-size: 15px; color: #f50; }
.wordsize3 a { font-size: 14px; color: #f40; }
.wordsize4 a { font-size: 13px; color: #f30; }
.wordsize5 a { font-size: 13px; color: #f20; }
.wordsize6 a { font-size: 12px; color: #f10; }
.wordsize7 a { font-size: 12px; }
.wordsize8 a { font-size: 11px; }
.wordsize9 a { font-size: 11px; }
.wordsize0 a { font-size: 10px; }

/* 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: #fff;}
a .pageNav:hover {color: #111;}
.pageNav { background: url(img/pagenav.png) 0 0 no-repeat; width: 16px; height: 16px; padding-top:0px; }
.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: #A1D400;
}

#wrapper {
	width: 980px;
	background-color: #fff;
	padding:10px;
	margin: 20px auto 20px auto;
}
#header {
	width: 980px;
	height: 164px;
	background: url(img/top_logo.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #F3F8FE;
}
#search {
	float: right;
	padding: 55px 50px 0 0;
}
