.clear{
	clear:both;
}

#ss_kalkulator{
	font-size:1.1em;
	width:auto;
	margin:5px;
}

#ss_header{
	width:auto;
	/*background-color:#0273bb;*/
	background-color:#1d5283;
}

#ss_header_text{
	width:auto;
	text-align:center;
	padding:10px;
	font-size:1.3em;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}

#ss_content{
	width:auto;
}

#social_media_konfig{
	width:auto;
	text-align:center;
	padding-top:10px;
}

#social_media_konfig_buttons{
	width:auto;
}

.smk_button_facebook{
	width:45%;
	display:block;
	margin: 0 auto;
	background:rgba(59,89,152,0.7);
	cursor:pointer;
}

.smk_button_facebook:hover{
	background:rgba(59,89,152,0.9);
}

.smk_button_text{
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	padding:6px 10px;
	text-transform:uppercase;
}

.smk_button_image{
	float:left;
	width:40px;
}

#ss_footer{
	width:auto;
	text-align:center;
	padding-top:10px;
}

#ss_footer_buttons{
	width:auto;
}

.ss_kalkulator_button{
	float:left;
	width:29.3%;
	margin:1%;
	/*background-color:#0273bb;*/
	background-color:#1d5283;
	padding:1%;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.ss_kalkulator_button_hover{
	float:left;
	width:29.3%;
	margin:1%;
	/*background-color:#fbb91d;*/
	background-color:#ac5258;
	/*color:#000000;*/
	color:#ffffff;
	padding:1%;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

#ss_shipping_info{
	width:auto;
}

#ss_shipping_info_content{
	width:auto;
	padding:5px;
	background-color:#cccccc;
}

.ss_shipping_info_area{
	float:left;
	width:33%;
}

.ss_shipping_info_text{
	width:auto;
	padding:10px;
	font-size:0.9em;
}


.ss_shipping_info_image{
	width:auto;
	padding:30px;
	text-align:center;
}

.ss_shipping_info_image img{
	width:80%;
}

..ss_button_text{
	float:left;
	width:68%;
	padding:10px;
}

.ss_button_image{
	float:left;
	width:17%;
	padding:2px;
	padding-top:4px;
}

.ss_button_text{
	float:left;
	width:68%;
	padding:10px;
}

.ss_button_image{
	float:left;
	width:17%;
	padding:2px;
	padding-top:4px;
}

#ss_shipping{
	width:auto;
	padding:5px 0;
}

#ss_shipping_content{
	width:auto;
	padding:10px;
	background-color:#cccccc;
}

#ss_shipping_header{
	padding:0 5px 5px 5px;
	width:auto;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

.ss_shipping_content{
	width:100%;
	background-color:#ffffff;
}

#ss_shipping_values{
	width:auto;
	background-color:#ffffff;
}

.ss_shipping_rad{
	float:left;
	width:10%;
}

.ss_shipping_text{
	float:left;
	width:60%;
}

.ss_shipping_price{
	float:left;
	width:20%;
}

.ss_shipping_infobutton{
	float:left;
	width:10%;
}

.ss_shipping_infobutton img{
	height:25px;
	display:block;
}

#ss_kalkulation{
	width:auto;
	background-color:#ffffff;
}

.ss_kalk_left{
	float:left;
	width:60%;
}

.ss_kalk_complete{
	width:100%;
}

.ss_kalk_right{
	float:left;
	width:40%;
}

#ss_kalk_drawing_content{
	width:400px;
	height:400px;
}

.ss_kalk_drawing_text{
	padding:10px;
}

.ss_kalk_drawing_button{
	padding:10px;
}

.ss_kalk_button{
	margin:10px;
	border:1px solid #000000;
	background-image:url(bilder/background_drawing_button.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

.ss_kalk_button_hover{
	margin:10px;
	border:1px solid #000000;
	background-image:url(bilder/background_drawing_button_hover.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

#ss_forms_image_kalk{
	width:auto;
	padding:15px;
	text-align:center;
	margin:5px;
}

#ss_form_image{
	display:block;
	max-width:100% !important;
	margin-left: auto;
    margin-right: auto;
}

#ss_form_image_small{
	display:block;
	max-width:75% !important;
	margin-left: auto;
    margin-right: auto;
}

#ss_kalk_content{
	width:auto;
}

#ss_kalk_container{
	width:auto;
}

.ss_kalk_text{
	width:auto;
	padding:5px;
}

.ss_kalk_text_small{
	width:auto;
	padding:5px;
	font-size:0.9em;
}

.ss_kalk_image{
	width:auto;
	padding:5px;
}

.ss_kalk_image img{
	width:100%;
}

.ss_kalkulation_row{
	width:auto;
	border-bottom:1px dashed #cccccc;
}

.ss_kalkulation_row_price{
	width:auto;
	border-bottom:1px dashed #cccccc;
	background-color:#F3E2A9;
}

.ss_kalkulationo-bg-red{
	background-color:#db0000;
    color:#ffffff;
}

.ss_kalkulation_parameter{
	float:left;
	width:35%;
	font-weight:bold;
}

.ss_kalkulation_value{
	float:left;
	width:50%;
}

.ss_kalkulation_parameter_image{
	float:left;
	width:30%;
	font-weight:bold;
}

.ss_kalkulation_value_image{
	float:left;
	width:40%;
}

.ss_kalkulation_image{
	float:left;
	width:15%;
}

.ss_kalkulation_image a{
	display:block;
}

.ss_kalkulation_image img{
	display:block;
	max-width:100%;
	max-height:56px;
}

.ss_kalkulation_value_big{
	float:left;
	width:65%;
}

.ss_kalkulation_change{
	float:left;
	width:15%;
	text-align:center;
}

.ss_kalkulation_sides{
	float:right;
	width:50%;
}

.ss_kalkulation_content{
	width:auto;
	padding:5px;
}

.ss_kalkulation_content_listenpreis{
	width:auto;
	padding:5px;
	color:red;
	font-weight:bold;
	text-decoration:line-through;
	font-size:1.1em;
}

.ss_kalkulation_content_price{
	width:auto;
	padding:5px;
	font-weight:bold;
	color:blue;
	font-size:1.2em;
}

.ss_kalkulation_content_skonto{
	width:auto;
	padding:5px;
	font-weight:bold;
	color:green;
	font-size:1.4em;
}

.ss_kalkulation_content_skonto2{
	width:auto;
	padding:5px;
	font-weight:bold;
	color:red;
	font-size:1.5em;
}

.ss_kalkulation_content_hinweis{
	width:auto;
	padding:0;
	margin:0;
	font-size:1.0em;
}

.hinweis{
	color:red;
	font-weight:bold;
}

.ss_change_image{
	width: 65px;
}

.ss_winter_text{
	width:auto;
	padding:10px;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

#ss_myhammer{	
	width:auto;
	padding:10px;
	text-align:center;
	font-size:1.1em;
}

#ss_myhammer img{
	width:50%;
}

.ss_change_button{
	display:block;
	padding-top:6px;
    padding-bottom:6px;
	color:#ffffff;
	/*background-color:#0273bb;*/
	background-color:#1d5283;
	font-size:0.9em;
	text-decoration:none;
    border:0;
    width:100%;
}

.ss_change_button:hover{
	/*background-color:#fbb91d;*/
	background-color:#ac5258;
	/*color:#000000;*/
	color:#ffffff;
    cursor:pointer;
}

.ss_step_description_button{
	width:80%;
	margin:0 auto;
	/*background-color:#fbb91d;*/
	background-color:#ac5258;
	/*color:#000000;*/
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

.ss_step_description_button_hover{
	width:80%;
	margin:0 auto;
	/*background-color:#0273bb;*/
	background-color:#1d5283;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

.ss_step_description_button_image{
	float:left;
	width:25%;
	text-align:center;
}

.ss_step_description_button_image img{
	width:30px;
	line-height:1;
}

.ss_step_description_button_text{
	width:auto;
	padding:10px;
	text-align:center;
	font-size:1.0em;
}

@media screen and (max-width: 730px) {
	.smk_button_facebook{
		width:auto;
	}
}

@media screen and (max-width: 600px) {	
	.ss_kalk_left{
		width:100%;
	}

	.ss_kalk_right{
		width:100%;
	}
	
	.ss_kalkulation_parameter{
		float:left;
		width:50%;
		font-weight:bold;
	}

	.ss_kalkulation_value{
		float:left;
		width:50%;
	}
	
	.ss_kalkulation_parameter_image{
		float:left;
		width:50%;
		font-weight:bold;
	}

	.ss_kalkulation_value_image{
		float:left;
		width:50%;
	}
	
	.ss_kalkulation_image{
		display:none;
	}
	
	.ss_kalkulation_value_big{
		float:left;
		width:50%;
	}
	.ss_kalkulation_change{
		display:none;
	}
	
	.ss_shipping_info_image{
		display:none;
	}
	
	.ss_shipping_info_area{
		width:100%;
	}
	
	.ss_kalkulator_button{
		width:96%;
	}

	.ss_kalkulator_button_hover{
		width:96%;
	}
}

@media screen and (max-width: 420px){
	#ss_kalk_drawing_content{
		width:100%;
		height:300px;
	}
}