@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/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);
#header {
  text-align:left;
  margin-top:1.5em;
  margin-bottom:1em;
}
#header img {
width:20.5em;
}

#tabs #impcon{
  float:right;
  font-size:0.8em;
  font-weight:bold;
  margin-top:1.9em;
}
#tabs dl {
  height:2em;
  padding:1em 0 0 0;
  list-style:none;
  margin: 0;
  background:#fff;
}
#tabs dl dt {
  display:none;
}
#tabs dl dd {
  float:left;
  padding:0 0.2em 0 0;
  margin:0;
}
#tabs dl dd a {
  display:block;
  text-decoration:none;
}
#tabs dl dd a,
#tabs dl dd a.active {
  display:block;
  float:left;
  height:1.65em;
  padding:0.3em 0.5em 0 0.5em;
  text-align:center;
  font-style:normal;
  -webkit-border-top-left-radius:0.5em;
  -moz-border-radius-topleft:0.5em;
  -webkit-border-top-right-radius:0.5em;
  -moz-border-radius-topright:0.5em;
}
#tabs dl dd a span {
  display:none;
}
#tabs dl dd a:hover,
#tabs dl dd a.active {
  cursor:pointer;
}
#tabs dl dd a:hover span {
  position:absolute;
  left:32em;
  top:5.3em;
  display:block;
}
#tabs p {
  height:6em;
  margin: 0;
  clear:both;
  -webkit-border-top-right-radius:1em;
  -moz-border-radius-topright:1em;
}
#tabs p img {
  width:30em;
  margin-top:1em;
  margin-left:0.5em;
}

#menu {
  position:absolute;
  left:0;
  padding: 0;
  z-index:300;
  -webkit-border-bottom-left-radius:0.5em;
  -moz-border-radius-bottomleft:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
  -moz-border-radius-bottomright:0.5em;
}
#menu dt {
  font-weight:bold;
  font-size:1.2em;
  height:1.3em;
}
#menu dl,
#menu dl a,
#menu dl a:visited {
  display:block;
  text-decoration:none;
  width:4em;
  padding:0 0.5em;
  text-align:center;
  margin:0;
  -webkit-border-bottom-left-radius:0.5em;
  -moz-border-radius-bottomleft:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
  -moz-border-radius-bottomright:0.5em;
}
#menu dl:hover dt,
#menu dl a:hover dt,
#menu dl dd {
  display:none;
  position:relative;
  top:0;
  left:0;
}
#menu dt,
#menu dl:hover dd,
#menu dl a:hover dd {
  display:block;
  margin:0;
  padding:0;
}
#menu dl:hover dd a,
#menu dl a:hover dd a {
  text-align:left;
  padding:0.5em;
  width:9.2em;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}

#subnav{
  height:1.7em;
  padding:0.25em 0 0 1em;
  font-weight:bold;
  font-size:0.8em;
  -webkit-border-bottom-right-radius:1em;
  -moz-border-radius-bottomright:1em;
  -webkit-border-bottom-left-radius:1em;
  -moz-border-radius-bottomleft:1em;
}
#subnav a{
  text-decoration:underline;
}
#subnav #usernav {
  position:relative;
  top:0;
margin-right: 1em;
float:right;
}
/* Farben */

#menu dl:hover dd a,
#menu dl a:hover dd a {
  background:#b8bfc5;
  color:#fff;
}
#tabs dl dd a,
#subnav,
#container,
.lexeven {
  background:#e0e0e0;
  color:#000;
}
.lexodd {
  background:#f0f0f0;
}
.lexeven a,
.lexodd a {
  text-decoration:none;
}

#tabs dl dd a:hover,
#tabs dl dd a.active,
#tabs p,
#menu,
#menu dl,
#menu dl a,
#menu dl a:visited,
#menu dl:hover dd a:hover,
#menu dl a:hover dd a:hover,
#footer {
  background:#0c3c72;
}

div.content,
div.half,
div.half2,
div.whole {
  background:#ececec;
}


#tabs dl dd a,
#menu dl a,
#menu dl a:visited,
div.content,
div.half,
div.half2,
div.whole,
div.artlinks,
div.artrefs {
  border:1px solid #0c3c72;
}
#menu dl:hover dd a.last,
#menu dl a:hover dd a.last {
  border-bottom:1px solid #0c3c72;
}

#tabs dl dd a:hover,
#tabs dl dd a.active {
  border-bottom-color: #0c3c72;
}

#tabs p {
  border-top:0;
}

#menu dl:hover dd a,
#menu dl a:hover dd a {
  border-bottom:0;
}

#selection,
dl.details dt {
  background:#0c3c72;
}

#tabs dl dd a:hover,
#tabs dl dd a.active,
#tabs dl dd a:hover span,
#tabs p,
#menu,
#menu dt,
#menu dl,
#menu dl a,
#menu dl a:visited,
#menu dl:hover dd a:hover,
#menu dl a:hover dd a:hover,
#footer,
#footer span,
#footer a,
#selection,
#selection a {
  color:#fff;
}