/* ****************************************************************************

                                CSS DOCUMENT
				
		       (c) 2008 zechendorf e.solutions
		           http://www.zechendorf.de

**************************************************************************** */



/* ****************************************************************************

                               MAIN ELEMENTS

**************************************************************************** */

html {
  min-height: 100%;
}

body {
	background-color: #fff;
  height: 100%;
	margin: 0;
	padding: 10px;
	color: #000;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	line-height: 1.2em;
}

a:link,
a:visited,
a:active{
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
a:hover{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, h7{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

p{
	margin: 0;
	padding: 0;
}

.clearer{
	height: 1px;
	clear: both;
}

div.container{
	background: url('../images/bg_container.gif') top left repeat-y;
	width: 902px;
	margin: auto;
}

div.container div.top{
	background: url('../images/bg_top.gif') top left no-repeat;
	border-bottom: 2px solid #5a5a5a;
	height: 111px;
	overflow: hidden;
}

div.container div.top div.step1,
div.container div.top div.step2,
div.container div.top div.step3,
div.container div.top div.step4{
	text-align: center;
	padding: 11px;
	background: url('../images/bg_step1.gif') 650px 13px no-repeat;
	height: 98px;
}

div.container div.top div.step2{
	background: url('../images/bg_step2.gif') 650px 13px no-repeat;
}

div.container div.top div.step4{
	background: url('../images/bg_step4.gif') 650px 13px no-repeat;
}

div.container div.top div.step3{
	background: url('../images/bg_step3.gif') 650px 13px no-repeat;
}

div.container div.top div.step1 img,
div.container div.top div.step2 img,
div.container div.top div.step3 img,
div.container div.top div.step4 img{
	border: none;
}



div#photowand div.top div.step1,
div#photowand div.top div.step2,
div#photowand div.top div.step3,
div#photowand div.top div.step4{
	text-align: center;
	padding: 11px;
	background: url('../images/bg_pw_st1.gif') 650px 13px no-repeat;
	height: 98px;
}

div#photowand div.top div.step2{
	background: url('../images/bg_pw_st2.gif') 650px 13px no-repeat;
}


div#photowand div.top div.step3{
	background: url('../images/bg_pw_st3.gif') 650px 13px no-repeat;
}

div#photowand div.top div.step1 img,
div#photowand div.top div.step2 img,
div#photowand div.top div.step3 img,
div#photowand div.top div.step4 img{
	border: none;
}



div.container div.heading{
	background: url('../images/bg_heading.gif') top left no-repeat;
	margin: 10px;
	width: 882px;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	text-align: center;
}



div.container div.main{
	background: url('../images/bg_main.gif') top left repeat-y;
	margin: 10px;
	width: 882px;
}

div.container div.main h1,
div.container div.main h2,
div.container div.main h3,
div.container div.main h4,
div.container div.main h5{
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

div.container div.main h1{
	font-size: 14px;	
	margin: 0 0 12px 0;
}

div.container div.main h2{
	font-size: 12px;	
	margin: 12px 0 8px 0;
}


div.container div.main div.inner1{
	background: url('../images/bg_main_inner1.gif') top left no-repeat;
}

div.container div.main div.inner2{
	background: url('../images/bg_main_inner2.gif') bottom left no-repeat;
	padding: 18px 22px 18px 22px;
}

div.container div.main div.inner2_products{
	background: url('../images/bg_main_inner2.gif') bottom left no-repeat;
	padding: 18px 6px 18px 6px;
}

div.container div.main div.inner2 div.home{
	background: url('../images/bg_main_contenthome.jpg') top left no-repeat;
}

div.container div.main div.inner2 div.home div.normal_content{
	width: 264px;
	border-left: 2px solid #cdcdcd;
	border-right: 2px solid #cdcdcd;
	margin: auto;
	padding: 0px 15px 0 15px;
}


div.container div.lowermain{
	background: url('../images/bg_main.gif') top left repeat-y;
	margin: 10px;
	width: 882px;
}

div.container div.lowermain div.inner1{
	background: url('../images/bg_lowermain_inner1.gif') top left no-repeat;
}

div.container div.lowermain div.inner2{
	background: url('../images/bg_main_inner2.gif') bottom left no-repeat;

}

div.container div.bottom{
	background: url('../images/bg_bottom.gif') bottom left no-repeat;
	border-top: 2px solid #5a5a5a;
	height: 31px;
	overflow: hidden;
	line-height: 29px;
}

#scrollcontainer{
	height: 255px;
	overflow: hidden;
}

#scrollintern img{
	border: none;
}

#scroll_right,
#scroll_left{
	width: 41px; 
	float: left; 
	height: 245px; 
	padding: 5px; 
	cursor: pointer;
}

#scroll_right{
  background: url('../images/bg_scroll_right.gif') 0px 4px no-repeat;
}

#scroll_left{
  background: url('../images/bg_scroll_left.gif') 0px 6px no-repeat;
}

div.lowermain div.left,
div.lowermain div.center,
div.lowermain div.right{
	float: left;
	width: 245px;
	padding: 15px 22px 15px 22px;
}

div.lowermain h1{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

div.container div.main_products{
	margin: 10px;
	width: 882px;
}

/* CART */

div.container div.main div.cart_left{
	float: left;
	width: 302px;
	overflow: hidden;
}

div.container div.main div.cart_left .outer{
 background: url('../images/bg_cart_left_outer.gif') top left repeat-y;
}

div.container div.main div.cart_left .inner1{
 background: url('../images/bg_cart_left_inner1.gif') top left no-repeat;
}


div.container div.main div.cart_left .inner2{
 background: url('../images/bg_cart_left_inner2.gif') bottom right no-repeat;
 padding: 15px 0 9px 9px;
}

div.container div.main div.cart_center{
	float: left;
	width: 252px;
	margin-left: 14px;
}

div.container div.main div.cart_center .outer{
 background: url('../images/bg_cart_center_outer.gif') top left repeat-y;
	margin-bottom: 14px;
}

div.container div.main div.cart_center .inner1{
 background: url('../images/bg_cart_center_inner1.gif') top left no-repeat;
}


div.container div.main div.cart_center .inner2{
 background: url('../images/bg_cart_center_inner2.gif') bottom right no-repeat;
 padding: 15px 0 9px 9px;
}

div.container div.main div.cart_right{
	float: left;
	width: 252px;
	margin-left: 14px;
}

div.container div.main div.cart_right .outer{
 background: url('../images/bg_cart_center_outer.gif') top left repeat-y;
	margin-bottom: 14px;
}

div.container div.main div.cart_right .inner1{
 background: url('../images/bg_cart_center_inner1.gif') top left no-repeat;
}


div.container div.main div.cart_right .inner2{
 background: url('../images/bg_cart_center_inner2.gif') bottom right no-repeat;
 padding: 15px 9px 9px 9px;
}


/* PRODUCTS */

div.product_left{
	float: left;
	width: 252px;
}

div.product_left .outer{
 background: url('../images/bg_left_outer.gif') top left repeat-y;
}

div.product_left .inner1{
 background: url('../images/bg_left_inner1.gif') top left no-repeat;
}


div.product_left .inner2{
 background: url('../images/bg_left_inner2.gif') bottom right no-repeat;
 padding: 15px 0 9px 9px;
}



div.product_center{
	float: left;
	width: 262px;
	margin-left: 8px;
}

div.product_center .outer{
 background: url('../images/bg_center_outer.gif') top left repeat-y;
 margin-bottom: 8px;
}

div.product_center .inner1{
 background: url('../images/bg_center_inner1.gif') top left no-repeat;
}


div.product_center .inner2{
 background: url('../images/bg_center_inner2.gif') bottom right no-repeat;
 padding: 15px 9px 9px 9px;
}

div.product_right{
	float: left;
	width: 352px;
	margin-left: 8px;
}

div.product_right .outer{
 background: url('../images/bg_right_outer.gif') top left repeat-y;
 margin-bottom: 8px;
}

div.product_right .inner1{
 background: url('../images/bg_right_inner1.gif') top left no-repeat;
}


div.product_right .inner2{
 background: url('../images/bg_right_inner2.gif') bottom right no-repeat;
 padding: 15px 0px 15px 15px;
}


div.gallery_scroll{
	width: 255px;
	height: 300px;
	overflow: hidden;
}

div.gallery_image{
	float: left; 
	margin-left: 5px;
	margin-bottom: 5px;
	width: 68px;
	height: 68px;
	border: 1px solid #000;
	background: #000;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

div.gallery_inner{
	width: 255px;
	float: left;
}

div.gallery_upload{
  border-top: 2px solid #5d5d5d;
  padding: 9px 9px 4px 9px;
  margin: 9px 0 0 -7px;
  width: 230px;
  overflow: hidden;
}


div#product_picture{
	width: 320px;
	height: 320px;
	border: 1px solid #5d5d5d;
	overflow: hidden;
	background: ;
	margin-left: 0px;
	background: url('../../overlays/pw3x3_874x874.gif') #f0f0f0;
	z-index: 1100;
}

#selectedpic{
	cursor: move;
}

div#overlay{
	width: 320px;
	height: 320px;
	position: absolute;
	border: 1px solid #5d5d5d;
	overflow: hidden;
	background: url('../../overlays/pw3x3_874x874.gif');
	margin-left: 0px;
	filter:alpha(opacity=70);
	opacity:0.70;
	z-index: 3000;
}

h2{
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#wh_cart input{
	border: 1px solid #000;
}

.wh_price_piece{
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	padding-bottom: 8px;
}

table#wh_cart{
	width: 100%;
}

#wh_cart td.cart_price{
	text-align: right;
}

input.wh_cartamount{
	width: 36px;
}

.variationset{
	padding-bottom: 16px;
}

a.bigbutton{
	display: block;
	width: 200px;
	height: 32px;
	line-height: 32px;
	color: #eee;
	font-size: 14px;
	background: url('../images/bg_button_gross.gif') 0px 0px no-repeat;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

a.bigbutton:hover{
	background-position: 0 -32px;
	color: #fff;
}

a.smallbutton{
	width: 150px;
	height: 24px;
	border: none;
	display: block;
	line-height: 24px;
	color: #eee;
	font-size: 12px;
	background: url('../images/bg_button_small.gif') 0px 0px no-repeat;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

a.smallbutton:hover{
	background-position: 0 -24px;
	color: #fff;
}

a.tinybutton{
	width: 113px;
	height: 18px;
	border: none;
	display: block;
	line-height: 18px;
	color: #eee;
	font-size: 10px;
	background: url('../images/bg_button_tiny.gif') 0px 0px no-repeat;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

a.tinybutton:hover{
	background-position: 0 -18px;
	color: #fff;
}

.ze_werkhaus_tocart{
	padding: 16px 12px 0 0;
	height: 32px;
}

.ze_werkhaus_tocart a{
	float: right;
}

input#wh_product_amount{
	
}

input.wh_smallbutton{
	width: 150px;
	height: 24px;
	border: none;
	background: url('../images/bg_button_small.gif') 0px 0px no-repeat;
	color: #eee;
	line-height: 24px;
	font-weight: bold;
	cursor: pointer;
}

input.wh_smallbutton:hover{
	background-position: 0 -24px;
	color: #fff;
}

#wh_cart input.wh_bigbutton{
	width: 200px;
	height: 32px;
	border: none;
	background: url('../images/bg_button_gross.gif') 0px 0px no-repeat;
	color: #eee;
	line-height: 32px;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

#wh_cart input.wh_bigbutton:hover{
	background-position: 0 -32px;
	color: #fff;
}

#wh_cart input.wh_smallbutton{
	border: none;
}

#wh_imageuploading{
	display: none;
}

#wh_invoice_address{
	height: auto;
}

#wh_payment{
	height: 40px;
}

#wh_toc{
	height: 70px;
}

#wh_delivery_address{
	margin-top: 12px;
	height: 135px;
	display: none;
}

#wh_bank_details{
	display: none;
}

.menu_bottom_right{
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 24px;
}

.menu_bottom_right a:link,
.menu_bottom_right a:visited,
.menu_bottom_right a:active{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-left: 18px;
}
.menu_bottom_right a:hover{
	text-decoration: underline;
}

.variationset a:link,
.variationset a:visited,
.variationset a:active{
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
}

.variationset a:hover{
	text-decoration: underline;
}

div.bottom_left{
	margin: 3px 0 0 24px;
}

#wh_pictureman{
	height: 375px;
	overflow: hidden;
}

#wh_cartbuttons{
	height: 67px;
	overflow: hidden;
	text-align: center;
	padding: 33px 12px 0px 0px;
}

#wh_gallery{
	height: 489px;
	overflow: hidden;
}

a#wh_minusminus:link,
a#wh_minusminus:visited,
a#wh_minusminus:active,
a#wh_minus:link,
a#wh_minus:visited,
a#wh_minus:active,
a#wh_plus:link,
a#wh_plus:visited,
a#wh_plus:active,
a#wh_plusplus:link,
a#wh_plusplus:visited,
a#wh_plusplus:active{
	width: 30px;
	height: 20px;
	display: block;
	float: left;
	text-decoration: none;
}

a#wh_minusminus:link,
a#wh_minusminus:visited,
a#wh_minusminus:active{
	background: url('../images/bg_minus_minus.gif') top left no-repeat;
	margin-left: 50px;
}

a#wh_minus:link,
a#wh_minus:visited,
a#wh_minus:active{
	background: url('../images/bg_minus.gif') top left no-repeat;
	margin-left: 15px;
}

a#wh_plus:link,
a#wh_plus:visited,
a#wh_plus:active{
	background: url('../images/bg_plus.gif') top left no-repeat;
	margin-left: 60px;
}

a#wh_plusplus:link,
a#wh_plusplus:visited,
a#wh_plusplus:active{
	background: url('../images/bg_plus_plus.gif') top left no-repeat;
	margin-left: 15px;
}

a#wh_minusminus:hover,
a#wh_minus:hover,
a#wh_plus:hover,
a#wh_plusplus:hover{
	background-position: 0px -20px;
}

div.wh_scalebuttons{
	padding-top: 8px;
	test-align: left;
}

input#wh_has_delivery_address,
#wh_cart_payment_previous{
	border: 0px none;
}

input#wh_submit{
	margin-left: 32px;
	margin-top: -6px;
}

span.missing{
	color: #900;
	font-weight: bold;
}


label.missing{
	color: #900;
	font-weight: bold;
}



div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: url('../images/module_file.gif') 165px 0px no-repeat;
	width: 100%;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

input#fakeinput{
	border: 1px solid #000;
	font-size: 10px;
	width: 150px;
}

a.gal_back:link,
a.gal_back:visited,
a.gal_back:active{
	display: block;
	width: 82px;
	float: left;
	height: 17px;
	background: url('../images/bg_gal_rueck.gif') top left no-repeat; 
	text-decoration: none;
}

a.gal_next:link,
a.gal_next:visited,
a.gal_next:active{
	display: block;
	width: 82px;
	float: right;
	margin-right: 15px;
	height: 17px;
	background: url('../images/bg_gal_vor.gif') top left no-repeat;
	text-decoration: none; 
}

a.gal_back:hover,
a.gal_next:hover{
	background-position: 0px -17px;
}

h3.cart_black{
	background: url('../images/bg_cart_black.gif') top right no-repeat;
	line-height: 24px;
	height: 20px;
}

textarea#wh_comment{
	width: 220px;
	height: 71px;
	font-size: 11px;
	padding: 2px;
}


fieldset.csc-mailform{
	border: none;
	padding: none;
}

.csc-mailform label{
	width: 130px;
	float: left;
}

.csc-mailform-field{
	padding-bottom: 4px;
}
.csc-mailform-field input,
.csc-mailform-field textarea{
	border: 1px solid #000;
}

input#mailformformtype_mail{
	width: 150px;
	height: 24px;
	border: none;
	background: url('../images/bg_button_small.gif') 0px 0px no-repeat;
	color: #eee;
	line-height: 24px;
	font-weight: bold;
	cursor: pointer;
	margin-left: 130px;
}

#wh_comment_container{
	height: 114px;
}