/*************************/
/***** SLICING STEPS *****/
/*************************/
#slicing_steps{ margin:-40px 0 0 0; position:relative; width:100%; height:300px;;
				background:url(../img/slicing_steps_background.png) top repeat-x; }
#steps{ margin:0 auto; width:910px; }
#steps div{ text-align:center; }
#steps div h1{ margin:10px 0 0 0; }
#steps div p{ margin:10px 10px 0 10px; font-size:14px; font-weight:bold; text-align:center; }
#steps div p span{ margin:0 auto; display:block; color:#fff; font-size:14px; line-height:18px; }
#steps div p.active{ font-size:18px; line-height:24px; margin:10px 10px 0 10px; }

#steps div p.active span{ color:#fff; font-size:13px; line-height:18px;  font-weight:normal; font-style:normal; background:#0CF; color:#FFFFFF; }
#steps div p.active span a, #steps div p.active span a:hover, #steps div p.active span a:active{ text-align:center; text-indent:0; display:block; }

#steps #step_one{ margin:68px 0 0 5px; left:2px; padding:60px 0 0 0; width:180px; height:219px; display:block; position:absolute; z-index:0; }
#steps #step_two{ margin:38px 0 0 0; left:0; padding:50px 0 0 0; width:160px; height:259px; display:block; position:absolute; z-index:0; }
#steps #step_three{ margin:8px 0 0 0; left:0; padding:20px 0 0 0; width:218px; height:319px; display:block; position:absolute; z-index:0; }
#steps #step_four{ margin:38px 0 0 0; left:-1px; padding:53px 0 0 0; width:170px; height:256px; display:block; position:absolute; z-index:0; }
#steps #step_five{ margin:68px 0 0 0;  left:0; padding:59px 0 0 0; width:170px; height:220px; display:block; position:absolute; z-index:0; }

#step_idea, #step_design, #step_slicing, #step_coding, #step_deployment{ float:left; display:inline; }

/***************/
/* 1 */
/***************/
#step_idea{ position:relative; width:187px; height:356px; background:url(../img/index1a.png) bottom no-repeat; }
#step_idea #id_active{z-index:1; position:absolute; overflow:hidden; left:7px; bottom:9px; width:180px; height:0;/*279px*/ background:url(../img/index1b.png) top left no-repeat; }
#step_idea #id_active img{ margin:15px 0 0 0; }
#step_idea #id_active h1 img{ margin:-10px 0 0 0; }

#step_idea a.naruci_sad{ position:absolute; bottom:-70px; right:30px; display:block; width:68px; height:60px;/*71px*/ cursor:pointer; background:url(../img/icon_info.png) left top no-repeat; }
#step_idea a.order_now{ background:url(../img/icon_info.png) left top no-repeat; }
#step_idea a.jetzt_bestellen{ background:url(../img/jetzt_bestellen_button.png) left top no-repeat; }
#step_idea a.naruci_sad:hover{ background:url(../img/naruci_sad_gumb_active.png) left top no-repeat; }
#step_idea a.order_now:hover{ background:url(../img/icon_info.png) left top no-repeat; }
#step_idea a.jetzt_bestellen:hover{ background:url(../img/jetzt_bestellen_button_active.png) left top no-repeat; }
#step_idea a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_idea a.info_btn{ position:absolute; bottom:-70px; right:82px; width:68px; height:68px;/*68px*/ cursor:pointer; background:url(../img/icon_info.png) no-repeat; }
#step_idea a:hover.info_btn{ background:url(../img/icon_info.png) no-repeat; }

/***************/
/* 2 */
/***************/
#step_design{ position:relative; width:160px; height:356px; background:url(../img/index2a.png) bottom no-repeat; }
#step_design #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:10px; width:160px; height:0;/*309px*/ background:url(../img/index2b.png) top left no-repeat; }
/*
#step_design a.naruci_sad{ position:absolute; bottom:-70px;/*9px*/ right:25px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../img/naruci_sad_gumb.png) left top no-repeat; }
#step_design a.order_now{ background:url(../img/order_now_button.png) left top no-repeat; }
#step_design a.jetzt_bestellen{ background:url(../img/jetzt_bestellen_button.png) left top no-repeat; }
#step_design a.naruci_sad:hover{ background:url(../img/naruci_sad_gumb_active.png) left top no-repeat; }
#step_design a.order_now:hover{ background:url(../img/order_now_button_active.png) left top no-repeat; }
#step_design a.jetzt_bestellen:hover{ background:url(../img/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_design a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_design a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:78px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../img/info_gumb.png) no-repeat; }
#step_design a:hover.info_btn{ background:url(../img/info_gumb_active.png) no-repeat; }

#step_design #de_active img{ margin:15px 0 0 0; }
#step_design #de_active h1 img{ margin:-8px 0 0 0; }

/****************/
/* 3 */
/****************/
#step_slicing{ position:relative; width:219px; height:356px; background:url(../img/index3a.png) bottom left no-repeat; }
#step_slicing #sl_active{
	z-index:1;
	position:absolute;
	overflow:hidden;
	left:0px;
	bottom:10px;
	width:219px;
	height:339px;/*339px*/
	background:url(../img/index3b.png) top left no-repeat;
}


#step_slicing p.active a{ display:block; text-align:left; text-indent:20px; }
#step_slicing a.naruci_sad{ position:absolute; bottom:9px; right:55px; display:block; width:71px; height:71px; cursor:pointer; background:url(../img/naruci_sad_gumb.png) left top no-repeat; }
#step_slicing a.order_now{ background:url(../img/order_now_button.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen{ background:url(../img/jetzt_bestellen_button.png) left top no-repeat; }
#step_slicing a.naruci_sad:hover{ background:url(../img/naruci_sad_gumb_active.png) left top no-repeat; }
#step_slicing a.order_now:hover{ background:url(../img/order_now_button_active.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen:hover{ background:url(../img/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_slicing a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_slicing a.info_btn{ position:absolute; bottom:9px; right:108px; width:62px; height:60px; cursor:pointer; background:url(../img/info_gumb.png) no-repeat; }
#step_slicing a:hover.info_btn{ background:url(../img/info_gumb_active.png) no-repeat; }


/***************/
/* 4 */
/***************/
#step_coding{ position:relative; width:169px; height:356px; background:url(../img/index4a.png) bottom no-repeat; }
#step_coding #co_active{z-index:1; position:absolute; overflow:hidden; left:-1px; bottom:10px; width:170px; height:0;/*309px*/ background:url(../img/index4b.png) top left no-repeat; }


 #step_coding a.naruci_sad{ position:absolute; bottom:-70px; right:25px; display:block; width:71px; height:71px; cursor:pointer; background:url(../img/naruci_sad_gumb.png) left top no-repeat; }
#step_coding a.order_now{ background:url(../img/order_now_button.png) left top no-repeat; }
#step_coding a.jetzt_bestellen{ background:url(../img/jetzt_bestellen_button.png) left top no-repeat; }
#step_coding a.naruci_sad:hover{ background:url(../img/naruci_sad_gumb_active.png) left top no-repeat; }
#step_coding a.order_now:hover{ background:url(../img/order_now_button_active.png) left top no-repeat; }
#step_coding a.jetzt_bestellen:hover{ background:url(../img/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_coding a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_coding a.info_btn{ position:absolute; bottom:-70px; right:78px; width:62px; height:60px; cursor:pointer; background:url(../img/info_gumb.png) no-repeat; }
#step_coding a:hover.info_btn{ background:url(../img/info_gumb_active.png) no-repeat; }

#step_coding #co_active img{ margin:25px 0 0 0; }
#step_coding #co_active h1 img{ margin:-4px 0 0 0; }


/*******************/
/* 5 */
/*******************/
#step_deployment{ position:relative; width:175px; height:356px; background:url(../img/index5a.png) bottom no-repeat; }
#step_deployment #dy_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:10px; width:170px; height:0;/*279px*/ 
							background:url(../img/index5b.png) top left no-repeat; }

#step_deployment a.naruci_sad{ position:absolute; bottom:-70px; right:25px; display:block; width:71px; height:71px; cursor:pointer; 
							   background:url(../img/naruci_sad_gumb.png) left top no-repeat; }
#step_deployment a.order_now{ background:url(../img/order_now_button.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen{ background:url(../img/jetzt_bestellen_button.png) left top no-repeat; }
#step_deployment a.naruci_sad:hover{ background:url(../img/naruci_sad_gumb_active.png) left top no-repeat; }
#step_deployment a.order_now:hover{ background:url(../img/order_now_button_active.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen:hover{ background:url(../img/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_deployment a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_deployment a.info_btn{ position:absolute; bottom:-70px; right:78px; width:62px; height:60px; cursor:pointer; background:url(../img/info_gumb.png) no-repeat; }
#step_deployment a:hover.info_btn{ background:url(../img/info_gumb_active.png) no-repeat; }

#step_deployment #dy_active img{ margin:5px 0 0 0; }
#step_deployment #dy_active h1{ margin-bottom:-10px; }
#step_deployment #dy_active h1 img{ margin:-10px 0 0 0; }@charset "utf-8";

img{ border:none; }

/* CSS Document */