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

.boxText2  {
	
	background: #f2f2f2;
}

.boxText3 {
	
	background: url(img/boxbg2.jpg);
}

.boxText {
padding: 10px 10px 0 10px;
background: #f2f2f2;

}



.boxTextBG {
	
	
	background-color: #f1f1f1;
}
.boxTextBGII {
	
	
	background-color: #fee7cb;
}

.boxTextBGIII {
	overflow: auto;
	padding: 10px;
	background-color: #fee7cb;
	border: 1px solid #ff5b05;
}
.boxTextPrice {
	
	
	color: #FF0000;
}

.errorBox {
	padding: 5px;
	
	font-weight: bold;
	background-color: #ff7508;
}
.gvBox {
	
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	
	
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	
	
	color: #70d250;
	text-decoration: underline;
}
HTML {height: 100%;}
BODY {

	color: #555;
	margin: 0px; padding: 0;
	background: url(img/bg.jpg);
	font-size : 11px;
	font-family:  Verdana, Arial, sans-serif;
}

#mainbody {
overflow:auto;
background: #fff;
width: 957px;
padding: 11px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
margin: 0 auto;
vertical-align: top;

}

table, td {
vertical-align: top;
}


img{
	border:0;
}

.clear {
clear:both;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #ff7608;
  text-decoration: underline;
}

A.seamless {
  color: #555;
  text-decoration: none;
}

A.seamless:hover {
  color: #555;
  text-decoration: none;
}
FORM {
	display: inline;
	margin: 0;
	padding: 0;
	   
}

.fett {
font-size: 14px;
font-weight: bold;
}
a.fett2 {
font-weight: bold;
color: #555;
}
a.fett2:hover {
text-decoration: none;
color: #555;
}

#infobox {
width: 228px;

background:  url(img/header_03.jpg);
}

#infobox_innen {

padding-top: 22px;
padding-left: 12px;
}


#cart {
width: 179px;
background:  url(img/header_04.jpg);
}

#cart_innen {
padding-top: 22px;
padding-left: 40px;
}

ul#topnavi, #topnavi {
  margin: 0;
    padding: 0;
  border: 0 none;

  list-style: none;

background:  url(img/topnavi-bg.jpg);
background-position: right;
height: 37px;
}

#topnavi li {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;

float: left;

}

#topnavi li#suche {

padding-left: 100px;
padding-top: 6px;
}

#topnavi li.link {

padding: 10px 10px 0 10px;

color: #fff;

}
li.link span , #footerlink li.link span
{
color: #000;


font-size: 13px;

}

#topnavi li a:hover {
color: #fff;
cursor:pointer;

}

#links {
float: left;
width: 218px;
vertical-align: top;
margin-top: 11px;
}

#spacer {
float: left;
}

#center {
margin-top: 11px;
width: 728px;
vertical-align: top;
float: left;}

.listing-header {

height: 55px;
padding-top: 4px;
	vertical-align: top;
	margin-top: auto;
	margin-bottom: auto;
text-align: center;
margin: 0 auto;

}
.listing-header2 {

height: 35px;
padding-top: 4px;
	vertical-align: top;
	margin-top: auto;
	margin-bottom: auto;
text-align: center;
margin: 0 auto;

}
.listing-header a,.listing-header2 {
font-size: 13px;
font-weight: bold;
}

.listing-header2 {

height: 40px;
padding-top: 4px;
	vertical-align: top;
	margin-top: auto;
	margin-bottom: auto;
text-align: center;
margin: 0 auto;

}

.listing-header2 a {
font-size: 13px;
font-weight: bold;
}

.bild {

text-align: center;
vertical-align: center;
margin: auto;
padding: 5px 0;
height: 145px;
}

.bild_start {
margin: 0 Auto;
text-align: center;
padding: 10px;
}

.bild img {

background: #fff;
padding: 5px;
}




.preis {

padding: 10px 0;
text-align: center;
}

.preis strong {
font-weight: bold;
font-size: 12px;
color: #ff7608;
}

ul#listing, ul#listing li {
list-style: none;
margin: 0;
padding: 0;
}


ul#listing .links, ul#listing .mitte {
width: 232px;
float: left;
margin-right: 13px;
vertical-align: top;
margin-bottom: 10px;
border: 1px solid #f2f2f2;

}


.rechts  {
float:right;
width: 232px;
vertical-align: top;
margin-bottom: 10px;
border: 1px solid #f2f2f2;
}

ul#listing .links120, ul#listing .mitte120 {
width: 137px;
float: left;
margin-right: 6px;
vertical-align: top;
margin-bottom: 10px;
border: 1px solid #f2f2f2;

}


.rechts120  {
float:right;
width: 137px;
vertical-align: top;
margin-bottom: 10px;
border: 1px solid #f2f2f2;
}

* html .links, * html .mitte {
width: 236px;
w\idth: 232px;
}

* html .links120, * html .mitte120 {
width: 139px;
w\idth: 139px;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	
	
	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: #ff7508;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #ff7508;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {

}

TR.headerMessage td {
	background-color: #ff7508;
	padding: 10px;
	margin: 10px;
	color: #fff;
}
TR.headerMessage td a:link {
color: #fff;
}

.moduleHeading {
	
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-family: 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:Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  
  
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  
  
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  
}

TD.infoBoxHeading {
  background:  url(img/boxheader.jpg);
  
  font-weight: bold;
  vertical-align: center;
  margin: 0 auto;
  height:27px;
  padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
  font-size: 13px;
}

TD.infoBoxHeading2 {
  background:  url(img/boxheader2.jpg);
  
  font-weight: bold;
  vertical-align: center;
  margin: 0 auto;
  height:13px;
  padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
  font-size: 13px;
}

.topHeading {
color: #000;

font-family:Verdana,Arial,Sans-serif; 
font-size: 14px;
 letter-spacing: 1pt;

}

TD.infoBoxHeading_right {
  
  background:  url(img/boxheader.jpg);
  
  font-weight: bold;
  vertical-align: center;
  margin: 0 auto;
  height:27px;
  padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
  font-size: 13px;
}

TD.infoBox, SPAN.infoBox {
  
  
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  
  
  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 {
  
  
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  
  
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  
  
  color: #000000;
}

TD.main, P.main {
  
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  
  
}

TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  
  
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	
	font-size: 11px;
}

TEXTAREA {
  width: 90%;
  
  font-size: 11px;
}

SPAN.greetUser {
  
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
background: #fee7cb;
padding: 10px;
}

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

.copyright {
  
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  
  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: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  
  color: #ff0000;
}
SPAN.productOldPrice {
	
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  
  color: #ff0000;
}

SPAN.productDiscountPrice {
  
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
font-size: 12px;
margin-bottom: 10px;
display: block;
}

.moduleRow {


}
.moduleRowOver { 

	
	}
.moduleRowSelected {  }

.checkoutBarFrom, .checkoutBarTo {   color: #8c8c8c; }
.checkoutBarCurrent {   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; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0;}

/* 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 {   }
.messageStackError, .messageStackWarning {   background-color: #ffb3b5; }
.messageStackSuccess {   }

/* input requirement */

.inputRequirement {   color: #ff0000; }

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



.contentsTopics {
	
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff7603;
	height: 28px;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	border-bottom: 1px dotted #ff7603;
}
.contentsTopics3 {
	
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff7603;
	height: 28px;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	border-top: 1px dotted #ff7603;
}
.contentsTopics2 {
	
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	
	height: 28px;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	border-bottom: 1px dotted #ff7603;
}
.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  
  
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

#CatNavi, #CatNavi ul {
margin: 0;
padding: 0;
list-style: none;
}
#CatNavi li {
margin: 0;
padding: 0;
list-style: none;

}

#CatNavi li a {
display: block;
padding: 4px 0 4px 10px;
border-bottom: 1px solid #ff7501;
font-size: 12px;
}

#CatNavi li a:hover {
color: #272727;
text-decoration: none;
}

#CatNavi a.Current {
font-weight: bold;
}


#CatNavi li ul li a {
display: block;
padding: 4px 0 4px 25px;
border-bottom: 1px solid #ff7501;
}

#CatNavi li ul li ul li a {
display: block;
padding: 4px 0 4px 40px;
border-bottom: 1px solid #ff7501;
}

#CatNavi li ul li ul li ul li a {
display: block;
padding: 4px 0 4px 55px;
border-bottom: 1px solid #ff7501;
}


#navtrail {
padding-bottom: 7px;
}

.bild1 {
border: 1px solid #d9d4d4;
padding: 10px;
vertical-align: middle;
text-align: center;
margin: auto;
}

.bild2 {
padding: 10px;
vertical-align: center;
text-align: center;
margin: auto;
border-top: 1px solid #d9d4d4;
border-right: 1px solid #d9d4d4;
border-bottom: 1px solid #d9d4d4;
}

.bild3 {
padding: 10px;
vertical-align: center;
text-align: center;
margin: auto;
border-top: 1px solid #d9d4d4;
border-right: 1px solid #d9d4d4;
border-bottom: 1px solid #d9d4d4;
}

.bild4 {
padding: 10px;
vertical-align: center;
text-align: center;
margin: auto;

border-right: 1px solid #d9d4d4;
border-bottom: 1px solid #d9d4d4;
}

.bild5 {
padding: 10px;
vertical-align: center;
text-align: center;
margin: auto;

border-right: 1px solid #d9d4d4;
border-bottom: 1px solid #d9d4d4;
}

.beschreibung {
background: #fee7cb;
padding: 10px;
}

.hintergrund {
 border: 1px solid #ff5b05; background-color: #fee7cb;
padding: 10px;
margin-bottom: 11px;
}



.beschreibung h2 {
margin: 0;
padding: 0;
padding-bottom: 10px;
font-size: 14px;
color: #ff7608;
}

.preis2 {
color: #ff7608;
font-size: 14px;
}

.optionen {
padding: 5px 0;
}

.shipping {
padding: 5px 0;
}

.maincontent {

padding-top: 10px;
}

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

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {margin: 0; padding: 0;padding-top: 15px; width: auto;margin-right: }
ul#checkoutnavigation li {background-image: none; height: 70px; list-style-type:none; float:left; width:154px; margin-right:13px;  padding:8px}
ul#checkoutnavigation li.inactive2,ul#checkoutnavigation li.active2 {background-image: none; height: 70px; list-style-type:none; float:left; width:154px;  padding:8px; margin-right: 0px;}
ul#checkoutnavigation li.active { border: 1px solid #ff5b05;background-color: #ff7708;color: #fff;}
ul#checkoutnavigation li.active .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}
ul#checkoutnavigation li.active2 { border: 1px solid #ff5b05;background-color: #ff7708;color: #fff;}
ul#checkoutnavigation li.active2 .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active2 .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.active2 .description {font-size:11px}
ul#checkoutnavigation li.inactive { border: 1px solid #ff5b05; background-color: #fee7cb; }
ul#checkoutnavigation li.inactive .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}
ul#checkoutnavigation li.inactive .description {font-size:11px}
ul#checkoutnavigation li.inactive2 { border: 1px solid #ff5b05; background-color: #fee7cb; }
ul#checkoutnavigation li.inactive2 .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive2 .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive2 .description {font-size:11px}
ul#checkoutnavigation li.inactive2 .description {font-size:11px}

.check_header {border: 1px solid #ff5b05;background-color: #ff7708;color: #fff;padding: 5px; font-weight: bold; font-size: 12px;}
.check_content { border: 1px solid #ff5b05; background-color: #fee7cb;padding: 5px; height: 165px;}
.check_content2 { border: 1px solid #ff5b05; background-color: #fee7cb;padding: 5px; }

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



#footerlinks, #footerlinks li {
list-style: none;
margin: 0;
padding: 0;

}

#footerlinks {
height: 25px;
margin: 0 auto;
padding-top: 12px;
}

* html #footerlinks {
height: 37px; 
\eight: 25px;
}

#footerlinks li {
display: inline; 
padding-left: 15px;
padding-top: 10px;
color: #fff;
}

#footerlinks li a:hover {
color: #fff;
}
