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


/* 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/categorie_listing.css);
  @import url(css/screen/categorie_navigation.css);
  @import url(css/screen/module.css);
  @import url(css/screen/thickbox.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);
  
  .allproductsHeader {background-color:#f2f2f2; color:#6f6f6f; padding-left:3px;}
.allproductsContent {color:#777777; padding:2px;}			
.allproductsContent h1 {font-size: 12px; margin: 2px 2px 2px 0px; color: #E8A000; }	
.allproductsContent a {color: #6f6f6f; }

/* highslide komplett */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    background-color: white;
    
}

.highslide-bgwhite {
    background: #FFFFFF;
}

.highslide img {
	background-color: white;
}
.highslide:hover img {
}

.highslide-image {
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}



.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

/* Controlbar example */
.controlbar {	
	display: none;
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
	margin-top: 0px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Necessary for functionality */
.highslide-display-block {
	
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}

/* highslide ende */
.highslide-maincontent {
	display: none;
	background-color: white;

}



.highslide-html {
	background-color: #ffffff;
		
}
.highslide-html-content {
	background-color: #ffffff;
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;

}
.highslide-header {
	font-size:1.0em;
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size:1.0em;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
	font-size:1.0em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
	font-size:1.0em;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
	font-size:1.0em;
}
.highslide-header a:hover {
	color: black;
	font-size:1.0em;
}
.highslide-header .highslide-move a {
	cursor: move;
	font-size:1.0em;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
	background-color: white;
}
.highslide-resize {
	cursor: nw-resize;
}


/*---------------------------- Imageslider (c) 2008 by Hetfield - Begin --------------------------*/
#imageslider { 
	margin: 0px 0px 0px -11px;
	padding-top:2px; 
	list-style:none; 

	overflow:hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	width: 544px; /* Breite des Slideshowcontainers */
}
#imageslider #slidercontent { 
	display: none; 	/* Textanzeige deaktiviert durch display:none; */
	z-index: 888;	/* Durch den z-index wird der Conatiner des Textes auf das Bild gelegt */
	position: relative; 
	top: -203px;	/* Damit der Text auf dem Bild angezeigt werden kann müssen wir den Container nach oben ziehen */
	width: 544px; /* Breite des Slideshowcontainers */
	overflow: hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	text-align: justify;
	font-size: 0.9em; 
	background: #ccc; 
	/* Regelt die Transparenz des Textes um das Bild darunter noch sehen zu können */
	-moz-opacity: 0.7;
	opacity: 0.70; 
	filter:alpha(opacity=70); 
}
/*---------------------------- Imageslider (c) 2008 by Hetfield - End ----------------------------*/

/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - Begin  */
h2.products_treadmill_head { text-align:center; border:1px solid #333; color:#fff; background:#999 url(img/products_treadmill_header.gif) repeat-x; font-size:1.1em; text-align:center; margin:15px auto 0px auto; width:600px; height:20px; }
div#products_treadmill { width:600px; text-align:center; margin:0 auto; border:1px solid #333; text-align:center; background:#eee url(img/products_treadmill.gif) repeat-x; margin-bottom:5px; }
div#products_treadmill ul { width:600px; text-align:center; margin:0 auto; }
div#products_treadmill ul li { width:200px; float:left; text-align:center; height:150px; padding-bottom:10px; list-style:none; }
div#products_treadmill a.textlink:link { text-decoration:none; font-weight:bold; font-size:0.8em; color:#000; }
div#products_treadmill a.textlink:visited { text-decoration:none; font-weight:bold; font-size:0.8em; color:#000; }
div#products_treadmill a.textlink:hover { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill a.textlink:active { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill a.textlink:focus { text-decoration:none; font-weight:bold; font-size:0.8em; color:#333; }
div#products_treadmill img { display:block; margin:8px auto; border:1px solid #333; }
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - End  */

/*<agl.folder "ProdListing">*/
.ProdListing1,
.ProdListing2,
.ProdListing3 { width: 570px }
.ProdListing4 { width: 570px }

.ProdListing1 .Item,
.ProdListing2 .Item,
.ProdListing3 .Item { background-color: #f7f9f3 }
.ProdListing4 .Item { background-color: #f7f9f3 }

.ProdListing1 .Image,
.ProdListing2 .Image,
.ProdListing3 .Image,
.ProdListing4 .Image {}

.ProdListing1 .Item {}
.ProdListing2 .Item { width: 275px; float: left; margin-right: 10px; }
.ProdListing3 .Item { width: 180px; float: left; margin-right: 10px; }
.ProdListing4 .Item { width: 190px; float: left; margin-right: 10px; }