*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:bold}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{display:table;width:100%}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks .skip:focus,#skiplinks .skip:active{left:32768px;outline:0 none;position:absolute;width:100%}@media projection,screen{#col1{float:left;width:20%}#col2{float:right;width:20%}#col3{width:auto;margin:0 20%}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{display:table;width:100%;table-layout:fixed}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{table-layout:fixed}.equalize>div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}@media print{.subcolumns,.subcolumns>div{overflow:visible;display:table}.print{position:static;left:0}.noprint{display:none!important}}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css)
* (de) Variation des Screenlayouts (basemod.css)
*
* @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
   
*/

@media all
{body { background: #F0F0F0 url("https://www.spielkartenwelt.de/templates/spkw12/img/bg_top.gif") repeat-x top left; padding: 10px 0;  font: 11px Verdana, Arial, Helvetica, sans-serif;  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  .page{  }
  .page_margins {border:0; min-width: 756px; max-width: 80em; margin:auto;}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { position:relative;  height: 117px;  background: url(https://www.spielkartenwelt.de/templates/spkw12/img/logo.png);   }
  #nav { overflow:hidden; margin-top: -42px; z-index: 10; clear: both }  
  #welcome{ height: 23px; padding: 10px 15px 0 15px; background-color: white; font-size: 11px; color: #77726D; border-bottom: 1px dotted #CDCDCD  }
  #welcome .left { color: #000 }
  #welcome .left a { color: #183566 }
  #eyecatcher { width: 980px; height: 290px; background: white url(https://www.spielkartenwelt.de/templates/spkw12/img/eyecatcher.png) repeat top;   }
  #cinfo{ color: #0C2C5F; font-size: 11px; padding: 262px 0 0 15px; }  
  img#companyLogo {position:absolute; top: 15px; left: 10px; font-size:208%;}

  #main { background: #fff ; margin: 0; padding: 0;}
  
  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 35px; height: 42px;} 
  
  #bottom { padding: 10px 20px 5px 20px; color:#666;  background-color: white; text-align: left; font-size: 11px; } 
  #bottom > div { width: 500px; margin-left: 200px }
  
  #bottom a { color: #183566 }

  #footer { height: 88px; padding: 30px 0 0 0; margin-top: -12px; color:#666; background: transparent url(https://www.spielkartenwelt.de/templates/spkw12/img/bg_footer.png) no-repeat top;   }
  #footer .left { 
   padding:0;
  	width: 694px;
  	}
  #footer .right { 
  	margin-top: 4px;
  	text-align: left;
  	width: 280px;
  }  
  
  #teaser {
	margin:0;
	background: #ffffff;
	padding:4px 4px 4px 18px;
	color: #5f5d75;
  }
  
  .left  { float: left; }
  .right { float: right; }
  
  #cinfo .right { margin-top: -6px;   } /* korrektur */
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */


  #col1 {	width: 200px; }
  #col1_content { 
    margin-left:0pt;
    margin-right:0pt;
    padding-left:10px;
    padding-top:20px; 
  }


  #col2 {	width:200px; }
  #col2_content {	
    margin-left:0pt;
    margin-right:0pt;
    padding-right:10px;
    padding-top:20px;
    font-size: 0.8em;
  }


  #col3 {
   margin-left: 200px;
   margin-right: 200px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
  }

  #col3_content { margin-left: 17px; margin-right: 17px;padding-top:20px; color: #00; font-size: 11px; }

  #navigation , #content {
  height:1px;
  left:-1000em;
  position:absolute;
  top:-1000em;
  width:1px;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
  #main_checkout {	background:#ffffff; }
  #col3_checkout {	width:100%; }
  
	#message_box, #message_box_ie6  { 
   	position: absolute; 
   	left: 0px; 
   	z-index: 10; 
		background:#ffc;
		padding:5px;
   	border:1px solid #CCCCCC;
   	text-align:center; 
   	width:99%;
   	display:none;
   	color:#a4322f;
   	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}

	#message_box_ie6 { 
   	position: relative; 
   	border:1px solid red;
		display: block;
	} 


/* cookie-bar
-------------------------------------------------- */

#cookie-bar {
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 12px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999999999;
    
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#304559+0,486785+100 */
	background: #304559; /* Old browsers */
	background: -moz-linear-gradient(top, #183566 0%, #486785 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #183566 0%,#486785 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #183566 0%,#486785 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183566', endColorstr='#486785',GradientType=0 ); /* IE6-9 */    

	-webkit-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);

}

#cookie-bar p{
    font-size: 14px !important;
}

#cookie-bar a {
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: underline;
    padding: 0 6px;
    margin-left: 8px;
}

#cookie-bar a:hover{
    text-decoration: underline;
    color: #fff;
}

#cookie-bar .cb-enable{
    text-decoration: none;
}

#cookie-bar .cb-enable,
#cookie-bar .cb-enable:hover{
    background: #e52c2a;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 5px;
} 
  
}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css) for layout example "3col_fixed"
* (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "3col_fixed"
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)               
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:commve
* @version         1.6.0
   
*/

@media screen
{.page_margins {
	width:980px;
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
}

/* Korrektur von Randabständen */
#main { margin: 0; padding: 0; }

/* Himtergrundgrafik für linke Spalte - Grafikbreite 200 Pixel */
#main { background: #fff /*url(https://www.spielkartenwelt.de/templates/spkw12/img/xxx.gif) repeat-y top left;*/ }




}@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @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
*/

@media all
{html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 83.00%; 
  }

 /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.00em; color: #000; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h3 {font-size: 1.0em; color: #727879; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h4 {color: #000; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #C5C5C5 solid;}

#teaser h1 { font-size: 1.2em; border: 0; }
#teaser a {
	color:#183566;
	font-size: 11px;
}

p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

#col3_content h4 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;}


/* ######################################################################################################
** # YAML für xt:commerce (c) by Björn Teßmann http://www.zerosoftware.de  ######
** ######################################################################################################
**
**  YAML für xt:commerce Version: 1.0.2
**  Dateiversion: 18.05.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/
/* ###################################################################################################### */
/* ### Allgemeine Angaben ############################################################################### */
/* ###################################################################################################### */

/* ### beende Umfluß in Abschnitt ### */
.clearHere { clear: both; }

/* ### CSS für floatende Inhaltselemente ### */
/* ### DIV-Tags ### */
.leftCol {
	margin-top:4px;
	float:left;
}

.rightCol {
	position:absolute;
	margin-top:4px;
	right:0;
	padding-right:4px;
}

/* ### Ausblenden von underline und Rahmen bei Bildern als Link  ### */
a.imgLink {
	border: 0px none; text-decoration: none;
}

.dontShow {
 	position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

.optionsBg { background-color: #F1F1F1;  margin: 0; padding: 5px;}

#col3_content .longInput, #col3_content .longTextarea textarea {
	width: 99%;
}

#col3_content label.longLabel {
	width: 99%;
	float: none;
}



/* ### Auszeichnung lokaler und externer Links ######################################################## */
a, a em.file {color: #222; text-decoration:none;}
a:hover {text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}

#footer a { color: #fff; }
#footer a:hover { text-decoration:underline; }
/* ### Stehen lassen ### */
#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ### Formatierung "benötigte Felder"-Anzeige ### */
.inputRequirement { font-size: 11px; color: #ff0000; }
/* ### Copyright-Vermerk von xt:C #### */
.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}

A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

a.cartShipLink{
  color: #73787A;
  text-decoration: underline;	
}

/* ### Parse-Time-Anzeige von xt:C #### */
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

/* ### Stehen lassen ###*/
TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

/* ### Formatierung für Anzeige ausverkaufte Artikel ### */
SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
/* ### Formatierung Sonderpreis ### */
SPAN.productSpecialPrice {
  color: #ff0000;
}
/* ### Formatierung alter Preis ### */
SPAN.productOldPrice {
	color: #ff0000;
	font-size: 12px;
	text-shadow: none;
	text-decoration: line-through;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}


/* ######################################################################################################
** ### Tabellen #############################################################################
** ######################################################################################################
*/




/* ### Inhalt: Tabelle ### */
table { width: 100%; margin-bottom:0.5em; }
caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
/*tbody { background: #fff; }*/
tbody td, th { border-bottom: 0px solid #fff; border-left: 0px dotted #fff; vertical-align: top; padding:5px; }
thead th { padding: 5px; text-align: left; background: #CCCCCC; color: #333; font-weight: bold; }
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }

tfoot th, tfoot td { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: left; background: #CCCCCC; color: #333; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }

tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #fff; vertical-align: top; padding:2px; }

tbody td.attribute , tbody td.value{
	margin:0;
	padding:0;
	border:0;
	font-size:0.9em;
	line-height:1.5em;
}







#col3_content td.prodRow1 {
	background-color:#CCCCCC;
}

hr.dis {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    margin-bottom: 1em;
}

hr {
    color: #D0D0D0; /* IE */
    /*border: 1px solid #D0D0D0;  Opera */
    background-color: #D0D0D0; /* Mozilla */
    height:1px; /* Mozilla, Opera */
}

hr.cart {
	color: #333333;
	background-color:#333333;
	height:1px;
  	margin-right:0;
	text-align:right;
	width:80%;
	margin: 0;
	padding: 0;
	border:0;
}

.hrDiv {
	padding-bottom: 1px;
	padding-top: 1px;
	height: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	line-height: 0px;
	background-color: #999999;
}

.hrDiv {
	margin-top:3px;
	margin-bottom:3px;
}


.error { color: #FF0000; }
.must { color: #FF0000; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}


img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

div.agbframe {
    /*width:100%;*/
    height:200px;
    overflow:auto;
    padding:10px;
    background:url(https://www.spielkartenwelt.de/templates/spkw12/img/input_bg.gif) no-repeat;
    border:1px solid #666;
 }
 
/* popup content shipping info*/ 
 
.ship_overlay tbody td.main {
	border-left:0px;
}

/* shipping info*/ 

.green{ color: #006634  }
.orange{ color:#cc9900 }
.red{ color: #990000}

.qty_switcher{ width: 15px; height: 30px; background-image: url(https://www.spielkartenwelt.de/templates/spkw12/img/plusminus.png);}

#plus {
	display: block;
	width: 15px;
	height: 15px;
	border: 0px;
	font-size: 0px;
	cursor: pointer;
}

#minus {
	display: block;
	width: 15px;
	height: 15px;
	border: 0px;
	font-size: 0px;
	cursor: pointer;
}


/* ads */
#ad_cogra {
	width: 159px;
	height: 30px;
	position: relative;
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ads.gif) no-repeat 0 -31px;
	margin: 0 auto;
	float: left;
    margin-left: 120px;
}
#ad_cogra a {
	position: absolute;
	width: 159px;
	height: 30px;
	display: block;
	border: none;
	background: transparent;
	overflow: hidden;
}
#ad_cogra .hover{
	width: 159px;
	height: 30px;
	display: block;
	position: absolute;
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ads.gif) no-repeat 0 0;
}

#ad_holiday {
	width: 88px;
	height: 33px;
	position: relative;
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ads.gif) no-repeat -160px -32px;
	margin: 0 auto;
	margin-right: 15px;
	float: right;
	font-size: 11px
}
#ad_holiday a {
	position: absolute;
	width: 88px;
	height: 33px;
	display: block;
	border: none;
	background: transparent;
	overflow: hidden;
}
#ad_holiday .hover{
	width: 88px;
	height: 33px;
	display: block;
	position: absolute;
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ads.gif) no-repeat -160px 0;
}

.line_h
{
  border:none;
  background:url('https://www.spielkartenwelt.de/images/strich_horiz.jpg') no-repeat center;  
  margin-top:15px;
  margin-bottom:15px;
  position:center
}


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

@media all
{#col1_content h4 , #col2_content h4 {
  	background-color: #EDEDED;
  	color: #444;
  	padding: 0;
  	width:auto;
  	border:0px;
   text-transform: uppercase;
   font-size: 11px;
   height: 29px;
   text-shadow: #fff 1px 1px 1px;  
	background: #EDEDED; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */     	
  }
  
  /* ### Körper der Infoboxen */
  .boxInfoLS , .boxInfoRS {
  	 margin-bottom:20px; /* Abstand der Boxen */
  	 color: #73787A;
   background-color: #FAFAFA;
  	border: 1px solid #EDEDED;  	 
  	/* border-bottom: 1px #000 solid;*/ /* Rahmen Boxkörper unten */
  }
  
  #box_cart{
	color: #444;
	line-height: 18px;
  }
  
  .boxInfoBodyRS h1{
   color: #73787A;  	
  }
  
  .boxInfoBodyRS a {
  	color: #444; 
  }
  
  #box_admin a, #box_login a{
  	color: #73787A; 
  }
  
  /* ### Innenabstand linke Boxen*/
  .boxInfoBodyLS {
  	padding:8px;
  	font-size: 11px;
  	color: #444;
  }
  
  /* ### Innenabstand rechte Boxen*/
  .boxInfoBodyRS {
  	padding:8px;
  	font-size: 11px;
  }
  
  #box_manufacturers .boxInfoBodyRS{
  	padding:0;
  }
  
  /* ### 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:11px;
  }
  
  /* ### Highlight in den Boxen ### */
  .boxTxtInd span{
  	color:#990000;
  }
  
  p.boxTxtRight {
  	text-align:right;
  	font-size:11px;
  }
  
  p.boxTxtLeft {
  	font-size:11px;
  }
  
  #col1_content h1 , #col2_content h1 {
  	margin-bottom:0px;
  	margin-top:0px;
  	font-size:11px;
  }
  
  /* ### Listenformatierung für Boxen ### */
  #col1_content ul.conandinfo  ,#col2_content ul.conandinfo {
  	list-style-type:none;
  	margin:0;
  	padding:0;
  	color: #727879
  }
  
  ul.conandinfo a{
  	color: #727879
  }
  
  /* ### Anpassen der Linkdarstellung für die Köpfe der Boxen ### */
  #col1_content h4 a, #col2_content h4 a {
  	color: #444444;
  	text-decoration:underline;
  }
  
  #col1_content li ,#col2_content li {
  	margin:0;
  	padding:0;
  }
  
  /* ################################################################################################### */
  /* ### Bildpositionierung in Boxen ################################################################### */
  /* ################################################################################################### */
  /* ### Bild links ### */
  img.imgRight {
  	float: right;
   	margin: 2px 0px 2px 10px;
   	position: relative;
  }
  
  /* ### Bild rechts ### */
  img.imgLeft {
  	float: left;
  	margin: 2px 10px 2px 0px;
  	position: relative;
  }
  
  /* ### Bild zentriert in Boxen ### */
  #col1_content img.imgCenter , #col2_content img.imgCenter  { background: #fff; padding: 4px; border:1px #9A9999 solid; }
  p.centerContent { text-align:center; }
  p.rightContent { text-align:right; }
  
  /* ############################################################################################ */
  /* ### Boxen speziell ######################################################################### */
  /* ############################################################################################ */
  
  /* ### Box cart ############################################################################### */
  
  .cartBox h4 {
  	border-bottom: 0px;
  }
  
  .cartBoxLine {
    border-top:1px dotted #9F9F9F;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
    margin-bottom:5px;
  }
  
  /* ### Box Bestseller ######################################################################### */
  
  #box_best_sellers ol {
    margin:0px;
    list-style-type:none;
  }
  
  #box_best_sellers li {
    line-height:1.2em;
  }
  
  #box_best_sellers h1 a,
  #box_best_sellers h1 {
    font-size: 11px;
    font-weight: normal;
    text-indent:-5px;
  }
  
  #box_best_sellers h1{
    padding-left:20px;
    text-indent:-22px;
  }
  
  .bestSellersPrice {
    padding-left:20px;
    padding-top:2px;
  }
  .bestSellersProduct {
    /*border-bottom:1px solid #9F9F9F;*/
    padding-bottom:2px;
    margin-bottom:2px;
  }
  
  .bestSellerImage {
    text-align:center;
    padding-top:2px;
  }
    
  
  /* ############################################################################################ */
  /* ### Box für die Kategorie (Kategorienavigation) ############################################ */
  /* ############################################################################################ */
  
  .catList{ 
   background-color: #FAFAFA;
  	border: 1px solid #EDEDED;

  }
  
  .catListBody {  	
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	padding:3px;
  	margin: 10px 10px 20px 10px;
  	font-size: 11px;
  	overflow:hidden;
  	
  }
  
  .catListBody li ul {
  	list-style-type: none; margin:0; padding: 0;
  }
  
  .catListBody ul {
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
  }
  
  .catListBody a {
  	display:block;
  	text-decoration: none;
  }
  
  .catListBody li {
  	
  	width: 100%;
  	margin:0;
  }
  
  #col1_content .catListBody img {
  	margin-right:11px;
  }
  
  /* ############################################################################################ */
  /* ### Dropdown für Herstellerbox ############################################################# */
  /* ############################################################################################ */
  .manuDropdown {
    width: 95%;
    border:0;
  }
  
  /* ############################################################################################ */
  /* ### Searchbox					   ############################################################# */
  /* ############################################################################################ */
  #box_search {
    margin-left: 625px;
    padding-top: 33px;
    float: left;
    width: 255px;    
  }
  
  #searchfield {
  	height: 18px;
  	width: 150px;
  	border-top: 1px solid #FBFBFB;
  	border-right: 1px solid #FBFBFB;
  	border-left: 1px solid #FBFBFB;
	background: #EDEDED; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */    	
  }  
  
  #box_currencies {
    width: 90px;
    padding-top: 40px;
    text-align: right;
  }  

  #box_currencies .boxInfoBodyRS{
  	padding: 0;
  }   

  
}@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media screen, projection
{form { overflow:hidden; font-size: 11px;   }

/* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */
#col3_content label {
    font-size: 1em;
    line-height: 160%;
    background: transparent;
    color: #333;
    width: 16em;
    padding-right: 4px;
    margin-bottom: 5px;
    float: left;
}

/* ### Texteingabefelder ### */
input[type=text], #col3_content textarea, input[type=password] , select {
    /* background:#fff  url(https://www.spielkartenwelt.de/templates/spkw12/img/inbox_bg.jpg) left top repeat-x; */
    color: #727879;
  /*  border: 1px #888 solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
    padding:0px 1px;
    line-height: 18px;
}

#checkout_payment select {
  float:none;
}

/* ### Standardgröße für Texteingabefelder Inhaltsspalte (col3)### */
#col3_content input[type=text], #col3_content textarea,#col3_content input[type=password] {
	width: 15em;
}

#col1_content select option{
	line-height: 18px;
	margin-top: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: transparent;
	border-bottom: 1px solid #EEEEEE;
	margin-left: 5px;
	padding: 2px 0 2px 15px;	
}

#col1_content select{
	background: transparent;
	width: 187px;
}

/* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=password]:hover, input[type=password]:active, input[type=password]:focus,
select:hover,  select:active,  select:focus,
textarea:hover,  textarea:active,  textarea:focus {
    /* color: #000; */
}

/* ### Rahmen um Eingabefelder ### */
/* ### Beschriftung der fieldsets ### */
#col3_content legend {
	font-size: 85%;
	background-color: #fff;
	color: #333;
	border: 1px solid #C5C5C5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
input[type=hidden] { display: none; }

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
input[type=radio] , input[type=checkbox] {
	background: #fff;
    color: #333;
    border: 0 none;
    width: 1em;
    height: 1em;
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
}
/* Double-Opt */
#col3_content #sign input[type="text"] {
  width:auto;
}

/* YAML forms */


  .yform {
    background:#f4f4f4;
    border:1px #ddd solid;
    margin:0 0 1em 0;
    padding:10px;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fff;
    margin:0 0 1em 0;
    padding:0.5em;
  }
  
  .yform legend {
    font-size:125%; font-weight:normal; color:#000;
  }

  .yform label {
    color:#666;
  }

  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family: Verdana,Arial,Helvetica,sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #BFBFBF;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #a66 solid;
    background:#fff;
  }
  
  .yform div input[type=image]:hover { border:0px #a66 solid; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #444 solid;
    border-bottom:1px #444 solid;
    color:#000;
    background:#454545 url(https://www.spielkartenwelt.de/templates/spkw12/css/screen/images/button_gray.png) top left repeat-x;
    padding:.5em 1.2em;
  }

  .yform .type-button input[type=reset] { color:#300; background:#661717 url(https://www.spielkartenwelt.de/templates/spkw12/css/screen/images/button_red.png) top left repeat-x; }
  .yform .type-button input[type=submit] { color:#330; background:#5e5607 url(https://www.spielkartenwelt.de/templates/spkw12/css/screen/images/button_yellow.png) top left repeat-x; }
 
  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(https://www.spielkartenwelt.de/templates/spkw12/css/screen/images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#330; background:#5e5607 url(https://www.spielkartenwelt.de/templates/spkw12/css/screen/images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border-top:1px #444 solid;
    border-left:1px #444 solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    color:#fff;
    background:#555; 
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:2px 0;
   /* padding:3px 0.5em;  */
    position:relative;
    overflow:hidden;
  }

  .yform div.type-button {
    padding:3px 0em;  
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
    display:block;
    position:relative;
    /*padding:0.3em 0.3em;*/
    padding: 2px;
    width:58.5%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    /*padding: 1px;*/
    width:60%;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    width:auto;
    cursor:pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; }
  .full div.type-select select { width:97.0%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; }
  .columnar div.type-select select { float:left; width:69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { float:left; width:67.2%; }
  * html .columnar div.type-select select { float:left; width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/


}#frameListHead{border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:5px}.catListing1ColBodyImg{float:left;padding-right:5px}.catListing1ColBodyName{margin-left:200px}.catListing1ColBody{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px}.catListing2Col .subcolumns{text-align:center;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.catListing2Col .subcl,.catListing2Col .subcr{padding:0}.catListing3Col .subcolumns{text-align:center;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.catListing3Col .subcl,.catListing3Col .subc,.catListing3Col .subcr{padding:0}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Navigation for product categories 
* (de) Navigation für die Produktkategorien
*
* @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 
*/

@media all
{.catListBody ul li a {
	width: 95%;
	padding: 2px 0px 2px 5%;
	color: #727879;
	border-bottom: 1px #eee solid;
}

/* ### 2.Ebene ### */
.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
	width: 90%;
	padding: 2px 0px 2px 10%;
	color: #727879;
}

/* ### 3.Ebene ### */
.catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a {
	width: 85%;
	padding: 2px 0px 2px 15%;
	color: #727879;
}

/* ### 4.Ebene ### */
.catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a {
	width: 80%;
	padding: 2px 0px 2px 20%;
	color: #727879;
}

/* ### 5.Ebende ### */
.catListBody ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 75%;
	padding: 2px 0px 2px 25%;
	color: #727879;
}

/* ### 6.Ebende ### */
.catListBody ul li ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 70%;
	padding: 1px 0px 1px 30%;
	color: #727879;
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
  color: #000;
}

/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */

/* ### 1.Ebene ### */
.catListBody li a:hover {
	color: #0C2C5F;
	font-weight: bold
	text-decoration: none;
	font-weight: bold;
}

/* ### 2.Ebene ### */
.catListBody li li a:hover , .catListBody li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 3.Ebene ### */
.catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 4.Ebene ### */
.catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 5.Ebende ### */
.catListBody li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 6.Ebende ### */
.catListBody li li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */

.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a{
   font-weight: bold;
	color: #0C2C5F;
}
.catListBody li.activeCat li a,
.catListBody li.activeCat li.activeCat li a
{
	font-weight: normal;
	background: none;
}
.catListBody li.activeCat a{
	color: #727879;
}
.catListBody li.activeCat li.activeCat a{
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ico_arrow.png) no-repeat left;	
}
.catListBody li.activeCat li.activeCat li.activeCat a{
	background: url(https://www.spielkartenwelt.de/templates/spkw12/img/ico_arrow.png) no-repeat left;
	background-position: 10px center;
}

}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) modules
* (de) Module
*
* @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   
*/

@media all
{#col3_content .orderDetailsTab .quantity input {
	width: 25px ;
}

thead.orderDetailsTab td  {
	background-color:#CCCCCC;
}

/* ### productNavigator ############################################################################################## */

.productNavigator {
	background-color:#EDEDED;
	padding:8px;
	border:#9F9F9F 1px solid;
	font-size:0.75em;
	margin-bottom:3px;
}

/* ### processCheckout: Bestellverlauf ########################################################################### */

.processCheckoutGreen {
	background-color:#D5FFBF;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

.processCheckoutRed {
	background-color:#FFDDDD;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

.processCheckoutYellow {
	background-color:#FFFF91;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

/* ### advanced_search #################################################################################################### */

#advanced_search input[type="text"] {
	width:40% !important;
	margin-right:4px;
}

#advanced_search label {
	width: 18em;
}

/* ### error_message ####################################################################################################### */
table#errorSearch {
  width:400px;
}
/* ### Auswahl für Anrede in diversen Eingabeformularen ################################################################################################ */

#checkout_address input[type="radio"] , #addressbook input[type="radio"] ,#create_account input[type="radio"]  {
	float:none;
	margin-left:5px;
	margin-right:10px;
}

/*  ### Bearbeiten-Link im CheckoutConfirmation  ### */
a.checkoutLink {
	color:#009933;
	font-style:italic;
}
/*  ### Tabelle CheckoutConfirmation  ### */
.checkoutConfirmation table{
	border:#9F9F9F 1px solid;
	margin-left:1px;
	width:100%;
}



/* ### Warenkorb total ### */

.orderDetailsTable {
/*  border-left:1px solid #9F9F9F;
  border-right:1px solid #9F9F9F;
  border-top:1px solid #9F9F9F; */
}

.orderDetailsTable td , .orderDetailsTable tfoot td , .orderDetailsTable thead th{ 
  margin: 0; 
  border: 0; 
  padding: 5px 10px; 
  color: #333; 
  border-bottom:1px dotted #9F9F9F;
}

.orderDetailsTable thead th {
  color:#000;
  background:#CFCFCF;
} 

.orderDetailsTable tfoot td {
  color:#000;
  background:#CFCFCF;
} 


.orderDetailsTable td.subTotal { 
  text-align: right; 
}

/* ### Hintergrundfarbe Warenkorb Zeilen ### */
tbody tr.prodRow1   {
  background:#fff;
}

tbody tr.prodRow2   {
  background:#EFEFEF;
}

.productAttributes tbody tr.attribute {
  background:transparent;
}

.orderDetailsTable tbody td.singlePrice, tbody td.totalPrice { font-size:11px; vertical-align: top; }
.orderDetailsTable tbody td.delete { padding:0; vertical-align:middle; line-height:20px; }
.orderDetailsTable tbody td.delete input { margin-left:35px; }

#col3_content .quantity input[type="text"] {
  width:35px;
  margin:0;
  padding:0;
}


/* ### Inhalt: Tabelle für Adressauswahl checkout_shipping_address.html und checkout_payment_address.html ### */
.adressBlockContainer td {
	border-left: 1px dotted #fff; padding: 3px;
}

.adressBlockContainer  tbody td,.adressBlockContainer th {
	border: 0px ; vertical-align: top; padding: 0px;
}

/* #################################################################################################### */
/* ### Layoutelement Container ######################################################################## */
/* #################################################################################################### */

.container , .moduleRow { 
  margin-bottom: 10px; 
  padding: 5px; 
  background: #f1f1f1;
	border-color: #3C3C3C;
	border-style: solid;
	border-width: 1px;
}
  
.container2 { 
  margin-bottom: 10px; 
  padding: 5px; 
  background: #fff;
	border-color: #3C3C3C;
	border-style: solid;
	border-width: 1px;
}


.moduleRowOver {
	background-color: #CCCCCC;
	border: 1px solid;
	border-color: #000000;
  margin-bottom: 10px; 
  padding: 5px; 

	}
.moduleRowSelected {
	background-color: #CCCCCC;
	margin: 0;
	padding: 5px;
}

#col3_content h1.containerHead  {
  padding:1px 3px 1px 6px;
  background:#3C3C3C;
  color:#fff;
}
#col3_content h1.containerHead a{
  color:#fff;
}

/* SITEMAP */
.sitemapwrap {
}
.sitemapwrap .sitemapleft {
	background-color:#f8f8f8;
	border: #ccc 1px solid;
	display:table;
	float:left;
	width:235px;
	margin-bottom:15px;
}
.sitemapwrap .sitemapright {
	background-color:#f8f8f8;
	border: #ccc 1px solid;
	display:table;
	float:right;
	width:235px;
	margin-bottom:15px;
}
.sitemapheader {
	padding:3px;
	background-color:#ccc;
	color:#fff;
	font-weight:bold;
}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
	color:#fff;
	text-decoration:none;
	outline: none;
}
.sitemapcontent {
	padding:6px;
}
.sitemapcontent li {
	list-style-type:none;
}



}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en)  CSS for product informations
* (de)  CSS für die Produktinformationsseiten
*
* @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
*/

@media all
{.productInfo1  {
	color: #444;
}

/* ### Bilder ###*/
.productInfo1 img.imgLeft  {
	padding: 15px;
}



#col3_content .productInfo1 input[type=text] {
	width: 28px;
	float:none;
	height: 28px;
}

.productInfo1 .addCart {
  font-size: 14px;
  font-weight: bold;
  text-align:left;
  line-height: 14px;
  color: #727879;
  border-bottom: 1px dotted #D3D3D3;
  padding: 8px 0 8px 0;
}

.prodInfo1Spacer {
	margin-bottom: 15px;
}
.prodInfo1Spacer h2 {
	font-size:0.9em;

}
.desc {
	margin:10px 0 10px 0;
}

#col3_content h1.productInfo1Name  {
  /*background:#3C3C3C;*/
  color: #183566;
  font-size: 14px;
}
#col3_content h1.productInfo1Name a{
  color:#fff;
}

#col3_content h2.productInfo1Name  {
  color: #183566;
  font-size: 12px;
  margin-bottom: 20px;
  border: none;
}

.productInfo1 {
	border-top: 1px solid #E5E5E5;
   border-bottom: 1px solid #E5E5E5;	
}

/* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */
.productInfo1 img.imgLeft {

}

.firstpic {
	height: 230px;
}

.morepics img {
   height:55px;
	padding: 5px;
	background: #fff;
	border:1px solid #EDEDED;
	float: left;
	margin-right: 5px
}

.tabbedBody .morepics img {
	padding: 5px;
	background: #fff;
	border:1px solid #9A9999;
}

.prodPriceInfo1 {
  text-align:left;
  color: #A70E12;
  font-size: 20px;
  font-weight:bold;
  text-shadow: 3px 3px 3px #929292;  
}

.prodTaxShipInfo1 {
  font-size:11px;
  text-align:left;
  line-height: 14px;
  color: #727879;
  border-bottom: 1px dotted #D3D3D3;
  padding: 8px 0 8px 0;
}

.prodTaxShipInfo1 a { color: #727879;  text-decoration: underline;  }

.prodShipInfo1 {
  font-size:11px;
  text-align:left;
  line-height: 14px;
  color: #727879;
  border-bottom: 1px dotted #D3D3D3;
  padding: 8px 0 8px 0;
}

.prodInfo1 {
  font-size: 11px;
  text-align: left;
  line-height: 18px;
  color: #727879;
  padding: 8px 0 8px 0;
}

.productInfo1 .basicData {
   float: right;
	line-height:1.5em;
	text-align:right;
	width: 197px;
	background-color: #F4F4F4;
	border-left: 1px dotted #D3D3D3;
	padding: 10px;
	text-align: left;
}

#tabbedProductInfo{
	margin-top: 35px;
}


/* ################################################################################################################### */
/* ### productInfo X ################################################################################################## */
/* ################################################################################################################### */

}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) product listing
* (de) Produktauflistung
*
* @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   
*/

@media all
{#col3_content h1.productListing1ColHead  {
  padding:1px 3px 1px 0px;
  border-top: 0px  solid #ccc;
  border-left: 0px  solid #ccc;
  border-right: 0px  solid #ccc;
  font-weight: bold;
  font-size:1.2em;
}
#col3_content h1.productListing1ColHead a{
  
}

.productListing1ColBody {
  
  border-bottom:1px solid #9F9F9F;
  font-size:0.9em;
  margin-bottom:15px;
  padding-bottom:15px;
}

.productListing1ColBodyImg {
float:left;
padding-right:3px;
}

/* define distance for thumbnails , default: 130 for 120px width thumbnails*/
.productListing1ColBodyTxt {
  margin-left:150px; /* */
}


.productListing1ColDesc {
  /* show or hide short description */
  /* display:none; */
  font-size: 11px;
}

/* price */
.productListing1ColPriceInfo {
  text-align: right;
  color: #A70E12;
  font-size: 14px;
  font-weight:bold;
  text-shadow: 3px 3px 3px #929292;
}

/* TaxInfo */
.productListing1ColTaxInfo {
  font-size:11px;
  text-align:left;
  font-weight: normal;
  line-height: 14px;
  color: #727879;
  padding: 10px 0 10px 0;
  text-shadow: none;
  filter: none;
}

/* ShippingInfo */
.productListing1ColShiptime {
  font-size:0.9em;
  text-align:right;
  margin-top: 5px;
  /* show or hide shipping time */
  /* display:none; */
}

/* Buttons */
.productListing1ColButtons {
  padding-top:3px;
  text-align: right;
  /* display:none; */
}

/* show or hide display view-Button*/
.productListing1ColViewButton {
  /* display:none; */
}

/* show or hide display buy-Button*/
.productListing1ColBuyButton {
  /* display:none; */
}

.productListing1ColBuyButton img{
	margin-right: -7px;
}
/* ################################################################################################################## */
/* ### productListing2col ########################################################################################### */
/* ################################################################################################################## */


.containerProdListing2col .subcolumns {
	text-align:center;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	
	font-size:11px;
}
.productListing3colBuyNow {
	margin-top:5px;
}

.containerProdListing2col h1 {
	background:transparent;
	color:#000;
	font-size:1.2em;
}
.containerProdListing2col h1 a{
	color:#000;

}


.containerProdListing2col .subcl, .containerProdListing2col .subcr {
padding:2px;
}

/* Abstand zwischen Beschreibung+Bild und Button für Detailseite */
.ProdListing2colSpacer {
	height:21em;
}
.ProdListing2colBorder {
  border:1px solid #CCCCCC;
  padding:4px;
} 

.ProdListing2colBorderOver {
  border:1px solid #000;
  padding:4px;
}

.containerProdListing2col img.imgCenter {
  padding:4px;
  border:1px solid #CCCCCC;
  background:#fff;
}
.prodPriceInfo2col {
  font-size:1.1em;
  font-weight:bold;
}

.prodShiptime2col {
  font-size:1.0em;
  font-weight:bold;
}

.prodTaxShipInfo2col {
  font-size:0.9em;
}

/* ################################################################################################################## */
/* ### productListing3col ########################################################################################### */
/* ################################################################################################################## */


.containerProdListing3col .subcolumns {
	text-align:center;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	
	font-size:11px;
}
.productListing3colBuyNow {
	margin-top:5px;
}

.containerProdListing3col h1 {
	background:transparent;
	color:#000;
	font-size:12px;
}

.ProdHeader{
	height: 35px;	
}

.containerProdListing3col h1 a{
	color:#000;
}

.containerProdListing3col .subcl, .containerProdListing3col .subc, .containerProdListing3col .subcr {
padding:2px;
}

.c33l{
	border-right:1px dotted #E5E5E5;
}

/* Abstand zwischen Beschreibung+Bild und Button für Detailseite */
.ProdListing3colSpacer {
	height:22em;
	font-weight: normal;
}
.ProdListing3colBorder {
  padding:4px;
}

.ProdListing3colBorderOver {
  border:1px solid #000;
  padding:4px;
}

.containerProdListing3col img.imgCenter {
  padding:4px;
  background:#fff;
}
.prodPriceInfo3col {
  text-align:left;
  color: #A70E12;
  font-size: 16px;
  font-weight:bold;
  text-shadow: 3px 3px 3px #929292;
}

.prodShiptime3col {
  font-size:11px;
  color: #727879;
  font-weight: normal;
  padding-top: 5px;
  text-align: left;
}

.prodTaxShipInfo3col {
  font-size:11px;
  color: #727879;
  font-weight: normal;
  text-shadow: none;
  filter: none;
  margin-top: 5px;
}

.prodTaxShipInfo3col a{ 
	color: #727879;  text-decoration: underline;	
}

.prodImage{
	height: 100px;
}

}@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Productoptions
* (de) Produktoptionen
*
* @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   
*/

@media all
{.prodOptionsDrop {
	font-size:0.9em;
	padding:3px;
	background-color: #E6E6E6;
}

.prodOptionsDropName {
/*	float:left; */
	width:100%;

}
.prodOptionsDropSel{
/*	margin-left:48%; */
}

/* ### prodOptionsSelection ################################################################################################## */
.options{
	font-weight: normal;
	font-size: 11px;
}
.optionSelection {
  border:1px solid #9F9F9F;
  margin-bottom:10px;
}

.optionSelectionHead {
  padding:3px 3px 3px 6px;
  background:#9F9F9F;
  color:#fff;
}

.optionSelectionBody {
   padding:3px 3px 3px 6px;
   background:#F1F1F1;
}

}.hlist{width:100%;overflow:hidden;float:left;display:inline;position:relative;line-height:0;font:12px Verdana,Geneva,Arial,Helvetica,sans-serif}.hlist ul{margin:0;padding:0;display:inline;float:left}.hlist ul li{border-right:1px #dfe1e4 solid;display:inline;float:left;font-size:1em;line-height:25px;list-style-type:none;margin:0;padding:0;height:41px}.hlist ul li#fb{border:none}.hlist ul li a,.hlist ul li strong{background:transparent;color:#000;display:block;font-size:1em;font-weight:normal;margin:0;padding:.5em .8em .5em .8em;text-decoration:none;width:auto;text-shadow:#fff 1px 1px 1px}.hlist ul li#fb a{padding:0;margin-left:145px}.hlist ul li a:focus,.hlist ul li a:hover,.hlist ul li a:active{background:#eee;color:#900;text-decoration:none;outline:0 none}.hlist ul li.activeCat{height:45px;background:#e7e7e7;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#e7e7e7 0%,#fffffb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e7e7e7),color-stop(100%,#fffffb));background:-webkit-linear-gradient(top,#e7e7e7 0%,#fffffb 100%);background:-o-linear-gradient(top,#e7e7e7 0%,#fffffb 100%);background:-ms-linear-gradient(top,#e7e7e7 0%,#fffffb 100%);background:linear-gradient(top,#e7e7e7 0%,#fffffb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#fffffb',GradientType=0 )}.hlist ul li.activeCat strong,.hlist ul li.activeCat a,.hlist ul li.activeCat a:focus,.hlist ul li.activeCat a:hover,.hlist ul li.activeCat a:active{background:transparent;color:#900;text-decoration:none}@media print{body,.page_margins,.page,#main{margin:0;padding:0;border:0}.page_margins,.page{width:100%!important;min-width:inherit;max-width:none}#header{height:auto}#footer{display:none}#topnav{display:none}#nav{display:none}#search{display:none}.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;float:none;overflow:visible;display:table}.subc,.subcl,.subcr{margin:0;padding:0}body *{font-family:"Times New Roman",Times,serif}code,pre{font-family:"Courier New",Courier,mono}body{font-size:12pt}h1,h2,h3,h4,h5,h6{page-break-after:avoid}abbr[title]:after,acronym[title]:after{content:'(' attr(title) ')'}.page a[href^="http:"],.page a[href^="https:"]{padding-left:0;background-image:none}#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:bold;font-size:1.5em}.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}#col1{display:none}#col2{display:none}#col3,col3_content{width:100%;margin:0;padding:0;border:0}}