/*
  $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
  Released under the GNU General Public License
*/

a { outline:0px solid #fff;}

.bodytable {
  border-left: 1px #FFE3FF solid;
  border-top: 1px #FFE3FF solid;
}


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

.boxText2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.boxText3 { font-family: Verdana, Arial, sans-serif; font-size: 15px; }

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

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* Hauptbereich */

BODY {
/*  background: #ffffff; */
  color: #8a8a8a;
  margin: 0px;
}


/* Linkfarbe */

A {
  color: #8a8a8a;
  text-decoration: none;
}







A:hover {



  color: #8a8a8a;



  text-decoration: underline;



}







FORM {



	display: inline;



}







/* Kopfbereich der Seite wo das Shoplogo eingefuegt ist */



TR.header {

  background: #ffffff;



}

TD.header {

}





/* Navigationszeile unmittelbar unter dem Kopfbereich */



TR.headerNavigation {

  height: 30px;

  background: #FFE3FF;



}







TD.headerNavigation {



  font-family: Verdana, Arial, sans-serif;

  height: 35px;



  font-size: 10px;



  background: #FFE3FF;



  color: #8a8a8a;



  font-weight : bold;



}







/* Navigationszeile unmittelbar unter dem Kopfbereich - Textfarbe */



A.headerNavigation {



  color: #8a8a8a;



}







A.headerNavigation:hover {



  color: #8a8a8a;



}







/* Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert */



TR.headerError {



  background: #ff8f8f;



}







/* Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert */



TD.headerError {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  background: #ff8f8f;



  color: #ffffff;



  font-weight : bold;



  text-align : center;



}







/* Einblendung beim Versand eines neuen Passworts */



TR.headerInfo {



  background: #8fff8f;



}







/* Einblendung beim Versand eines neuen Passworts */



TD.headerInfo {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  background: #8fff8f;



  color: #ffffff;



  font-weight: bold;



  text-align: center;



}







/* Balken unten mit Datum und Anzahl Zugriffe */



TR.footer {

  height: 35px;

  background: #FFE3FF;



}







TD.footer {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;

  height: 35px;



  background: #FFE3FF;



  color: #8a8a8a;



  font-weight: bold;



}







/* Farbe für den Haupttext */



TD.mainTextHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



  font-weight: bold;



	text-align: left;



/*

  background: #FFE3FF;

*/

  color: #8a8a8a;



/*  border-color: #FFE3FF;



  border-style: solid;



  border-width: 1px;

*/

}







.mainTextContents {



  background: #fff;



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



	text-align: center;



  background: #ffffff;



  /*border-color: #FFE3FF;



  border-style: solid;



  border-width: 1px;

  */



}











/* Farbe des Rahmen um KategorienBox 



.categoriesBox {



  background: #FFE3FF;



}*/







/* Fuellfarbe der KategorienBox 



.categoriesBoxContents {



  background: #FFE3FF;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}
*/






TD.categoriesBoxHeading {

	background: #ffffff;
	border-right: 0px solid #FFE3FF;
	color: #8a8a8a;
	height: 22px;


}







TD.categoriesBox, SPAN.categoriesBox {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







/* Farbe des Rahmen um alle Boxen */



.infoBox {



  /*background: #FFE3FF;*/



}







/* Fuellfarbe aller Boxen 



.infoBoxContents {

  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

*/


.infoBoxNotice {



  background: #ffffff;



}







.infoBoxNoticeContents {



  background: #ffffff;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







/* Fuellfarbe Ueberschrift aller Boxen */



TD.infoBoxHeading {



/*  background: #FFE3FF; */

  color: #8a8a8a;

  height: 22px;

}
TD.infoBoxHeading1 {



  background: #FFE3FF; 

  color: #8a8a8a;

  height: 22px;
  

}
TD.infoBoxHeading2 {



background: #FFE3FF; 

  color: #8a8a8a;

  height: 22px;
    font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;

  font-weight: bold;
}






TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}







/* Farbe Produktliste ungerade Zeilen */



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: #ffffff;

  border-color: #FFE3FF;

  border-style: solid;

  border-width:1px;

}







/* Farbe Produktliste gerade Zeilen */



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: #ffffff;

  border-color: #FFE3FF;

  border-style: solid;

  border-width: 1px;

}







TABLE.productListing {

  border: 0px;

  border-style: solid;

  border-color: #FFE3FF;



  border-spacing: 1px;

}







/* Produkttabelle Ueberschrift Fuellfarbe */



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #FFE3FF;

  color: #8a8a8a;

  font-weight: bold;

}







TD.productListing-data {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	border: 0px solid #FFE3FF;

}

TD.productListing-data2 {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	border: 1px solid #FFE3FF;

	padding: 3px;

/*	background: #FFE3FF;*/
	  background-image: url(images/bg_liste.gif);
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
  background-repeat: repeat-x;


}







/* Farbe Seitenauswahl unten rechts */



A.pageResults {

  color: #8a8a8a;

}







/* Farbe Seitenauswahl unten rechts bei bei MouseOver */



A.pageResults:hover {

  color: #0000FF;
}







/* Ueberschrift Farbe wie unser Angebot, Kategorien, etc. */



TD.pageHeading, DIV.pageHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 13px;



  font-weight: bold;



  color: #8a8a8a;



}







/* Sub Titelzeile z.B. Es wurden keine Artikel gefunden ... */



TR.subBar {



  background: #f4f7fd;



}







TD.subBar {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  color: #000000;



}







/* Haupt-Schrift */



TD.main, P.main {



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



  line-height: 1.5;



}







TD.mainText, P.mainText {



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



  line-height: 1.5;



}







SPAN.mainHeadline, P.mainHeadline {



  font-family: Verdana, Arial, sans-serif;



  font-size: 14px;



  font-weight: bold;



}







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

.small{
	font-size:2pt;	
}
.small p{
	margin:0;padding:0;
}

TD.smallText1, SPAN.smallText1, P.smallText1 {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #aabbdd;
  padding: 10px;
}

TD.productImage, SPAN.productImage, P.productImage {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #aabbdd;
	padding-left: 34px;


}



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;

  height: 20px;



}







/* Farbe der neuen Artikel im Warenkorb */



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;



}







/* Farbe Schriftzug Gast bei der Begruessung */



SPAN.greetUser {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  color: #f0a480;



  font-weight: bold;



}







/* Formularbereich bei Weiterempfehlungen und Kundenkonto */



TABLE.formArea {



  background: #f1f9fe;



  border-color: #7b9ebd;



  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: #ff0000;

}







SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}







/* MouseOver-Balken im checkout-Bereich */



.moduleRow { }



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



.moduleRowSelected { background-color: #E9F4FC; }







/* Navigationsleiste unten im checkout */



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



.leerHeading {

  height: 20px;



}

.categoriesBox2 {



  background: #FFE3FF;



}







/* Fuellfarbe der KategorienBox */



.categoriesBox2Contents {



  background: #FFE3FF;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







TD.categoriesBox2Heading {
 border-left: 1px solid #FFE3FF;


 



  background: #ffffff;

 

  color: #8a8a8a;

  height: 22px;



}


TD.categoriesBox3Heading {
 border-right: 1px solid #FFE3FF;


 



  background: #ffffff;

 

  color: #8a8a8a;

  height: 22px;



}




TD.categoriesBox2, SPAN.categoriesBox2 {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;

}

.tax_info {

  font-family: Verdana, Arial, sans-serif;

  font-size: 8px;

  color: #666;

}

#thecategories a:hover {
	background-color: #fff2ff;
	color: #666666;
}

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

#thecategories {
	position: relative;
	top: -10px;
	margin-bottom: -16px;
	line-height: 1.5;
/*	width: 155px;*/
}

/**/.activelink {
	display: block;
	font-weight: bold;
	background-color: #ccc;
}

#thecategories a {
	display: block;
	width: 100%;
	background-color: #ffF2ff;
	
	text-decoration: none;
}

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

#topcat a {
/**/	padding-left: 5px;
	background: #FFE3FF;
	
}
#topcat a:link {
    color: black; background-color: #FFE3FF;
  }
#topcat a:visited {
    color: #666; background-color: #FFE3FF;
  }
#topcat a:hover {
    color: black; background-color: white;
  }
#topcat a:active {
    color: white; background-color: #ccc;
  }

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

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

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

#fifthcat a {
	padding-left: 65px;
}
 .teststyle {
	background-color: #ffF2ff;
	}
	
	
/*	Navigation 
#nav li {
width: 165px;
height: 15px;
}*/
#nav a{
	color: #666666;
	text-decoration: none;
display: block;
padding: 5px;
}

#nav a:hover{
	color: #000000;
	text-decoration: none;
	background-color: #fff2ff;
}


#nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
		
}



#nav ul li.on a.on {
	color: #666666;
	font-weight: bold;
	/*background-color: #ffffff;
	display: block*/
	
}

#nav ul.level_0 ul{
	/*padding: 2px 0 3px 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0000FF;
	
	background-color: #FFf2FF;*/
	
}

#nav ul.level_1 ul{
/*	padding: 0 0 0 5px;*/
	/*background-color: #ffffff;*/
	
}

#nav ul ul.level_1 li {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	background-color: #CCFFFF;
	
}
#nav ul ul.level_2 li a{
	font-style: italic;
	text-indent: 8pt;
	white-space: nowrap;

	
}
#nav ul ul.level_3 li a{
	font-style: normal;
	text-indent: 16pt;
	white-space: nowrap;

	
}
#nav .level_0 li{
	padding: 0 0 0 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	
/*	background-color: #FFf2FF;*/

}
#nav ul li div{
/*	padding: 2px 0px 2px 2px;*/
	
}
#nav ul ul.level_1 li div{
	padding: 0px 0px 0px 10px;
	background-color: #FFf2FF;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFE3FF;
	
}


#nav ul li.on div{
	background-color: #FFf2FF;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #0000FF;/**/
	
}

#nav ul li.off div{
	
	/*background-color: #ffffff;*/
}

TD.categoriesBoxHeading, TD.infoBoxHeading, TD.categoriesBox2Heading, TD.categoriesBox3Heading, TD.infoBoxHeading1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
		text-align: left;
	text-indent: 5pt;
	 border-right: 1px solid #FFE3FF;
	
	}
	
	SPAN.listHead {
/*	background-color: #FFf2FF;
	display: block;
	width: 100%;
	padding:2px;
	color: #000;*/
	}
	
	
	.infoBoxProducts {
  text-align: center;
  border: solid 1px #FFE3FF; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
 /*;*/ margin-bottom:8px
}
.infoBoxProducts a {
  color: #8a8a8a;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 0px #999999;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #8a8a8a;
} 
.infoBoxList {
 /*border: ridge 1px #faf0e6;
 border-collapse: collapse;*/
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
  background-color: #FFf2FF;
}

SPAN.name {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
   color: #8a8a8a;
  text-align:left;
  background-color: #FFE3FF;
 witdh: 100%;
 /* margin: 15px;*/
  padding: 10px;
  height: 9px; 
  display:block;
  vertical-align: absmiddle;
  
}

SPAN.productListingPreis {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#8a8a8a;
  font-weight: normal;
/*  text-align:right;


white-space: nowrap;*/ 
}
 
 SPAN.bild IMG{
 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #8a8a8a;
padding:0px;
margin: 12px;
  
  }
  
/* Akrtikel pro Seite */
.result_selector { width: 522px; border-top:1px solid #ffeeff; text-align:left;  margin:3px 5px 0px 5px; padding:3px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.result_selector div, .result_selector a  { float:left; display:block; background-image:url(images/result_bg.jpg); background-position:bottom; background-repeat:no-repeat; margin-left:3px;}
div.result_selector_active { background-position:top; font-weight:bold; width:24px; height:18px; color:#665966;}
div.result_text { margin:0px 0px 0px 0px; background-image:none; margin:2px 10px 0px 331px; display:inline;}
.result_selector a { width:24px; height:18px; text-decoration:none; color:#8c8aa2;}
.result_selector a:hover { text-decoration:none; background-position:top; color:#665966;}
.result_selector span { display:block; margin:2px 0px 0px 5px;}

/* Seitenanzahl */

td.page_navigation_results { color:#8a8a8a; }
.page_navigation_container { float:right; margin-right:2px; }
.page_navigation_pages a { float:left; display:block; font-size:10px; color:#8a8a8a;}
.page_navigation_pages a:hover { text-decoration:none; font-weight:bold;  color:#8a8a8a;}
.pageResultsPage span { display:block; margin:3px 2px 0px 2px; border-right:1px solid #c8c8c8; padding:0px 6px 0px 4px;}
a.pageResultsNext { background-image:url(images/seiten_navi_bg_rechts.jpg); background-repeat:no-repeat; background-position:left top; display:block; width:18px; height:18px; margin-left:5px;}
a.pageResultsNext:hover { background-position:left bottom;}
.pageResultsPrev { background-image:url(images/seiten_navi_bg_links.jpg); background-repeat:no-repeat; background-position:left top; display:block; width:18px; height:18px; margin-right:5px;}
.pageResultsPrev:hover { background-position:left bottom;}
.aktive_seite { color:#7a747a; font-weight:bold; text-decoration:underline;  float:left; margin:3px 2px 0px 2px; border-right:1px solid #c8c8c8; padding:0px 6px 0px 4px;}

.fleft { float:left}
.fright { float:right;}
.bsrwagen { clear:both;}
.bsr_wagen { clear:both;}

/* Startseite */
.mitte_bereich { margin:10px 0px 0px 0px; padding:0px; width:552px; text-align:center;}

.startseite_container { float:left; width:176px; height:195px;  background-image:url(images/startseite/bild_schatten.jpg); background-position:left bottom; background-repeat:no-repeat; margin:1px 4px 2px 4px;}
.startseite_container a { display:block; border:1px solid #d8d8d8; width:176px; height:188px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align:center;}
.startseite_container a:hover { background-color:#ffe3ff; text-decoration:none;}

.startseite_container a img {  border:1px solid #d8d8d8; margin:12px 0px 4px 0px; padding:0px;}
.startseite_container a span { font-size:10px; font-weight:bold;  text-align:center; text-decoration:none; display:block;  }