@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://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0   
*/

/*Blog CSS*/
@import url(blog.css);

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

  @import url(css/screen/basemod.css);
 @import url(css/screen/basemod_3col_fixed.css);
  /* Variable order and use of content columns */
  /* Change patch-File in javascript/general.js.php too */
  
  /* import 3 columns fix | 3 Spalten fixe Breite einbinden - default */
   /*  @import url(css/screen/basemod_3col_fixed.css);*/
  
  /* import 3 columns flexible | 3 Spalten flexible Breite einbinden */
   /* @import url(css/screen/basemod_3col_flex.css); 
  
  /* import 2 columns flexible | 2 Spalten flexible Breite einbinden */
 /* @import url(css/screen/basemod_2col_flex_13.css);  */
  
  /* import 2 columns fix | 2 Spalten fixe Breite einbinden */
  /* @import url(css/screen/basemod_2col_fixed_13.css); */
  @import url(css/screen/content.css); 
  @import url(css/screen/boxes.css);
  @import url(css/screen/forms.css);
  @import url(css/screen/categorie_listing.css);
  @import url(css/screen/categorie_navigation.css);
  @import url(css/screen/module.css);
  @import url(css/screen/product_info.css);
  @import url(css/screen/product_listing.css);
  @import url(css/screen/product_options.css);
  /*@import url(css/screen/top_navigation_shinybuttons.css);*/
  @import url(css/screen/top_navigation_slidingdoor.css);
/* import print layout | Druck-Layout einbinden */
  @import url(css/print/print_003.css);
  
  /*<Gunnart Styles>*/
  .BoxYellow100,
.BoxYellow080,
.BoxYellow060,
.BoxYellow040,
.BoxYellow020,
.BoxGrey1,
.BoxGrey2,
.BoxGrey3 { background-repeat: no-repeat; background-position: 0 0; margin-top: 10px; margin-bottom: 10px; position: relative; left: -5px; width: 570px; float: none; clear: both; overflow: hidden }

.BoxYellow100 .Inner,
.BoxYellow080 .Inner,
.BoxYellow060 .Inner,
.BoxYellow040 .Inner,
.BoxYellow020 .Inner,
.BoxGrey1 .Inner,
.BoxGrey2 .Inner,
.BoxGrey3 .Inner { background-repeat: no-repeat; background-position: 0 100%; padding: 5px }

.BoxYellow100 { background-color: #ff9; background-image: url("images/FullTop_Yellow100.gif") }
.BoxYellow080 { background-color: #ffffad; background-image: url("images/FullTop_Yellow080.gif") }
.BoxYellow060 { background-color: #ffffc2; background-image: url("images/FullTop_Yellow060.gif") }
.BoxYellow040 { background-color: #ffffd6; background-image: url("images/FullTop_Yellow040.gif") }
.BoxYellow020 { background-color: #ffffe0; background-image: url("images/FullTop_Yellow020.gif") }
.BoxGrey1 { background-color: #eee; background-image: url("images/FullTop_EEE.gif"); }
.BoxGrey2 { background-color: #ddd; background-image: url("images/FullTop_DDD.gif"); }
.BoxGrey3 { background-color: #ccc; background-image: url("images/FullTop_CCC.gif"); }

.BoxYellow100 .Inner { background-image: url("images/FullBottom_Yellow100.gif"); }
.BoxYellow080 .Inner { background-image: url("images/FullBottom_Yellow080.gif"); }
.BoxYellow060 .Inner { background-image: url("images/FullBottom_Yellow060.gif"); }
.BoxYellow040 .Inner { background-image: url("images/FullBottom_Yellow040.gif"); }
.BoxYellow020 .Inner { background-image: url("images/FullBottom_Yellow020.gif"); }
.BoxGrey1 .Inner { background-image: url("images/FullBottom_EEE.gif"); }
.BoxGrey2 .Inner { background-image: url("images/FullBottom_DDD.gif"); }
.BoxGrey3 .Inner { background-image: url("images/FullBottom_CCC.gif"); }

.BoxYellow100 .Inner:after,
.BoxYellow080 .Inner:after,
.BoxYellow060 .Inner:after,
.BoxYellow040 .Inner:after,
.BoxYellow020 .Inner:after,
.BoxGrey1 .Inner:after,
.BoxGrey2 .Inner:after,
.BoxGrey3 .Inner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }

.BoxYellow100 .Inner,
.BoxYellow080 .Inner,
.BoxYellow060 .Inner,
.BoxYellow040 .Inner,
.BoxYellow020 .Inner,
.BoxGrey1 .Inner,
.BoxGrey2 .Inner,
.BoxGrey3 .Inner { display: inline-block; }

/* Hides from IE-mac \*/
* html .BoxYellow100 .Inner,
* html .BoxYellow080 .Inner,
* html .BoxYellow060 .Inner,
* html .BoxYellow040 .Inner,
* html .BoxYellow020 .Inner,
* html .BoxGrey1 .Inner,
* html .BoxGrey2 .Inner,
* html .BoxGrey3 .Inner { height: 1%; }

.BoxYellow100 .Inner,
.BoxYellow080 .Inner,
.BoxYellow060 .Inner,
.BoxYellow040 .Inner,
.BoxYellow020 .Inner,
.BoxGrey1 .Inner,
.BoxGrey2 .Inner,
.BoxGrey3 .Inner { display: block; }
/* End hide from IE-mac */

.ImageLeft { float: left; margin-right: 5px }
.ImageRight { float: right; margin-left: 5px }
/*</agl.folder>*/


hr { display: none }
hr.Break { display: block; visibility: hidden; } 

.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: Right }

.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }
.vMiddle,
.vMiddle * { vertical-align: middle }
.vTop,
.vTop * { vertical-align: top }