#wrap{ height:100%; }
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 124px;} 
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }
.error{ color:#900; font-weight:bold; }
.message_error{ color:#900; font-weight:bold; padding:5px; position:absolute; left:90px; bottom:2px; }
.message_ok{ color:#060; font-weight:bold; padding:5px; position:absolute; left:90px; bottom:2px;  }

.message_order_error{ margin:20px; width:250px; font-weight:bold; font-size:12px; color:#900; display:none; }
#box_price .message_order_error{ margin:20px; padding:0; font-weight:bold; font-size:12px; border:none; color:#900; display:none; }
.message_order_ok{ margin:0 20px 20px 20px; padding:15px; font-weight:bold; font-size:12px; color:#060; width:250px; display:none; }
#box_price .message_order_ok{ margin:20px; padding:0; font-weight:bold; font-size:12px; color:#060; border:none; display:none; }

.message_none{ display:none; }
.hidden{ /*display:none;*/ }

.no_javascript{ margin:0 0 20px 0; padding:20px; display:block; background-color:#D20000; font-weight:bold; font-size:15px; }  

.indent{ text-indent:49px; }

#steps a{ color:#34435e; text-decoration:none; }
#steps a:hover, #steps a:active{ color:#252f42; }

/************************/
/***** Header rules *****/
/************************/


/* Logo */



/* Languge switcher */
#header #language{ padding:10px 35px 0 0; display:block; text-align:right; }
#header #language a{ color:#398db7; font-size:12px; text-decoration:none; }
#header #language a:hover{ color:#34435e; }

/***** MENU *****/

/*************************/
/***** SLICING STEPS *****/
/*************************/

#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:17px;
	font-weight:bold;
	font-style:italic;
	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; }
#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; color:#fff; 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; }

/***************/
/* STEP IDEA */
/***************/
#step_idea{ position:relative; width:187px; height:356px; background:url(../design/slicing_steps_idea_background.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(../design/slicing_steps_idea_background_active.jpg) 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:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_idea a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_idea a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_idea a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_idea a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_idea a.jetzt_bestellen:hover{ background:url(../design/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:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_idea a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

/***************/
/* STEP DESIGN */
/***************/
#step_design{ position:relative; width:160px; height:356px; background:url(../design/slicing_steps_design_background.png) bottom no-repeat; }
#step_design #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:160px; height:0;/*309px*/ background:url(../design/slicing_steps_design_background_active.jpg) 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(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_design a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_design a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_design a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_design a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_design a.jetzt_bestellen:hover{ background:url(../design/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(../design/info_gumb.png) no-repeat; }
#step_design a:hover.info_btn{ background:url(../design/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; }

/****************/
/* STEP SLICING */
/****************/
#step_slicing{ position:relative; width:219px; height:356px; background:url(../design/slicing_steps_slicing_background.png) bottom left no-repeat; }
#step_slicing #sl_active{z-index:1; position:absolute; overflow:hidden; left:0; bottom:9px; width:219px; height:339px;/*339px*/ background:url(../design/slicing_steps_slicing_background_active.jpg) 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(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_slicing a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_slicing a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_slicing a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen:hover{ background:url(../design/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(../design/info_gumb.png) no-repeat; }
#step_slicing a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

/***************/
/* STEP CODING */
/***************/
#step_coding{ position:relative; width:169px; height:356px; background:url(../design/slicing_steps_coding_background.png) bottom no-repeat; }
#step_coding #co_active{z-index:1; position:absolute; overflow:hidden; left:-1px; bottom:9px; width:170px; height:0;/*309px*/ background:url(../design/slicing_steps_coding_background_active.jpg) 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(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_coding a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_coding a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_coding a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_coding a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_coding a.jetzt_bestellen:hover{ background:url(../design/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(../design/info_gumb.png) no-repeat; }
#step_coding a:hover.info_btn{ background:url(../design/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; }

/*******************/
/* STEP DEPLOYMENT */
/*******************/
#step_deployment{ position:relative; width:175px; height:356px; background:url(../design/slicing_steps_deployment_background.png) bottom no-repeat; }
#step_deployment #dy_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:170px; height:0;/*279px*/ 
							background:url(../design/slicing_steps_deployment_background_active.jpg) 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(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_deployment a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_deployment a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_deployment a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen:hover{ background:url(../design/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(../design/info_gumb.png) no-repeat; }
#step_deployment a:hover.info_btn{ background:url(../design/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; }


/**********************/
/***** CONTENT ********/
/**********************/