@charset "UTF-8";
/**
* 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 ###################################################################### */
  
  /* ### Kopf der Infoboxen ################################################################### */
  #col1_content h4 , #col2_content h4 {
  	color: #333;
  	padding:5px;
  	width:auto;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: #333 1px dotted;
  }
  
  /* ### Körper der Infoboxen */
  .boxInfoLS , .boxInfoRS, #box_categories {
  	  margin-bottom:10px; /* Abstand der Boxen */
  	/* border-bottom: 1px #000 solid;*/ /* Rahmen Boxkörper unten */
  }
  
  /* ### Innenabstand linke Boxen*/
  .boxInfoBodyLS {
  	padding:10px;
  	font-size: 0.8em;
  }
  
  #box_content .boxInfoBodyLS{
  	padding: 0;
  }
  
  /* ### Innenabstand rechte Boxen*/
  .boxInfoBodyRS {
  	padding:10px;
  	font-size: 0.8em;
  }
  
  /* ### Abschnitte in den Boxen ### */
  #col1_content p , #col2_content p {
  	margin:0;
  	line-height:1.5em;
  }
  
  /* ### 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;

  }
  
  /* ### Highlight in den Boxen ### */
  .boxTxtInd span{
  	color:#990000;
  }
  
  p.boxTxtRight {
  	text-align:right;

  }
  
  p.boxTxtLeft {

  }
  
  #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:#fff;
  	text-decoration:underline;
  }
  
  #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;
  }
  
  #box_best_sellers img{
	width: 45px;
	float: left;
	margin-right: 5px;
  }
  /* ### Bild zentriert in Boxen ### */
  #col1_content img.imgCenter , #col2_content img.imgCenter  { background: #fff; padding: 4px; 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;
  	font-family: Arial, Helvetica, sans-serif;
  	padding:0;
  	border:0;
  	margin:0;
  }
  
  .catListBody li ul {
  	list-style-type: none; margin:0; padding: 0;
  }
  
  .catListBody ul,
	#box_content ul.conandinfo{
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
  }
  
  .catListBody a,
  #box_content ul.conandinfo li a {
  	display:block;
  	text-decoration: none;
  }
  
  .catListBody li {
  	float:left;
  	width: 100%;
  	margin:0;
  }
  
  #col1_content .catListBody img {
  	margin-right:0.7em;
  }
  
  /* ############################################################################################ */
  /* ### Dropdown für Herstellerbox ############################################################# */
  /* ############################################################################################ */
  .manuDropdown {
    font-size: 1.3em;
    padding: 2px;
    width: 100%;
  }
  
  #box_search{
  	position: absolute;
	top: 50px;
	left: 30px;
  }
  
  #box_information{
  	position: absolute;
	top: 9px;
	right: 20px;
	font-size: 11px;
	color: #fff;
  }
  
  #txtSearch{
  	padding: 4px;
	width: 158px;
	margin-right: 2px;
  }

}