@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 {

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

	#box_cart_active {
		background: #FF0000 url(../../img/cart/cart_bg_active.gif) repeat-x top;
		color: #000000;
		height: 33px;
		white-space: nowrap;
		position: absolute;
		right: 0px;
		overflow: visible;
	}
	#box_cart_active a {
		text-decoration: none;
	}

	#box_cart_inactive {
		background: #CCCCCC url(../../img/cart/cart_bg_inactive.gif) repeat-x top;
		color: #000000;
		height: 33px;
		white-space: nowrap;
		position: absolute;
		right: 0px;
		overflow: visible;
		text-decoration: none;
	}

	/* ### Körper der Infoboxen */
	.boxInfoLS {
		background-color: #F5F5F5;
		border-bottom: 1px #CCCCCC solid;
		border-left: 1px #CCCCCC solid;
		border-right: 1px #CCCCCC solid;
		margin-bottom: 5px;
	}

	.boxInfoRS {
		background-color: #F5F5F5;
		border-bottom: 1px #CCCCCC solid;
		border-left: 1px #CCCCCC solid;
		border-right: 1px #CCCCCC solid;
		margin-bottom: 5px;
	}

	/* ### Innenabstand linke Boxen*/
	.boxInfoBodyLS {
		background-color: #F5F5F5;
	  	padding:10px;
	  	font-size: 0.8em;
	}

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

	/* ### Abschnitte in den Boxen ### */
	#col1_content p , #col2_content p {
	  	margin:0;
	  	line-height:1.2em;
	}
  
	/* ### Abstand für Inputs (Eingabefelder / Buttons in den Boxen ### */
	#col1_content input , #col2_content input {
	  	margin:2px;
	  	font-size: 1.2em;
	}
  
	/* ### Einzug für Text in den Boxen ### */
	p.boxTxtInd {
	  	padding-left:12px;
	  	font-size:0.9em;
	}
  
	/* ### Highlight in den Boxen ### */
	.boxTxtInd span{
	  	color:#000099;
	}
  
	/* ################################################################################################### */
	/* ### Bildpositionierung in Boxen ################################################################### */
	/* ################################################################################################### */

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

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

	.catListBody {
		width: 100%;
		overflow: hidden;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		border: 0;
		margin: 0;
	}

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

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

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

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

	/* ############################################################################################ */
	/* ### Kategorieübersicht in Produktlisten #################################################### */
	/* ############################################################################################ */

	.module_content {
		position:					relative;
		width:						570px;
		left:						0px;
		top:						0px;
		margin:						0px;
		padding:					5px;
		background-color:			transparent;
	}

	.module_content ul {
		display: 					table;
		list-style:					none;
		margin:						10px 0px 10px 0px;
		padding:					0px;
	}

	.module_content ul li {
		display:					block;
		float:						left;
		overflow:					hidden;
		width:						183px;
		height:						50px;
		margin:						0px 5px 5px 0px;
		border:						1px solid #fff;
		background-color:			#0088BC;
		color:						#fff;
		font-weight:				bold;
		line-height:				20px;
	}

	.module_content ul li a {
		display:					block;
		height:						40px;
		width:						173px;
		padding:					5px;
		color:						#fff;
		font-weight:				bold;
		text-decoration:			none;
	}

	.module_content ul li a:hover {
		text-decoration:			underline;
	}

	/* ############################################################################################ */
	
}