@charset "UTF-8";

/**
* YAML-based Template for xt:Commerce
*
* (en) central stylesheet
* (de) entrales Stylesheets
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0
*/


/* import core styles | Basis-Stylesheets einbinden */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0 }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100% }
  body {
    min-height: 101%;

    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #1a171b;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid}

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }

  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
  }

  #nav { clear:both; width: auto }
  #main { clear:both; width: auto }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Backup for #footer positioning */
  /* (de) Absicherung für die Positionierung von #footer */
  #footer { clear:both; display:block }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidenone  -> show all columns
  * .hideleft  -> 2-column-layout (using #col2 and #col3)
  * .hideright -> 2-column-layout (using #col1 and #col3)
  * .hidenone  -> single-column-layout (using #col3)
  */

  .hidenone #col3 {margin: 0 200px}
  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hideleft #col3 {margin-left: 0; margin-right: 200px}
  .hideright #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hideleft #col1 {display:none}
  .hideright #col2 {display:none}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}

/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css)
* (de) Variation des Screenlayouts (basemod.css)
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0
   
*/

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #b2b2b2; padding: 10px; background-image: url(../../img/body_bg.gif);background-repeat: repeat-x;	}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page{ border: 1px #667 solid;  }
  #page_margins {border:0; min-width: 756px; max-width: 80em; margin:auto;}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { position:relative; height: 140px; color: #fff; background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; }
  img#companyLogo {position:absolute; top: 25px; left: 10px; font-size:208%;}

  #main { background: #fff ; padding-top: 1em;}

  #footer { color:#9A9A9A; background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 1.5em; font-size:0.8em;}
  
  #teaser {
	margin:0;
	background: #ffffff;
	padding:4px 4px 4px 18px;
	color: #5f5d75;
  }
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */


  #col1 {	width: 185px; }
  #col1_content { margin-left:0; margin-right:0; color: #444; background:inherit; }


  #col2 {	width:200px; }
  #col2_content {	padding-left:4px; margin-left:0; margin-right:0; }


  #col3 {
  margin-left: 185px;
  margin-right: 200px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
  }

  #col3_content { margin-left: 1em; margin-right: 1em; }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
  #main_checkout {	background:#ffffff; }
  #col3_checkout {	width:100%; }
}

/*[fmt]1A20-1A0B-3*/
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css) for layout example "3col_fixed"
* (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "3col_fixed"
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:commve
* @version         1.3.0


*
* (en)
* (de)
*
* |-------------------------------|
* | #header                       |
* | 960px                         |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 185px   | 575px     | 200px   |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#kopf {
  /*[ph]0*/
  /*[ph]1*/
  /*[ph]2*/
  /*[ph]3*/
  /*[ph]4*/
  /*[ph]5*/
}

@media screen {
  #kopf   {
    /*[id]0*/position: absolute;
    /*[id]1*/top: 59px;
    /*[id]2*/left: 0;
    /*[id]3*/width: 100%;
    /*[id]4*/height: 215px;
    /*[id]5*/background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/head_background.gif) repeat-x scroll 0 0;
  }

}

#page_margins, #kopf_content {
  /*[ph]6*/
  /*[ph]7*/
  /*[ph]8*/
  /*[ph]9*/
/*min-width für fixes Layout abschalten*/
  /*[ph]a*/
/*max-width für fixes Layout abschalten*/
  /*[ph]b*/
}

@media screen {
  #page_margins, #kopf_content   {
    /*[id]6*/width: 900px;
    /*[id]7*/margin-left: auto;
    /*[id]8*/margin-right: auto;
    /*[id]9*/max-width: inherit;
/*min-width für fixes Layout abschalten*/
    /*[id]a*/min-width: inherit;
/*max-width für fixes Layout abschalten*/
    /*[id]b*/position: relative;
  }

}


/*Korrektur von Randabständen*/
#main {
  /*[ph]11*/
  /*[ph]12*/
  /*[ph]13*/
}

@media screen {
  #main   {
    /*[id]11*/margin: 0;
    /*[id]12*/padding: 0;
    /*[id]13*/background: transparent;
  }

}

#footer {
  /*[ph]14*/
  /*[ph]15*/
  /*[ph]16*/
}

@media screen {
  #footer   {
    /*[id]14*/margin: 0;
    /*[id]15*/padding: 1em;
    /*[id]16*/border-color: #AAA;
  }

}

/*Hintergrundgrafik für linke Spalte - Grafikbreite 200 Pixel*/


/*[fmt]1A20-1A0B-3*/
/**
* "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://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0

*
* 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 {
  background: #f9f5ea url(/verlag/templates/YAML-xtc-1.3.0/img/body_background_head.gif) repeat-x scroll;
  padding: 0;
/*  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #515657;
}

/*######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 1em;
}

h2 {
  font-size: 1.05em;
}

h3 {
  font-size: 1em;
}

h4 {
/*border-bottom: 1px #C5C5C5 solid;*/
}


ul, p, dd, dt, div {
  line-height: 1.5em;
}

p {
  line-height: 1.5em;
  margin: 0 0 1em;
}
p.composer {
  margin-bottom: 0;
}

strong, b {
  font-weight: bold;
/*  font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
}

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


/*### Produkname ###*/
#col3_content h1 {
  font-size: 150%;
  padding-bottom: 1em;
}

.contentContainer h3 {
  font-size: 127.27%;
}

/*######################################################################################################
** # 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;
}

/*### special für Überschrift und danben ein pulldown-Filter alle contents darunter - obwohl floats ###*/
.headundfilter {
  position: relative;
  overflow: hidden;
}
.headundfilter #filter {
  float: right;
}

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

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

/*### 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: #EEE;
  margin: 0;
  padding: 5px;
  font-weight: normal;
}

#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: #8a1b1d;
  text-decoration: none;
}

a:hover {
  text-decoration: underline !important;
}


/*### Stehen lassen ###*/
#main a.imagelink {
  padding-left: 0;
  background: transparent;
}

/*### Formatierung "benötigte Felder"-Anzeige ###*/
.inputRequirement {
  font-size: 11px;
  color: #F00;
}

/*### Copyright-Vermerk von xt:C ####*/
.copyright, #footer {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #576769;
}
.copyright, .copyright a, .copyright a:visited {   font-size: 11px; color: #8f9a9c; }


a.acrobat {
  padding-left: 15px;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/icons/acrobat_12.gif) no-repeat scroll 0 0;
}


a.loeschen, a.loeschen:visited {
  display: block;
  height: 16px;
  color: #F00;
  padding-left: 11px;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/icons/remove.gif) no-repeat 0 -6px;
  font-size: 11px;
}

a.loeschen:hover, a.loeschen:active,  a.loeschen:focus {
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/icons/remove.gif) no-repeat 0 -77px;
}

.opus {
  color: #515657;
  white-space: nowrap;
  text-transform: none;
}

.kindicon { margin-bottom: 7px; }

.nobr { white-space: nowrap; }

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

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

/*### Formatierung alter Preis ###*/
span.productOldPrice {
  color: #F00;
  text-decoration: line-through;
}

span.errorText {
  color: #F00;
}

span.productDiscountPrice {
  color: #F00;
  font-weight: bold;
}

/*####################################################################################################
### Layoutelement Container ########################################################################
####################################################################################################*/
.container {
  background-color: #EEE;
  margin-bottom: 3px;
  padding: 5px;
  font-weight: bold;
  color: #000;
}

.container2 {
  background-color: #EEE;
  margin-bottom: 3px;
  padding: 5px;
  font-weight: bold;
  color: #000;
}

.moduleRow {
  background-color: transparent;
  margin-bottom: 3px;
  padding: 5px;
  border: 1px solid #EEE;
}

.moduleRowOver {
  background-color: #EEE;
  border: 1px solid #CCC;
  margin-bottom: 3px;
  padding: 5px;
}

.moduleRowSelected {
  background-color: #EEE;
  border: 1px solid #CCC;
  margin: 0;
  padding: 5px;
}

/*######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
form {
  overflow: hidden;
}

input, textarea, select {
/*  font-size: 127.28%; */
  padding: 2px;
}

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

/*### Texteingabefelder ###*/
input[type=text], #col3_content textarea, input[type=password], select {
  background-color: #fff;
  color: #566264;
  border: 1px solid #4d6a6e;
/*### 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, #col3_content textarea:hover, #col3_content textarea:active, #col3_content textarea:focus {
  background-color: #FFF;
  color: #876E57;
  border: 1px solid #4d6a6e;
/*Farbe für den Rand bei Hover*/
}

/*### Suche im Kopf ###*/
#box_search input.headsearch {
  width: 135px;
  padding: 0 2px;
  font-size: 80%;
}

#box_search input.headsearch[type=text]:hover, #box_search input.headsearch[type=text]:active, #box_search input.headsearch[type=text]:focus {
  border: 1px solid #FFF;
}

/*### Rahmen um Eingabefelder ###*/
#col3_content fieldset {
  border: 1px solid #939598;
  padding: 4px;
  margin-bottom: 1em;
  margin-top: 5px;
}

/*### Beschriftung der fieldsets ###*/
#col3_content legend {
  font-size: 127.27%;
  font-weight: bold;
  color: #1A171B;
  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: #1A171B;
  border: 0 none;
  width: 1em;
  height: 1em;
  margin: 0 15px 0 0;
  padding: 0;
  float: left;
}

/*### 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 td, th {
  vertical-align: top;
  padding: 5px;
}

thead th {
  padding: 5px;
  text-align: left;
  color: #1A171B;
  border-bottom: 1px dotted #939598;
  font-weight: bold;
}

tbody th {
  padding: 5px;
  text-align: left;
  color: #1A171B;
  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;
}

/*tbody tr, tbody tr th { background: #d3ebfb; }*/
tfoot th, tfoot td {
  margin: 0;
  padding: 5px 10px;
  text-align: left;
  color: #1A171B;
}

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

tbody td.messageStackError, tbody td.messageStackWarning {
  background: #FDECF1;
  color: #C00;
}

tbody td.messageStackSuccess {
  background: #ECFDEC;
  color: #060;
}

/*### Warenkorb total ###*/
tfoot td.subTotal {
  margin: 0;
  padding: 5px 10px;
  text-align: right;
  color: #1A171B;
}

/* */
tbody td.singlePrice, tbody td.totalPrice {
  font-size: 0.8em;
  border-left: 1px dotted #939598;
  vertical-align: top;
  padding: 5px 10px;
  white-space: nowrap;
}

tbody td.delete {
  background-color: #FDD;
  padding: 0;
  vertical-align: middle;
  line-height: 20px;
}

tbody td.delete input {
  margin-left: 35px;
}

#main_checkout { margin-top: 13px; background: #fcfbf7; }

.floatbox { text-align: center; padding-left: 2%; }
#col3_checkout .cart { padding-left: 2%; padding-right: 2%; padding-top: 2em; }

#col3_checkout h3 { font-size: 127.27%; }
#col3_checkout h3.clearHere { padding-top: 1.5em; }


#col3_content .crossells {
  background-color: #fcfbf5;
  padding: 5px;
  margin: 4px 0;
  clear: both;
}


/*### 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: 0;
  vertical-align: top;
  padding: 0;
}

/*### Produktabbildungen ###*/
.subcl img {
  background: #FFF;
  padding: 0;
}

#col3_content td.prodRow1 {
  background-color: #97AFBF;
}

ul.authors_list li { margin-bottom: 7px; }
ul.authors_list li:hover, ul.authors_list li:focus { background: white; }
ul.authors_list li div { float: right; width: 215px; white-space: nowrap; overflow: hidden; }

hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  border-top: 1px dotted #b7997b;
  padding: 0;
}

#col2_content hr {
  border-top: 1px dotted #8a1b1d;
}

#col1_content hr {
  border-top: 1px dotted #576769;
}

hr.dis {
  margin-bottom: 1em;
}

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

.hrDiv {
  height: 1px;
  margin: 3px 0;
  border: 0;
  border-top: 2px solid #97AFBF;
  padding: 0;
}

.error {
  color: #F00;
}

.must {
  color: #F00;
}

acronym, abbr {
  letter-spacing: 0.07em;
  border-bottom: 1px dashed #C00;
  cursor: help;
}

.rechts {
  text-align: right;
}

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 solid #DDD;
}

#col3 .numbers {
  font-size: 90%;

}

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


/*[fmt]1A20-1A0B-3*/
/**
* YAML-based Template for xt:Commerce
*
* (en) CSS for boxes
* (de) CSS-Definitionen für die Boxen
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0


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

### KopfBoxen ######################################################################*/

#ganzoben {
  position: absolute;
  top: 12px;
  height: 46px;
  width: 100%;
  border-bottom: 1px solid #f7f2e9;
}
#ganzoben, #ganzoben .sb-inner {
  background: #b7997b;
}

#ganzoben #box_languages {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 130px;
  height: 30px;
}
#ganzoben #box_languages, #ganzoben #box_languages .sb-inner {
  background: #e3c6ab;
}

#ganzoben #nav { 
  display: block;
  position: absolute !important;
  top: 8px;
  right: 8px;
  width: auto;
  padding-right: 12px;
  height: 30px;
  overflow: hidden;

}
#ganzoben #nav, #ganzoben #nav .sb-inner {
  background: #e3c6ab;
}

/*### Boxen allgemein ######################################################################*/
#page {
  border: 0;
}

#copyright {
  text-align: center;
}

#header {
  position: relative;
  height: 218px;
  background: transparent;
}

#header #topnav {
  right: 0;
  top: 59px;
  width: 900px;
  height:135px;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/head_theme.png) no-repeat;
}

#header #topnav a#home {
  display: block;
  position: absolute;
  left: 12px;
  top: 13px;
  width: 440px;
  height:105px;
  background:transparent;
  text-align: left;
  overflow: hidden;
  text-indent: -500px;
  font-size: 8px;
}

#header #header_unten {
  position: absolute;
  top: 215px;
  height: 15px;
  width: 100%;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/main_background_oben.gif) no-repeat bottom left;
}


#teaser {
  padding: 4px;
  margin-left: 20px;
  display: none;
}

#col1 {
  width: 213px;
}

#col1_content {
  color: #444;
  margin-left: 3px;
}

#col2 {
  width: 213px;
}

#col2_content {
  padding-left: 0;
  margin-left: 0;
  margin-right: 3px;
}

#col3 {
  margin-left: 223px;
  margin-right: 223px;
}

#col3_content {
  margin-left: 0;
  margin-right: 0;
}


/*### Kopf der Infoboxen ###################################################################*/
#col1_content h4 {
  background: #8f9a9c url(/verlag/templates/YAML-xtc-1.3.0/img/col1_box_h4_background.gif) no-repeat scroll;
  padding: 0;
  width: 186px;
  height: 43px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 4;
  overflow: hidden;
  text-transform: uppercase;
  text-indent: 15px;
/*  text-align: center; */
}
#col2_content h4 {
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/col2_box_h4_background.gif) no-repeat scroll;
  padding: 0;
  width: 186px;
  height: 43px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 4;
  overflow: hidden;
  text-transform: uppercase;
  text-indent: 15px;
  color: #FFF;
}
#col2_content h4 a, #col2_content h4 a:visited {
  color: #FFF;
}
#col3_content h2 {
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/col3_box_h2_background.gif) no-repeat scroll;
  padding: 0;
  width: 419px;
  height: 43px;
  margin: 0 auto 15px;
  line-height: 4;
  overflow: hidden;
  text-transform: uppercase;
  text-indent: 15px;
  color: #876e57;
}


/*#col3_content h2 { margin-bottom: 0; }*/
#col3_content .contentInfo h3, #col3_content .contentInfo h2, #col3_content .contentInfo h1 {
  background: transparent;
  text-transform: none;
  font-weight: bold;
  line-height: 1.33;
}

/*
#col3_content .contentContainer h1 {
  font-size: 180%;
}

#col3_content .contentContainer h2 {
  font-size: 150%;
}

#col3_content .contentContainer h3 {
  font-size: 120%;
}

#col3_content .contentContainer .subcr h3 {
  padding-top: 0;
}

#col3_content .contentContainer p.composer {
  margin-bottom: 3px;
}

#col3_content .contentContainer .subcr p.halb {
  float: left;
  width: 250px;
  margin-right: 20px;
}
*/


/*### Körper der Infoboxen*/
.boxInfoLS, .boxInfoRS, #box_catalogue, #box_ocatalogue, #box_bcatalogue, #box_categories {
/*margin-bottom:10px;
Abstand der Boxen
border-bottom: 1px #1a171b solid;
Rahmen Boxkörper unten*/
  overflow: hidden;
  margin-bottom: 10px;
}
.boxInfoLS, .boxInfoLS .sb-inner, #box_categories, #box_categories .sb-inner {
  background: #8f9a9c;
}
.boxInfoLS .sb-border, #box_categories .sb-border { background: #576769; }
.boxInfoRS, .boxInfoRS .sb-inner {
  background: #fff url(/verlag/templates/YAML-xtc-1.3.0/img/col2_box_background.gif) repeat-x scroll 0 0;
}
.boxInfoRS .sb-border { background: #8a1b1d; }



/*### Innenabstand linke Boxen*/
.boxInfoBodyLS {
  padding: 0 4px 10px;
  margin: 4px 10px 10px;
/*font-size: 0.8em;*/
  background: transparent;
}

/*### Innenabstand rechte Boxen*/
.boxInfoBodyRS {
  padding: 10px 4px;
  margin: 10px;
/*font-size: 0.8em;*/
  background: transparent;
}

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

/*### Container im Inhaltsbereich ###*/
.contentContainer {
  padding: 0 0 15px;
  overflow: hidden;
}
.contentContainer, .contentContainer .sb-inner {
  background: #f9f5ea;
}
.contentContainer .sb-border {
  background: #876e57;
}

.contentInfo {
  margin: 0 28px;
  background: transparent;
}

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

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

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

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

/*### Listenformatierung für Boxen ###*/
#col1_content ul.conandinfo, #col2_content ul.conandinfo {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#col1_content li, #col2_content li {
  margin: 0;
  padding: 0;
}

#col1_content li, #col1_content li .sb-inner {
background: #576769;
margin-top: 1px;
white-space: nowrap;
overflow: hidden;
line-height: 1;
padding: 4px 0 5px 0;
font-size: 11px;
}


.catListBody, .boxInfoBodyLS {
  overflow: hidden;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  padding: 0;
  border: 0;
  margin: 10px 15px 15px;
}

.boxInfoBodyLS, .boxInfoBodyLS p, .boxInfoBodyLS li { color: #000; }

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

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

.catListBody ul li a, .boxInfoBodyLS ul li a {
  display: block;
  margin: 0;
  padding: 0 0 0 15px;
  font-weight: bold;
	color: #f9f5ea;
}
.catListBody ul li a, ul.allauthors li a {
  padding-left: 25px;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/catlist_bullet.gif) no-repeat scroll 8px 5px;
}

.catListBody li a:hover, .boxInfoBodyLS li a:hover {
	color: #fff;
	text-decoration: none;
}
.catListBody ul li a:hover, .catListBody ul li a:focus, .catListBody ul li a:active {
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/catlist_bullet.gif) no-repeat scroll 8px -15px;
}

.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a {
	color: #fff;
  text-decoration: underline;
  background: transparent url(/verlag/templates/YAML-xtc-1.3.0/img/catlist_bullet.gif) no-repeat scroll 8px -15px;
}



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

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

/*### Bild zentriert in Boxen ###*/
#col1_content img.imgCenter, #col2_content img.imgCenter {
  background: #FFF;
  padding: 1px;
/*border: 1px #9A9999 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;
}



.cllist {
  float: right;
  width: 111px;
}

.crlist {
  float: left;
  width: 545px;
}

.cllist .subcl, .contentContainer .imgContainer {
  padding: 0 10px 10px 0;
  background: transparent url(img/img_bg.gif) no-repeat scroll bottom right;
}

.crlist .subcr {
  padding: 0;
}

.contentContainer .imgContainer {
  float: right;
}

/*############################################################################################
### Dropdown für Herstellerbox #############################################################
############################################################################################*/
.manuDropdown {
  width: 100%;
  font-size: 11px;
}

#footer {
  background: transparent;
  border-top: 0;
  margin: 50px 0 100px;
}



/**
* YAML-based Template for xt:Commerce
*
* (en) Categories listing
* (de) Kategorieauflistung
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
*                  
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0  
*/

@media all
{
  /* ################################################################################################################### */
  /* ### catListing1 ################################################################################################### */
  /* ################################################################################################################### */
  .catListing1 .subcolumns {
  	text-align:center;
  	margin-top:10px;
  }
  
  .catListing1 .subcl , .catListing1 .subc ,.catListing1 .subcr {
  	padding:0;
  }
  
  /* Kopf für Kategorien, verwendet bei allen product_listing und categorie_listing */
  #frameListHead {
  	border-bottom:1px solid #ccc;
  	margin-bottom:5px;
  	padding-bottom:5px;
  }
  
}

/**
* YAML-based Template for xt:Commerce
*
* (en) Navigation for product categories 
* (de) Navigation für die Produktkategorien
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0 
*/

@media all
{

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

  ul.gattung_2 {
    overflow: hidden;
    margin: 0;
    list-style: circle outside;
    padding-left: 15px
  }

  .gattung_1 li {
    font-size: 11px;
    text-indent: 2px;
  }

  .gattung_1 li.activeCat {
    border-right: 1px dotted #e3c6ab;
  }

  .gattung_1 li.activeCat li {
    border-right: 0;
  }

  .gattung_1 li.activeCat, .gattung_1 li.activeCat .gattung_2 li.activeCat {
    font-weight: bold;
  }

  .gattung_1 li.activeCat a:link, .gattung_1 li.activeCat a:visited,
  .gattung_1 li.activeCat .gattung_2 li.activeCat a:link, .gattung_1 li.activeCat .gattung_2 li.activeCat a:visited {
    text-decoration: underline;
  }

  .gattung_1 li.activeCat .gattung_2 li {
    font-weight: normal;
  }

  .gattung_1 li.activeCat .gattung_2 li a:link, .gattung_1 li.activeCat .gattung_2 li a:visited {
    text-decoration: none;
  }

}

/**
* YAML-based Template for xt:Commerce
*
* (en) modules
* (de) Module
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0   
*/

@media all
{

  /* ################################################################################################################### */
  /* ### Spezielle Anweisungen für einzelne Module ##################################################################### */
  /* ################################################################################################################### */
  
  /* ### orderDetails ################################################################################################## */
  #col3_content .orderDetailsTab .quantity input {
  	width: 25px ;
  }
  
  thead.orderDetailsTab td  {
  	background-color:#CCCCCC;
  }
  
  /* ### productNavigator ############################################################################################## */
  
  .productNavigator {
  	background: transparent;
  	padding:8px;
/*  	border:#0E3578 1px solid; */
  	font-size:1em;
  	margin-bottom:3px;
  }
  
  /* ### processCheckout: Bestellverlauf ########################################################################### */
  
  .processCheckoutGreen {
  	background-color:#D5FFBF;
  	text-align:center;
  	height:35px;
  	width:24%;
  	float:left;
  	border:1px #666 solid;
  	padding:1px;
  	margin-right:1px;
  	font-size:10px;
  	color:#060;
  	line-height:15px;
  }
  
  .processCheckoutRed {
  	background-color:#ddd;
  	text-align:center;
  	height:35px;
  	width:24%;
  	float:left;
  	border:1px #666 solid;
  	padding:1px;
  	margin-right:1px;
  	font-size:10px;
  	color:#666;
  	line-height:15px;
  }
  
  .processCheckoutYellow {
  	background-color:#ffe;
  	text-align:center;
  	height:35px;
  	width:24%;
  	float:left;
  	border:1px #1a171b solid;
  	padding:1px;
  	margin-right:1px;
  	font-size:10px;
  	color:#1a171b;
  	line-height:15px;
  }
  
  /* ### advanced_search #################################################################################################### */
  

  
  /* ### Auswahl für Anrede in diversen Eingabeformularen ################################################################################################ */
  
  #checkout_address input[type="radio"] , #addressbook input[type="radio"] ,#create_account input[type="radio"]  {
  	float:none;
  	margin-left:5px;
  	margin-right:10px;
  }
  
  /*  ### Bearbeiten-Link im CheckoutConfirmation  ### */
  a.checkoutLink {
  	color:#009933;
  	font-style:italic;
  }
  /*  ### Tabelle CheckoutConfirmation  ### */
  .checkoutConfirmation table{
  	border:#C5C5C5 1px solid;
  	margin-left:1px;
  	width:98%;
  }
  
  /* ### Container für NewProducts ################################################################################################ */
  .containerNewProd {
    padding: 0 4px 10px 4px;
  	background: transparent;
  }
  
  .containerNewProdOverview {
  	background: #f1f1f1;
  	border-color: #cccccc;
  	border-style: solid;
  	border-width: 1px;
  	padding:5px;
  	margin-bottom:10px;
  }

}

/**
* YAML-based Template for xt:Commerce
*
* (en)  CSS for product informations
* (de)  CSS für die Produktinformationsseiten
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0
*/

@media all
{

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

  .productInfo1, .productInfo2 {
    padding: 10px 4px;
  	background: transparent;
  	overflow: hidden;
  }

  /* ### Bilder ###*/
  .productInfo1 img.imgLeft ,.productInfo2 img.imgLeft {
  	padding: 0;
  }

  /* ### Produkname ###*/
  #col3_content .productInfo1 h2, #col3_content .productInfo2 h2 {
  	background:transparent;
  	padding:0;
  	border:0;
  	color: #CC071E;
  }

  .productInfo1 p.halb1, .productInfo2 p.halb1,
  .productInfo1 div.halb1, .productInfo2 div.halb1,
  .contentContainer div.halb1 {
    float: left; width: 230px; margin-right: 20px;
  }

  .productInfo1 p.halb2, .productInfo2 p.halb2,
  .productInfo1 div.halb2, .productInfo2 div.halb2,
  .contentContainer div.halb2 {
    float: left; width: 140px; margin-right: 0;
  }


  .productInfo1 p.basicData  , .productInfo2 p.basicData {
  	line-height:1.5em;
/*  	text-align:right; */
    float: right;
  	
  }

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

  .productInfo1 .addCart , .productInfo2 .addCart {
    position: relative;
    padding: 6px 2px 2px 0;
    overflow: hidden;
    top: 10px;
  }

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

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

  /* ################################################################################################################### */
  /* ### productInfo1 ################################################################################################## */
  /* ################################################################################################################### */




  /* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */
  .productInfo1 .morePics {
  	padding-top: 50px;
  }

  .productInfo1 .morePics img.imgLeft {
  	height: auto;
  }


  /* ################################################################################################################### */
  /* ### productInfo2 ################################################################################################## */
  /* ################################################################################################################### */
  .productInfo2 .subcr {
  	padding:0;
  }

  /* ################################################################################################################### */
  /* ### productInfo3 ################################################################################################## */
  /* ################################################################################################################### */
  .productInfo3 {
  	color: #444;
  	padding:10px;
  	border-left:1px solid #7B7F7E;
  	border-right:1px solid #7B7F7E;
  	border-bottom: 1px solid #7B7F7E;
  	margin-bottom:15px;
  }

  .productInfo3 img.imgLeft, .productInfo3 img.imgRight{
  	background: #fff;
  	padding: 15px;
  	border:1px #9A9999 solid;
  }
  #col3_content .productInfo3 input[type=text]{
  	width: 2em;
  	float:none;
  }

  .productInfo3 .addCart {
  	text-align:right;
  }

  .productInfo3 .morePics img.imgLeft{
  	height:55px;
  }

  #col3_content .productInfo3Head {
  	background:#363636 url(img/shiny_buttons/tab_bg.gif) repeat-x right center;
  	padding:2px 4px 2px;
  	color: #fff;
  }


  .yui-skin-sam .yui-panel .hd { line-height: 1.4 !important; }

}

/**
* YAML-based Template for xt:Commerce
*
* (en) product listing
* (de) Produktauflistung
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0   
*/

@media all
{
  /* ################################################################################################################## */
  /* ### productListing1 ############################################################################################## */
  /* ################################################################################################################## */
  
  .containerProdListing1 {
    padding: 10px 4px;
  	background: transparent;
  }

}

/*[fmt]1A20-1A0B-3*/
/**
* YAML-based Template for xt:Commerce
*
* (en) Productoptions
* (de) Produktoptionen
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0

### prodOptionsDropdown ##################################################################################################*/
.prodOptionsDrop {
  font-size: 0.9em;
  padding: 3px;
  background-color: #D3EBFB;
}

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

.prodOptionsDropSel {
  margin-left: 48%;
}



/**
* YAML-based Template for xt:Commerce
*
* (en) Shinybuttons-Navigation
* (de) Shinybuttons-Navigation
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0  
*/

@media all
{

  
  #nav_main {
  overflow:hidden;
  }
  
  /* #main { border-top: 1px #ddd solid; } */
  
  #ganzoben ul {
  padding: 0;
  line-height: 1;
  width: 100%;
  margin: 0;
  padding-top: 4px;
/*  display: inline;
  float: left; */
  }
  
  #ganzoben ul li {
  float: left;
  font-size: 13px;
  line-height:1.5;
  list-style: none;
  margin: 0;
  margin-left: 12px;
  }
  
/*
  #nav_main ul li#first {	border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; }
  #nav_main ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; }
*/


  #ganzoben ul li#current, #ganzoben ul li#currlang {
  font-weight: bold;
  }
  
  /* #main { border-top: 1px #ddd solid; } */
  


}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet - print layout
 * (de) YAML Core-Stylesheet - Druck Layout
 *
 * Don't make any changes in this file!
 * Your changes should be added to 'print_xyz_draft.css' drafts from 'yaml/print/' folder.
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 108 $
 * @lastmodified    $Date: 2007-08-01 18:38:01 +0200 (Mi, 01 Aug 2007) $
 */

@media print
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section layout preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Preparing base layout for print */
  /* (de) Basislayout für Druck aufbereiten */
  body, #page_margins, #page, #main {margin:0; padding: 0; border: 0;}
  #page_margins, #page {width: 100% !important; min-width: inherit; max-width: none}
  #header {height: auto}
  #footer {display: none}

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav {display: none}
  #nav {display:none}
  #search {display: none}

  /* (en) Linearising subtemplates */
  /* (de) Linearisierung der Subtemplates */
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; float:none; overflow:visible; display:table;
  }
  .subc, .subcl, .subcr  {margin: 0; padding: 0;}

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section content preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Change font to serif */
  /* (de) Zeichensatz auf Serifen umstellen */
  body * {font-family: "Times New Roman", Times, serif}
  code, pre { font-family:"Courier New", Courier, mono}
  body {font-size: 12pt}

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

  /* (en) Format acronyms and abbreviations for print*/
  /* (de) Auszeichnung von Abkürzungen */
  abbr[title]:after, acronym[title]:after {content: '(' attr(title) ')'}

  /* (en) Disable background graphics of links  */
  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
  #page a[href^="http:"], #page a[href^="https:"]
  {
    padding-left: 0;
    background-image: none;
  }

  /* (en) Enable URL output in print layout */
  /* (de) Sichtbare Auszeichnung der URLs von Links */
  /* Für xt:commerce deaktiviert
  a[href]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }*/

  /* (en) Preparation for optional column labels */
  /* (de) Vorbereitung für optionale Spaltenauszeichnung */
  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section browser fixes for print layouts
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /**
   * (en) overflow:hidden Bug in print layouts
   * (de) overflow:hidden Bug in Drucklayouts
   *
   * @bugfix
   * @since     3.0
   * @affected  FF2.0, IE7
   * @css-for   all browsers
   * @valid     yes
   */
  
  .floatbox,
  .subcolumns, 
  .subcolums_oldgecko { 
    overflow:visible; 
    display: table; 
  }

}

/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) print stylesheet
* (de) Druck-Stylesheet
*
* @copyright       Copyright 2005-2007, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.0.1
* @revision        $Revision: 92 $
* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
*/

/* #col1 - 0
** #col2 - 0
** #col3 - x
*/

@media print
{
  #col1 { display: none; }
  #col2 { display: none; }

  #col3, #col3_content { width: 100%; margin: 0; padding: 0; border: 0; }
}