@charset "UTF-8";


/* 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/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);

/*-----------------Pfeilbau-------------------------*/

#tablepfeil {
  background-color: #ffffff;
  padding-top: 10px;
  width: 100%;
}

#select {
  font-size: 11px;
  width: 120pt;
  background-color: #ffffff;
}

#iframe {
  padding-top: 10px;
  width: 540px;
  height: 340px;

}
#iframebody {
  background: #333333;
  text-align: left;
}
#iframetable {
 text-align: left;
 width: 500px;
 border: 0px;
}

#iframetr1 {
  border: 0px;
  padding: 0px;
  height: 60px;
}

#iframetd1{
 vertical-align: top;
 width: 380px;
 padding: 0;
}

#iframetd2{
 vertical-align: top;
 width: 120px;
 padding: 0;

}

#tbody_pfeilbau td{
border: 0;
}

#col3_pfeilbau {
margin-left: 200px;
}

#iframetr2{
 height: 30px;
vertical-align: top;
 width: 380px;
padding: 0;
border: 0;
}
#iframetr3 {
  height: 15px;
padding: 0;
border: 0;
}

#iframepreis {
 font-size: 1.2em;
 vertical-align: top;
font-style: italic;
padding: 0;
margin: 0;
color: #009541;
}

#preis {
color: #ffffff;
font-size: 1.0em;
}

.logo-header {

padding: 10px;
}

.img-index {

margin: 3px;
/*padding: 3px;*/

}

/*---------PayPal-----------------*/

/* ORDER DETAILS */^M

table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#DA9401;}
table.orderdetails tr td {padding:4px}^M
table.orderdetails tr.headerrow td {background-color:#DA9401; color:#FFFFFF; font-weight:bold}^M
table.orderdetails tr.headerrow td.left {text-align:left}^M
table.orderdetails tr.headerrow td.center {text-align:center}^M
table.orderdetails tr.headerrow td.right {text-align:right}^M^M

/* ORDER DETAILS CONTENT ROW 1 */^M
table.orderdetails tr.contentrow1 td {background-color:#FFF2CC;vertical-align:top}^M
table.orderdetails tr.contentrow1 td.quantity {text-align:center}^M
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}^M
table.orderdetails tr.contentrow1 td.productname {text-align:left}^M^M

/* ORDER DETAILS CONTENT ROW 2 */^M
table.orderdetails tr.contentrow2 td {background-color:#FFEAAB;vertical-align:top}^M
table.orderdetails tr.contentrow2 td.quantity {text-align:center}^M
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}^M
table.orderdetails tr.contentrow2 td.productname {text-align:left}^M^M

/* ORDER DETAILS SINGLE PRICE */^M
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}^M^M

/* ORDER DETAILS TOTAL PRICE PER ITEM */^M
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}^M^M

/* ORDER DETAILS DELETE CHECKBOX */^M
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}^M^M

/* ORDER DETAILS PRODUCT ATTRIBUTES */^M
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}^M
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}^M
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}^M
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}^M^M

/* ORDER DETAILS SUBTOTAL */^M
table.orderdetails tr td.subtotal {background-color:#FFEAAB; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#DA9401;}^M^M/

/* CHECKOUT NAVIGATION */^M
ul#checkoutnavigation {}^M
ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:185px; margin-right:15px; border: solid 1px; padding:8px}^M
ul#checkoutnavigation li.active {background-color: #FFEAAB}^M
ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold}^M
ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold}^M
ul#checkoutnavigation li.active .description {font-size:11px}^M^M

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}^M
ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold}^M
ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold}^M
ul#checkoutnavigation li.inactive .description {font-size:11px}^M^M


/* Slideshow */

#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: 600px; /* 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: 400px; /* 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); 
}

ul#imageslider li {
	list-style-type:none;
}

ul#slidercontent li {
	list-style-type:none;
}