/* $Id: styles.css 136 2009-01-04 19:46:38Z agentur $ */



	/* ******************** */
	/* Layout ************* */
	/* ******************** */

	html {
		/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
		height: 100%;
		margin-bottom: 1px;
	}
	
	body {
		background: #eee;
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		font: normal 11px Lucida, "Lucida Grande", Arial, sans-serif;
	}
	
	#container {
		width: 990px;
		position: absolute;
		left: 50%;
		margin-left: -495px;
		margin-top: 60px;
		background: #fff;
		border: 1px solid #d58327;
	}
	
	#header {
		width: 945px;
		text-align: right;
		margin-top: 25px;
	}
	
	#main {
		position: relative;
		margin-top: 23px;
		height: 350px;
	}
	
	#mainnav {
		position: absolute;
	}
	
	#content {
		position: absolute;
		left: 181px;
		height: 350px;
		width: 809px; 
	}
	
	#list {
		position: absolute;
		left: 181px;
		top: 370px;
		width: 585px;
		height: 130px;
		white-space: nowrap;
		overflow:hidden;
	}
	
	#similar_products {
		position: absolute;
		left: 810px;
		top: 405px;
		width: 150px;
		height: 30px;
	}
	
	#list.overflow {
		overflow-x: scroll;
	}
	
	#list ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#list li {
		display: inline;
		width: 75px;
		height: 100px;
		margin: 0 0 0 0;
		margin: 0 2px;
		padding: 0 0 0 0;
		color: gray;
	}
	
	#list img {
		border: 1px solid white;
	}
	
	#footer {
		margin-top: 125px; 
		border: 1px solid #fff;/*ie*/
	}
	
	#category_title, #product_description_title {
		position: absolute;
		left: 586px;
		top: 0;
		width: 222px;
		height: 31px;
		background: url("../gfx-mano/mainnav-li-bg.gif") top left repeat-x;
	}
	
	#product_description_title {
		left: 270px;
	}
	
	#product_description, #category_description {
		position: absolute;
		left: 270px;
		top: 30px;
		width: 222px;
	}
	
	#category_description {
		left: 586px;
	}
	
	#search {
		position: absolute;
		top: 370px;
		left: 4px;
		color: gray;
	}
	
	#search form {
		color: gray;
	}
	
	
	
	/* ******************** */
	/* Typo et al. ******** */
	/* ******************** */
	
	#mainnav ul, #mainnav li {		
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#mainnav li, #similar_products_button li, #logo_editor_button li {
		font: normal 13px Lucida, "Lucida Grande", Arial, sans-serif;
		color: white;
		height: 31px;
		margin-bottom: 1px;
		line-height: 31px;
		/*background: gray url(../gfx/mainnav-li-bg.gif) top left repeat-x;*/
	}
	
	#mainnav li.top {
		background: url(../gfx-mano/mainnav-li-top-bg.gif) top left no-repeat;
	}
	#mainnav li.bottom {
		background: url(../gfx-mano/mainnav-li-bottom-bg.gif) top left no-repeat;
	}
	
	#mainnav li a {
		padding-left: 18px;
		color: white;
		text-decoration: none;
	}
	
	#mainnav li.act a, #mainnav li a:hover {
		background: url("../gfx/a-act-bg.gif") top left no-repeat;
	}
	
	/* ******************** */
	/* additional buttons * */
	/* ******************** */
		
	#similar_products_button {
		position: absolute;
		top: 390px;
		left: 652px;
	}
	
	#logo_editor_button {
		position: absolute;
		top: 422px;
		left: 652px;
	}
	
	#similar_products {
		position: absolute;
		left: 810px;
		top: 405px;
		width: 150px;
		height: 30px;
	}
	
	#similar_products_button ul, #similar_products_button li, #logo_editor_button ul, #logo_editor_button li {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;		
	}
	
	#similar_products_button ul, #logo_editor_button ul {
		width: 162px;
	}

	#similar_products_button li.top, #logo_editor_button li.top {
		background: url(../gfx-mano/product_detail_buttons-li-top-bg.gif) top left no-repeat;
		margin-bottom: 1px;
	}
	#similar_products_button li.bottom, #logo_editor_button li.bottom {
		background: url(../gfx-mano/product_detail_buttons-li-bottom-bg.gif) top left no-repeat;
	}
	
	#similar_products_button li, #logo_editor_button li {
		text-align: right;
	}

	#similar_products_button li a, #logo_editor_button li a {
		padding-right: 18px;
		color: white;
		text-decoration: none;
	}
	
	.listpanel a {
		outline: 0;
	}
	

	#category_title span, 
	#category_title a#category_title_link,
	#product_description_title #product_description_title_link, 
	#thumbs_title a#thumbs_title_link {
		font: normal 13px/32px Lucida, "Lucida Grande", Arial, sans-serif;
		color: white;
		margin: 0 0 0 0;
		margin-left: 4px;
		padding-left: 18px;
		text-decoration: none;
	}
	
	#category_title a#category_title_link {
		font: normal 13px/32px Lucida, "Lucida Grande", Arial, sans-serif;
		color: white;
		text-decoration: none;
	}
	#category_title a#category_title_link {
		background: url("../gfx/category-link-bg-act.gif") top left no-repeat;
	}
	
	#category_title a#category_title_link.act {
		background: url("../gfx/category-link-bg.gif") top left no-repeat;
	}
	
	#thumbs_title a#thumbs_title_link {
		background: url("../gfx/category-link-bg-act-inv.gif") top left no-repeat;
	}
	
	#thumbs_title a#thumbs_title_link.act {
		background: url("../gfx/category-link-bg.gif") top left no-repeat;
	}
	#product_description_title a#product_description_title_link {
		background: url("../gfx/category-link-bg-act.gif") top left no-repeat;
	}
	#product_description_title a#product_description_title_link.act {
		background: url("../gfx/category-link-bg.gif") top left no-repeat;
	}
	
	#product_description_title a#product_description_title_link {
		font: normal 13px/32px Lucida, "Lucida Grande", Arial, sans-serif;
		color: white;
		text-decoration: none;
	}
	#category_description_title a#category_description_title_link {
		background: url("../gfx/category-link-bg-act.gif") top left no-repeat;
	}
	
	#category_description {
		font: normal 11px Lucida, "Lucida Grande", Arial, sans-serif;
		color: black;
		background: url("../gfx/category-description-bg-trans.png") bottom left no-repeat;
	}
	
	#category_description div,
	#product_description div	{
		margin: 8px;
	}
	
	#category_description div p {
		margin: 0;
		margin-bottom: 2px;
	}
	
	#footer li, #search {
		font: normal 11px Lucida, "Lucida Grande", Arial, sans-serif;
		color: #737373;
	}
	
	#footer ul, #footer li {		
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#footer li {
		margin-top: 5px;
		float: left;
		padding-left: 24px;
	}
	
	#footer li a {
		color: #737373;
		text-decoration: none;
	}
	
	#footer ul {		
		text-align: right;
		float: right;
		position: relative;
		top: 18px;
	}
	
	#footer ul.homelink {
		width: 200px;
	}
	
	
	
	/* ******************** */
	/* search box ********* */
	/* ******************** */
	
	#search {
		font: bold 12px Arial, Lucida, "Lucida Grande", sans-serif;
		color: #fafafa;
	}
	
	#search label {
		margin-left: 2px;
	}
	
	input#q {
		padding:5px;
		background: #fff url(../gfx/searchBox.gif) top left no-repeat;
		border: none;
		padding-left: 18px;
		font: normal 11px Arial, Lucida, "Lucida Grande", sans-serif;
	}
	
	
	
	/* ******************** */
	/* product detail page  */
	/* ******************** */
	
	#product_image {
		position: relative; /* see below, stepcarousel needs relative */
		top: -350px; /* changed in ie.css */
		height: 321px;
		background: white;
	}
	
	#product_title {
		position: absolute;
		top: 320px;
		height: 30px;
		width: 270px;
		background: white;
		font: bold 12px/30px  Lucida, "Lucida Grande", Arial, sans-serif;
		text-align: center;
	}
	
	#product_title h1 {
		font: bold 12px/18px  Lucida, "Lucida Grande", Arial, sans-serif;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		padding-top: 0;
		color: #666;
	}
	
	#category_description_title {
		position: absolute;
		left: 270px;
		top: 0;
		width: 222px;
		height: 31px;
		background: url("../gfx-mano/mainnav-li-bg.gif") top left repeat-x;
	}
	
	#product_description {
		background: url("../gfx/product-description-bg-trans.png") bottom left no-repeat;
	}
	
	#product_thumbs {
		position: absolute;
		left: 586px;
		width: 222px;
		top: 268px;
		background: white;
	}
	
	#product_thumbs .thumbs_div {
		margin: 0 10px;
	}
	
	#thumbs_title {
		position: absolute;
		left: 586px;
		top: 319px;
		width: 222px;
		height: 31px;
		background: url("../gfx-mano/mainnav-li-bg.gif") top left repeat-x;
	}
	
	
	/* ******************** */
	/* edit price margin    */
	/* ******************** */
	
	form#tx-srfeuserregister-pi1-fe_users_form {
		margin-top: 12px;
	}
	
	
/*
	
	#footer li:before {
		content: "> ";
	}
	
	input#q {
		padding:5px;
		background: #a7a7a8 url(../gfx/searchBox.gif) top left no-repeat;
		border: none;
		padding-left: 24px;
		font: normal 11px Arial, Lucida, "Lucida Grande", sans-serif;
	}
	
	#footer ul#meta {		
		margin: 0 0 0 0;
		padding-top: 80px;
		width: 990px;
	}
	#footer ul#meta li {		
		float: right;
		padding-right: 0;
		padding-left: 24px;
		font: bold 11px Arial, Lucida, "Lucida Grande", sans-serif;
	}
	#footer ul#meta li:before {
		content: "";
	}
	
*/
	
	
	/* ******************** */
	/* superfish dropdown   */
	/* ******************** */
	
	/* http://users.tpg.com.au/j_birch/plugins/superfish/ */

	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		/*width:			10em;*/ /* left offset of submenus need to match (see below) */
		width:			182px; 
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
		width:			600px;
	}
	.sf-menu li:hover ul li,
	.sf-menu li.sfHover ul li {
		float:			left;
		width: 			182px;
		background:		url("../gfx/overlay-trans.png");
	}
	#mainnav .sf-menu li:hover ul li,
	#mainnav .sf-menu li.sfHover ul li {
		margin-right:	1px;
		padding-left:	12px;
	}
	
	/*** DEMO SKIN ***/
	.sf-menu a {
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		/*color:			#13a;*/
	}
	.sf-menu li {
		/*background:		#BDD2FF;*/
		background: 	url("../gfx-mano/mainnav-li-bg.gif") top left no-repeat;
	}
	.sf-menu li li {
		background:		#AABDE6;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		/*background:		#CFDEFF;*/
		outline:		0;
	}
	
	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
	
	/* sf vertical */
	/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
	.sf-vertical, .sf-vertical li {
		width:	10em;
		width:	162px;
	}
	/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
	.sf-vertical li:hover ul,
	.sf-vertical li.sfHover ul {
		left:	10em; /* match ul width */
		top:	0;
		left:			182px;
	}
	
	/*** alter arrow directions ***/
	.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
	.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
	
	/* hover arrow direction for modern browsers*/
	.sf-vertical a:focus > .sf-sub-indicator,
	.sf-vertical a:hover > .sf-sub-indicator,
	.sf-vertical a:active > .sf-sub-indicator,
	.sf-vertical li:hover > a > .sf-sub-indicator,
	.sf-vertical li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	
	/* ******************** */
	/* stepcarousel ******* */
	/* ******************** */
	
	.stepcarousel, 
	.stepcarousel_thumb,
	.stepcarousel_list {
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 270px; /*Width of Carousel Viewer itself*/
		height: 350px; /*Height should enough to fit largest content's height*/
	}
	
	.stepcarousel .belt, 
	.stepcarousel_thumb .thumbbelt , 
	.stepcarousel_list .listbelt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}
	
	.stepcarousel .panel, 
	.stepcarousel_thumb .thumbpanel,
	.stepcarousel_list .listpanel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 10px; /*margin around each panel*/
		width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		text-align: center;
	}
	
	.stepcarousel_thumb {
		left: 0;
		width: 202px;
		height: 50px; 
	}
	
	.stepcarousel_thumb .thumbpanel {
		margin: 0; 
		width: 50px; 
		text-align: center;
		background: white;
		height: 75px;
	}
	
	.stepcarousel_list .listpanel {
		margin: 0; 
		width: 75px; 
		margin: 0 7px; 
		text-align: center;
		background: white;
		height: 94px;
		padding: 12px 0;
	}
	
	.stepcarousel_list .listpanel a {
		display: block;
		height: 70px;
	}
	
	.current {
		background: url("../gfx-mano/current.gif") top left no-repeat;
	}
	
	
	/* ******************** */
	/* loading.gif in products detail */
	/* ******************** */
	
	#product_image img.loading {
		margin: 120px 0 0 110px;
	}
	
	
	/* ******************** */
	/* fancybox *********** */
	/* ******************** */
	
	/* top and left pos of fancybox when activated are modified in jquery.fancybox.js */
	/* line 146 */
	
	div#fancy_overlay {
		position:absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		background-color: #333;
	}
	
	div#fancy_loading {
		position: absolute;
		height: 40px;
		width: 40px;
		cursor: pointer;
		display: none;
		overflow: hidden;
		background: transparent;
		z-index: 100;
	}
	
	div#fancy_loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background: transparent url(/fileadmin/gfx/fancy_progress.png) no-repeat;
	}
	
	div#fancy_close {
		position: absolute;
		top: -12px;
		right: -12px;
		height: 30px;
		width: 30px;
		background: transparent url(/fileadmin/gfx/fancy_closebox.png) ;
		cursor: pointer;
		z-index: 100;
		display: none;
	}
	
	div#fancy_content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0; 
		margin: 0;
		z-index: 96;
		cursor:pointer;
	}
	
	#fancy_frame {
		position: relative;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	/* width of iframe/watchlist: fancybox.js line 160 */
	
	img#fancy_img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:0; 
		padding: 0; 
		margin: 0;
		z-index: 92;
	}
	
	div#fancy_title {
		position: absolute;
		bottom: -35px;
		left: 0;
		width: 100%;
		z-index: 100;
		display: none;
	}
	
	div#fancy_title table {
		margin: 0 auto;
	}
	
	div#fancy_title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 2px;
	}
	
	td#fancy_title_left {
		height: 32px;
		width: 15px;
		background: transparent url(/fileadmin/gfx/fancy_title_left.png) repeat-x;
	}
	
	td#fancy_title_main {
		height: 32px;
		background: transparent url(/fileadmin/gfx/fancy_title_main.png) repeat-x;
	}
	
	td#fancy_title_right {
		height: 32px;
		width: 15px;
		background: transparent url(/fileadmin/gfx/fancy_title_right.png) repeat-x;
	}
	
	div#fancy_outer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		padding: 18px 18px 58px 18px;
		margin: 0;
		overflow: hidden;
		background: transparent;
		display: none;
	}
	
	div#fancy_inner {
		position: relative;
		width:100%;
		height:100%;
		/*border: 1px solid #444;*/
		background: #FFF;
	}
	
	a#fancy_left, a#fancy_right {
		position: absolute; 
		top: 300px;
		bottom: 10px; 
		width: 50px; 
		background-image: url(data:image/gif;base64,AAAA);
		z-index: 100; 
	}
	
	a#fancy_left {
		left: 200px; 
		background: transparent url(/fileadmin/gfx/leftarrow.gif) no-repeat 100% 100%;
	}
	
	a#fancy_right {
		right: 200px; 
		background: transparent url(/fileadmin/gfx/rightarrow.gif) no-repeat 0% 100%;
	}
	
	#fancy_bigIframe, #fancy_freeIframe {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}
	
	div#fancy_bg {
		display: none;
	}
		
	div.fancy_bg {
		position: absolute;
		display: block;
		z-index: 70;
	}
	
	div.fancy_bg_n {
		top: -18px;
		width: 100%;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_08.png) repeat-x;
	}
	
	div.fancy_bg_ne {
		top: -18px;
		right: -13px;
		width: 13px;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_09.png) no-repeat;
	}
	
	div.fancy_bg_e {
		right: -13px;
		height: 100%;
		width: 13px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_14.png) repeat-y;
	}
	
	div.fancy_bg_se {
		bottom: -18px;
		right: -13px;
		width: 13px;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_19.png) no-repeat;
	}
	
	div.fancy_bg_s {
		bottom: -18px;
		width: 100%;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_18.png) repeat-x;
	}
	
	div.fancy_bg_sw {
		bottom: -18px;
		left: -13px;
		width: 13px;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_17.png) no-repeat;
	}
	
	div.fancy_bg_w {
		left: -13px;
		height: 100%;
		width: 13px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_12.png) repeat-y;
	}
	
	div.fancy_bg_nw {
		top: -18px;
		left: -13px;
		width: 13px;
		height: 18px;
		background: transparent url(/fileadmin/gfx/rounded-corners/rounded-corners_07.png) no-repeat;
	} 

	
	
	/* ******************** */
	/* tooltip (icons on product detail page) */
	/* ******************** */
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		padding: 5px;
	opacity: 0.85;

	}
	
	#tooltip h3, #tooltip div { margin: 0; }
	
	
	/* ******************** */
	/* similar products *** */
	/* ******************** */

	a.similar_products {
		color: gray;
		font-weight: bold;
	}
	
	
	/* ******************** */
	/* fe login         *** */
	/* ******************** */

	.tx-srfeuserregister-pi1 a {
		color: gray;
		font-weight: bold;
		font-size: 14px;
	}
	
	.tx-felogin-pi1 label {
		display: block;
		width: 300px;
	}
	
	
	/* ******************** */
	/* contact form ******* */
	/* ******************** */
	
	#contact label {
		display: block;
		width: 300px;
	}
	#contact {
		margin-left: 100px;
		margin-top: 50px;
	}
	.tx-powermail-pi1 h1 {
		color:gray;
		font-size:14px;
	}
	
	/* ******************** */
	/* help page ********** */
	/* ******************** */
	
	.csc-firstHeader {
		margin-top: 0;
	}
	.csc-header {
		color: gray;
	}
	body.Hilfe #content {
		width: 760px;
	}
	
	
	/* ******************** */
	/* help page ********** */
	/* ******************** */
	
	body.Hilfe p {
		margin: 6px 0;
	}
	
	
	/* ******************** */
	/* logo editor ******** */
	/* ******************** */
	
	.logoeditor_upload {
		padding: 20px;
	}
	
	.logoeditor_showlogo {
		padding: 20px;
	}
	
	.logoeditor_showflash {
	}
	
	.logoeditor_upload, .logoeditor_showlogo {
		font-family: Lucida, "Lucida Grande", Arial, sans-serif;
		color: #666666;
		font-size: 12px;
	}
	
	/* ******************** */
	/* image start page *** */
	/* ******************** */
	
	.csc-textpic-image {
		margin: 0;
	}