/*

  $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

*/



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

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



BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}



A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #008800;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #ffffff;

}



TD.headerNavigation {

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

  font-size: 10px;

  background: #008800;

  color: #ffffff;

  font-weight : bold;

}



A.headerNavigation {

  color: #FFFFFF;

}/*geändert*/



A.headerNavigation:hover {

  color: #ffffff;

}



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

}



TD.footer {

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

  font-size: 10px;

  background: #008800;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #008800;

}



.infoBoxContents {

  background: #f0faf0;

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

  color: #ffffff;

}



TD.infoBox, SPAN.infoBox {

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

  font-size: 10px;

}



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

}



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

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #008800;

  border-spacing: 1px;

}



.productListing-heading {

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

  font-size: 10px;

  background: #008800;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

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

  font-size: 10px;

}



A.pageResults {

  color: #008800;

}



A.pageResults:hover {

  color: #008800;

  background: #c8c8c8;

}



TD.pageHeading, DIV.pageHeading {

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

  font-size: 16px;

  font-weight: bold;

  color: #5a825a;

}



TR.subBar {

  background: #f0faf0;

}



TD.subBar {

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

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

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

  font-size: 11px;

  line-height: 1.5;

}



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

}



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

  font-weight: bold;

}



TABLE.formArea {

  background: #f0faf0;

  border-color: #008800;

  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;

}



.moduleRow { }

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

.moduleRowSelected { background-color: #f0faf0; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #008800; }

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









#navcontainer

{

/* background: #369; */

background: #008800;

border-top: 1px solid #9CC;

font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

}



#navlist

{

list-style: none outside none;

margin: 0;

padding: 0;

}



@media all {

#navlist {

text-align: center

}

}



#navlist li

{

bottom: 11px;

display: inline;

line-height: 1.2em;

margin: 0;

padding: 0;

position: relative;

}



html>body #navlist li

{

background: #000;

margin: 0 3px 0 0;

padding: 4px 0px 4px 0;

}



#navlist a, #navlist a:link, #navlist a:visited

{

/* background: #900; */

background: #f0faf0; /*geändert DIRK - 00d600*/

border: 1px solid #000000; /*geändert DIRK - FFF*/

bottom: 2px;

/* color: #FFF; */

color: #000;

cursor: pointer;

display: inline;

height: 1em;

margin: 0;

padding: 3px 5px 3px 5px;

position: relative;

right: 2px;

text-decoration: none;

}



#navlist a:hover

{

background: #C00;

bottom: 1px;

color: #FFF;

position: relative;

right: 2px; /*geändert DIRK - 1px*/

}



#navlist a:active

{

background: #999;

bottom: 2px; /*geändert DIRK - 0px*/

color: #FFF;

position: relative;

right: 2px; /*geändert DIRK - 0px*/

}



#navlist li#active

{
/* DIRK auskommentiert*/
/*background: #008800;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
/* DIRK auskommentiert*/

}



html>body #navlist li#active

{

background: #080; /*geändert DIRK - #000*/

margin: 0 4px 0 0px; /*geändert DIRK - 0 4px 0 4px*/

}



#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover

{

/* DIRK auskommentiert*/
/* background: #369; */

/*background: #008800;

border-bottom: none;

border-left: 1px solid #9CC;

border-right: 1px solid #9CC;

border-top: 1px solid #9CC;

bottom: 0;

color: #FFF;

cursor: text;

margin: 0;

padding: 2px 5px 0 5px;

position: relative;

right: 0;*/
/* DIRK auskommentiert*/

background: #008800; /*00d600*/

border: 1px solid #008800; /*FFF*/

bottom: 2px;

color: #FFF;

cursor: default;

text-decoration: none;

}

TD.categories_description {
  font-family: Trebuchet MS,Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


/* CSS hover enlarged image popup */

 a.info{ 
    border: 0px;
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info:hover{
    border: 0px;
    z-index:2;} 

a.info span{
    border: 0px;
    display: none;
} 

a.info:hover span{ 
    border: 0px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	position: absolute;
	width: 230px;
	height: 171px; 
	left: 30px;
	top: -100px;
	z-index: 2;
} 


/* CSS hover enlarged image popup */