@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0
*/

@media all
{
  /**
  * Fonts
  * (en) font-family and font-size selection for headings and standard text elements
  * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
  *
  * @section content-fonts
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 83.00%;
    color: #5b4633;
  }

 /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.00em; color: #5b4633; margin: 0 0 0 0;  font-weight:bold; }
h2 {
	font-size: 1.00em; 
	color: #5b4633; 
	margin: 0 0 0.30em 0; 
	font-weight:bold; 
	border-bottom: 1px #5D594E solid;
}
h3 {font-size: 1.0em; color: #5b4633; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #5D594E solid;}
h4 {color: #5b4633; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #5D594E solid;}

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

p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 0.8em 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 #5D594E solid;}


/* ######################################################################################################
** # YAML für xt:commerce (c) by Björn Teßmann 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;
}



/* ### 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: #fff; text-decoration:underline; }
#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;
  color: #335029;
}

A.copyright {
  color: #335029;
}

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

.copyright A {
  color: #335029;
}

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

/* ### Parse-Time-Anzeige von xt:C #### */
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  color: #335029;
}

/* ### 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: #ff0000;
	text-decoration: line-through;
}

SPAN.errorText {
  color: #ff0000;
}

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


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


form { overflow:hidden; }

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

/* ### Texteingabefelder ### */
input[type=text], #col3_content textarea, input[type=password] , select {
    background: #fff  url(../../img/inbox_bg.jpg) left top repeat-x;
    color: #333;
    border: 1px #888 solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
    padding:0px 1px;
}

input[type=text].readonly {
	color: #666;
	background-image: none;
	background-color: #FCFAE1;
}

#checkout_payment select {
  float:none;
}

/* ### 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 {
    color: #000;
    border: 1px solid #000; /* Farbe für den Rand bei Hover */
}

input[type=text].readonly:hover, input[type=text].readonly:active, input[type=text].readonly:focus {
    color: #666;
    border: 1px #888 solid;
    cursor: no-drop;	
}

/* ### Rahmen um Eingabefelder ### */
#col3_content fieldset { 
	border: 1px solid #5D594E; 
	background-color: #FEFEF9;
	padding: 8px 4px 4px 4px ; 
	margin-bottom: 1em; 
	margin-top: 25px;
	position: relative;

}
/* ### 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;
	position:absolute;
  top: -22px;
  left: .5em;
  margin: 0px 0px 4px 0px
	
}

/* ### 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: transparent; /*#fff;*/
  color: #333;
  border: 0 none;
  width: 1em;
  height: 1em;
  margin: 3px 15px 0 0;
  padding: 0;
  float: left;
}
/* Double-Opt */
#col3_content #sign input[type="text"] {
  width:auto;
}

/* ### Inhalt: Tabelle ### */
table { width: 100%; margin-bottom:0.5em; }
caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
/*tbody { background: #fff; }*/
tbody td, th { border-bottom: 4px solid #fff; border-left: 0px dotted #fff; vertical-align: top; padding:5px; }
thead th { padding: 5px; text-align: left; background: #5D5D4E; color: #333; font-weight: bold; }
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }

tfoot th, tfoot td { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: left; background: #5D5D4E; color: #333; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }

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

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


#col3_content td.prodRow1 {
	background-color:#5D5D4E;
}

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

hr {
    color: #5D594E; /* IE */
    border: 0px solid #5D594E; /* Opera */
    background-color: #5D594E; /* Mozilla */
    height: 1px; /* 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: #999999;
}

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


/* Popup*/

body.popup {
	background-color: FFFFFF;
}

.popup .contentsTopics {
	font-size: 1.4em;
	font-weight:bold;
}
td.contentsTopics {
	border-bottom: 2px solid #404040;
}


/* Content */
.content_table tbody td, .content_table th {
  border-bottom: none; 
  border-left: none; 
  vertical-align: top; 
  padding: 1px; 
}

/* GUTSCHEIN EINLÖSEN IM WARENKORB */
#gift_cart { }
/* RAHMEN FÜR EINGABEFELD */
#gift_cart #input_code { padding: 15px;	background-color:#FFF2CC; border: solid #E9D28F 1px }
/* BUTTON EINLÖSEN */
#gift_cart #input_code input[type="image"] { position: relative; left: 5px;  }
/* ENDE - GUTSCHEIN EINLÖSEN IM WARENKORB */

/* POPUP MIT INFOS */
/* RAHMEN FÜR INFORMATIONEN */
#gift_infos { margin: 0px; padding: 10px; border: 1px solid #000; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; }
/* LISTE GÜLTIGER ARTIKEL UND KATEGORIEN */
#gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; }
/* ENDE- POPUP MIT INFOS */

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

/* Error-Box */
div.error {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #FF0000;
}
div.error h3 {
	padding-top: 0;
	color: #FF0000;
	border: none;
}