@charset "UTF-8";

/**
* YAML-based Template for xt:Commerce
*
* (en) central stylesheet
* (de) zentrales Stylesheet
*
* @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: #000;
    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: transparent; padding: 0; background-image: url(../../img/body_bg.gif);background-repeat: repeat-x;	}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page{ border: 0;  }
  #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: #fff;
	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: #000; 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:#fff; margin-left: 92px; }
  #col3_checkout {	width:100%; }
  #col3_checkout #col3_content {	margin: 0; }

}

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

@media screen
{
  /**
  * (en) 
  * (de) 
  *
  * |-------------------------------|
  * | #header                       |
  * | 960px                         |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 185px   | 575px     | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */
#page_margins {
	width: 985px;

	margin-left: 0;
	max-width:inherit;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
}

/* Korrektur von Randabständen */
#main { margin: 0; padding: 0; }
#footer {margin:0; padding: 1em; border-color: #d8e2eb; }

/* Himtergrundgrafik für linke Spalte - Grafikbreite 200 Pixel */
#main { background: #fff url(../../img/bg_main.gif) repeat-y top left; }


}

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

@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 {
    background: #fff;
    padding: 0;
    background-image: none;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:11px;
  }

/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
  h1,h2,h3,h4 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
  
  h1 {font-size: 1.00em; color: #000; margin: 0;  font-weight:bold; }
  h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #9eb6ce solid;}
  h3 {font-size: 1.0em; color: #000; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #9eb6ce solid;}
  h4 {color: #000; padding-top: 0.3em; font-weight:bold; /* border-bottom: 1px #C5C5C5 solid; */ }
  
  #teaser h1 { font-size: 1.2em; border: 0; }
  #teaser a {
  	color: #6d91b5;
  	font-weight: bold;
  }
  
  ul,p,dd,dt,div { 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 #9eb6ce solid;}
  /* ### Produkname ###*/

  #col3_content h1 { font-size: 150%; }
  .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; }

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

/* ### 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: #d8e2eb;  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: #6d91b5; text-decoration:none;}
  a:hover {color: #004a83;}
  
  /* ### 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 {
    font-size: 11px;
    line-height: 1.5;
    text-align:center;
  }
  

  A.acrobat {
  padding-left: 15px;
  background: transparent url(img/icons/acrobat_12.gif) no-repeat scroll 0 0;
  }

  a.loeschen, a.loeschen:visited {
  background:transparent url(img/icons/user-trash.gif) no-repeat scroll right -2px;
  color: #6d91b5;
  padding: 2px 18px 2px 0;
  }
  a.loeschen:hover {
  background:transparent url(img/icons/user-trash_h.gif) no-repeat scroll right -2px;
  color: #990000;
  }


  a.schalter_ehemals {
  font-weight: bold;
  color: #6d91b5;
  text-decoration:none;
  padding-left: 12px;
  font-size: 11px;
	background: transparent url(img/buttons/schalter_pfeil.gif) no-repeat scroll 0 1px;
  }
  a.schalter_ehemals:hover {
  color: #fff;
	background: transparent url(img/buttons/schalter_pfeil.gif) no-repeat scroll 0 -44px;
  }



  /* ### 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: #990000;
    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: #d8e2eb;  margin-bottom: 3px; padding: 5px; }
  .container2 { background-color: #d8e2eb;  margin-bottom: 3px; padding: 5px; }
  
  .moduleRow { margin-bottom: 3px; padding: 5px; border: 1px solid #fff; }
  
  .moduleRowOver {
  	background-color: #e7ecf2;
  	border: 1px solid #004a83;
  	margin-bottom: 3px;
  	padding: 5px;
  }
  .moduleRowSelected {
  	background-color: #e7ecf2;
  	border: 1px solid #004a83;
  	margin-bottom: 3px;
  	padding: 5px;
  }

  #col3_content .contentInfo .moduleRow h3,
  #col3_content .contentInfo .moduleRowOver h3,
  #col3_content .contentInfo .moduleRowSelected h3 { color: #000; background: transparent; }


/* ######################################################################################################
** ### 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: #004a83;
      width: 16em;
      padding-right: 4px;
      margin-bottom: 5px;
      float: left;
  }
  
  /* ### Texteingabefelder ### */
  input[type="text"], #col3_content textarea, input[type="password"] , select {
      background-color: #f3f5f8; /* #e7ecf2; */
      color: #004a83;
      border: 1px dotted #9eb6ce;
      float: left;
      margin-bottom: 2px;
  }
  
  /* ### 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="password"]:hover,
  select:hover, textarea:hover, #col3_content textarea:hover,
  #box_search input.headsearch[type=text]:hover {
    border: 1px dotted #004a83; /* Farbe für den Rand bei Hover */
  }
  input[type="text"]:focus, input[type="password"]:focus,
  select:focus, textarea:focus, #col3_content textarea:focus,
  #box_search input.headsearch[type="text"]:focus {
      background-color: #fff;
      border: 1px dotted #004a83; /* Farbe für den Rand bei Hover */
  }  


 /* ### Suche im Kopf ### */ 
  #box_search input.headsearch { width: 145px; padding: 1px 2px; float: right; }


  /* ### Rahmen um Eingabefelder ### */
  #col3_content fieldset { border: 0 solid #9eb6ce; padding: 4px; margin-bottom: 1em; margin-top: 5px;}
  /* ### Beschriftung der fieldsets ### */
  #col3_content legend {
  	font-size: 127.27%;
  	font-weight: bold;
  	color: #004a83;
  	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: #004a83;
      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: #d8e2eb; text-align: left; color: #fff; }
  tbody td, th { vertical-align: top; padding:5px; }
  thead th { padding: 5px; text-align: left; background: #D8E2EB; color: #000; 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: #fff; }
  tbody tr.even, tbody tr.even th { background: #fff; }
/*  tbody tr, tbody tr th { background: #d3ebfb; } */
  tfoot th, tfoot td { margin: 0; border-top: 2px solid #9eb6ce; padding: 5px 10px; text-align: left; background: #004a83; color: #fff; }
  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; }
  

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

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


  hr.cart {
  	color: #e7ecf2;
  	background-color:#e7ecf2;
  	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 #9eb6ce;
    padding: 0;
  }


  .error { color: #F00; }
  .must { color: #F00; }
  
  acronym, abbr {
  	letter-spacing: .07em;
  	border-bottom: 1px dashed #990000;
  	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 #9eb6ce solid; }

  .floatleft { float: left; }
  .floatright { float: right; }


/*
  .buynow_german {
    background: #fff url(img/buttons/buy_now_german.gif) no-repeat scroll 0 1px; }  
  .buynow_german:hover, .buynow_german:focus {
    background: #fff url(img/buttons/buy_now_german.gif) no-repeat scroll 0 -69px; }
  .buynow_english {
    background: #fff url(img/buttons/buy_now_english.gif) no-repeat scroll 0 1px; }  
  .buynow_english:hover, .buynow_english:focus {
    background: #fff url(img/buttons/buy_now_english.gif) no-repeat scroll 0 -69px; }

  .prodmore_german {
    background: #fff url(img/buttons/product_more_german.gif) no-repeat scroll 0 1px; }  
  .prodmore_german:hover, .prodmore_german:focus {
    background: #fff url(img/buttons/product_more_german.gif) no-repeat scroll 0 -69px; }
  .prodmore_english {
    background: #fff url(img/buttons/product_more_english.gif) no-repeat scroll 0 1px; }  
  .prodmore_english:hover, .prodmore_english:focus {
    background: #fff url(img/buttons/product_more_english.gif) no-repeat scroll 0 -69px; }  
*/


  .buynow {
    font-weight: bold;
    display: block;
  	background: transparent url(img/buy_now.gif) no-repeat scroll 0 -3px;
    margin-top: 4px;
    padding-left: 35px;
    padding-top: 3px;
    height: 25px;
  }
  .buynow:hover, .buynow:focus {
    background: transparent url(img/buy_now.gif) no-repeat scroll 0 -73px; }


  .prodmore {
    font-weight: bold;
    width: 150px;
    display: block;
  	background: transparent url(img/kr_dpfeil_hell.gif) no-repeat scroll 0 1px;
    margin-top: 10px;
    padding-left: 12px;
    line-height: 1;
    padding-bottom: 3px;
  }
  .prodmore:hover, .prodmore:focus {
    background: transparent url(img/kr_dpfeil_dunkel.gif) no-repeat scroll 0 1px;
  }



  .remove {
    padding-left: 12px;
    background: #fff url(img/buttons/remove.gif) no-repeat scroll 0 -8px; }  
  .remove:hover, .remove:focus {
    color: #d31b1b;
    background: #fff url(img/buttons/remove.gif) no-repeat scroll 0 -79px;  }





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

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

*/

@media all
{

  /* ######################################################################################################
  ** # Spezielle Inhaltselemente ##########################################################################
  ** ######################################################################################################
  
  /* ### Boxen allgemein ###################################################################### */
  #page { border: 0;  }
  
  #header { height: 160px; background: transparent; margin-bottom: 10px; }
  #header #topnav { display: none; }
  #header a#companyLogo {
  display: block;
  position: absolute;
  left: 87px;
  top: 13px;
  width: 137px;
  height: 120px;
  background: transparent url(img/kr-logo_headneu.gif) no-repeat;
  }
  #header #kathead {
  position: absolute;
  top: 22px;
  left: 225px;
  width: 758px;
  height: 100px;
  overflow: visible;
  }
  #header #kathead #covercontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100px;
  overflow: hidden;
  }

  #header #box_search { position: absolute; top: 135px; right: 0; width: 218px; height: auto; }

  #header #storename {
  position: absolute;
  top: 5px; 
  left: 225px;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 15px;
  text-transform: uppercase;
  }
  #header #storename a { color: #000; }
  #header #storename a .claim { color: #004a83; }

  #teaser { padding: 4px; margin-left: 20px; display: none; }
  
  #col1 {	width: 200px; }
  #col1_content { color: #000; margin-left: 0; }

  #box_categories { margin-top: 4px; }

  #col2 {	width: 218px; }
  #col2_content {	padding-left: 0; margin-left:0; margin-right: 0; }
  
  #col3 { margin-left: 200px; margin-right: 218px; }
  #col3_content { margin-left: 25px; margin-right: 25px; }
  
  #col3_content .contentContainer { overflow: hidden; }

  .contentInfo {
    padding: 0;
  	background: #fff;
  	border: 1px solid #fff;
  }


  /* ### Kopf der Infoboxen ################################################################### */
  #col1_content h4, #col2_content h4, #col3_content h2 {
  background: #d0dbe7;
  color: #004a83;
  padding: 4px 10px;
  width:auto;
  font-weight: 900;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 163.64%;
  line-height: 1;
  border-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  }
  #col3_content h2 {
  background: #fff;
  padding: 4px 10px 4px 0;
  }

  #col2_content h4 {
  margin-bottom: -10px;
  }
  

  #col3_content .contentContainer h3, #col3_content .contentContainer h2, #col3_content .contentContainer h1 {
  background: transparent;
  text-transform: none;
  margin-bottom: 0.3em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.33;
  color: #000;
  }
  #col3_content .contentContainer h1 { font-size: 180%; }
  #col3_content .contentContainer h2 { font-size: 150%; }
  #col3_content .contentContainer h3 { font-size: 120%; }

  #col3_content .contentInfo h3 {
  background-color: #e7ecf2;
  padding: 5px 5px;
  border-bottom: 0;
  color: #004a83;
  }
  #col3_content .contentInfo p {
  padding: 0 5px;
  }


  /* ### Körper der Infoboxen */
  .boxInfoLS, .boxInfoRS {
  /* margin-bottom:10px;*/ /* Abstand der Boxen */
  /* border-bottom: 1px #000 solid;*/ /* Rahmen Boxkörper unten */
  background: #d0dbe7;
  overflow:hidden;
  margin-bottom: 2px;
  }
  #box_catalogue {
  background: #004a83;
  }
  #box_cart h4 {
  background: transparent;
  }
  
  /* ### Innenabstand linke Boxen*/
  .boxInfoBodyLS {
  padding: 10px 4px;
  margin: 10px;
  /* font-size: 0.8em; */
  border: 0;
  background: #fff;
  }
  
  /* ### Innenabstand rechte Boxen*/
  .boxInfoBodyRS {
  padding: 5px;
  margin: 10px;
  /* font-size: 0.8em; */
  border: 0;
  background: #fff;
  }
  #box_catalogue .boxInfoBodyRS {
  padding: 0;
  margin: 10px;
  /* font-size: 0.8em; */
  border: 0;
  background: #004a83;
  }
  #box_catalogue a:hover, #box_catalogue a:focus, #box_catalogue a:active {
  color: #fff;
  }
  #box_cart  .boxInfoBodyRS {
  position: relative;
  top: 0;
  left: 0;
  padding: 3px 5px 35px;
  margin: 10px;
  /* font-size: 0.8em; */
  border: 0;
  background: #e7ecf2 url('img/bg_cart.gif') no-repeat scroll 0 25px;
  min-height: 183px;
  }
  #box_cart .boxInfoBodyRS .cartaction {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #004a83;
  clear: both;
  overflow: hidden;
  border: 1px solid #E7ECF2;
  width: 197px;
  }
  #box_cart .cartaction p { padding: 7px 10px; }

  /* ### Abschnitte in den Boxen ### */
  #col1_content p , #col2_content p {
  margin:0;
  line-height:1.2em;
  }
  
  /* ### Container im Inhaltsbereich ### */
  .contentContainer {
    background: #004a83;
    padding: 11px;
    overflow: auto;
    margin-bottom: 4px;
  }

  /* ### 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;
  }
  
  p.boxTxtLeft {
  text-align: left;
  }
  
  #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;
  }
  
  /* ### Anpassen der Linkdarstellung für die Köpfe der Boxen ### */
  #col1_content h4 a, #col2_content h4 a {
  color: #004a83;
  text-decoration: none;
  }
  
  
  #col2_content #box_cart h4 {
    padding: 0;
    margin-bottom: 20px;
  }
    #col2_content #box_cart p {
    line-height: 1.5;
  }

  #col1_content li ,#col2_content li {
  margin:0;
  padding:0;
  }
  
  /* ################################################################################################### */
  /* ### 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;
  }
  
  /* ############################################################################################ */
  /* ### Box für die Kategorie (Kategorienavigation) ############################################ */
  /* ############################################################################################ */
  
  .catListBody {
  width: 100%;
  overflow: hidden; 
  margin-left: 0;
  }
  
  .catListBody ul { 
  margin: 0; padding: 0;
  list-style-type: none;
  padding-right: 1px;
  border-top: 1px solid #9eb6ce;
  overflow: hidden; 
  }
  
  
  .catListBody ul li {
  margin:0;
  overflow: hidden;
  padding: 0;
  }

  .catListBody ul li ul {
  list-style-type: none; margin:0; padding: 0;
  }
  
  .catListBody a {
  display:block;
  text-decoration: none;
  overflow: hidden;
  }

  
  #col1_content .catListBody img {
  margin-right:0.7em;
  }
  
  .cllist {float: left; width: 100px; }
  .crlist  {float: left; padding-left: 0; width: 395px; }
  .cllist .subcl { padding: 0; }
  .crlist .subcr  { padding: 0; }


  #addaquickie {
    font-weight: bold;
  }

  #addaquickie span {
    display: block;
    float: right;
    position: relative;
    top: -20px;
    right: 12px;
    height: 25px;
    width: 43px;
  	background: transparent url(img/buy_now.gif) no-repeat scroll right -3px;
  }
  #addaquickie:hover span, #addaquickie:focus span, #addaquickie:active span {
    background: transparent url(img/buy_now.gif) no-repeat scroll right -73px; }






  /* ############################################################################################ */
  /* ### Dropdown für Herstellerbox ############################################################# */
  /* ############################################################################################ */
  .manuDropdown {
  width: 80%
  }

  #footer { background: #fff; border-top: 0; }
}

/**
* 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% ################################################################################### */
  /* ################################################################################################################### */


  /* ### 1.Ebene ### */
  .catListBody ul li {
  	background: transparent;
  	border-right: 1px solid #9eb6ce;
  	border-bottom: 1px solid #9eb6ce;
  }
  .catListBody ul li a {
  	padding: 3px 0 3px 21px;
  	font-weight: bold;
  }
  
  /* ### 2.Ebene ### */
  .catListBody ul li ul {
    margin-top: 3px; margin-bottom: 2px; overflow: hidden;
  }
  .catListBody ul li li {
    background-color: transparent;
  	background-image: none;
  }
  .catListBody ul li ul li a, .catListBody li.activeCat ul li a {
    background: none;
  	padding: 0 0 0 21px;
  	color: #6d91b5;
  }

  
  /* ############################################################################################ */
  /* ### MouseOver ############################################################################## */
  /* ############################################################################################ */
  
  /* ### 1.Ebene ### */
  .catListBody li a:hover {
  	color: #004a83;
  	text-decoration: none;
  }
  
  /* ### 2.Ebene ### */
  .catListBody li li a:hover , .catListBody li.activeCat li a:hover {
  	color: #004a83;
  	text-decoration: none;
  }
  
  /* ############################################################################################ */
  /* ### Aktive Kategorie ####################################################################### */
  /* ############################################################################################ */
  
  /* ### 1.Ebene ### */
  .catListBody li.activeCat a{
    background: transparent url(img/katnav/quad.gif) no-repeat scroll 4px center;
  	color: #004a83;
  }

  /* ### 2.Ebene ### */
  .catListBody li.activeCat li.activeCat a {
    background: transparent url(img/katnav/quad.gif) no-repeat scroll 4px center;
  	color: #004a83;
  }

}

/**
* 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 ;
  }
  
  table.orderDetailsTab  {
  	margin-bottom: 1px;
  }
  
  /* ### productNavigator ############################################################################################## */
  
  .productNavigator {
  	font-size:1em;
    line-height: 26px;
  }
  
  /* ### processCheckout: Bestellverlauf ########################################################################### */
  
  .processCheckoutGreen {
  	background-color:#D5FFBF;
  	text-align:center;
  	height:35px;
  	width:217px;
  	float:left;
  	border:1px #666 solid;
  	padding:1px;
  	margin-right:2px;
  	font-size:10px;
  	color:#060;
  	line-height:15px;
  }
  
  .processCheckoutRed {
  	background-color:#ddd;
  	text-align:center;
  	height:35px;
  	width:217px;
  	float:left;
  	border:1px #666 solid;
  	padding:1px;
  	margin-right:2px;
  	font-size:10px;
  	color:#666;
  	line-height:15px;
  }
  
  .processCheckoutYellow {
  	background-color:#ffe;
  	text-align:center;
  	height:35px;
  	width:217px;
  	float:left;
  	border:1px #000 solid;
  	padding:1px;
  	margin-right:2px;
  	font-size:10px;
  	color:#000;
  	line-height:15px;
  }
  
  /* ### advanced_search #################################################################################################### */
  
  #advanced_search input[type="text"] {
  	width:40% !important;
  	margin-right:4px;
  }
  
  #advanced_search label {
  	width: 18em;
  }
  
  /* ### 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: 10px 4px;
  	background: #e7ecf2;
  	border: 1px solid #fff;
  }
  
  .containerNewProdOverview {
  	background: #f1f1f1;
  	border-color: #cccccc;
  	border-style: solid;
  	border-width: 1px;
  	padding:5px;
  	margin-bottom:10px;
  }

  table.productAttributes { float: left; width: auto; }

  tbody td.attribute , tbody td.value{
  	margin:0;
  	padding:0;
  	border:0;
  	font-size:0.9em;
  	line-height:1.5em;
  }
  
  table.reloadcheckout { background: #004a83; margin-bottom: 0; }
  table.reloadcheckout td { padding: 7px 10px; }

  tbody td.messageStackError, tbody td.messageStackWarning { background: #600; color: #fee; }
  tbody td.messageStackSuccess { background: #efe; color: #030; }

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

/* */
  tbody td.singlePrice, tbody td.totalPrice { font-size:0.8em; border-left: 1px dotted #9eb6ce; vertical-align: top; padding: 5px 10px; white-space:  nowrap; }
  tbody td.delete { background-color:#fee;  padding:0; vertical-align:middle; line-height:20px; }
  tbody td.removeArticle { height: 70px; vertical-align:top;  }
  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;
  }
  
  /* ### Produktabbildungen ### */  
  .subcl img { background: transparent; padding: 0; }


  #col3_content td.prodRow1, #col3_content td.odd, #col3_content td.even {
  	background-color:#004a83;
  }



}

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

  /* ### Container im Inhaltsbereich ### */
  form#cart_quantity {
    background: #004a83;
    overflow: auto;
  }
 
  .contentContainer .productInfo1 {
    padding-bottom: 0;
    margin-bottom: 0;
    background: #fff;
  	border: 1px solid #fff;
  	overflow: hidden;
    position: relative;
  }

  /* ### Bilder ###*/
  .productInfo1 .imgFloatContainer {
    position: absolute;
    width: 100px;
    margin-bottom: 10px;
  }
  .productInfo1 .textFloatContainer {
    overflow: hidden;
    padding-left: 100px;
    min-height: 110px;
  }
  .productInfo1 img.imgLeft {
    margin: 0 10px 0 0;
    padding: 0;
  }

  /* ### Produkname ###*/
  #col3_content .textFloatContainer h1  {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #e7ecf2;
  	padding: 5px 10px 10px;
  	border:0;
  	color:#004a83;
    margin-bottom: 0;
  }

  .productInfo1 h1 .typ {
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
    color: #000;
  }

  #col3_content .productInfo1 h2 {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
  	padding: 0 10px 0;
  }

  .productInfo1 p {
    padding: 2px 10px; 	
  }

  .productInfo1 p.basicData {
    float: right; 	
  }

  .inhaltcontent { background: #e7ecf2; padding: 5px 0; margin-bottom: 0; }

  .productInfo1 .inhaltcontent p,
  .productInfo1 .textFloatContainer p {
  padding-bottom: 0;
  }


  .productInfo1 h3 {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0 10px;
    border-bottom: 0;
  }


  #col3_content input.addqty {
  	width: 2em;
  	float:none;
    text-align: right !important; 
  }

  .productInfo1 .addCart {
    vertical-align: middle;
  	text-align: right;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  	background: transparent url(img/buy_now.gif) no-repeat scroll right top;
  }
  .productInfo1 .addCart:hover {
  	background-position: right -70px;
  }

  .productInfo1 .buttonincart {
    vertical-align: middle;
  }

/*
  .productInfo1 .bic_german {
    background: #fff url(img/buttons/add_to_cart_german.gif) no-repeat scroll 0 1px;
  }  
  .productInfo1 .bic_german:hover,
  .productInfo1 .bic_german:focus {
    background: #fff url(img/buttons/add_to_cart_german.gif) no-repeat scroll 0 -71px;
  }
  .productInfo1 .bic_english {
    background: #fff url(img/buttons/add_to_cart_english.gif) no-repeat scroll 0 1px;
  }  
  .productInfo1 .bic_english:hover,
  .productInfo1 .bic_english:focus {
    background: #fff url(img/buttons/add_to_cart_english.gif) no-repeat scroll 0 -69px;
  }
*/

  #addcartbutton {
    font-weight: bold;
    padding-right: 35px;
  }

  #addcartbutton span {
    display: none;
    float: right;
    position: relative;
    top: -22px;
    right: -10px;
    height: 25px;
    width: 43px;
  	background: transparent url(img/buy_now.gif) no-repeat scroll right top;
  }
  #addcartbutton:hover span, #addcartbutton:focus span, #addcartbutton:active span {
    background: transparent url(img/buy_now.gif) no-repeat scroll right -73px; }




  .productInfo1 .xsell img.imgLeft { margin-right: 10px; margin-bottom: 10px; }

}

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

  #product_listing_container {
    background: #fff;
    border: 11px solid #004a83;
    overflow: hidden;
    width: 497px;
  }

  #product_listing_container .contentContainer {
    background: #fff;
    border: solid #fff;
    border-width: 1px 1px 0 1px;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .containerProdListing1 .imgFloatContainer {
    position: absolute;
    width: 100px;
    margin-bottom: 10px;
  }
  .containerProdListing1 .textFloatContainer {
    overflow: hidden;
    padding-left: 100px;
    min-height: 110px;
  }
 .containerProdListing1 img.imgLeft {
    margin: 0 10px 0 0;
    padding: 0;
  }


  .containerProdListing1 .inhaltcontent {
    margin-bottom: 10px;
  }
 
  .containerProdListing1 h1 {
  background:#E7ECF2 none repeat scroll 0%;
  border: 0 none;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  margin-bottom: 0;
  padding:5px 10px 10px;
  }

  .containerProdListing1 h1 .typ {
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
    color: #000;
  }

  #col3_content .containerProdListing1 h2 {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0 10px 10px;
  }

  .containerProdListing1 p {
  padding: 0 10px 10px;
  }
  .containerProdListing1 .inhaltcontent p,
  .containerProdListing1 .textFloatContainer p {
  padding-bottom: 0;
  }

  .containerProdListing1 p.basicData { float:right; }


  .contentContainer .containerProdListing1 hr {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    border-width: 0 0 10px 0;
    border-style: solid;
    border-color: #004a83;
    background: transparent;
    font-size: 1px;
    line-height: 1px;
  }


}

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

@media all
{

  /* ### prodOptionsDropdown ################################################################################################## */
  
  .prodOptionsDrop {
  	float: right;
    clear: right;
    margin-bottom: 5px;
  }
  
  .prodOptionsDropName {
  	float:left;
    margin-right: 1em;
  
  }
  .prodOptionsDropSel{
    margin-right: 13px;

  }

}


/**
* 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 { 
  display: block;
  position: absolute;
  top: 135px;
  right: 225px;
  }
  
  #nav_main {
  width: 535px;
  overflow:hidden;
  background: transparent;
  border-bottom: 0;
  }
  
  /* #main { border-top: 1px #ddd solid; } */
  
  #nav_main ul {
  padding: 0;
  font-size: 1.0em;
  line-height: 0;
  display:inline;
  float: right;
  }
  
  #nav_main ul li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style-type: none;
  }
  
  #nav_main ul#sprachschalter {
  position: absolute;
  top: 0;
  left: -10px;  
  }



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

  #nav_main ul li a, #header #box_search #quick_find a {
	font-weight: bold;
	background: transparent url(img/kr_dpfeil_hell.gif) no-repeat scroll 0 0.2em;
  margin: 0;
  padding: 0 1.6em 0 12px;
  }
  #header #box_search #quick_find a {
  float: left;
  padding-right: 0;
  background: transparent url(img/kr_dpfeil_hell.gif) no-repeat scroll 0 0.4em;
  }
  
  #nav_main ul li a:hover {
	background: transparent url(img/kr_dpfeil_dunkel.gif) no-repeat scroll 0 0.2em;
  }
  #header #box_search #quick_find a:hover {
	background: transparent url(img/kr_dpfeil_dunkel.gif) no-repeat scroll 0 0.4em;
  }

  #nav_main ul li#current {
  color: #004a83;
  }
  
  #nav_main ul li#current a,
  #nav_main ul li#current a:hover {
	background: transparent url(img/kr_dpfeil_dunkel.gif) no-repeat scroll 0 0.2em;
	color: #004a83;
  }


  #nav2 { 
  display: block;
  position: absolute;
  top: 90px;
  left: 231px;
  }
  
  #nav2_main {
  width: 490px;
  overflow:hidden;
  background:  transparent;
  border-bottom: 0;
  }
  
  /* #main { border-top: 1px #ddd solid; } */
  
  #nav2_main ul {
  padding: 0;
  font-size: 1.0em;
  line-height: 0;
  display:inline;
  float: left;
  }
  
  #nav2_main ul li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height:1.0em;
  list-style-type: none;
  }
  
/*
  #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; }
*/

  #nav2_main ul li a {
  display:block;
  width: auto;
  font-size: 1em;
  background: transparent;
  text-decoration: none;
	font-weight: bold;
	background: transparent url(img/kr_pfeil_weiss.gif) no-repeat scroll 0 0.6em;
  margin: 0;
  padding: 0.5em 1.6em 0.5em 14px;
  }
  
  #nav2_main ul li a:hover {
	background: transparent url(img/kr_pfeil_orange.gif) no-repeat scroll 0 0.6em;
	color: #004a83;
	text-decoration: none;
  }
  
  #nav2_main ul li#current {
  color: #004a83;
  }
  
  #nav2_main ul li#current a,
  #nav2_main ul li#current a:hover {
	background: transparent url(img/kr_pfeil_orange.gif) no-repeat scroll 0 0.6em;
	color: #d8e2eb;
  }


}

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