/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
**  YAML Version: 2.5
**  Dateiversion: 04.07.06
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################f################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**

/* ### Überschriften, Fließtexte ###################################################################### */

body { color: #444; font-size: 83.33%; font-family: Verdana, Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.00em; color: #fff; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h3 {font-size: 1.0em; color: #000; margin: 0 0 0 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h4 {color: #000; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #C5C5C5 solid;}
h5 {font-size: 0.89em; color: #000; margin: 0 0 0.90em 0; }

#teaser h1 { font-size: 1.2em; border: 0; }
#teaser a {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;

}

p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

#col3_content h4{font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;}


/* ######################################################################################################
** # YAML für xt:commerce (c) by Björn Teßmann (http://yaml.t3net.de / http://www.zerosoftware.de  ######
** ######################################################################################################
**
**  YAML für xt:commerce Version: 1.0.2
**  Dateiversion: 18.05.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/
/* ###################################################################################################### */
/* ### Allgemeine Angaben ############################################################################### */
/* ###################################################################################################### */

/* ### beende Umfluß in Abschnitt ### */
.clearHere { clear: both; }

/* ### CSS für floatende Inhaltselemente ### */
/* ### DIV-Tags ### */
.leftCol {
	margin-top:4px;
	float:left;
}

.rightCol {
	position:absolute;
	margin-top:4px;
	right:0;
	padding-right:4px;
}

/* ### Ausblenden von underline und Rahmen bei Bildern als Link  ### */
a.imgLink {
	border: 0px none; text-decoration: none;
}

.dontShow {
 	position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

.optionsBg { background-color: #F1F1F1;  margin: 0; padding: 5px; }

#col3_content .longInput, #col3_content .longTextarea textarea {
	width: 99%;
}

#col3_content label.longLabel {
	width: 99%;
	float: none;
}

/*  ### Bearbeiten-Link im CheckoutConfirmation  ### */
a.checkoutLink {
	color:#009933;
	font-style:italic;
}

/* ### Auszeichnung lokaler und externer Links ######################################################## */
a, a em.file {color: #222; text-decoration:none;}
a:hover {text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}

#footer a { color: #000; }
#footer a:hover { text-decoration:underline; }
/* ### Stehen lassen ### */
#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ### Formatierung "benötigte Felder"-Anzeige ### */
.inputRequirement { font-size: 11px; color: #ff0000; }
/* ### Copyright-Vermerk von xt:C #### */
.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}

A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

SPAN.versandinfo {
	color: #880C00;
}

/* ### Stehen lassen ###*/
TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

/* ### Formatierung für Anzeige ausverkaufte Artikel ### */
SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
/* ### Formatierung Sonderpreis ### */
SPAN.productSpecialPrice {
  color: #ff0000;
}
/* ### Formatierung alter Preis ### */
SPAN.productOldPrice {
	color: #444444;
	text-decoration: line-through;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

SPAN.pricered {
	color: #880C00;
	font-weight: bold;
	font-size: 20px;
}

SPAN.priceredflaeche {
	color: #880C00;
	font-weight: bold;
	font-size: 16px;
}

SPAN.freeshipping {
	color: #880C00;
	font-weight: bold;
	font-size: 12px;
}

SPAN.flaeche {
	color: #333333;
	font-weight: bold;
	font-size: 20px;
}

SPAN.pricelisting {
	color: #880C00;
}

SPAN.productprice {
	color: #880C00;
	font-size: 14px;
}

SPAN.tax {
	font-size: 9px;
}

SPAN.shipping {
	font-size: 9px;
}

/*input, textarea, select {
   width:auto !important;
} */

/* ### technische Daten Modul (tpt) ############################################################################################## */

/* ### Formatierung Tabellenhintergrund ### */

SPAN.tpttabel {
	background-color:#E9E9E9;
}

/* ### Modul TIP #################################################################################### */

SPAN.tip {
	color: #FFFFFF;
	background-color: #FF8103;
	font-variant:inherit;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	outline-color: #000000;
	}

/* ######################################################################################################
** # Spezielle Inhaltselemente ##########################################################################
** ######################################################################################################

/* ### Boxen allgemein ###################################################################### */

/* ### Kopf der Infoboxen ################################################################### */
#col1_content h1 , #col2_content h1{
	color: #fff;
	padding:5px 8px 5px 5px;
	width:auto;
	height:1%;
	width:auto;
	font-size:0.9em;
}

#col1_content h1 {
	background: url(../../img/kopfgrafik_links_grau.gif) no-repeat;
	border-right:1px solid #5F6060;
}

#col1_content .catHead {
	background: url(../../img/kopfgrafik_links_rot.gif) no-repeat;
	border-right:0px solid #5F6060;
}

#col2_content .cartHead{
	background: url(../../img/kopfgrafik_rechts_rot.gif) no-repeat;
	text-align:right;
}

#col2_content h1 {
	background: url(../../img/kopfgrafik_rechts_grau.gif) no-repeat;
}

/* ### Körper der Infoboxen */
.boxInfoLS , .boxInfoRS {
	height:auto;
	font-size: 0.8em;
	height:1%;
	margin-bottom:15px;
	border-bottom: 1px #ccc solid; /* Rahmen Boxkörper unten */
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background:#E9E9E9;
}

/* ### Innenabstand linke Boxen*/
.boxInfoLS {
	padding:10px;
}

/* ### Innenabstand rechte Boxen*/
.boxInfoRS {
	padding:10px;
}

/* ### Abschnitte in den Boxen ### */
#col1_content p , #col2_content p {
	margin:0;
	line-height:1.2em;
}

/* ### Abstand für Inputs (Eingabefelder / Buttons in den Boxen ### */
#col1_content input , #col2_content input {
	margin:2px;
	font-size: 1.2em;
}

/* ### Einzug für Text in den Boxen ### */
p.boxTxtInd {
	padding-left:12px;
	font-size:0.9em;
}

/* ### Highlight in den Boxen ### */
.boxTxtInd span{
	color:#990000;
}

p.boxTxtRight {
	text-align:right;
	font-size:0.9em;
}

p.boxTxtLeft {
	font-size:0.9em;
}

#col1_content h4 , #col2_content h4 {
	margin-bottom:0px;
	margin-top:0px;
	font-size:0.9em;
}



/* ### Anpassen der Linkdarstellung für die Köpfe der Boxen ### */
#col1_content h1 a, #col2_content h1 a {
	color:#fff;
	text-decoration:none;
}

#col1_content h1 a:hover, #col2_content h1 a:hover {
	text-decoration:underline;
}

/* ################################################################################################### */
/* ### Bildpositionierung in Boxen ################################################################### */
/* ################################################################################################### */
/* ### Bild rechts ### */
img.imgRight {
	float: right;
 	margin: 2px 0px 2px 10px;
 	position: relative;
}

/* ### Bild link ### */
img.imgLeft {
	float: left;
	margin: 2px 10px 2px 0px;
	position: relative;
}

/* ### Bild rechts product_listing### */
img.imgRight2 {
	float: left;
 	margin: 5px 0px 2px 0px;
 	position: relative;
}

/* ### Bild link product_listing### */
img.imgLeft2 {
	float: left;
	margin: 5px 0px 2px 0px;
	position: relative;
}

/* ### Bild zentriert in Boxen ### */
#col1_content img.imgCenter , #col2_content img.imgCenter  { background: #fff; padding: 4px; border:1px #ccc solid; }
p.centerContent { text-align:center; }
p.rightContent { text-align:right; }

/* ############################################################################################ */
/* ### Boxen speziell ######################################################################### */
/* ############################################################################################ */

/* ### Box cart ############################################################################### */

.cartBox h4 {
	border-bottom: 0px;
}



/* ### Box Bestseller ######################################################################### */

p.bestseller {
	font-size:0.9em;
	padding-left:7px;
}

/* ### Box Information und Content############################################################# */

.boxInfoContentLS {
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	border-bottom: 1px #ccc solid; /* Rahmen Boxkörper unten */
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height:1%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:1%;
	padding-right:1%;
	width:97%;
}

.boxInfoContentLS  li ul {
	list-style-type: none; margin:0; padding: 0;
}

.boxInfoContentLS ul {
	list-style-type:none;
	padding:0;
	border:0;
	margin:0;
}

.boxInfoContentLS a {
	display:block;
	text-decoration: none;
}

.boxInfoContentLS .activeContent a{
	color:#fff;
	background: #000 url(../../img/navi_over.jpg) no-repeat left center;
}

.boxInfoContentLS a:hover {
	background: #000 url(../../img/navi_over.jpg) no-repeat left center;
	text-decoration: none;
	color:#fff;
}

.boxInfoContentLS li {
	float:left;
	width: 100%;
	margin:0;
	line-height:1.2em;
}


.boxInfoContentLS ul li a {
	width: 90%;
	padding-left:22px;
	background: #E9E9E9 url(../../img/navi.jpg) no-repeat left center;
	font-size:0.8em;
	padding: 2px 0px 2px 10%;
	border-bottom:1px solid #EEEEEE;
}


/* ############################################################################################ */
/* ### Box für die Kategorie (Kategorienavigation) ############################################ */
/* ############################################################################################ */

.catListBody {
	height:1%;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	border:0;
	margin-bottom:15px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:1%;
	padding-right:1%;
	width:97%;
	border-bottom: 1px #ccc solid; /* Rahmen Boxkörper unten */
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

.catListBody li ul {
	list-style-type: none; margin:0; padding: 0;
}

.catListBody ul {
	list-style-type:none;
	padding:0;
	border:0;
	margin:0;
}

.catListBody a {
	display:block;
	text-decoration: none;
	height:1%;
	font-size:0.9em;
}

.catListBody li {
	float:left;
	width: 100%;
	margin:0;
}

#col1_content .catListBody img {
	margin-right:0.7em;
}

/* ################################################################################################################### */
/* ### Definition des Randes für die einzelnen Kategorieebenen + Text- und Hintergrundfarbe (Werte werden vererbt) ### */
/* ### width + padding-left = 100% ################################################################################### */
/* ################################################################################################################### */

/* ### 1.Ebende ### */
.catListBody ul li a {
	width: 90%;
	padding: 1px 0px 1px 10%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_cat.gif) no-repeat -271px center;

}

/* ### 2.Ebende ### */
.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
	width: 86%;
	padding: 1px 0px 1px 14%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_catsub.gif) no-repeat -265px center;
}

/* ### 3.Ebende ### */
.catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a{
	width: 79%;
	padding: 1px 0px 1px 21%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_catsub.gif) no-repeat -251px center;
}

/* ### 4.Ebende ### */
.catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a {
	width: 72%;
	padding: 1px 0px 1px 28%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_catsub.gif) no-repeat -241px center;
}

/* ### 5.Ebende ### */
.catListBody ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 65%;
	padding: 1px 0px 1px 35%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_catsub.gif) no-repeat -231px center;
}

/* ### 6.Ebende ### */
.catListBody ul li ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 58%;
	padding: 1px 0px 1px 42%;
	color: #444;
	border-bottom: 1px #fff solid;
	background:#fff url(../../img/navi_catsub.gif) no-repeat -221px center;
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
	background:#fff url(../../img/navi_catsub.gif) no-repeat -221px center;
	color: #444;
}

/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */

/* ### 1.Ebende ### */
.catListBody li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -271px center;
	color: #fff;
	text-decoration: none;
}

/* ### 2.Ebende ### */
.catListBody li li a:hover , .catListBody li.activeCat li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -265px center;
	color: #fff;
	text-decoration: none;
}

/* ### 3.Ebende ### */
.catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -251px center;
	color: #fff;
	text-decoration: none;
}

/* ### 4.Ebende ### */
.catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -241px center;
	color: #fff;
	text-decoration: none;
}

/* ### 5.Ebende ### */
.catListBody li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -231px center;
	color: #fff;
	text-decoration: none;
}

/* ### 6.Ebende ### */
.catListBody li li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background:#000000 url(../../img/navi_catover.gif) no-repeat -221px center;
	color: #fff;
	text-decoration: none;
}

/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */

.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a {
	background:#000000 url(../../img/navi_active.jpg) no-repeat left center;
	color: #fff;
}

/* #################################################################################################### */
/* ### Layoutelement Container ######################################################################## */
/* #################################################################################################### */

.container , .moduleRow { height:1%; background-color: #FFFFFF;  margin-bottom: 3px; padding: 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
.container2 { height:1%; background-color: #FFFFFF;   margin-bottom: 3px; padding: 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.containerPopup { height:1%; background-color: #FFFFFF;   margin-bottom: 3px; padding: 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.containerNewProd {
	height:1%;
	margin:0 0 10px;
	padding:0.2em;
	background: #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size:0.9em;
}
.containerNewProdOverview {
	background: #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
	margin-bottom:10px;
	height:1%;
}

.moduleRowOver {
	border-color: #000000;
	height:1%;
	margin-bottom: 3px;
	padding: 5px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom: 1px solid #000;

	}
.moduleRowSelected {
	background-color: #CCCCCC;
	margin: 0;
	padding: 5px;
	height:1%;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { width: 100%; margin-bottom:0.5em; }
form { overflow:hidden; }

/* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */
#col3_content label {
    font-size: 1em;
    line-height: 130%;
    background: transparent;
    color: #333;
    width: 16em;
    padding-right: 4px;
    margin-bottom: 5px;
    float: left;
}

/* ### Texteingabefelder ### */
input[type=text], #col3_content textarea, input[type=password] , select {
    background-color: #fff;
    color: #333;
    border: 1px #880C00 solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
}

/* ### Standardgröße für Texteingabefelder Inhaltsspalte (col3)### */
#col3_content input[type=text], #col3_content textarea,#col3_content input[type=password] {
	width: 15em;
}

/* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=password]:hover, input[type=password]:active, input[type=password]:focus,
select:hover,  select:active,  select:focus,
textarea:hover,  textarea:active,  textarea:focus {
    background-color: #880C00 ;
    color: #fff;
    border: 1px solid #000; /* Farbe für den Rand bei Hover */
}

/* ### Rahmen um Eingabefelder ### */
#col3_content fieldset { border: 1px solid #C5C5C5; padding: 4px; margin-bottom: 1em; margin-top: 5px;}
/* ### Beschriftung der fieldsets ### */
#col3_content legend {
	font-size: 85%;
	background-color: #fff;
	color: #333;
	border: 1px solid #C5C5C5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
input[type=hidden] { display: none; }

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
input[type=radio] , input[type=checkbox] {
	background: #fff;
    color: #333;
    border: 0 none;
    width: 1em;
    height: 1em;
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
}

/* ### Inhalt: Tabelle ### */

caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
thead th { text-align: left; background: #870B00; color: #fff;font-size:0.8em; font-weight: bold;}
tfoot td { padding-left: 10px; margin: 0; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }
tbody td, th { vertical-align: top; padding:5px; }

tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #fff; vertical-align: top; padding:2px; }

.checkoutConfirmation table{
	border:#C5C5C5 1px solid;
	width:100%;
}

tbody td.attribute , tbody td.value{
	margin:0;
	padding:0;
	border:0;
	font-size:0.9em;
	line-height:1.5em;
}

/* ### Warenkorb total ### */
tfoot td.subTotal { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: right; background: #CCCCCC; color: #333; }

/* */
tbody td.singlePrice, tbody td.totalPrice { font-size:0.8em;  border-left: 1px dotted #fff; vertical-align: top; padding: 5px 10px; }
tbody td.delete {   padding:0; vertical-align:middle; line-height:20px; }
tbody td.delete input { margin-left:35px;  }

/* ### Inhalt: Tabelle für Adressauswahl checkout_shipping_address.html und checkout_payment_address.html ### */
.adressBlockContainer td {
	border-left: 1px dotted #fff; padding: 3px;
}

.adressBlockContainer  tbody td,.adressBlockContainer th {
	border: 0px ; vertical-align: top; padding: 0px;
}

/* ################################################################################################################### */
/* ### Spezielle Anweisungen für einzelne Module ##################################################################### */
/* ################################################################################################################### */

/* ### orderDetails ################################################################################################## */
#col3_content .orderDetailsTab .quantity input {
	width: 25px ;
}

thead.orderDetailsTab td  {
	background-color:#CCCCCC;
}

tfoot td.subTotal { margin: 0; padding: 5px 10px; text-align: right; background: #FAFCFF; color: #000; border-top:2px dotted #870B00; border-bottom:2px dotted #870B00;}
tfoot td.subTotal a{color: #000;}

.orderDetailsTab .prodRow1{
	background: #fff;
}
.orderDetailsTab .prodRow2{
	background: #FFDAD7;
}


hr.dis {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    margin-bottom: 1em;
}

hr {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    height:2px; /* Mozilla, Opera */
}

hr.cart {
	color: #333333;
	background-color:#333333;
	height:1px;
  	margin-right:0;
	text-align:right;
	width:80%;
	margin: 0;
	padding: 0;
	border:0;
}

.hrDiv {
	padding-bottom: 1px;
	padding-top: 1px;
	height: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	line-height: 0px;
	background-color: #880D00;
}

.hrDiv {
	margin-top:3px;
	margin-bottom:3px;
}


.error { color: #FF0000; }
.must { color: #FF0000; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

/* ### productNavigator ############################################################################################## */

.productNavigator {
	background-color:#EDEDED;
	padding:8px;
	border:#999999 1px solid;
	font-size:0.75em;
	margin-bottom:3px;
	height:1%;
}
/* ################################################################################################################### */
/* ### catListing1 ################################################################################################### */
/* ################################################################################################################### */
.catListing1 .subcolumns {
	text-align:center;
	margin-top:10px;
}

.catListing1 .subcl , .catListing1 .subc ,.catListing1 .subcr {
	padding:0;
}

/* ################################################################################################################## */
/* ### productListing1 ############################################################################################## */
/* ################################################################################################################## */



.containerProdListing1 {
	background-color: transparent;
	margin-bottom: 15px;
	border-left: 1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	height:1%;
}
/* Kopf für Kategorien, verwendet bei allen product_listing und categorie_listing */
#frameListHead {
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}


/* ################################################################################################################## */
/* ### containerProdListing3col ##################################################################################### */
/* ################################################################################################################## */

.containerProdListing3col .subcolumns {
	text-align:center;
	margin:0 0 15px 0;
}
.productListing3colBuyNow {
	margin-top:5px;
}

.containerProdListing3col h1 {
	background:transparent;
	color:#000;
}
.containerProdListing3col h1 a{
	color:#000;

}

.containerProdListing3col .subcolumns {
	font-size:0.8em;
}

.containerProdListing3col .subcl, .containerProdListing3col .subc, .containerProdListing3col .subcr {
padding:0pt;
}

/*.containerProdListing3col .subc {

}*/

/* Abstand zwischen Beschreibung+Bild und Button für Detailseite */
.ProdListing3colSpacer {
	height:21em;
}


/* ################################################################################################################### */
/* ### productInfo ################################################################################################## */
/* ################################################################################################################### */

.productInfo1 , .productInfo2 , .productInfo3, .productInfo3 {
	color: #444;
	padding:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
	height:1%;
}

/* ### Bilder ###*/
.productInfo1 img.imgLeft, .productInfo2 img.imgLeft, .productInfo3 img.imgLeft, .productInfo4 img.imgLeft,
.productInfo1 img.imgRight, .productInfo2 img.imgRight, .productInfo3 img.imgRight, .productInfo3 img.imgRight {
	background: #fff;
	padding: 15px;
	border:1px #ccc solid;
}

.productInfo1 div.basicData, .productInfo2 div.basicData, .productInfo4 div.basicData{
	line-height:1.5em;
	text-align:right;
}

#col3_content .productInfo1 input[type=text] , #col3_content .productInfo2 input[type=text] , #col3_content .productInfo3 input[type=text] ,#col3_content .productInfo4 input[type=text]{
	width: 2em;
	float:none;
}

.productInfo1 .addCart , .productInfo2 .addCart , .productInfo3 .addCart , .productInfo4 .addCart {
	text-align:right;

}

.productInfoOtten .addCart, {
	background: #fff;
	padding: 15px;
	text-align:right;
}

/* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */
.productInfo1 .morePics img.imgLeft, .productInfo3 .morePics img.imgLeft, .productInfo3 .morePics img.imgLeft{
	height:55px;
}

.prodInfo1Spacer {
	margin-bottom: 15px;
}
.prodInfo1Spacer h2 {
	font-size:0.9em;

}

.desc {
	margin:10px 0 10px 0;
}

.productInfo2 .subcr {
	padding:0;
}

/*  ### Überschriften für Inhaltselemente ### */
h3, h1 {
	background-image: url(../../img/h1head.gif); background-repeat:repeat;
	border:0;
	padding:3px 3px 3px 5px;
	color:#fff;
	height:1%;

}

h3 a , h1 a{
	color:#fff;
}
#col3_content h3,#col3_content h1 {
	font-size:0.9em;
}

/* ### processCheckout: Bestellverlauf ########################################################################### */

.processCheckoutGreen {
	background-color:#D5FFBF;
	text-align:center;
	height:35px;
	width:23%;
	float:left;
	border:1px #000 solid;
	padding:1px;
	margin-right:1px;
	font-size:9px;
	color:#000;
	line-height:15px;
}

.processCheckoutRed {
	background-color:#FFDDDD;
	text-align:center;
	height:35px;
	width:23%;
	float:left;
	border:1px #000 solid;
	padding:1px;
	margin-right:1px;
	font-size:9px;
	color:#000;
	line-height:15px;
}

.processCheckoutYellow {
	background-color:#FFFF91;
	text-align:center;
	height:35px;
	width:23%;
	float:left;
	border:1px #000 solid;
	padding:1px;
	margin-right:1px;
	font-size:9px;
	color:#000;
	line-height:15px;
}

/* ### prodOptionsDropdown ################################################################################################## */

.prodOptionsDrop {
	font-size:0.9em;
	padding:3px;
	background-color: #E6E6E6;
}

.prodOptionsDropName {
	float:left;
	width:48%;;

}
.prodOptionsDropSel{
	margin-left:48%;
}

/* ### advanced_search #################################################################################################### */

#advanced_search input[type="text"] {
	width:40% !important;
	margin-right:4px;
}

#advanced_search label {
	width: 18em;
}

/* ### Auswahl für Anrede  ################################################################################################ */

#checkout_address input[type="radio"] , #addressbook input[type="radio"] ,#create_account input[type="radio"]  {
	float:none;
	margin-left:5px;
	margin-right:10px;
}

#navitems {
position:absolute; top: 10px; right: 20px;
}

/* ### stehen lassen ### */
}

#i1, #i2, #i3,  #i4, #i5, #i6{
	width:80px;
	height:80px;
	margin-right:10px;
	border: 2px solid #d1d1d1;
}