@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.3.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);

/* lightbox einbinden */

  @import url(css/screen/jquery.lightbox-0.3.css);

/* Menue */

/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/
li {padding: 0;margin:0;}
body {font: normal 0.86em verdana;}

/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}
/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#CatNavi, #CatNavi ul {

list-style: none;
line-height: 1;
background: #D6B651;
font-weight: bold;
padding: 0;
margin: 1em 0 1em 0;
z-index:20;
}

#CatNavi a {
display: block;
color: #000000;
text-decoration: none;
padding: 0.25em 2em;
}


#CatNavi li {
			float: left;
padding: 0;
}

#CatNavi li ul {
			position: absolute;
			left: -999em;
		width: 13.9em;
height: auto;
font-weight: normal;
border-width: 0.25em;
margin: 0;
z-index:20;
}

#CatNavi li li {
		width: 13.9em
}

#CatNavi li ul ul {
		margin: -1.75em 0 0 14em;
}

#CatNavi li:hover ul ul, #CatNavi li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#CatNavi li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
			left: auto;
}
#CatNavi li li:hover ul, #CatNavi li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
#nav3 #CatNavi li.over,#CatNavi li:hover {
  /*background: #E3D5A4;*/
  text-decoration:underline;
}

#nav3 #CatNavi li.Current {
  /*background: #E3D5A4;*/
  text-decoration:underline;
}

#nav3 #CatNavi li.CurrentParent {
  text-decoration:underline;
}

#nav3 ul {
z-index:20;
}

#nav {
z-index:20;
margin-left: 100px;
}
#nav_main {
z-index:20;
}
.firstex,.secondex,.thirdex {
	width: 470px;
	border: 4px solid #eda;
	padding: 10px;
	margin: 10px 5px;
}
.thirdex{
	position: absolute;
	top:0;
	left:520px;
}


#col1 {
display:none;
}

#col2 {
display:none;
}

box_content {
  color: #000000;
}

#footer a, #footer li{
  list-style-type: none;
  float:left;
  color: #000000;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  background: #D6B651;
}

#footer {
    height: 25px;
    font-size: 12px;
}

#footercontent {
    margin-left: 13px;;
    padding: 2px 2px 2px 100px;
    background: #D6B651;
    width: 810px;
    height: 21px;
}


#footercontent ul {
  	margin:0;
  	padding:0;
  }
  
#flaggen {
  padding-top: 3px;
  text-align:right;
  float: right;
  width: 82px;
}

#flaggen a{
  padding-left: 3px;
  padding-right:0px;
}
#box_cart{
  position: absolute;
  top: 0px;
  right: 20px;
  width: 200px;
  height: 140px;
  background: #F2EDDC;
  z-index: 200;
  color: #000000;
  filter:alpha(opacity=80);
  -moz-opacity:.8;
  overflow: auto;
}

#box_cartcontent {
  	padding: 2px 10px 5px 10px;
  	font-size: 12px;
}

#box_cartcontent h4 {
  	font-size: 14px;
    margin-bottom: 4px;
}

#box_cartcontent p {
  	font-size: 12px;
  	line-height: 14px;
  	margin: 0px;
}

#box_cartcontent .hrDiv {
    margin-top: 10px;
}

#warenkorb {
  position: absolute;
  right: 10px;
}

p.error {
  color: red;
}