@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Wuerth"
 * (de) Horizontale Navigationsliste "Wuerth"
 *
 * @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 all {
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	background-color:#dedede;
  }

  .hlist ul {
    margin:0 -1px 0 0;
    padding:0 0 0 1px;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
	overflow:hidden;
  }

  * html .hlist ul {margin-bottom:-1px;margin-left:-1px}

  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    list-style-type:none;
    line-height:16px;
    margin:0;
    padding:0;
  }

  .hlist ul li a,
  .hlist ul li a:visited,
  .hlist ul li a:focus,
  .hlist ul li strong {
    color:#000;
    display:block;
    font-weight:bold;
    margin:0;
	padding:5px 13px 8px 13px;
    text-decoration:none;
    width:auto;
	float:left;
	background-color:#dedede;
	border-bottom:1px solid #fff;
  }

  .hlist ul li a:hover,
  .hlist ul li a:active  {
    color:#fff;
    text-decoration:none;
	background-color:#959595;
	padding:5px 12px 9px 13px;
	margin-left:-1px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:0;
	font-weight:bold;
  }

  * html .hlist ul li a:hover,
  * html .hlist ul li a:focus,
  * html .hlist ul li a:active {
	border-left:2px solid #fff;
	padding:5px 12px 9px 12px;
	font-weight:bold;
  }

  .hlist li a.active,
  .hlist li a.active:active,
  .hlist li a.active:focus,
  .hlist li a.active:visited,
  .hlist li a.active:hover {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #959595;
	border-right:2px solid #fff;
	border-left:1px solid #fff;
	margin:0 -1px 0 -1px;
    color:#fff;
	border-bottom:0;
	padding:5px 12px 9px 13px;
	font-weight:bold;
  }

  .hlist ul li a.active strong,
  .hlist ul li a.active:focus,
  .hlist ul li a.active:hover,
  .hlist ul li a.active:active {
    color:#fff;
    text-decoration:none;
	border-bottom:0;
    font-weight:bold;
  }

  * html .hlist li a.active,
  * html .hlist li a.active:active,
  * html .hlist li a.active:focus,
  * html .hlist li a.active:visited,
  * html .hlist li a.active:hover {
	margin-bottom:0;
	border-left:2px solid #fff;
	padding:5px 12px 9px 12px;
	font-weight:bold;
  }


/* new subnavi */
/* general */
	#col1_content ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
	}

	#subnav {
		z-index: 1;
	}

	#subnav a {
		font-size: 10pt;
		color: #000;
		padding: 4px 10px 5px 0;
		display: block;
		zoom: 1;
		line-height: 18px;
		font-weight: bold;
    position: relative;
	}

	#subnav a:hover  {
		color: #c00;
	}

	#subnav a:visited {
		color: #000;
	}

	#subnav li {
		margin: 0;
	}


/* general */
/* 1st Level */
	#subnav li a {
		padding-left: 26px;
		font-weight: bold;
		color: #000000;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
	}

	#subnav  li a {
		padding: 8px 16px 8px 26px;
	}

	#subnav li:last-child a {
		border-bottom: none;
	}

	#subnav a.active {
		padding-left: 26px;
		background-color: #ececec;
		color: #000000;
	}




	#subnav a.activelst {
		padding-left: 26px;
		background-color: #cdcdcd;
		color: #000000;
	}

	#subnav a.active:visited {
		color: #000000;
	}

	#subnav a .icon {
		background-position: -451px -808px;
		width: 7px;
		height: 12px;
		display: block;
		position: absolute;
		top: 7px;
		left: 9px;
	}

	#subnav  li a .icon {
		top: 11px;
	}


	#subnav a.active .icon {
		background-position: -419px -808px;
	}

/* 1st Level */

/* 2nd Level */
	#subnav li ul {
		border: none;
	}

	#subnav li ul li a{
		font-weight: normal;
		padding-left: 26px;
	}

	#subnav li ul li:hover > a {
		color: #cc0000;
	}

	#subnav li ul li a:last-child {
		border-bottom: 1px solid #cdcdcd;
	}

	#subnav li ul li a .icon {
		background-position: -430px -810px;
		width: 7px;
		height: 7px;
		display: block;
		position: absolute;
		top: 13px;
		right: 0px;
		left: auto;
	}

	#subnav li ul li a.active  {
		background-color: #fff;
		padding-left: 26px;
		color: #000000;
		font-weight: bold;
	}

	#subnav li ul li a.active  .icon {
		display: none;
	}


	#subnav a.activelst {
		padding-left: 22px;
		background-color: #cdcdcd;
		color: #000000;
	}


	#subnav li ul li a.active.current.hasSub {
		background-color: #fff;
		color: #000000;
		font-weight: bold;
		border-bottom: 1px solid #cdcdcd;
	}

	#subnav li ul li a.active.current.hasSub .icon {
		display: none;
	}


	#subnav li ul li a.active .icon,
	#subnav li ul li a.activelst .icon {
		background-position: -430px -810px;
	}

	#subnav li ul li a.active.down  {
		background-color: #ececec;
		padding-left: 26px;
		color: #000000;
		font-weight: bold;
		border-bottom: 1px solid #cdcdcd;
	}

	#subnav a.active.down .icon {
		background-position: -419px -808px;
		display: block;
		height: 12px;
		left: 8px;
		right: auto;
		position: absolute;
		top: 7px;
		width: 7px;
	}

	#subnav > li a.active.down .icon {
		top: 11px;
	}

	#subnav li ul li a.active.down .icon {
		top: 11px;
	}




/* 2nd Level */

/* shop-navi with icons */
#subnav li {
	position: relative;
}

#subnav .icon.percent {
  background-position: -19px -477px;
  width: 16px;
  height: 16px;
}

#subnav  .icon.cyid05 {
	background-position: 0 -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav .icon.cyid07 {
 	background-position: -37px -477px;
  width: 13px;
  height: 16px;
  top: 7px;
  left: 0px;
  position: absolute;
}

#subnav  .icon.cyid10 {
	background-position: -21px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid15 {
	background-position: -42px -806px !important;
	width: 18px;
	height: 17px;
	top: 8px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid20 {
	background-position: -63px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid21 {
	background-position: -343px -806px !important;
	width: 17px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid22 {
	background-position: -311px -806px !important;
	width: 18px;
	height: 17px;
	top: 8px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid25 {
	background-position: -98px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid30 {
	background-position: -114px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid35 {
	background-position: -360px -806px !important;
	width: 17px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid40 {
	background-position: -83px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 2px;
	position: absolute;
}

#subnav  .icon.cyid45 {
	background-position: -130px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 2px;
	position: absolute;
}

#subnav  .icon.cyid50 {
	background-position: -259px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid55 {
	background-position: -147px -806px !important;
	width: 17px;
	height: 17px;
	top: 7px;
	left: 1px;
	position: absolute;
}

#subnav  .icon.cyid56 {
	background-position: -164px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid60 {
	background-position: -182px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid61 {
	background-position: -296px -806px !important;
	width: 15px;
	height: 17px;
	top: 7px;
	left: 2px;
	position: absolute;
}

#subnav  .icon.cyid65 {
	background-position: -202px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav .icon.cyid67 {
 	background-position: -106px -788px;
 	width: 15px;
 	height: 16px;
  top: 7px;
  left: 0px;
  position: absolute;
}


#subnav  .icon.cyid70 {
	background-position: -239px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid75 {
	background-position: -279px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid80 {
	background-position: -328px -806px !important;
	width: 17px;
	height: 17px;
	top: 7px;
	left: 1px;
	position: absolute;
}

#subnav  .icon.cyid85 {
	background-position: -220px -806px !important;
	width: 18px;
	height: 17px;
	top: 7px;
	left: 0px;
	position: absolute;
}

#subnav  .icon.cyid95 {
	background-position: -381px -806px !important;
	width: 17px;
	height: 17px;
	top: 7px;
	left: 1px;
	position: absolute;
}

/* new subnavi */




/* subnavigation */
/*Wrth: -- left navigation | linke Navigation*/
	/*#col1_content ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#subnav {
		z-index: 1;
	}

	#subnav a {
		font-size: 10pt;
		color: #000;
		padding: 4px 10px 5px 0;
		display: block;
		zoom: 1;
		line-height: 16px;
	}

	#subnav a:visited {
		color: #000;
	}

	#subnav li {
		margin: 0;
	}*/

/* 1st level*/
	/*#subnav a {
		padding-left: 19px;
		font-weight: bold;
		color: #000000;

		position: relative;
	}

	#subnav a.active {
		padding-left: 19px;
		background-color: #fff;
		color: #000000;
		text-decoration: underline;
	}


	#subnav a.activelst {
		padding-left: 19px;
		background-color: #ffffff;
		color: #000000;
	}

	#subnav a.active:visited {
		color: #000000;
	}

	#subnav a .icon {
		background-position: 0 -402px;
		width: 7px;
		height: 7px;
		display: block;
		position: absolute;
		top: 8px;
		left: 5px;
	}

	#subnav a.down .icon {
		background-position: 0 -411px;
		top: 10px;
		left: 5px;
	}*/


/* /1st level*/

/* 2nd level*/
	/*#subnav ul a {
		padding-top:4px;
		margin-left:17px;
	}

	#subnav ul a:visited,
	#subnav ul a {
		padding-left: 19px;
		font-weight: normal;
		color: #000000;
		background-color: #ffffff;
		background-image: none;
	}

	#subnav ul a:visited .icon,
	#subnav ul a .icon {
		background-image: none;
	}

	#subnav ul a.active {
		text-decoration: underline;
		color: #605d5c;
	}

	#subnav ul a.active:visited {
		background-color: #ffffff;
		border-top: 0;
		color: #605d5c;
	}

	#subnav ul a.activelst {
		background-color: #ffffff;
		color: #000000;
	}

	#subnav ul a:hover {
		text-decoration: underline;
	}*/


/* /2nd level*/

/* 3rd level*/
	/*#subnav ul ul {
		margin-top:0;
		margin-left:4px;
	}

	#subnav ul ul a:visited,
	#subnav ul ul a {
		padding-left:32px;
		background:#fff;
	}

	#subnav ul ul a:visited .icon,
	#subnav ul ul a .icon {
		background-image: none;
	}

	#subnav ul ul a.current .icon {
		left: 17px;
		top: 9px;
	}

	#subnav ul ul a.active:visited,
	#subnav ul ul a.active,
	#subnav ul ul a.activelst {
		padding-left:32px;
		background:#fff url(../../images/subnav_down.png) 13px 6px no-repeat;
		color:#605d5c;

	}	*/
/* /3rd level*/

/* 4th level*/
	/*#subnav ul ul ul a:visited,
	#subnav ul ul ul a:hover,
	#subnav ul ul ul a {
		padding-left: 43px;
		text-decoration: none;
	}

	#subnav ul ul ul a.active {
		padding-left: 43px;
		background: #fff url(../../images/subnav_down.png) 26px 6px no-repeat;
		color: #605d5c;
	}

	#subnav ul ul ul a.active:visited,
	#subnav ul ul ul a.activelst {
		padding-left: 43px;
		color: #605d5c;
	}

	#subnav ul ul ul a:hover {
		padding-left: 43px;
		color: #000000;
		text-decoration: underline;
	}*/
/* /4th level*/

/* 5th level*/
	/*#subnav ul ul ul ul {
		margin-top:0;
		margin-left:1px;
	}

	#subnav ul ul ul ul a:visited,
	#subnav ul ul ul ul a {
		padding-left:56px;
		color:#000;
		text-decoration:none;
	}

	#subnav ul ul ul ul a:hover {
		padding-left:56px;
		color:#000;
		text-decoration:underline;
	}

	#subnav ul ul ul ul a.active:visited,
	#subnav ul ul ul ul a.active,
	#subnav ul ul ul ul a.activelst {
		padding-left:56px;
		background:#fff url(../../images/subnav_down.png) 39px 6px no-repeat;
		color:#605d5c;
	}*/
/* /5th level*/

/* 6th level*/
	/*#subnav ul ul ul ul ul {
		margin-top:0;
	}

	#subnav ul ul ul ul ul a:visited,
	#subnav ul ul ul ul ul a {
		padding-left: 69px;
		color: #000;
		text-decoration: none;
	}

	#subnav ul ul ul ul ul a:hover {
		padding-left:69px;
		color:#000;
		text-decoration:underline;
	}

	#subnav ul ul ul ul ul a.active:visited,
	#subnav ul ul ul ul ul a.active,
	#subnav ul ul ul ul ul a.activelst {
		padding-left: 69px;
		background: #fff url(../../images/subnav_down.png) 52px 6px no-repeat;
		color: #605d5c;
	}*/
/* /6th level*/

/* /subnavigation */
	#backLink {
		display: inline-block;
		float: left;
		font-size: 11px;
		line-height: 14px;
		padding-right: 10px;
		margin-right: 10px;
		border-right: solid 1px #959595;
	}
/* breadcrumb navigation */
	#breadcrumb {
		color:#c00;
		font-size:11px;
		/*margin:-3px 0 -3px -1px;*/
		padding:0 0 0 1px;
		line-height:14px;
		overflow:hidden;
		max-height:14px;
	}

	#breadcrumb a {
		color:#c00
	}

	#breadcrumb span {
		padding: 0 5px 0 9px;
		display: inline-block;
		position: relative;
	}

	#breadcrumb > span:first-child {
		padding-left: 0px;
	}

	#breadcrumb span span.seperator {
		background-position: -430px -810px;
		display: inline-block;
		height: 7px;
		width: 7px;
		position: absolute;
		padding: 0;
		top: 4px;
		left: 0px;
	}

	#breadcrumb span:last-child {
		border-right: none;
	}

	#breadcrumb span a span {
		margin: 0;
		padding: 0;
		border: none;
	}


/* /breadcrumb navigation */

/* breadcrumb navigation with correct rich-snippets*/
	#breadcrumb.breadcrumb {
		color:#c00;
		font-size:11px;
		/*margin:-3px 0 -3px -1px;*/
		padding:0 0 0 1px;
		line-height:14px;
		overflow:hidden;
		max-height:14px;
	}

	#breadcrumb a {
		color:#c00
	}

	#breadcrumb.breadcrumb .item {
		padding: 0 5px 0 9px;
		display: inline-block;
		position: relative;
	}

	#breadcrumb.breadcrumb .item:first-child {
		padding-left: 0px;
	}

	#breadcrumb.breadcrumb span.seperator {
		background-position: -430px -810px;
		display: inline-block;
		height: 7px;
		width: 7px;
		position: absolute;
		padding: 0;
		top: 4px;
		left: 0px;
	}

	#breadcrumb.breadcrumb .item:last-child {
		border-right: none;
	}

	#breadcrumb .item a span {
		margin: 0;
		padding: 0;
		border: none;
	}


/* /breadcrumb navigation */

}

@media screen and (max-device-width: 480px) {
	#breadcrumb {
		max-height: 20px;
	}
}

/*Chrome + Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#breadcrumb {position:relative;left:-1px;}
}

/*Opera 12+*/
x:-o-prefocus, #search input.searchfield {
	padding-left:6px;
	width:158px;
}

/*Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	#search input.searchfield {
		padding-left:6px;
		width:158px;
	}
}
