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

img {border: none;}
.head-nav{width:100%; color: #666; background:#ddd; font-family: arial,helvetica,sans-serif;
 font-size: 11px;  }

.nav1{display: inline;}
a.nav2 {color:#000066;}
.nav3{float:right; padding-right:20px; display:inline;}
.headerNav {font-family: arial,helvetica,sans-serif;
  font-size: 11px; color: #666;}
 a.headerNav {color: #666;}
.tax_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #acacac;
}
a.tax_info {color:#acacac;}

.boxText { font-family: arial,helvetica,sans-serif;
 font-size: 11px; }
.errorBox { font-family : arial,helvetica,sans-serif;
 font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : arial,helvetica,sans-serif;
 font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : arial,helvetica,sans-serif;
 font-size : 11px; color: #70d250; text-decoration: underline; }

BODY { 
  background: #dddddd;
  color: #000000;
margin-right: 20px;
  padding-left:30px;
}

.textindex {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: none;
}
h1.index {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: bold;
width: 100%;
}
.index1 {color:#000000; }
.index2 {width:100%;
display: inline-table;
border: 1px dotted #ffd77f;
background: #Fffbf4;
color: #000000;
font-size: 12px;}
.index {width: 33%;
color: #000000;
font-size: 12px;}
a.index {color:#000000;
font-weight: bold;
font-size: 11px;}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
h1 { 
	FONT-SIZE: 14px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif;
	padding: 15px 0 0 0;
}
h2, h3, h4, h5, h6 {
	FONT-SIZE: 12px; COLOR: #C4500C; FONT-FAMILY: arial,helvetica,sans-serif;

}

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

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

FORM {
	display: inline;
}

.header {
  background: #ffffff;
  padding-left: 0px;
  padding-bottom:0px;
  margin:0px;
 display:block;
 width:100%;
height:75px;
  }

.headerNavigation {padding-right: 0px;
padding-left:15px; 
background: #b61313;
}

TR.headerNavigation {
  background: #b61313;
}
A.headerNavigation  {background: #ffffff;
  color: #003399;}

TD.headerNavigation {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  background: #b61313;
  height:25px;
  color: #ff9933;
  font-weight : bold;
  }

TD.topgif {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;  
  color: #ff9933;
  }
  


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

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

.suche {
width: 180px;
display: block;
float: right;
}




.footer {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  background: #ddd;
  font-weight: bold;
}

.infoBox {
  
}


.infoBoxContents {
 
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
 
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;

}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;

   color: #000;
}

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

.infoBoxContentscat {padding:0; margin:0;}

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

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

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

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #003366;
 }

.productListing-data {border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-top:10px;}

TD.productListing-data a{
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #003366;
  line-height: 15px;
  padding-top:20px;
 }
 
.productListing-buy {border-right: 1px solid #ddd;}

span.artikel {line-height: 40px;}

span.price {line-height: 20px;
color: #333333;
font-weight:bold;
font-size:12px;
font-family: arial, helvetica, sans-serif}

SPAN.productSpecialPrice {
  color: #ff0000;
  font-weight:bold;
  font-size:20px;
font-family: arial, helvetica, sans-serif}
}

h1.price s{ font-size:12px;}
A.pageResults {
  color: #0000FF;
}

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

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

TD.field {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8px;
  color: #ffffff;
}

TR.subBar {
  background: #f4f7fd;
}

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.smallText-foot { padding-left: 15px;
font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #fff;}
  
td.smallTextfeature {background:#f8f8f8; 
border:1px dotted #ccc;
padding:10px;}

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

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: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
background: #f1f9fe;
  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.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

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

.confirm {
font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* 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; }


#pscroller1 {
	height: 180px;
	border: 0px;
	padding: 5px;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 0px;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

div.jqZoomTitle
{
    z-index:5000;
    text-align:center;
    font-size:13px;
    font-family:Tahoma;
    height:16px;
    padding-top:2px;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background: #999;

}

.jqZoomPup
{
        overflow:hidden;
        background-color: #FFF;
        -moz-opacity:0.6;
        opacity: 0.6;
        filter: alpha(opacity = 60);
        z-index:10;
        border-color:#c4c4c4;
        border-style: solid;
        cursor:crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
   filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
   text-decoration: none;
    border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
    text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:10;
    position:absolute;
    top:3px;
    left:3px;

}

.jqZoomWindow
{
    border: 1px solid #999;
    background-color: #FFF;

}

.price {padding-top:20px; 
padding-bottom: 40px;
color: #ff0000;
font-size: 20px;
text-align:right;}

.produkt-title{
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 5px solid #fff;
}

h1.produkt-title {font-size:20px;
border:none;
  padding-left:15px;
 width: 300px;}
  
 td.fb-like {
  padding-left:15px;}

.beschreibung {background: #fff;
width: 100%;
  padding-left:15px;
  height: 250px;}

.details{background: #ddd;
font-size: 20px;
height: 30px;
width: 100%;
text-transform: uppercase;
}
tr.details td {  padding-left:15px;}

.info-versand { background: #f2f2f2;
border: 3px solid #ccc;

}

.kunde {font-size: 20px;
color:#ccc;}

.hotline{ border: 4px solid #eee;
color: #aaa;
font-size: 16px;
height: 50px;
text-transform: uppercase;
  padding-left:20px;
}

a.hotline{ padding-left:20px;
color: #aaa;
border: none;
text-decoration:none;
}

.hotline-kontakt{ width: 100%;
border: 4px solid #eee;
color: #b61313;
font-size: 16px;
height: 50px;
text-transform: uppercase;
padding-left:20px;
}
.MagicToolboxSelector {padding:5px;
border: 1px solid #ccc;

height:85px;
}

.title_text{background: #f3f3f3;
padding: 0px;}

.sortiment {border: 3px solid #ccc;}

.inhalt-seite {padding-left:20px;
padding-right:20px;
background:#fff;
}

.fb-like {float:left;}

.shoppingcart-head {font-family: verdana, Arial, sans-serif; font-size: 10px;
padding-right: 5px;
height: 70px;
margin-top:5px;
background: url(images/shopping-tasche.png) no-repeat;
border-left: 1px solid #ccc;
color: #333;
padding-left:42px;
text-align: right;
width:100%;
overflow:hidden;
float:right;
display: inline;
}

a.headerCart {color:	#b61313;
}

.headerCart {padding-right:5px;} 	
	/* Start of Column CSS */
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	 /* column 5 background colour */
	 background: #f4f4f4;
}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	 /* column 4 background colour */
	  background: #f4f4f4;
	  border-right: 3px solid #fff;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	 /* column 3 background colour */
	  background: #f4f4f4;
	    border-right: 3px solid #fff;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	 /* column 2 background colour */
	  background: #f4f4f4;
	    border-right: 3px solid #fff;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	 /* column 1 background colour */
	  background: #f4f4f4;
	    border-right: 3px solid #fff;
		padding-left:5px;
}
#col1 {
	float:left;
	width:20%;
	position:relative;
	left:80%;
	overflow:hidden;
	}
#col2 {
	float:left;
	width:19.5%;
	position:relative;
	left:80.5%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:20%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:18%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col5 {
	float:left;
	width:18%;
	position:relative;
	left:84%;
	overflow:hidden;
}


#column-footer{background: #f4f4f4; border-top: 1px solid #b61313; padding-top: 10px;
padding-bottom: 10px;}

	
table.infos { padding-left:25px; 
width: 100%;
height: 70px;
font-family: verdana, Arial, sans-serif; font-size: 10px;
color: #bbb;
float:right;
padding-right:25px;
}		


.corner{display:block}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  background:#f6f6f6}
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
  background:#f8f8f8}
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;}
.corner4{
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb}
.corner5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.cornerfg{
  background:#ffffff}
 




  
  .kasse {border-left: 1px solid #ccc;
  padding-left: 15px; overflow: hidden;
  
  }
  
  a.kasse {color: #b61313;
  border:none;}
  
  .tax {
  font-family:font-family: Verdana, Arial, sans-serif;
  font-size: 10px; color: #666;}

 span.tax  a{ font-family:font-family: Verdana, Arial, sans-serif;
  font-size: 10px; color: #666;}
    
a.info {color:#000033; display: inline-table; }

li.info  {list-style: none;
border-bottom: 1px solid #ddd;
color:#000033;
line-height:20px;
}

.main-bewertung {background: #efefef;}

.breadcrump {padding-left: 10px; 
color: #bbb;
font-family: Arial helvetica sans-serif;
font-size:11px;}

td.bread { font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
  padding-left:20px;}
  td.bread-cat{ font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
}
  
 td.bread2 a{color: #003399;
  text-decoration:none;
  padding-left:20px;
  font-family: Arial, helvetica, sans-serif;
font-size:11px;}

.boxTextcat { font-family: arial,helvetica,sans-serif;
 font-size: 11px;
 }
 
li.info-vers {list-style: none;}

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: white;
	background-color: #b61313;
	
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
	padding: 5px 15px 5px 15px;
	
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
	color: white;
	font-weight: bold;
	}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #ffffff;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
		text-decoration: none;
		background: #7f0d0d;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #7f0d0d;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	 filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #7f0d0d;
	border: 1px outset #7f0d0d;
	color: #ffffff;
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
	padding: 5px;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #ffffff;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #b61313;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #f4f4f4;
	background-color: #b61313;		
	text-decoration: none;
	font-weight: bold;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #7f0d0d;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #7f0d0d;
}

.footer-nav1 {border-top: 6px solid #b61313;
padding-top: 10px;
background: #fff;
padding-bottom:15px;
}

#footer-nav ul
{ margin-left: 5px;
  width: 79em;  /* room for 3 columns */
}
#footer-nav ul li
{ 
  float: left;
  width: 19em;  
   display: inline;
/* accommodate the widest item */
}


/* stop the floating after the list */
br
{
  clear: left;
}
/* separate the list from what follows it */
div.wrapper
{
  margin-bottom: 1em;
}

/* anchor styling */
#footer-nav ul li a
{
  display: inline;
  width: 19em;
  text-decoration: none;
}
ul li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}

#footer-nav ul li a {font-size: 10px;
}

td.buttoncart {float: right;}

 
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b61313}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #df9999;
  border-right:1px solid #df9999;
  background:#c84e4e}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7e7e7;
  border-right:1px solid #f7e7e7;
  background:#c33f3f}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c33f3f;
  border-right:1px solid #c33f3f;}
.spiffy4{
  border-left:1px solid #df9999;
  border-right:1px solid #df9999}
.spiffy5{
  border-left:1px solid #c84e4e;
  border-right:1px solid #c84e4e}
.spiffyfg{
  background:#b61313;
}

td.product-image {background: url(images/fotoback.png) no-repeat;
width: 160px;
height:173px;
padding: 25px 0px 0px 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
float:center;
text-align:center;}


span.feat-image {border: 1px solid;}


 
.foot-index-text {font-size: 10px; color: #aaa; padding: 20px; display: block; font-family: Verdana, Arial, sans-serif;}
div.foot-index-text a{font-size: 10px; color: #aaa; }

span.foot-index-text {font-size: 11px; color: #aaa;  font-family: Verdana, Arial, sans-serif;}
.marken {border: 2px 0 solid #ddd;  }
.logo-footer {padding-left: 20px;}
.logo-footer  img{background:white; width:110px; padding: 0 10px 0 10px; }

DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 7px;
   -moz-border-radius: 7px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;
   }

DIV.shadow IMG {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }
   
   div.leer{clear:both;}