/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFF;
}
#page {
	width: 950px;
}
form {
	display: inline;
}
/*------------------------------------- Footerdefinitionen */
#footer {
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	text-align: right;
	font-weight: bold;
	color: #FFF;
	vertical-align: bottom;
	padding-top: 15px;
	padding-bottom: 10px;
}
	#footer a {
		color: #FFF;
		text-decoration: none;
		background-image: url(img/footer_button.gif);
		background-repeat: no-repeat;
		padding-left: 17px;
		background-position: 0 1px;
		margin-right: 10px;
		padding-bottom: 10px;
	}
	#footer a:hover {
		color: #036856;
	}
/*------------------------------------- Spaltendefinitionen */
#linkeSpalte {
	width: 185px;
	border-right: 2px solid #67BEAF;
	vertical-align: top;
}
#rechteSpalteRot {
	background-color: #F3C4C9;
	width: 215px;
	vertical-align: top;
	background-image: url(img/rechteSpalte_bg.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#mittlereSpalte {
	width: 548px;
	vertical-align: top;
	background-image: url(img/kopfschnipsel.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#mittlereSpalteContent {
	width: 528px;
	padding: 10px;
	margin-top: 13px;
}
/*------------------------------------- Menudefinitionen */
/*------------------ Ratgebermenü */
#menu-ratgeber {
	margin-bottom: 30px;
}
	#menu-ratgeber h1 {
		display: block;
		background-color: #67BEAF;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 22px;
	}
	#menu-ratgeber ul {
		list-style: none;
	}
	#menu-ratgeber a {
		padding-left: 22px;
		text-decoration: none;
		border-bottom: 1px solid #67BEAF;
		display: block;
		color: #000;
		height: 18px;
		padding-top: 4px;
	}
		#menu-ratgeber li.gruen a {
			background-image: url(img/menu_gruen_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		#menu-ratgeber li.gelb a {
			background-image: url(img/menu_gelb_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		#menu-ratgeber li.rosa a {
			background-image: url(img/menu_rosa_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		#menu-ratgeber li.lila a {
			background-image: url(img/menu_lila_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		#menu-ratgeber li.rot a {
			background-image: url(img/menu_rot_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		#menu-ratgeber li.grau a {
			background-image: url(img/menu_grau_button.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
	#menu-ratgeber a:hover {
		background-color: #ECECEC;
		}
	#menu-ratgeber a.on {
		background-color: #ECECEC
	}
/*------------------ CLAIREs Weltmenü */
#menu-claireswelt {
	background-color: #DBEFEC;
	border-bottom: 2px solid #67BEAF;
	margin-bottom: 30px;
}
	#menu-claireswelt h1 {
		display: block;
		background-color: #67BEAF;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 22px;
	}
	#menu-claireswelt ul {
		list-style: none;
	}
	#menu-claireswelt a {
		background-image: url(img/menu_gruen_weiss_button.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		padding-left: 22px;
		text-decoration: none;
		display: block;
		color: #000;
		height: 18px;
		padding-top: 4px;
	}
	#menu-claireswelt a:hover {
		background-color: #C3E6E0;
	}
/*------------------ Shopmenü */
#menu-shop {
	background-color: #FFECC3;
	border-bottom: 2px solid #FE9F03;
	margin-bottom: 30px;
}
	#menu-shop h1 {
		display: block;
		background-color: #FE9F03;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 22px;
	}
	#menu-shop ul {
		list-style: none;
	}
	#menu-shop a {
		background-image: url(img/menu_orange_weiss_button.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		padding-left: 22px;
		text-decoration: none;
		display: block;
		color: #000;
		height: 18px;
		padding-top: 4px;
	}
	#menu-shop a:hover {
		background-color: #FFDFAA;
	}
	#menu-shop .suchenform {
		margin-left: 5px;
		margin-top: 10px;
	}
		#menu-shop .suchenform input.border {
			border: 1px solid #FE9F03;
			padding: 2px;
		}
/*------------------ Shopmenü2 */
#menu-shop2 {
	background-color: #FFECC3;
	border-bottom: 2px solid #FE9F03;
	margin-bottom: 30px;
	width: 190px;
}
	#menu-shop2 h1 {
		display: block;
		background-color: #FE9F03;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 22px;
	}
	#menu-shop2 ul {
		list-style: none;
	}
	#menu-shop2 a {
		background-image: url(img/menu_orange_weiss_button.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		padding-left: 22px;
		text-decoration: none;
		display: block;
		color: #000;
		height: 18px;
		padding-top: 4px;
	}
	#menu-shop2 a:hover {
		background-color: #FFDFAA;
	}
/*------------------------------------- Boxen */
/*------------------ Shopbox */
.shop-box-rechts {
	background-color: #FFECC3;
	border-bottom: 2px solid #FE9F03;
	margin-bottom: 30px;
	width: 165px;
	padding: 5px 10px;
}
	.shop-box-rechts h1 {
		display: block;
		background-color: #FE9F03;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 10px;
		margin: -5px -10px 5px -10px;
	}
	.shop-box-rechts a {
		text-decoration: none;
	}
.shop-box-links {
	background-color: #FFECC3;
	border-bottom: 2px solid #FE9F03;
	margin-bottom: 30px;
	width: 185px;
}
	.shop-box-links h1 {
		display: block;
		background-color: #FE9F03;
		color: #FFF;
		font-size: 14px;
		padding: 3px 5px 3px 10px;
	}
	.shop-box-links ul {
		list-style: none;
	}
	.shop-box-links a {
		background-image: url(img/menu_orange_weiss_button.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		text-decoration: none;
		display: block;
		color: #000;
		height: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 22px;
	}
	html>body .shop-box-links a {
		min-height: 12px;
		height: auto;
	}
	.shop-box-links a:hover {
		background-color: #FFDFAA;
		color: #000;
		text-decoration: none;
	}
/*------------------ CSS für product_info_v1.html */
table .product-info {
	background-color: #FFECC3;
}
	table .product-info th {
		background-color: #FE9F03;
		text-align: left;
		/*border-bottom: 2px solid #FFF;*/
		padding: 3px 10px;
	}
	table .product-info h1 {
		font-size: 14px;
		color: #FFF;
	}
	table .product-info td.padding {
		padding: 5px 10px;
	}
	table .product-price {
		background-color: #FE9F03;
		/*border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;*/
		padding: 3px 10px;
		text-align: right;
	}
	.price {
		font-size: 16px;
	}
table.product-info-image {
		margin: 10px;
}
	table.product-info-image img {
		border: 2px solid #ECECEC;
	}
.product-info-description {
	padding: 10px 10px 10px 0;
}
	.product-info-description ul, .product-info-description ol {
		margin-left: 1.5em;
		padding-bottom: 5px;
	}
	.product-info-description p {
		padding-bottom: 5px;
	}
	.product-info-description h4 {
		font-size: 15px;
		padding-bottom: 3px;
	}
	.product-info-description h5 {
		font-size: 14px;
		padding-bottom: 3px;
	}
	.product-info-description table {
		border-collapse: collapse;
		
	}
		.product-info-description table td {
			border: 1px solid #ECECEC;
			font-size: 11px;
			padding: 2px;
		}

TD.pageHeading h1, DIV.pageHeading {
	background-color: #FE9F03;
	color: #FFF;
	font-size: 14px;
	padding: 3px 5px 3px 10px;
	color: #FFF;
}
.main {
}
.contentsTopics {
	background-color: #FE9F03;
	text-align: left;
	padding: 3px 10px;
}
.contentsTopics h1 {
	font-size: 14px;
	color: #FFF;
}
/*------------------ CSS für product_listing_v1.html */
TABLE.productListingV1 {
	border-top: 2px solid #FFF;
	background-color: #FFECC3;
}
	TABLE.productListingV1 TD.productimage {
		padding: 10px;
		width: 70px;
		border-bottom: 10px solid #FFF;
	}
		TABLE.productListingV1 TD.productimage img {
		}
	TABLE.productListingV1 TR.productRow {
		border-bottom: 2px solid #FE9F03;
	}
	TABLE.productListingV1 TD.productHeadline {
		font-weight: bold;
		background-color: #FE9F03;
	}
	html>body TABLE.productListingV1 TD.productHeadline A {
		min-height: 16px;
		height: auto;
	}
	TABLE.productListingV1 TD.productHeadline A {
		text-decoration: none;
		padding: 5px 5px 5px 5px;
		height: 16px;
		display: block;
		color: #000000;
		background-image: url(img/picto_weiter.gif);
		background-repeat: no-repeat;
		background-position: right;
	}
	TABLE.productListingV1 TD.productHeadline A:hover {
		background-color: #D8D8D8;
	}
	TABLE.productListingV1 TD.productDescription {
		border-bottom: 10px solid #FFF;
		padding: 10px 5px;
	}
		TABLE.productListingV1 TD.productDescription A img{
			border: 0px solid;
			margin-top: 5px;
		}
		TABLE.productListingV1 .small {
			font-size: 11px;
			color: #808080;
		}
			TABLE.productListingV1 .small a {
				color: #808080;
				font-size: 11px;
			}
/*------------------------------------- Shopdefinitionen */
.copyright {
	display: none;
}
.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.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-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.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;
}
img{
	border: 0;
}
A {
	color: #000000;
	text-decoration: none;
}
A:hover {
	color: #0000ff;
	text-decoration: underline;
}
FORM {
	display: inline;
}
TR.header {
	background-color: #ffffff;
}
TR.headerNavigation {
	background: #F6F6F6;
}
TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}
A.headerNavigation {
	color: #000000;
}
A.headerNavigation:hover {
	color: #000000;
}
TD.conditions {
	background-color: #FFCCCC;
}
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;
}
.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}
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: #00ff00;
}
TD.headerInfo {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #00ff00;
	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;
}
.infoBox {
}
.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.infoBoxNotice {
	background: #FF8E90;
}
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #666666;
	height: 17px;
	color: #ffffff;
}
TD.infoBoxHeading_right {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #C4C4C4;
	height: 17px;
	color: #000000;
}
TD.infoBox, SPAN.infoBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-right: 4px solid;
	background: #E6E6E6;
	border-color: #C4C4C4;
}
TD.infoBox_right, SPAN.infoBox_right {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #E6E6E6;
}
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: #f8f8f9;
}
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: #f8f8f9;
}
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
}
.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #b6b7cb;
	color: #FFFFFF;
	font-weight: bold;
}
TD.productListing-data {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}
A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}
TR.subBar {
	background: #f4f7fd;
}
TD.subBar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

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;
}
CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
TEXTAREA {
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
SPAN.greetUser {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}
SPAN.underline {
	text-decoration: underline;
}
TABLE.formArea {
	background: #f1f1f1;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}
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;
}
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;
}
.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: #E6E6E6;
	border: 1px solid;
	border-color: #E6E6E6;
}
.moduleRowOver {
	background-color: #D7E9F7;
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
.moduleRowSelected {
	background-color: #E9F4FC;
}
.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: 10pt;
	color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}
.sitemap_heading a {
	color: #FFFFFF;
}
.sitemap_heading a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.sitemap_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #E6E6E6;
	padding: 2px 2px;
}
.sitemap_sub a {
	color: #000000;
}

.sitemap_sub a:hover {
	color: #999999;
	text-decoration: none;
}
/* message box */
.messageBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #99ff00;
}
/* input requirement */
.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
.tableShop {
	background-color: #ffffff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #b6b7cb;
}
.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}
.tableListingI {
	background-color: #eeeeee;
}
.tableListingII {
	background-color: #d0d0d0;
}
.tableBody {
	padding: 5px;
}
.poweredby {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.onepxwidth {
	width: 1px;
}













