/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   

   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 
   ---------------------------------------------------------------------------------------*/
   
html { height: 100% }

body {
  margin: 0;
  min-height: 101%;
  position: relative;
  text-align: left;
	background-color: #EFEFEF;
  color: #000000;
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
}

#wrap {
  margin: 0 auto;
  position: relative;
  width: 980px;
  background:transparent url(./img/bilder/main_bg.jpg) repeat-y scroll left top;
}

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

a:hover {
  color: #993333;
  text-decoration: underline;
}

img{
border:0;
}

/* 
** #####################################################################################
** ### DIV-Container des Header ##################################################################
** #####################################################################################
*/

div#top {
  clear:both;
  font-size:11px;
  height:112px;
  margin:0 auto;
  position:absolute;
  top:0;
  width:980px;

  background:transparent url(./img/bilder/main_bg.jpg) repeat-y scroll left top;
}
#banner {
	background-image: url(./img/bilder/header02.jpg);
  background-repeat:no-repeat;
  background-position: center;
	height: 90px;
  padding: 0 14px 0 14px;
}
.navileiste {
	height: 22px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding-top: 4px;
}
.navileiste a {
	color: #000000;
	padding: 2px;
  text-decoration: none;
	font-weight: bold;
}
.navileiste a:hover {
	color: #993333;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
}

/* 
** ####################################################################################
** ### DIV-Container der Navigation #################################################################
** ####################################################################################
*/

#CatNavi { font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size: 11px; border:0pt none; margin:0pt; overflow:hidden; padding:0pt; width:100%; list-style-type:none; }
#CatNavi ul { margin: 0; padding: 0 }
#CatNavi { border:0pt none; list-style-type:none; margin:0pt; padding:0pt; }
#CatNavi li { float:left; margin:0pt; width:100%; }
#CatNavi a { display:block; text-decoration:none; }
#CatNavi li a { border-bottom:1px solid #EEEEEE; color:#000000; padding:3px 0px 3px 10px; }

#CatNavi .CatLevel1 { float:left; margin:0pt; width:100%; }
#CatNavi .CatLevel1 a { border-bottom: 1px #993333 solid; background-color:#EFEFEF; padding:3px 0px 3px 10px; font-weight:bold; }
#CatNavi .CatLevel2 a { padding: 3px 0px 3px 20px; color: #444; border-bottom: 1px #eee solid; background-color:#CDCDCD; }
#CatNavi .CatLevel3 a { padding: 3px 0px 3px 30px; color: #444; border-bottom: 1px #eee solid; background-color:#BFBFBF; }
#CatNavi .CatLevel4 a { padding: 3px 0px 3px 40px; color: #444; border-bottom: 1px #eee solid; background-color:#B2B2B2; }
#CatNavi .CatLevel5 a { padding-left: 65px; }

#CatNavi .CatLevel1 .CatLevel2 a, #CatNavi .CatLevel1 .CatLevel2 .CatLevel3 a { background-color:#CCCCCC; color:#444444; }
#CatNavi .CatLevel1 a:hover, #CatNavi .CatLevel1 .CatLevel2 a:hover, #CatNavi .CatLevel1 .CatLevel2 .CatLevel3 a:hover { background-color:#993333; color: #FFFFFF; text-decoration: none; }
#CatNavi .CurrentParent a, #CatNavi .Current a, #CatNavi .CatLevel1 .Current a, #CatNavi .CatLevel1 .CurrentParent a, #CatNavi .CatLevel1 .CatLevel2 .Current a { background-color:#000000; color:#FFFFFF; }
#CatNavi .CurrentParent a:hover, #CatNavi .Current a:hover, #CatNavi .CatLevel1 .Current a:hover, #CatNavi .CatLevel1 .CurrentParent a:hover, #CatNavi .CatLevel1 .CatLevel2 .Current a:hover { background-color:#000000; color: #FFFFFF; }

/* 
** ####################################################################################
** ### DIV-Container des Content #################################################################
** ####################################################################################
*/

div#content_wrap {
  min-height: 150px;
  padding-top: 112px;
  width: 980px;
  
  background:transparent url(./img/bilder/main_bg.jpg) repeat-y scroll left top;
  font-size: 11px;
}
#contentbereich {
  float:left;
  left:218px;
  padding:0 2px;
  position:relative;
  width: 540px;
}
#sidebar-left {
  float:left;
  font-size:12px;
  left:-544px;
  position:relative;
  width:200px;
  z-index:2;
  
  padding-left: 18px;
}
#sidebar-right {
  float:left;
  font-size:12px;
  width:200px;
  
  padding-right: 18px;
}

.contentsTopics {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	text-decoration: none;
	font-weight: bold; 
	padding: 5px;
	color: #000000;
}
.contentsTopics a {
	color: #000000;
}

.contentsTopics2 {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
  background: #EFEFEF none repeat scroll 0%;
  border: 1px solid #993333;
}
.contentsTopics2 a {
	color: #000000;
}
.contentsTopics2 a:hover {
	color: #B7CDD6;
	text-decoration:none;
}

.tableListingI {
	background-color: #EFEFEF;
}
.tableListingII {
	background-color: #EFEFEF;
}
.tableListingIII {
	padding: 4px 6px 4px 10px;
	background-color: #993333;
  color: #FFFFFF;
}

/* 
** ####################################################################################
** ### DIV-Container des Footer #################################################################
** ####################################################################################
*/

div#footer {
  clear:both;
  font-size:11px;
  margin:0 auto;
  padding:0;
  width:980px;
}

div#footerleiste {



  background: transparent url(./img/bilder/footer.jpg) no-repeat scroll left top;
  
  color:#5E5E5E;
  float:left;
  font-size:9pt;
  font-weight:bold;
  height:16px;
  overflow:hidden;
  padding:22px 0;
  text-align:center;
  width:980px;

}
.copyright {
  float: left;
  width: 100%;
	font-size: 10px;
	text-align: center;
	line-height: 12px;
	text-decoration: none;
	font-weight: normal;
}

/* 
** ####################################################################################
** ### DIV-Container der Boxen #################################################################
** ####################################################################################
*/

.infoBoxHeading {
  background-color:#993333;
  color:#FFFFFF;
  margin: 0px;
  padding:4px 6px 4px 10px;
  font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 14px;
	font-weight: bold;
	vertical-align :middle;
}
.infoBoxHeading a{
	color: #ffffff;
}
.infoBoxHeading a:hover{
	color: #B7CDD6;
}
.infoBox {
  background-color: #EFEFEF;
  border-color: #993333;
  border-style: solid;
  border-width: 0px 1px 1px;
  line-height: 16px;
  margin-bottom: 15px;
  padding: 8px;
  font-family: 'Verdana',Arial,Helvetica,sans-serif;
}

/* 
** ####################################################################################
** ### DIV-Container der Sitemap #################################################################
** ####################################################################################
*/

.sitemap_heading {	
  font-family: 'Verdana',Arial,Helvetica,sans-serif; 
  font-size: 10pt; 
  color: #FFFFFF; 
	background-color: #993333; 
	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: #EFEFEF;
  padding: 2px 2px;
}
.sitemap_sub a {
  color: #000000;
}
.sitemap_sub a:hover {
  color: #993333;
  text-decoration: none;
}




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

.boxTextBG {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	background-color: #EFEFEF;
}

/* Produktnavigation */
.navigator, .navigator A, .navigator A:visited {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background-color: #143665;
}

.errorBox { font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size : 10px; background: #6FD05F; font-weight: bold; }
.stockWarning { font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

FORM {
	display: inline;
}

TD.headerError {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 12px;
  background: #6FD05F;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  padding: 5px;
}

.infoBoxContents {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
	border: 3px solid #ff0000;
}

.infoBoxNoticeContents {
  background: #FF9933;
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 10px;
}

.border{
	/*height: 380px;*/
	border: 1px solid #666666;
	margin-bottom: 5px;
}

A.pageResults {
  color:#009933;
}

A.pageResults:hover {
  color:#ff9933;
}

TD.pageHeading, DIV.pageHeading {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  border-color: #993333;
  border-style: solid;
  border-width: 0px 0px 1px;
}

TD.main, P.main {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 11px;
}

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

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

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  font-size: 11px;
}

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

TABLE.formArea {
  background: #EFEFEF;
  border-color: #993333;
  border-style: solid;
  border-width: 1px;
  padding:5px;
  margin-bottom:5px;
}

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

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

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

SPAN.errorText {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
  color: #6FD05F;
}

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

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

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

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; }


/* message box */

.messageBox {	font-family: 'Verdana',Arial,Helvetica,sans-serif;font-size: 10px; }
.messageStackError, .messageStackWarning {	font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size: 10px; background-color: #6FD05F; }
.messageStackSuccess {	font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { 	font-family: 'Verdana',Arial,Helvetica,sans-serif; font-size: 10px; color: #ff9933; font-weight: bold; }

.tableShop {

}

.navLeft {
	vertical-align: top;
	width: 200px;
	/*background-image: url(./img/back.png);*/
	padding: 2px;
}
.navRight {
	vertical-align: top;
	width: 200px;
	padding: 2px;
}
.poweredby {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #ffffef;
  font-weight: bold;
}

				/* Preisformatierung allgemein und bei Prozentualer Reduzierung */

.price {
		font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

.boxprice {
	font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}

.productOldPrice {
		font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-decoration: line-through;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 5pt;
	font-style: italic;
	color: #ff0000;
}

.productNewPrice {
		font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 5pt;
	color: #ffffef;
}

.productDiscount {
		font-family: 'Verdana',Arial,Helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 5pt;
	color: #ff0000;
}

.yourPrice {
	color: #ff0000;
	font-size: 12px;
}


.onepxwidth {
width: 1px;
}

.guthaben {
	background-color:#000000;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5pt;
	color: #ff0000;
}