.float_left{ float:left}
.float_right{ float:right}
.clear{clear:both;}
.clear-both { clear:both;  font-size:0px !important; height:0 !important; line-height:0px; margin:0; padding:0;  }
.div-padding-10px { display:block; height:15px; font-size:0; }
.div-margin-bottom-10px { margin-bottom:10px; }

.vertical-align { vertical-align:middle;}
/* ----- clear fix for floats ----- */
.clearfix:after {  content: "."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }	
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }/* end hide from IE-mac */ 

p { padding:9px 0 15px 0; margin:0; }
h1 { font-size:25px; color:#000; font-weight:normal; padding:10px 0 15px 0;  }
h2 { font-size:18px; color:#000; font-weight:normal; padding:4px 0 16px 0; margin:0; }
h4 { font-size:12px; color:#000; font-weight:bold; padding:0 0 5px 0; margin:0;  }

.icon-vanaf { background:url(../../images/icon-vanaf.png) no-repeat left top; width:130px; height:130px; position:absolute; right:28px; top:-18px; display:block;}
.icon-bestel-nu { background:url(../../images/icon-bestel-nu.png) no-repeat left top; width:130px; height:130px; position:absolute; right:28px; top:-18px; display:block;}
.icon-banner {background:url(../../images/icon-banner.png) no-repeat left top; width:136px; height:133px; position:absolute; left:23px; top:18px; display:block;}


.button_blue { float:left; background:url(../../images/button.png) no-repeat left top; border:solid 0px #000; padding:0 0 0 24px; color:#FFFFFF; }
.button_blue span { background:url(../../images/button.png) no-repeat right -49px; border:solid 0px #000; padding:0px 20px 0px 0 ;  float:left; display:block; font-size:19px; font-family:Arial Black, Arial, Helvetica, sans-serif; height:50px; line-height:50px; font-weight:bold; color:#FFFFFF; }

.button_blue_small  { float:left; background:url(../../images/button.png) no-repeat left top; border:solid 0px #000; padding:0 0 0 24px; color:#FFFFFF; }
.button_blue_small span { background:url(../../images/button.png) no-repeat right -49px; border:solid 0px #000; padding:0px 34px 0px 10px ;  float:left; display:block; font-size:18px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; height:50px; line-height:50px; font-weight:bold; color:#FFFFFF; }


.middle_box { position:relative;}
.middle_box .middle-box-top { background:url(../../images/middle-container-top.png) no-repeat left top; height:26px;}
.middle_box .middle-box-bottom { background:url(../../images/middle-container-bottom.png) no-repeat left bottom; height:26px;}
.middle_box .middle-box-middle { background:url(../../images/middle-container-bg.png) repeat-y left; padding:10px 45px;}
.middle_box .middle-box-middle.inner_page { padding:10px 73px 20px 73px; }


.home-left-panel { float:left; width:359px; padding:0px 40px 10px 0; background:url(../../images/box-bdr.png) repeat-y right; line-height:24px;}
.home-left-panel strong { font-weight:bold;}
.home-left-panel h1 { padding-left:10px;}
.home-left-panel p { padding-left:10px;}
.home-left-panel p.button { padding-left:0;}
.home-right-panel { float:right; width:210px; padding:0px 0px 0 0}
.home-right-panel h1 { padding-left:10px; line-height:24px;}


.ul-number { margin:0; padding:0; list-style:none}
.ul-number li { margin:0; padding:9px 0; display:block; width:100%;}
.ul-number li span.number { display:block; float:left; width:54px; height:54px; line-height:54px; background:url(../../images/home-text-round.png) no-repeat left; text-align:center; color:#FFFFFF; font-size:19px; font-family:Arial Black, Arial, Helvetica, sans-serif; text-shadow: #000000 0px 2px 2px;}
.ul-number li span.detail {color:#FFFFFF; font-size:15px; font-family:Arial, Helvetica, sans-serif; text-shadow: #000000 0px 2px 2px; display:block; float:left; font-weight:bold; padding-top:15px; padding-left:5px; width:140px; }

.product_container { padding:40px 60px;}
.product_box { width:232px;}
.product_box .product_box_top, .product_box .product_box_top span, .product_box .product_box_buttom, .product_box .product_box_buttom span { background:url(../../images/photo-bg.png) no-repeat left top; height:8px; font-size:0px;}
.product_box .product_box_top { background-position:0 0; padding-left:8px; }
.product_box .product_box_top span { background-position:right -9px; display:block; width:100%; height:8px;}
.product_box .product_box_buttom {background-position:0 -28px; padding-left:8px;}
.product_box .product_box_buttom span {background-position:right -19px; display:block;}
.product_box .product_box_middle { background:none;}


/* black box */
.black-box { margin-top:15px; margin-bottom:15px; position:relative}
.black-box .black-box_top, .black-box .black-box_top span, .black-box .black-box_buttom, .black-box .black-box_buttom span { background:url(../../images/black-box.png) no-repeat left top; height:5px; font-size:0px;}
.black-box .black-box_top { background-position:0 0; padding-left:6px; }
.black-box .black-box_top span { background-position:right -6px; display:block; width:100%; height:5px;}
.black-box .black-box_buttom {background-position:0 -12px; padding-left:5px; height:5px;}
.black-box .black-box_buttom span {background-position:right -18px; display:block; height:5px;}
.black-box .black-box_middle { background:url(../../images/black-middle-bg.png) repeat-x top; padding:15px 32px 20px 32px;}
.black-box .black-box-bottom-arrow { background:url(../../images/black-box-arrow.png) no-repeat left top; display:block; width:20px; height:11px; position:absolute;  bottom:-10px; left:49%;}
.black-box.inner-black-box { margin-bottom:0px;}
.black-box.inner-black-box .black-box_middle{ background-image:url(../../images/black-middle-bg-inner.png); padding:10px 15px; }


.product_information { padding:15px 10px 0 10px;}
.product_information h2 { padding-bottom:4px}
.product_information p { padding:3px 0 5px 0;}

.product_right { width:232px;}
.product_left { width:232px;}

/* Form Data */
.form_data {}
.form_data.padding_left_right { padding:0px 10px; width:500px;}
.form_data strong { font-weight:bold;}
.form_data td { padding:5px 0 5px 4px; vertical-align:top; color:#FFF; border:0px;}
.form_data th { padding:5px 0px 5px 0; vertical-align:top; color:#000; text-align:left; border:0px;}
.form_data td.text_align_right { text-align:right}

.step_number {display:block; position:absolute; left: 515px; top:-56px; width:54px; height:54px; line-height:54px; background: transparent url(../../images/home-text-round.png) no-repeat left; text-align:center; color:#FFF; font-size:19px; font-family:Arial Black, Arial, Helvetica, sans-serif; z-index:2; text-shadow: #999 0px 2px 2px;}

.bestellen_buttom { padding:25px 0 0 0}
.position_relative { position:relative;}

table {border:0px;}
