/*
@import url("headertags_seo_styles.css");
@charset "utf-8";
*/

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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #000000; text-decoration: underline; }

BODY {
  /*background: #FFFFFF url(images/shop_bg.jpg) 50% 0 no-repeat;*/
  background: #FFFFFF;
  color: #000000;
  margin: 10px;
  font-family: Verdana, Arial, sans-serif;

}


/* The html-body */
body{
/*margin:3px 0 10px 0;
padding:0; 
margin-left:auto;
margin-right:auto;
background-image:url(images/bg_shadow.gif);
background-repeat:repeat-y;
background-position:center*/}

/* remove background image on small browser window to avoid graphical glitches */
@media screen and (max-width: 1004px){
    body {
        background-image:none;
    }
}



H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #940000;
}

H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #940000;
}

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

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

ol, ul {
	list-style: none;
	padding:0px;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #940000;

}

TD.headerNavigation {
  vertical-align: top;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight : bold;

}

A.headerNavigation { 
  color: #ffffff; 
  font-family:  Verdana, Arial, Tahoma,sans-serif;
  font-size: 15px;
//  font-weight : bold;
//  background-image:url('design/trenner_weiss.gif');
//  background-repeat: no-repeat;
//  background:url(design/trenner_weiss.gif) no-repeat 0px 5px 0px 0px;

	padding:5px;
	 margin: 3px 10px 0;


height: 31px;
  
  
}

A.headerNavigation:hover {
  //color: #FFE8C9;

  text-decoration: underline;
  //font-weight : bold;

}

.headerNavigation_trail { 
	font-size: 12px;
}

A.headerNavigation_trail { 
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-weight : bold;
}

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

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

TD.footerhell, a.footerhell, a.footerhell:link, a.footerhell:visited, a.footerhell:hover, a.footerhell:active{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding:10 10 10 10;
}

/*Infobox Rahmen*/
.infoBox {
  background: #F7F7F7;
  border: 1px solid gray;
  border-collapse: separate;
  border-spacing: 0 0;
}

/*Infobox Rahmen*/
.infoBoxGr {
  background: #CCCCCC;
}

.infoBoxContents { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 130%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 2px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

.infobox_heading{
padding-left: 17px;
line-height: 25px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: transparent; 
background-image: url(../../../images/infobox/corner_middle.gif);
border-radius: 3px 3px 0 0;
}

td.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #bbc3d3;
  background-image: url(../../../images/infobox/corner_middle.gif);
  color: #FFFFFF;
}

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

ul.left_categories {
	margin: 0;
	padding: 0;
	list-style: none;	
}

ul.left_categories li {
	background-image: url(../../../images/auf_k.gif);
	background-repeat: no-repeat;
	background-position: 0 -3px;
	padding-left: 20px;
	line-height: 21px;
}

ul.left_categories li.sub_cat0 {
	background-image: none;
	padding-left: 15px;
}

ul.left_categories li.sub_cat1 {
	background-image: none;
	padding-left: 25px;
}

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: #ffffd1;
  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: #ffffb7;
  background: #ffffff;
}

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

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

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

a.pageResults {
  //color: #0000FF;
  color: #990000;
  
}

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

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

TD.pageHeading2, DIV.pageHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
}


TR.subBar {
  background: #f4f7fd;
}

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

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

}

TD.mainhilfe {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
 padding-right:5px;
 text-align:right;
}

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

}

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

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

TABLE.formArea {
  background: #ffffff;//FFE8C9
  border-color: #990000;
  border-style: solid;
  border-width: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

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

TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #d2e9fb;
}

.productPriceInProdInfo_klein {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;//FFE8C9
 margin:0px;
    padding-top:2px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;  
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #ffffff;//FFE8C9
   margin:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

.mark_ll {
    background: transparent url(./design/neuer_preis.png) no-repeat scroll 0% 50%;
    float: left;
    height: 74px;
    margin: -10px 20px;
    width: 143px;
    z-index:999;
}

TABLE.productPriceInProdInfo {
  border-color: #990000;
  border-style: solid;
  border-width: 1px;


  

}



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

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

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FF0000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

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

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

.content {

font-family: Verdana, Arial, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
margin-top:0px;
margin-left:0px
}

.content4 {

font-family: Verdana, Arial, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
font-weight: normal;
margin-top:0px;
margin-left:0px
}

.header {

font-family: Verdana, Arial, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
background-color: #940000;
color: #ffffff;
margin-top:0px;
margin-left:0px

}

.Produktbeschreibung{

font-family: Verdana, Arial, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
margin-left:15px;
}

UL {
   //list-style-image: url(images/auf_k.gif);
}

.tp    { border:1px solid #000000; font-family:Verdana, arial, Verdana, sans-serif; color:#34342B; font-size: 8pt; padding:4; margin-top:0px; vertical-align:top; background-color: #DFDEDE}


/*img.rahmen {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}*/

img.rahmen_info {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.logo_main
{
position:relative;	
top: 0px;	
left: 0px;	
z-index:10; 
width:330px; 
hight:63px; 
float: left;

}

.header_vorteil
{
position:relative;	
top: 15px;	
left: -50px;	
z-index:3; 

}

.addthis
{
position:relative;	
top: 0px;	
left:0px;	
z-index:4;
float:right; 
}
#headerleft, #headerright { margin:0px;}


.about
{
position:relative;	
top: -27px;	
left:121px;	
z-index:5;
padding-left:0px;
float:right; 

}

#header_rot{
	background-color:#940000;
	width:960px;
	height:31px;

}

div#header_rot a{
	color:white;
	padding:5px;
	margin: 5px 10px 20px;
    font-family:  Verdana, Arial, Tahoma,sans-serif;
    font-size: 15px;
    position:relative;	
	top: 5px;	

}

ul#headerleft li{
	border-right: 1px solid white;
    float: left;
    height: 31px;
    overflow: hidden;
	list-style:none;
	position:relative;	
	left: 0px;
}

ul#headerright li{
    border-left: 1px solid white;
    float: right;
    height: 31px;
	list-style:none;

}
.ribbon_over
{
position: relative;
}

.ribbon_over2
{
position: relative;
    width:300px;
    height:250px;
	border:1px solid #9F9F9F;

}

.ribbon_over .ribbon_best_klein { 
    background:url(images/ribbon_bestseller_klein.png) no-repeat;
    width:82px;
    height:82px;
    position:absolute;
    top:0px;
    left:67px;
    z-index:5;
}

.ribbon_over2 .ribbon_best_gross { 
    background:url(images/ribbon_bestseller_gross.png) no-repeat;
    width:162px;
    height:156px;
    position:absolute;
    top:-10px;
    left:152px;
    z-index:5;
}




























/* View Type: List */
.products-list li.item { padding:5px 5px 25px 2px; font-family:'Open Sans Condensed','Arial Narrow',Arial,sans-serif;}
.products-list li.item.last {
    border-bottom: 2px solid #fff;
	
} 

/*Überschrift*/
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; width:440px ; font-family:'Open Sans Condensed','Arial Narrow',Arial,sans-serif;}
.products-list .product-name a { color: #203548;font-size: 19px; }
		


.products-list li.item {
    background: url("images/liste-back.gif") no-repeat scroll 0 0 transparent;
    border: 2px solid #e7e7e7 ;
    height: 220px;
	box-shadow:0 0 7px #e7e7e7;
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 25px;
    width: 600px;
	border-radius:3px 3px 3px 3px;
}
.products-list li.item:hover {
    background: url("images/liste-back.gif") no-repeat scroll 0 0 transparent;
    border: 2px solid #e7e7e7;
    height: 220px;
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 25px;
    width: 600px;
	box-shadow: 0 0 17px #ccc;
}


#products-list li {
list-style-type:none;
padding-left:-10px;
}



 ol{
margin:0px;padding:0px;
}

.preis_bisher{
font-size:9px;
color:#828282;
}

img.kaufbutton {
margin-top: 14px;
}

.preis_strich{
text-decoration:line-through; 
color:#828282;
}

.preis_nur{
font-size:10px;
color:#828282;
}

.list-lieferzeit {width:245px; height: 19px; padding-left:0px; margin-top:10px;font-size:14px}
.list-inhalt {width:245px; height: 19px; padding-left:0px; margin-top:0px;font-size:14px}

.list-kurztext {width:245px; margin-top:5px;font-size:13px}



/* ---------- Mega Drop Down --------- */
#wrap {min-height:100%; width:960px; margin:-1px auto 0;background:#FFF;border:1px solid #000;border-bottom:0
}
#mega {
list-style:none;
font-family:  Verdana, Arial, Tahoma,sans-serif;
height:31px;
#margin:60px -1px 0 0;
width:960px;
background:#940000;
}
#mega li {
background:#940000;color:#FFF;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin-left:-1px;
float:left;
#width:150px;
padding-left:10px;
padding-right:10px;
text-align:center;
position:relative;
}

#mega li:hover {
background:#EEE;
color:#940001;
border: 1px solid #777;
border-bottom:0; 
border-top:0; 
#padding:7px 0 1px;
#margin-top:-7px
}
#mega li:hover a {color: #940001}
#mega li a {
color:#FFF;
outline:0;
text-decoration:none;
display:block;
line-height:31px;
font-size: 15px;
font-family:  Verdana, Arial, Tahoma,sans-serif;

	margin: 0px 10px 0px;

}

/* ----------- Sub Divs ---------- */
#cont1, #cont2, #cont3, #cont4 {
position:absolute;
left:-999em;
margin-top:0px;
width:884px;
padding:0 10px 10px;border:1px solid #777;border-top:none;
background:#F4F4F4;background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#EEEEEEEEE, endColorStr=#BBBBBBBB, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEEEEE, endColorstr=#BBBBBBBB, GradientType=0)";
-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;
}

#mega li:hover div, #mega li.right_one:hover div {
left:-1px;top:auto;
float:right;
}
#mega li.right:hover div {
left:-221px;
float:right;
}

#mega li.right_none:hover {
background:#EEE;
color:#940001;
border: 1px solid #777;
padding:7px 0 1px 0;
margin-top:-7px;
}
/* --------- Within Div Styles --------- */

a:hover, a:focus, a:active {
text-decoration:none;
color:#940001
}

#mega li ul {list-style-type: none;padding:0;margin:0;}
#mega li li {background:none;border:0;text-align:left}
#mega li li a {color:#FFF;font-weight: normal;padding:0;margin:0;}
#mega li li:hover, #mega li li a:hover {background:none;padding:0;margin:0;border:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */}

.list_container {float: left}
.list_container2 {float: left;width:100%;}
.list_container3 {float: left;width:33%}

.list_container ul {
color:#940001;
margin-left:-1px;
float:left;
width:50%;
position:relative;
}

/* Start Products Specifications */
ul.specification_box {
  line-height: 1.5;
}

option, optgroup {
  text-decoration: none;
  font-style: normal;
  margin: 0;
  padding: 2px 2px 0 2px;
  font-family: Verdana, Arial, sans-serif;
}

.filter_count {
  font-weight: normal;
}

.no_results {
  color: #bbb;
}

.close {
  font-size: 75%;
  position: relative;
  top: -4px;
}

img.image_filter {  /* Applies to images used as filters */
  width: 20px;  /* Width of each image */
  height: 20px;  /* Height of each image */
  padding: 5px;  /* Padding between the category contents and the border */
  border: 1px solid #182d5c;  /* Border around each image */
  margin: 3px;  /* Margin between the image border and other objects */
  background: #ffffff;  /* Background color behind each image */
  float: left;  /* Don't change this */
}

.specs_box { /* Applies to the table surrounding the Specifications/tabs onproduct_info.php */
  width: 100%;
  background: #FFFFFF;
}

#variantsBlock {
}

#variantsBlockTitle {
  font-size: 10pt;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 10px;
  width: 10em;
}

#variantsBlockData {
  align: left;
}

.productInfoKey {
  font-size: 9pt;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.productInfoValue {
  font-size: 9pt;
  vertical-align: middle;
}

#productInfoPrice {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
}

a.breadcrums_x:link, a.breadcrums_x:active, a.breadcrums_x:visited{
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

a.breadcrums_x:hover{
  font-size: 10px;
  color: #17426B;
}
/* End Products Specifications */

/* Start Sort */
#sort_products {
	list-style-type: none;	
	height: 40px;
	margin: 0;
	margin-bottom: 15px;
	padding: 8px 10px 0 10px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccd2d7;
}

#sort_products form > li{
	float: left;
	display: inline-block;
}

#sort_products .sorter {	
	margin-top: 4px;
}

.pageResults li {
	float: left;	
}

.pageResults .previous, .pageResults .next {	
	background: #fff;
}

.pageResults a:hover {
	background: #e8e8e8;
	text-decoration: none;
}

.pageResults .next:hover, .pageResults .previous:hover {
	background: #e8e8e8;
}

.pageResults a, .pageResults .current, .pageResults .previous, .pageResults .next {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	text-align: center;		
	border: 1px solid #e8e8e8;
	margin-left: -1px;
	background: #fff;
}

.pageResults .current {
	border: 1px solid #e0e0e0;
	background: #e8e8e8;
	color: #000;
}

.pageResults .icon-right-open:before, .pageResults .icon-left-open:before {
	line-height: 30px;
	font-size: 18px;
}

/* End Sort */

.sale-prozent {
    background-color: #ff0011;
    border-radius: 50%;
    color: #fff;
    border: 2px solid transparent;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}