/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

	Copyright (c) 2007 comPLATZcom _v 1.8.s.d
	http://www.comoper.com
	http://www.complatz.com
  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFF00; }
.boxText_my { font-family: Verdana, Arial, sans-serif; font-size: 12px;  color: #FFFF00; vertical-align:top;}


.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #D12428; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FFFF00; text-decoration: underline; }

BODY {
  background-image: url(images/infobox/background.gif);
  background-color: #525252;
  color: #FFFF00; 
  margin: 0px;
 }

TABLE.mitte{
  background: #D12428;
  	}
/* Info Box infocentre */
TD.infocentre {
   background-image: url(images/infobox/verteiler.gif);
	}

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

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

FORM {
	display: inline;
}
/* Navigation Pfeilen in Header*/
TD.headerNavigation_N { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFF00; font-weight : bold;}
/* Pfeilen in Categories*/
span.headerNavigation_N { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #1AC1F7; font-weight : bold;}
/* Willkommen Gast*/
SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFF00; font-weight: bold;}
 
.INFO_N {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FFFFFF;
  color: #FFFF00;
 }

A.headerNavigation_N { 
  color: #FFFFFF; 
}

A.headerNavigation { 
  color: #FFFF00; 
}

A.headerNavigation:hover {
   color: #FFFF00;
}

TR.headerError {
  background: #ff0000;
}

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

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #C5D2F5;
  color: #3366FF;
  font-weight: bold;
}
/* Box-Scroll*/

/* Rammka boxa */
.infoBox {
  background: #D12428;
}
/* Telo boxa */
.infoBoxContents {
  background: #D12428;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 }
 /* info_Contour */
TD.info_Contour {
  font-family: Verdana, Arial, sans-serif;
  font-size: 25px;
   font-style: italic;
  font-weight: bold;
  height: 25px;
/*  border-top: 1px solid #8AAF01; */
  background-image:url(images/infobox/menu_top_base.gif);
  color: #FFFF00;
}

/* Schapka Boxa */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
/*  border-top: 1px solid #8AAF01; */
  background-image:url(images/infobox/box_top.gif);
  color: #ffffff;
}
/*begin +++++++++++++++++++Boxa_Center++++++++++++++++++++ */ 

/* Schapka Boxa_Center */
TD.infoBoxHeading_center {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
/*  border-top: 1px solid #8AAF01; 
  background-image:url(images/infobox/box_top.gif);*/
  color: #693500;
}
/* Rammka boxa_center */
.infoBox_center {
 	border-left: 1px solid #92671D;
	border-right: 1px solid #92671D;
    border-bottom: 0px;
 
 }
/* Telo boxa_center */
.infoBoxContents_center {
 
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px; 
 }
/* end +++++++++++++++++++Boxa_Center++++++++++++++++++++ */ 
/*begin +++++++++++++++++++++++++++++column+++++++++++++++++++++++++++++++++++++++ */ 
.MARQUEE
{
  background: #D12428;
}

 /* _column Rammka boxa_column */
.infoBox_column {
  background: #D12428;
}

/* _columnTelo boxa_column */
.infoBoxContents_column {
  background: #D12428;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 }
 /* _column info_Contour_column */
TD.info_Contour_column {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
/*  border-top: 1px solid #8AAF01; */
  background-image:url(images/infobox/menu_top_base_column.jpg);
  color: #FFFF00;
  
}
/* _column Schapka Boxa_column */
TD.infoBoxHeading_column {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
/*  border-top: 1px solid #8AAF01; */
  background-image:url(images/infobox/box_top_column.gif);
  color: #ffffff;
  }
/* end +++++++++++++++++++++++++++++column+++++++++++++++++++++++++++++++++++++++ */ 

.infoBox_my_Contents {
  background: #9900FF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #C5D2F5;
}

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

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

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

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

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #9ADEF6;
  color: #FFFF00;
  font-weight: bold;
}

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

A.pageResults {
  color: #FFFF00;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #244ABD;
}

TD.pageHeadingTOP, DIV.pageHeadingTOP {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
}
TR.subBar {
  background: #f4f7fd;
}

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

.Title a:hover{
  color: #FFFF00;
 font-weight: bold;
}

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

}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.footer_smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff;}
.footer_smallText a { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff;}
.footer_smallText a:hover { color: #ffffff; }

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: 12px;
  color: #ff0000;
}

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

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #8AAF01;
  border-style: solid;
  border-width: 1px;
}

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;
}

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #C1E0F9; }

.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; }

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

/* CSS BoxCATEGORIES start */

/* CSS BoxCATEGORIES end  */

/* CSS Manufacturers Box start */
/* Telo Boxa */
div.manufacturers {
  background:#D12428;
	color: #FFFF00;
	padding: 0 0 1px 0;
	margin: 0;
	border-left: 1px solid #D12428;
	border-right: 1px solid #D12428;
  /*   border-bottom: 1px solid #D12428; */
	height: 90px;
	overflow: auto;
	}
/* KNOPKA Boxa */
div.manufacturers a {
	display: block;
	padding: 3px 2px 3px 2px; /*0.5em;*/
	/* border-left: 1px solid #0000C3; */
	/* border-right: 1px solid #0000C3; 
   filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D12428,endColorStr=#ffffff);*/
   background-color: #D12428;
	color: #FFFF00;
	text-decoration: none;
	width: 100%;
	}

html>body div.manufacturers a {width:auto;}
/* KNOPKA Boxa_ROT */
div.manufacturers a:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B2E9FB,endColorStr=#ffffFF);
	background-color: #B2E9FB;
	/* font-weight: bold;
border-left: 1px solid #E100E1;*/
	/* border-right: 1px solid #E100E1;*/
	color: #FFFF00; 
	}
.infobox_manufacturers {
	background: #ff00ff;
	font:11px Verdana,Arial,sans-serif;
	/* padding-bottom: 1px; */
	}
/* KNOPKA Boxa_Ramka */
.infobox_manufacturers_contents {
	background: #C5C6C7;
	font:11px Verdana,Arial,sans-serif;
	border-top:  #D12428;
	border-bottom: 1px solid #D12428;
	}
.infobox_manufacturers_image {
	border: 3px solid #99CCFF;
	}
div.manufacturers a span {
	display: none;
	}
div.manufacturers a:hover span {
	display: block;
	position: absolute;	top: 167; width: 158px;
	padding: 5px;
	margin-left: 162px;
	z-index: 100;
	color: #555;
	background: transparent;
  font: Verdana,Arial,sans-serif;
	text-align: left;
	}
/* CSS Manufacturers Box end */
.middle{
vertical-align:middle;
}
.complatzcom {
  font-family: Verdana,Arial,sans-serif;
  color: #820101;
  font-size: 11px;
}
/*  CSS Buttons HEADER bof */
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
div.cssButton a{
  display: block;
  background-image:url(images/buttons/header.gif);
  background-repeat: no-repeat;
  padding: 7px 2px 7px 0px; /*0.5em;*/
  color: #ffffff;
  font-weight: bold;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
   }
div.cssButton a:hover {
 background-image:url(images/buttons/header_r.gif);
  color: #FFFF00;
  text-decoration: none;
}
/*  CSS Buttons HEADER bof */

/*  CSS Buttons WIDTH_65 bof */
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
.WIDTH_65 a{
  padding: 4px 1px 1px 1px;
  color: #693500;
  width: 65px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  }
.WIDTH_65 a:hover {
  color: #693500;
 text-decoration: none;
}
.WIDTH_65_submit{
  padding: 1px 1px 1px 1px;
  background-image:url(images/buttons/width_65.gif);
  color: #693500;
  width: 65px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  }
/*  CSS Buttons WIDTH_65 eof */

/*  CSS Buttons WIDTH_85 bof */
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
.WIDTH_85 a{
  padding: 4px 1px 1px 1px;
  color: #693500;
  width: 85px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  }
.WIDTH_85 a:hover {
 color: #693500;
 text-decoration: none;
}
.WIDTH_85_submit{
  padding: 1px 1px 1px 1px;
  background-image:url(images/buttons/width_85.gif);
  color: #693500;
  width: 85px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  }
/*  CSS Buttons WIDTH_85 eof */

/*  CSS Buttons WIDTH_124 bof */
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
.WIDTH_124 a{
  padding: 4px 1px 1px 1px;
  color: #693500;
  width: 124px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  }
.WIDTH_124 a:hover {
  color: #693500;
 text-decoration: none;
}

.WIDTH_124_submit{
  padding: 1px 1px 1px 1px;
  background-image:url(images/buttons/width_124.gif);
  color: #693500;
  width: 124px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  }
/*  CSS Buttons WIDTH_124 eof */

/*  CSS Buttons WIDTH_165 bof */
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
.WIDTH_165 a{
  padding: 4px 1px 1px 1px;
  color: #693500;
  width: 165px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  }
.WIDTH_165 a:hover {
  color: #693500;
 text-decoration: none;
}

.WIDTH_165_submit{
  padding: 1px 1px 1px 1px;
  background-image:url(images/buttons/width_165.gif);
  color: #693500;
  width: 165px;
  height: 22px;
  font-style: italic;	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  }
/*  CSS Buttons WIDTH_165 eof */

/* MOPICS 6*/
TABLE.popup {
  border-width: 1px;
  border-style: dotted;
  background-color:#8AAF01;  
}

.tax_info {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #3C3CFF;
}

h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
}

h2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
}
h3 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}

/*  CSS Buttons categories und articles bof */
#thecategories {
	position: relative;
	top: -10px;
	margin-bottom: -21px;
	margin-left: -4px;
	margin-right: -4px;
	width: 158px;
}

#thecategories a:hover {
	 	font-size: 13px;
        font-weight: bold;
/*border-left: 1px solid #E100E1;*/
	/* border-right: 1px solid #E100E1;*/
	color: #FFFF00;
	 }

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

.activelink {
	display: block;
	font-weight: bold;
    font-size: 14px;
}
/*  padding Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
#thecategories a {
   background-color: #D12428;
	display: block;
	padding: 3px 1px 3px 1px; /*0.5em;*/
    border-bottom: 1px solid #D12428;
	border-left: 1px solid #D12428; 
	border-right: 1px solid #D12428; 
	font-size: 13px;
  font-family: Verdana, Arial, sans-serif;
   font-style: italic;
    color: #FFFF00;
	text-decoration: none;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 12px;
}

#thirdcat a {
	padding-left: 19px;
}

#fourthcat a {
	padding-left: 26px;
}

#fifthcat a {
	padding-left: 33px;
}
/*  CSS Buttons categories und articles eof */
