@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://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.4.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);
  /* 2-Spalten optional */
  /* @import url(css/screen/basemod_2col_left_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/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);
  
  @import url(css/screen/tooltip.css);
  
  /*---------------------------- Imageslider (c) 2008 by Hetfield - Begin --------------------------*/
#imageslider { 
	margin:0 auto; 
	padding:0; 
	list-style:none; 
	list-style-position:outside;
	overflow:hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	width: 556px; /* Breite des Slideshowcontainers */
}

#imageslider li, #imageslider li img {
	margin:0; 
	padding:0; 
	list-style:none; 
} 

#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: 556px; /* 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  */
h3.products_treadmill_head { 
/*
width:554px; 
height:20px; 
background:#999 url(img/products_treadmill_header.gif) repeat-x; 
margin:15px auto 0px auto; 
padding:0;
text-align:center; 
border:1px solid #333; 
color:#fff;
*/ 
font-size:1.1em; 
}

div#products_treadmill { 
width:100%;
margin:0 auto 5px auto; 
/* border:1px solid #ACABAB; */ 
text-align:left; 
/* background:#eee url(img/products_treadmill.gif) repeat-x; 
margin-bottom:5px; */
}

div#products_treadmill ul { 
width:100%; 
text-align:left; 
margin:0; 
padding:0;
}

div#products_treadmill ul li { 
width:540px;
min-height:175px;
float:left; 
overflow:hidden;
margin:0 7px 4px 7px;
padding:0 0 16px 0; 
text-align:center; 
font-size:0.8em;
}

div#products_treadmill img { 
display:block; 
margin:4px auto 2px auto; 
border:1px solid #ACABAB; 
}

div#products_treadmill a.textlink:link { text-decoration:none; font-weight:bold; color:#000; }
div#products_treadmill a.textlink:visited { text-decoration:none; font-weight:bold; color:#000; }
div#products_treadmill a.textlink:hover { text-decoration:none; font-weight:bold; color:#000; }
div#products_treadmill a.textlink:active { text-decoration:none; font-weight:bold; color:#000; }
div#products_treadmill a.textlink:focus { text-decoration:none; font-weight:bold; color:#000; }
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - End  */

/* BOF - GIFT VOUCHER -------------------------------------------- */
.clear { clear: both; width: auto; height: 0px; }
/* GUTSCHEIN EINLÖSEN IM WARENKORB */
#gift_cart { padding: 15px;	border: 1px solid #454344; margin: 25px 0px 0px 0px; width: auto; }
#gift_cart .hr { background: #EAEAEA; height: 1px; width: 100%; clear: both; margin: 10px 0px 10px 0px; }
#gift_cart .title { float: left; width: auto; font-size: 16px; line-height: 33px; }
#gift_cart .input_code { float: right; width: auto; }
#gift_cart .input_code input[type="text"] { margin: 0px 0px 0px 10px; float: none; }
#gift_cart .input_code input[type="image"] { margin: 0px 0px 0px 10px; position: relative; top: 4px; }
#gift_cart .voucher_list { border-collapse: collapse; border-spacing: 0; }
#gift_cart .voucher_list tr { border-bottom: 1px solid #454344; }
#gift_cart .voucher_list tr:last-child  { border-bottom: none; }
#gift_cart .voucher_list tr.header { background: #EEE; border: 1px solid #454344; border-width: 1px 0px 1px 0px; font-weight: bold; } 
#gift_cart .voucher_list td { border: none; }
#gift_cart .voucher_list td.center { padding: 0px 10px 0px 10px; text-align: center; }
/* POPUP MIT INFOS */
body.popup_coupon_help { padding: 15px 15px 15px 15px; background: #FFF; }
#popup_coupon_help { margin: 0px; padding: 0px; }
#popup_coupon_help_inner { margin: 0px; padding: 0px; background: #FFF; color: #333; min-height: 360px; }
#popup_coupon_help_inner label { float: left; width: 250px; font-weight: bold; padding: 0px; margin: 0px 0px 5px 0px; }
#popup_coupon_help_inner table { width: 100%; border-collapse: collapse; border-spacing: 0; }
#popup_coupon_help_inner table tr { background: #EFEFEF; border-bottom: 1px solid #CCC; }
#popup_coupon_help_inner table tr:first-child { background: #EFEFEF; border: 1px solid #CCC; border-width: 1px 0px 1px 0px; }
#popup_coupon_help_inner table td { padding: 2px 5px 2px 5px; border: none; }
#popup_coupon_help_inner table tr.row_2 { background: #FFF; }
#popup_coupon_help_inner table .title { width: 35%; font-weight: bold; }
#popup_coupon_help_inner ul.restriction_list { margin: 0px 0px 5px 40px; }
#popup_coupon_help_inner .close { text-align: right; margin: 20px 0px 0px 0px; }
/* GUTSCHEIN VERSENDEN */
#gv_send_wrap input[type="text"] { width: 200px; }
#gv_send_wrap textarea { width: 500px; height: 200px; float: none; }
#gv_send_wrap label { float: left; width: 250px; font-weight: bold; line-height: 25px; padding: 2px 0px 2px 0px; margin: 0px 0px 5px 0px; }
#gv_send_wrap .input { float: left; width: auto;line-height: 25px; padding: 2px 0px 2px 0px; margin: 0px 0px 5px 0px; }
#gv_send_wrap .highlightbox { padding: 15px; background: #FFF; border: 1px solid #DDD; margin: 10px 0px 10px 0px; }
#gv_send_wrap .right { float: right; width: auto; }
#gv_send_wrap .left { float: left; width: auto; }
/* GUTHABEN BEI AUSWAHL DER ZAHLUNGSART */
#gv_credit_selection { margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #FFF; border: 1px solid #ACABAB; }
#gv_credit_selection div { margin: 5px 0px 0px 0px; }
span#gv_user_checkbox { display: block; width: 25px; float: left; text-align: center; }
#gv_credit_selection h4 { color: #000000; font-size: 1em; font-weight: bold; margin: 0 0 0.3em; padding-top: 1em;border: medium none;  display: inline; }
/* EOF - GIFT VOUCHER -------------------------------------------- */