@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "2col_left_31"
 * (de) Zentrales Stylesheet - Beispiellayout "2col_left_31"
 *
 * @copyright       Copyright 2005-2007, 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.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
/** @import url(yaml/navigation/nav_shinybuttons.css); **/
@import url(screen/basemod.css);
/* @import url(screen/basemod_gfxborder.css); */
/* @import url(screen/basemod_2col_left_31.css); */
@import url(screen/basemod_grins.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print_100_draft.css);

/* general */
.c
{
	clear: both;
}

.box
{
  padding:15px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #EEEEEE;
}
/* cat */

/* prod */
.prod
{
  width: 100%;
}

.prod .txt
{
  float: left;
  width: 62%;
}

.prod .img
{
  float: right;
  width: 38%;
  text-align: right;
}

.prod .img img
{
  border: 1px solid #FDFDFD;
}

/* prod offers */
.of
{
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #FDFDFD;
}

.of .img
{
	float: left;
  width: 20%;
  /* border:1px solid #FF0000; */
}

.of .txt
{
	float: left;
  width: 50%;
  /* border:1px solid #FF0000; */
}

.of .dp
{
	float: right;
  width: 28%;
  /* border:1px solid #FF0000; */
}

.of .d
{
	float: left;
  width: 50%;
}

.of .p
{
	float: right;
  width: 50%;
}



div.cat_box {
	float: left;
	width: 24%;
	height: 250px;
	border: 1px solid #fff;
	padding: 0px;
	position: relative;
	overflow:hidden;
}
div.cat_box:hover {
	border: 1px solid #C5D7E6;
	background-image : url(../images/bg_content.png);
	background-repeat : repeat-x;
	background-position: 0px -1px;
	background-color : #FFF;
	cursor : pointer;
}
div.cat_box ul {
	clear : both;
	padding: 10px 10px 10px 10px;
	margin:0px;
	list-style:none;
}
div.cat_box ul li {
	display : inline;
	padding: 0px;
	margin: 0px;
}
div.cat_box ul li h2 {
	top : 0px;
	font-size: 1.4em;
}


/* dock */
#dock {
	position: relative; 
	overflow: hidden;
	width:690px;
	height: 100px; 
	text-align: left;
	vertical-align:bottom;
}
.dock-container {
	position: absolute;
	height: 100px;
	background: url(images/dock-bg.gif);
	padding-left: 0px;
}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item span {
	display: none;
	padding-left: 5px;
	white-space:nowrap;
}
.dock-item img {
	border: none; 
	margin: 0px 0px 10px 0px; 
	width: 100%; 
}