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

/*
Farbcodes

schwarz     #000000
dunkelgrau  #333333
grau dunkel #666666
mittelgrau  #999999
hellgrau    #CCCCCC
weiß        #FFFFFF

dunkelblau  #003399
dunkelrot   #990000
dunkelgrün  #8B5000
ca. bordeaux #CC2222

mittelblau  #008AD9
mittelrot   #D90005
mittelgruen #0FB300

hellblau    #00A2FF
hellrot     #FF0000
hellgruen   #00FF00

gelb        #FFFF66
orange      #FF9C00
pink        #FF00EA

*/

/* ALLGEMEINE ANGABEN */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #cccccc; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #990000; }
.productsNotifications { background: #cccccc; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #333333; text-decoration: underline; }

BODY {
  /*background-image:url(images/back.jpg);*/ /*Hintergrundbild*/
	background-color: #333333;
  color: #000000;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

P {font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}

A {
  color: #012B7E;
  text-decoration: none;
  cursor: pointer;
/* 
color: #003399;
color: #022366;
*/  
}


A:hover {
  color: #FFFFFF;
  border: solid 0px #6633CC;
  background-color:#006699;
  text-decoration: none;
/* 
  color: #008AD9;
  background-color: #cccccc;;
  text-decoration: none;
background-color: #EEEEEE;
*/
}

INPUT:hover {
  color: #008AD9;
  background-color: #EEEEEE;
  text-decoration: none;
}

span.cssbutton:hover {
  color: #008AD9;
  background-color: #EEEEEE;
  text-decoration: none;
}

FORM {
	display: inline;
}

/* HEADER ############################################################## */

TD.shopheader {
  background: #666666;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #666666;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #666666;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  background: #eeeeee;
  color: #666666;
}

TR.headerError {
  background: #eeeeee;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #666666;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #666666;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #666666;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/* FOOTER ############################################################## */

TR.footer {
  background: #666666;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #666666;
  color: #ffffff;
  font-weight: bold;
}

/* INFOBOX ############################################################ */

.infoBox {
  
  border: 1px;
  border-style: solid;
  border-color: #638CFE;
  border-spacing: 0px;
  margin-bottom:4px;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#000000;
}

.infoBoxNotice {
  background: #FFFFFF;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #638CFE;
  color: #FFFFFF;
}

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

/* ACCOUNT HISTORY ######################################################### */

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

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

/* PRODUCT LISTING ######################################################### */

TABLE.productListing {
  border: 1px;
  border-style: solid;
/*  border-color: #CC2222; */  
  border-color: #BBBBBB;    
/*  border-color: #638CFE; */     
  border-spacing: 1px;
  background: #FFFFFF;  
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #CC2222;
  color: #FFFFFF;
  font-weight: bold;
}

.productListing-heading:hover {
  background: #CC2222;
  color: #FFFFFF;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-top: 1px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;  
  border-color: #BBBBBB;     
/*  border-color: #638CFE; */  
}

SPAN.alert {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #CC2222;
}

/* RESULTS ################################################################ */

A.pageResults {
  color: #003399;
}

A.pageResults:hover {
  color: #008AD9;
  background: #eeeeee;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
/*  color: #666666; */  
}

TD.pageHeading h1 { font-size: 18px; }
TD.pageHeading h2 { font-size: 18px; }

TR.subBar {
  background: #dddddd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

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

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

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #aabbdd;
}

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

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

/* FORM ELEMENTS ########################################################### */

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #003399;
/* color: #f0a480; */
  font-weight: bold;
}

TABLE.formArea {
  /*background: #f1f9fe;*/
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #00FF00;
  font-weight: bold;
}

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

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

/* FORMATE FÜR JAVASCRIPT ################################################### */

.moduleRow { }
/* .moduleRowOver { background-color: #eeeeee; cursor: pointer; cursor: hand; } */
.moduleRowOver { background-color: #eeeeee; cursor: pointer; }
.moduleRowSelected { background-color: #eeeeee; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #999999; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #cccccc; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #00FF00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }

/* new Price */

.Auswahl { 
        width:550px; 
        border:3px solid #DDDDDD;
}

Bereich, .Feld {
/* background-color:##f5f5f5; */
        background-color:#f5f5f5;
        font-size:16px;
        font-weight:bold; 
        text-align:right; 
        width:300px;
/* border:0px none none; */
        border:0px;
}

/* TAX INFO */

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

.currency {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}

/* CSS BUTTONS */

.cssbutton {
 background:#CC2222;
 margin:0px;
 padding:0px;
 color :#ffffff;
 width :105px;
 height:15px;
 vertical-align:top;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif;
 font-size:13px;
 cursor:pointer;
 text-align:center;
 border: 1px;
 border-style:solid;
 border-color:#DF2626; 
/* border-spacing: 1px; 
border-color:#941414;*/
}
.cssbutton:hover {
 color: #008AD9;
 background-color: #EEEEEE;
 text-decoration: none;
 border: 1px;
 border-style:solid;
 border-color:#DF2626;   
}

.cssbutton1 {
 background:#FF8C00;
 margin:0px;
 padding:0px;
 color :#ffffff;
 width :105px;
 height:15px;
 vertical-align:top;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif;
 font-size:13px;
 cursor:pointer;
 text-align:center;
 border: 1px;
 border-style:solid;
 border-color:#FFB760;
/* border-spacing: 1px; */
}
.cssbutton1:hover {
 color: #008AD9;
 background-color: #EEEEEE;
 text-decoration: none;
 border: 1px;
 border-style:solid;
 border-color:#FFB760; 
}

.cssbutton2 {
 background:#587EEA;  
 margin:0px;
 padding:0px;
 color :#ffffff;
 width :105px;
 height:15px;
 vertical-align:top;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif;
 font-size:13px;
 cursor:pointer;
 text-align:center;
 border: 1px;
 border-style:solid;
 border-color:#638CFE;
/* 
 background:#638CFE; 
 border-color:#7A9CFA; 
background:#0B8F11;
border-spacing: 1px; */
}
.cssbutton2:hover {
 color: #008AD9;
 background-color: #EEEEEE;
 text-decoration: none;
 border: 1px;
 border-style:solid;
 border-color:#638CFE;  
}

.cssbuttonwide {
 display: inline; 
 background: #CC2222;
 color : #ffffff;
 width: auto;
 overflow: visible;
 vertical-align: top;
 font-weight: bold;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 cursor: pointer;
 text-align:center;
 border: 1px;
 border-style: solid;
 border-color: #CC2222;
/* border-spacing: 1px; */
}

.cssbuttonwide:hover {
 color: #008AD9;
 background-color: #EEEEEE;
 text-decoration: none;
 border: 1px;
 border-style: solid;
 border-color: #CC2222;  
}

.cssbuttonsubmit{
 display: inline; 
 width: auto;
 /* Für IE: overflow: visible;; */
 overflow: visible;
 background: #CC2222;
 display: inline; 
 color: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 13px;
 cursor: pointer;
 margin:0px;
 padding:0px;
 text-align:center;
 border: 1px;
 border-style:solid;
 border-color:#CC2222;
}

.cssbuttonsubmit:hover {
 color: #008AD9;
 background-color: #EEEEEE;
 text-decoration: none;
 border: 1px;
 border-style:solid;
 border-color:#CC2222;  
}

H3 {font-family: Verdana, Arial, sans-serif;
   font-size: 15px;
}

H4 {font-family: Verdana, Arial, sans-serif;
   font-size: 20px;
}

TD {font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}
DIV.BIG {font-family: Verdana, Arial, sans-serif;
   font-size: 18px;
}
div.image {width:980px; height:86px; position:relative; top:0px; left:0px; padding:0px; margin:0px; border:0px; float:right; clear:both; background: url('images/werbeartikel.jpg') no-repeat;}
div.img-t1 {position:absolute; width:800px; height:40px; top:20px; left:40px; font-family: Arial; }
div.img-t1 h2{position:absolute; width:300px; height:40px; top:0px; left:242px; font-weight: normal; font-size: 32px; line-height: 32px; font-family: Arial; margin:0px; padding:0px;}
div.img-t1 h3{position:absolute; width:300px; height:40px; top:0px; left:0px; font-weight: normal; font-size: 32px; line-height: 32px; font-family: Arial; margin:0px; padding:0px;}
div.img-t2 h3{position:absolute; width:800px; height:20px; top:68px; left:98px; color:#FFFFFF; font-weight: normal; font-size: 16px;
line-height: 16px; font-family: Arial; margin:0px; padding:0px;}

div.img-t4 {position:absolute; width:730px; height:68px; top:0px; left:40px; font-weight: lighter; font-size: 30px; line-height: 30px; font-family: Arial; margin:0px; padding:0px;}
div.img-t4 h1{ font-weight: normal; font-size: 30px; line-height: 30px;}

div.img-t5 {position:absolute; width:675px; height:18px; top:68px; left:95px; color:#FFFFFF; font-weight: normal; font-size: 16px;
line-height: 16px; font-family: Arial; margin:0px; padding:0px;}
div.img-t5 h1{color:#FFFFFF; font-weight: normal; font-size: 16px; line-height: 16px;}
div.img-t6 {position:absolute; width:200px; height:68px; top:17px; left:770px; font-weight: normal; font-size: 14px; line-height: 14px; font-family: Arial; margin:0px; padding:0px;}

div.container{width: 980px; margin: 0px auto; border: 0px solid gray; float:none; clear:both;}
div.nlk {min-width:115px; width:115px; height:25px; position:relative; top: 5px; left:5px; float:left;}
div.nlk4 {min-width:460px; width:460px; height:25px; position:relative; top: 5px; left:5px; float:left;}
div.nlk2 {min-width:230px; width:230px; height:25px; position:relative; top: 5px; left:5px; float:left;}
div.nlg {width:970px; height:25px; position:relative; top:5px; left:5px; float:left;}
div.nlu {width:970px; height:25px; position:relative; top:2px; left:5px; float:left;}
div.nrk {min-width:115px; width:115px; height:25px; position:relative; top:5px; left:5px; text-align:left; float:left;}
div.nrgh {width:230px; height:75px; position:relative; top:5px; left:0px; text-align:right; float:right;}
div.nrgt {width:0px; height:25px; position:relative; top:0px; left:0px; text-align:right; float:right;}
div.navl {width:740px; text-align:left; float:left; clear:both;}
div.navr {width:240px; text-align:left; float:right;}
div.spacer {width:6px; float:left;}
div.spacer_msie {width:6px; float:left;}
div.ende{width:100%; height:5px; float:right;}

SPAN.fett {font-weight: bold;}

#nav{width:100%; height:105px; float:right; background-color:#666666; clear:both; color:white; font-size:12px; font-weight:bold}
#main{width:100%; background-color:#FFFFFF; float:right; clear:both;}
#links{width:200px; margin:5px; float:left;}
#mitte{width:760px; float:right; margin: 5px; background-color:#FFFFFF; float:right;}
#fuss{width:100%; height:28px; background-color:#666666; text-align:center; font-size:11px; color:#EEEEEE;}
#space{width:5px; height:100px; float:right; background-color:#666666;}


div.nlk  a {
  display: block;
  padding: 2px;
  margin: 0px;
}

div.nrk  a {
  display: block;
  padding: 2px;
  margin: 0px;
}

h2.produktname {
/*  font-family: Verdana, Arial, sans-serif; font-size: 10px; */
 font:1.2em bold verdana, arial, sans-serif;
}

/* Start menu Solid - Show Sub-categories  */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: inline;
vertical-align: middle;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 15px;
text-decoration: none;
border: solid 0px #f8f8f9;
}

a.menucateg:hover {
border: solid 0px #6633CC;
background-color:#006699;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active  {
display: inline;
vertical-align: middle;
padding-left: 5px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 14px;
text-decoration: none;
border-top: solid 1px #f6f6f6;
}

a.menusubcateg:hover {
border-top: solid 1px #6633CC;
background-color:#006699;
text-decoration: none;
color: #FFFFFF;
}

a.menuinfo:link, a.menucateg:visited, a.menucateg:active {
display: inline;
padding-left: 0px;
vertical-align: middle;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 15px;
text-decoration: none;
border: solid 0px #f8f8f9;
}

a.menuinfo:hover {
border: solid 0px #6633CC;
background-color:#006699;
text-decoration: none;
color: #FFFFFF;
}

a.img {
border: solid 0px #FFFFFF;
background-color:#FFFFFF;
text-decoration: none;
color: #FFFFFF;
}

a.img:hover {
border: solid 0px #FFFFFF;
background-color:#FFFFFF;
text-decoration: none;
color: #FFFFFF;
}

/*
table.alerts
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 260px;
background-color: #fafafa;
border: 1px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}


.alertHd
{ border-bottom: 2px solid #d79900;
background-color: #fff2ba;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


.alertBod p
{ text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #404040;
background-color: #fafafa;
text-indent: -8px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;} 
*/
/* End menu Solid - Show Sub-categories  */