/* Form-Elements */


/* ////////////////////////////////////////////////////////////////////// */
/* SLIDING-DOORS-BUTTON */


button { 
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	border:0;
	padding:0;
	margin:0;
	font-weight:bold;
	background-color:#008e8a;	/* w3c-recommendation */ 
	cursor:pointer; 
}

button::-moz-focus-inner {border: none;}

button span { 
	position:relative; 
	display:block; 
	white-space:nowrap; 
	font-size:1em;
	text-align:center;
	color:#fff;
	background-color:#008e8a;	/* w3c-recommendation */
}




/* SEARCH-BUT - SubCatSearchBar */

button.searchBut, button.searchBut-over, button.searchBut-click {
	background:url(../img/but_green-green_h26_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	padding:0 13px 0 0;
	font-size:1.1em;
}

button.searchBut span, button.searchBut-over span, button.searchBut-click span  { 
	background:url(../img/but_green-green_h26_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:26px; 
	line-height:23px;
	padding:0 0 0 15px;
}

button.searchBut-over, button.searchBut:hover 	{
	background-position:100% -30px;
}

button.searchBut-over span, button.searchBut:hover span  {
	background-position:0% -30px;
}

button.searchBut-click	{
	background:url(../img/but_green-green_h26_r.gif) 100% -60px no-repeat;
}

button.searchBut-click span	{
	background:url(../img/but_green-green_h26_l.gif) 0% -60px no-repeat;
	height:25px; 
	padding:1px 0 0 15px;	/* padding-top defines "click-depth" of button */ 
	color:#bce1e0; 
}



/* SEND-BUT - SideBar, Callback-Box */


button.sendBut, button.sendBut-over, button.sendBut-click {
	background:url(../img/but_green-white_h24_r.gif) 100% 0% no-repeat;
	float:right;
	display:block;
	padding:0 13px 0 0;
	margin-top:5px;
	font-size:1.1em;
}

button.sendBut span, button.sendBut-over span, button.sendBut-click span { 
	background:url(../img/but_green-white_h24_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:24px; 
	line-height:21px;
	padding:0 0 0 15px;
}

button.sendBut-over, button.sendBut:hover	{
	background-position:100% -30px;
}

button.sendBut-over span, button.sendBut:hover span  {
	background-position:0% -30px;
}

button.sendBut-click	{
	background:url(../img/but_green-white_h24_r.gif) 100% -60px no-repeat;
}

button.sendBut-click span	{
	background:url(../img/but_green-white_h24_l.gif) 0% -60px no-repeat;
	height:23px;
	padding:1px 0 0 15px;	/* padding-top defines "click-depth" of button */ 
	color:#bce1e0; 
}



input.textInput	{
	background:url(../img/inputTelnr.gif) top left no-repeat;
	border:0;
	font-size: 1.4em;
	font-weight:bold;
	line-height:26px;
	color:#00848a;
	width:132px;
	height:26px;
	padding:0 0 0 30px;	/* ff positioning of text sucks. too high. and line-height doesnt help. any ideas? */
}

#textInputProduktsuche {
    width:100px;
    border: 1px solid gray;
    float: left;
    z-index: 1000;
}

#bottonInputProduktsuche {
    float: left;
    border:0px none;
    color:#FFFFFF;
    font-weight:bold;
    margin:0px;
    padding:0px;
    text-align:center;
    width: 53px;
}
.text_ProduktsucheJS {
    margin-left:10010px !important;
}
.button_ProduktsucheJS {
    margin-left:10115px !important;
}
#bottonInputProduktsuche:hover{
    background-color:#bdbfbb;
}

/* PREV-NEXT-BUTTON - OrderProcess Pg. 1-3 */


button#nextBut	{
	float:right;
}

button#prevBut	{
	float:right;
	font-weight:normal;
}

button.nextPrevBut, button.nextPrevBut-over, button.nextPrevBut-click {
	background:url(../img/but_order_next-prev_r.gif) 100% 0% no-repeat;
	display:block;
	padding:0 18px 0 0;		/* equalize firefoxes 2px-gaps */
	margin:0 15px 5px 0;
	font-size:1.4em;
}

button.nextPrevBut span, button.nextPrevBut-over span, button.nextPrevBut-click span { 
	background:url(../img/but_order_next-prev_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:38px;
	line-height:35px;
	padding:0 0 0 20px;
}


button.nextPrevBut-over, button.nextPrevBut:hover  	{
	background-position:100% -40px;
}

button.nextPrevBut-over span, button.nextPrevBut:hover span   {
	background-position:0% -40px;
}

button.nextPrevBut-click	{
	background:url(../img/but_order_next-prev_r.gif) 100% -80px no-repeat;
}

button.nextPrevBut-click span	{
	background:url(../img/but_order_next-prev_l.gif) 0% -80px no-repeat;
	height:36px;
	padding:2px 0 0 20px;
	color:#bce1e0; 
}


/* CHANGE-BUTTON - OrderProcess, Pg 4 */

button.changeBut, button.changeBut-over, button.changeBut-click	{
	background:url(../img/but_green-white_h24_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	margin:18px 0 0;
	padding:0 13px 0 0;
	font-weight:normal;
}

div.statusBox button.changeBut, div.statusBox button.changeBut-over, div.statusBox button.changeBut-click	{
	margin:8px 0 0 !important;
}

button.changeBut span, button.changeBut-over span, button.changeBut-click span { 
	background:url(../img/but_green-white_h24_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:24px !important;
	width:auto !important;
	line-height:22px !important;
	padding:0 0 0 15px;
	font-size:1em !important;
}

button.changeBut-over, button.changeBut:hover	{
	background-position:100% -30px;
}

button.changeBut-over span, button.changeBut:hover span  {
	background-position:0% -30px;
}

button.changeBut-click	{
	background:url(../img/but_green-white_h24_r.gif) 100% -60px no-repeat;
}

button.changeBut-click span	{
	background:url(../img/but_green-white_h24_l.gif) 0% -60px no-repeat;
	height:23px;
	padding:1px 0 0 15px;
	color:#bce1e0; 
}

/* CALCULATE-BUTTON - OrderProcess, Pg 1 */
button#calcBut	{
}


/* ORDER-BUTTON (ICON) - OrderProcess, Pg 4 */	

button.orderBut, button.orderBut-over, button.orderBut-click {
	background:url(../img/but_order_next-prev_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	margin:20px 0 0 26px;
	padding:0 18px 0 0;
	font-size:1.4em;
}

button.orderBut span, button.orderBut-over span, button.orderBut-click span { 
	background:url(../img/but_order_next-prev_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:37px;
	font-weight:bold;
	line-height:35px;
	padding:1px 0 0 18px;
}

button.orderBut img, button.orderBut-over img, button.orderBut-click img	{
	margin:3px 11px -3px 0 !important;	
	width:19px;
	height:16px;
	background:url(../img/iconBasket.png) top left no-repeat  !important;
}

button.orderBut-over, button.orderBut:hover	{
	background-position:100% -40px;
}

button.orderBut-over span, button.orderBut:hover span  {
	background-position:0% -40px;
}

button.orderBut-click	{
	background:url(../img/but_order_next-prev_r.gif) 100% -80px no-repeat;
}

button.orderBut-click span	{
	background:url(../img/but_order_next-prev_l.gif) 0% -80px no-repeat;
	height:35px; 
	padding:3px 0 0 18px;
	color:#bce1e0; 
}

button.orderBut-click img	{
	opacity:.75;
}






/* ////////////////////////////////////////////////////////////////////// */
/* GENERAL LINK-BUTTON-CLASS FOR <A HREF>-BUTTONS */

a.linkBut { 
	padding:0;
	margin:0;
	font-size:1em;
	background-color:#008e8a;
	text-decoration:none !important;
}

a.linkBut span { 
	white-space:nowrap; 
	text-align:center;
	color:#fff; 
	cursor:pointer;
	background-color:#008e8a;
	cursor:pointer;	/* necessary for IE */
}



/* A.CHANGE-BUTTON (Link) - OrderProcess, Pg 4 */
/* Still needs clickable region fix for link:active in IE */

a.changeBut, div.statusBox a.changeBut	{
	background:url(../img/but_green-white_h24_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	margin:18px 0 0;
	padding:0 15px 0 0;
	font-weight:normal;
}

div.statusBox a.changeBut	{
	margin:8px 0 0;
}

a.changeBut span, div.statusBox a.changeBut span { 
	background:url(../img/but_green-white_h24_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:24px;
	width:auto; /* necessary for changeBut in statusBox */
	line-height:22px;
	margin:0;
	padding:0 0 0 15px;
	font-size:1.1em;
}

a.changeBut:hover, div.statusBox a.changeBut:hover	{
	background-position:100% -30px;
}

a.changeBut:hover span, div.statusBox a.changeBut:hover span  {
	background-position:0% -30px;
}

a.changeBut:active, div.statusBox a.changeBut:active	{
	background:url(../img/but_green-white_h24_r.gif) 100% -60px no-repeat;
}

a.changeBut:active span, div.statusBox a.changeBut:active span	{
	background:url(../img/but_green-white_h24_l.gif) 0% -60px no-repeat;
	height:23px;
	padding:1px 0 0 15px;
	color:#bce1e0; 
}



/* A.PRINT-BUTTON (ICON) - OrderProcess, Pg 5 */
/* Still needs clickable region fix for link:active in IE */

a.printBut	{
	background:url(../img/but_order_next-prev_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	padding:0 18px 0 0;
	margin:45px 0 0;
}

a.printBut span { 
	background:url(../img/but_order_next-prev_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:38px;
	padding:0 0 0 18px;
	font-size:1.4em;
	font-weight:bold;
	line-height:35px;
}

a.printBut img	{
	margin:9px 10px -4px 0 !important;
	width:18px;
	height:18px;
	background:url(../img/iconPrinter.png) top left no-repeat  !important;
}

a.printBut:hover	{
	background-position:100% -40px;
}

a.printBut:hover span  {
	background-position:0% -40px;
}

a.printBut:active	{
	background:url(../img/but_order_next-prev_r.gif) 100% -80px no-repeat;
}

a.printBut:active span {
	background:url(../img/but_order_next-prev_l.gif) 0% -80px no-repeat;
	height:36px; 
	padding-top:2px;
	color:#bce1e0; 
}

a.printBut:active img	{
	opacity:.75;
}


/* A.ORDER-BUTTON (ICON) - PRODUCT-DETAIL */
/* Still needs clickable region fix for link:active in IE */

a.pD-OrderBut	{
	background:url(../img/but_order_next-prev_r.gif) 100% 0% no-repeat;
	float:left;
	display:block;
	padding:0 18px 0 0;
	margin:10px 0 7px;
}

a.pD-ausverkauft {
    display:none;
}

div.pD-Pic span.ausverkauft_overlay  {
	background: transparent url(../img/ausverkauft.gif) no-repeat scroll left top;
	float:right;
	height:176px;
	width:400px;
	position:absolute;
	display:block;
	padding-left:60px;
	padding-top:20px;
	margin:50px 0 0 60px;
}
a.pD-OrderBut span { 
	background:url(../img/but_order_next-prev_l.gif) 0% 0% no-repeat;
	float:left;
	display:block;
	height:38px;
	padding:0 0 0 18px;
	font-size:1.3em;
	font-weight:bold;
	line-height:35px;
}

a.pD-OrderBut img	{
	margin:9px 10px -4px 0 !important;
	width:19px;
	height:16px;
	background:url(../img/iconBasket.png) top left no-repeat  !important;
}

a.pD-OrderBut:hover	{
	background-position:100% -40px;
}

a.pD-OrderBut:hover span  {
	background-position:0% -40px;
}

a.pD-OrderBut:active	{
	background:url(../img/but_order_next-prev_r.gif) 100% -80px no-repeat;
}

a.pD-OrderBut:active span {
	background:url(../img/but_order_next-prev_l.gif) 0% -80px no-repeat;
	height:36px; 
	padding-top:2px;
	color:#bce1e0; 
}

a.pD-OrderBut:active img	{
	opacity:.75;
}