.clear{
	clear:both;	
}

#stuff_modul{
	position:relative;
	width:692px;
	margin:0 auto;
	background-color:#cccccc;
	padding:5px;
	font-size:1em;
}

#preloader{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	margin-left:-5px;
	margin-top:-5px;
	display:none;
}

#reloader{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	margin-left:-5px;
	margin-top:-5px;
	display:none;
}

#preloader_content{
	position:relative;
	width:200px;
	left:50%;
	margin-left:-100px;
	height:200px;
	top:50%;
	margin-top:-100px;
	text-align:center;
	color:#000000;
	font-size:0.9em;
}

#preloader_content img{
	margin-top:20px;
}

#sm_collections{
	width:auto;
	text-align:center;
	margin-top:2px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:2px;
}

#sm_tbl_collections{
	margin-left:auto; 
    margin-right:auto;
	background-color:#FFFFFF;
}

#sm_div_collections{
	width:100%;
	display:inline-block;
}

.sm_collection_entry{
	float:left;
	width:30%;
	padding:5px;
	margin:5px;
	/*background-color:#cccccc;*/
	
	-moz-box-shadow: 0 0 5px 2px #848484;
    -webkit-box-shadow: 0 0 5px 2px #848484;
    box-shadow: 0 0 5px 2px #848484;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=45, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=135, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=225, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#848484', Direction=305, Strength=2);
}

.sm_collection_entry_hover{
	float:left;
	width:30%;
	padding:5px;
	margin:5px;
	background-color:#FF0000;
}

.sm_collection_entry_selected{
	float:left;
	width:30%;
	padding:5px;
	margin:5px;
	background-color:#FF0000;
}

.sm_collection_entry a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

.sm_collection_entry_hover a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

.sm_collection_entry_selected a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

.sm_div_col_a{
	width:auto;
}


.sm_div_col_logo{
	width:auto;
}

.sm_div_col_price{
	width:auto;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#000000;	
}

.sm_div_col_logo img{
	height:110px;
}

.col_logo_top_collection{
	/*width:160px;*/
	height:110px;
}

.col_logo_no_top_collection{
	/*width:120px;*/
	height:80px;
}

.sm_logo_selected{
	border:2px solid #ff0000;
}

#sm_info_strip{
	font-weight:bold;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

.sm_info_strip_entry{
	float:left;
	width:33%;
	font-size:0.8em;
}

.sm_info_strip_entry_sa{
	float:left;
	width:25%;
	font-size:0.8em;
}

.sm_info_strip_entry_sh{
	float:left;
	width:25%;
	font-size:0.8em;
}

.sm_info_strip_button{
	padding:10px;
	width:auto;
	background-image:url(images/background_info.jpg);
	background-repeat:repeat-x;
	background-color:#fe9001;
	border-left:1px solid #ffcc00;
	border-right:1px solid #fe9001;
	color:#000000;
	text-align:center;
	margin:5px;
	font-size:1em;
}

.sm_info_strip_button_hover{
	padding:10px;
	width:auto;
	background-image:url(images/background_info_hover.jpg);
	background-repeat:repeat-x;
	background-color:#fe8a00;
	border-left:1px solid #ff6600;
	border-right:1px solid #fe8a00;
	color:#000000;
	text-align:center;
	margin:5px;
	font-size:1em;
}

#sm_info_strip ul{
	text-align:center;
	height:30px;
	margin: 0;
	margin-top:5px;
	padding:0px;
}

#sm_info_strip li{
	list-style:none;
    display:inline;
}

/*#sm_info_strip div{
	text-decoration:underline;
	padding-left:3px;
	padding-right:3px;
}*/

/*#sm_info_strip div:hover{
	cursor:pointer
}*/

#sm_info_strip img{
	vertical-align: middle;
	margin-right:2px;
}

#sm_rate_strip{
	font-size:10px;
}

#sm_rate_strip ul{
	text-align:center;
	height:30px;
	margin: 0;
	margin-top:10px;
	padding:0px;
}

#sm_rate_strip li{
	list-style:none;
    display:inline;
}

#sm_rate_strip div{
	padding-left:4px;
	padding-right:4px;
}

#sm_rate_strip img{
	vertical-align: middle;
	margin-left:2px;
}

#sm_texture{
	font-weight:bold;
	width:auto;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
	display:none;
}

#sm_texture_container{
	border:1px solid;
	width:auto;
	margin:2px;
	padding:2px;
	background-color:#FFEC8B;
	
}

.sm_texture_entry{
	width:33%;
	float:left;
}

.sm_texture_entry_selected{
	width:33%;
	background-color:#999999;
	color:#ffffff;
	float:left;
}

.sm_texure_rad{
	padding:5px;
	float:left;
}

.sm_texture_rad_input{
	margin-top:2px;
}

.sm_texture_text{
	padding:5px 5px 5px 0px;
	float:left;
}

.sm_texture_text p{
	margin:0;
	padding:0;
	font-size:1.2em;
}

#sm_pre_selection{
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
	text-align:center;
	margin-top:5px;
}

#sm_serch_stuff{
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
	margin-top:5px;
}

#sm_search_container{
	border:1px solid;
	width:auto;
	margin:2px;
	background-color:#FFEC8B;
}

.sm_search_text{
	float:left;
	font-size:1.0em;
	padding:5px;
	margin-top:2px;
}

.sm_search_input{
	float:left;
	padding:5px;
}

.sm_search_button{
	float:left;
	padding:5px;
}

#sm_search_stuff_h2{
	width:auto;
	text-align:center;
	background-color:#ff6600;
	color:#ffffff;
	font-size:14px;
	margin:2px;

}

#sm_pre_selection_h2{
	width:auto;
	text-align:center;
	background-color:#ff6600;
	color:#ffffff;
	font-size:14px;
	margin:2px;

}

#sm_tbl_working{
	border:1px solid;
	margin:2px;
}

#sm_working{
	border:1px solid;
	width:auto;
	margin:2px;
}

.sm_working_entry{
	float:left;
	margin-right:20px;
}

.sm_working_rad{
	padding:5px;
	float:left;
}

.sm_working_text{
	padding:5px 5px 5px 0px;
	float:left;
}

.sm_working_text p{
	margin:0;
	padding:0;
	margin-top:2px;
}

#sm_working_selection{
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
	text-align:center;
	margin-top:5px;
	font-size:12px;
}

#sm_working_selection_h2{
	width:auto;
	text-align:center;
	background-color:#ff6600;
	color:#FFFFFF;
	font-size:14px;
	margin:2px;
}

#sm_div_stuff_selection{
	width:auto;
	margin-left:3px;
}

.sm_div_stuff_selection{
	float:left;
	width:48%;
	padding:5px;
}

.sm_stuff_selection_text{
	float:left;
	margin-right:15px;
	font-size:1.0em;
	padding-top:2px;
}

.sm_stuff_selection_input{
	float:left;
	margin-right:10px;
	margin-right:15px;
}

.sm_stuff_selection_functions{
	float:left;
	padding-top:2px;
	margin-left:5px;
}



#sm_tbl_stuff_selection{
	width:100%;
	text-align:left;
	font-size:12px;
}

#sm_tbl_stuff_selection td{
	/*width:50%;*/
	vertical-align:middle;
}

.sm_inp_stuff{
	background-color:#FFFFFF;
	width:100px;
}

#sm_stuff_selection
{
	background-color:#FFEC8B;
	padding:2px;
	color:#000000;
	text-align:center;
	margin-top:5px;
}

.sm_h2{
	width:auto;
	text-align:center;
	background-color:#ff6600;
	color:#FFFFFF;
	font-size:14px;
	margin:2px;
	font-weight:bold;
	padding:2px;
}

.sm_tbl_pre_selection{
	text-align:left;
	border-spacing:0px;
}

#sm_tbl_ps{
	width:100%;
	margin:0;
}

.sm_tbl_ps_th{
	text-align:center;
	font-size:12px;
	background-color:green;
	width:33%;
}

.sm_tbl_ps_td{
	font-size:12px;
	border:1px solid green;
	margin-top:0;
	vertical-align:top;
}

.sm_tbl_ps_td div{
	/*height:140px;*/
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden;
}

#sm_stuff{
	margin-top:5px;
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
}

#sm_stuff_h2{
	width:auto;
	text-align:center;
	background-color:#ff6600;
	color:#FFFFFF;
	font-size:14px;
	margin:2px;
}

#sm_stuff_container{
	border:1px solid;
	height:400px;
	margin:2px;
	margin-top:4px;
	overflow:auto; 
	overflow-y:scroll; 
	overflow-x:hidden;
	padding:2px;
}

#sm_stuff_container_tbl{
	width:100%;
}
.sm_stuff_container_td{
	width:33%;
	background-color:#FFFFFF;
}
.sm_stuff_container_td_sel{
	width:33%;
	background-color:#e5e5e5;
}

.sm_stuff_div_container{
	float:left;
	width:24%;
	padding:2px;
}

/*.sm_stuff_div_container:hover{
	cursor:pointer;
}*/

.sm_stuff_div_container_sel{
	float:left;
	width:24%;
	background-color:#FF6347;
	padding:2px;
}

/*.sm_stuff_div_container_sel:hover{
	cursor:pointer;
}*/

.sm_stuff_div_container_stuffnumber{
	font-size:12px;
	font-weight:bold;
	padding:5px;
	float:left;
	width:30%;
}

.sm_stuff_div_container_producer{
	padding:5px;
}

.sm_stuff_div_container_producer img{
	width:60%;
}

/*.sm_stuff_div_container_stuff:hover {
	cursor:help;
}*/
.sm_stuff_div_container_stuff img{
	max-width:100%;
}

.sm_stuff_div_container_button{
	background-image:url(images/buttons/orange_red.jpg);
	height:18px;
	color:#1b1bd6;
	margin-left:2px;
	margin-bottom:5px;
	margin-top:2px;
	padding-top:4px;
	font-size:11px;
	width:78px;
	text-align:center;
	font-weight:bold;
	float:left;
}

.sm_stuff_div_container_button a{
	color:#ffffff;
	font-size:11px;
}

/*.sm_stuff_div_container_button:hover{
	background-image:url(images/buttons/orange_blue.jpg);
	cursor:pointer;
}*/

.sm_no_stuff{
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.sm_div_stuff_info{
	background-color:#B0C4DE;
	padding:5px;
	font-size:10px;
}

.sm_div_stuff_info h3{
	font-size:12px;
	font-weight:bold;
	background-color:#00008B;
	color:#FFFFFF;
	margin:0px;
	padding:2px;
}

.sm_small_image{
	width:40%;
	float:left;
	margin-right:10px;
}
.sm_small_image img{
	max-width:100%;
}

.sm_delete_stuff{
	width:18px;
}

/*.sm_delete_stuff:hover{
	cursor:pointer;
}*/

.sm_detail_stuff{
	width:18px;
	margin-right:2px;
}

/*.sm_detail_stuff:hover{
	cursor:pointer;
}*/

.sm_image_stuff{
	width:18px;
}

/*.sm_image_stuff:hover{
	cursor:pointer;
}*/

#sm_top_collection_text{
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

.sm_rad_working{
	width:20px;
}

.sm_div_working{
	float:left;
}

.sm_div_working img{
	width:18px;
	margin-left:3px;
	margin-top:5px;
	vertical-align:middle;
	display:block;
}

.sm_color_input_td{
	width:10%;
}

.sm_color_text_td{
	width:40%;
	text-align:left;
}

.sm_color_tr{
	padding:2px;
}

.sm_rad_design_text{
	padding-top:4px;
}

#sm_get_stuffdesign{
	width:auto;
	padding:5px;
	text-align:left;
	font-size:1.0em;
}

.sm_text{
	padding:5px;
	margin:1em;
}

#sm_working_failure{
	margin-top:5px;
	margin-right:2px;
	width:auto;
	padding:5px;
	text-align:left;
	font-size:0.9em;
	background-color:red;
	color:white;
	font-weight:bold;
	display:none;
}

#sm_hinweis_farbe{
	width:auto;
	padding:5px;
	text-align:left;
	font-size:1.0em;
	margin-bottom:10px;
}


#sm_working_hinweis_text{
	float:left;
	width:82%;
}

#sm_working_hinweis_text_content{
	padding:10px;
	width:auto;
	text-align:left;
	font-size:1.1em;
}

#sm_working_image{
	float:left;
	width:18%;
}

#sm_working_image_content{
	padding:10px;
	width:auto;
}

#sm_working_image_content img{
	width:100%;
}

.col_price{
	width:auto;
	text-align:center;
	padding:5px;
	color:#000000;
}

.sm_hinweis{
	padding:5px;
	text-align:center;
	color:#000000;
}

.sm_tex_tooltip{
	width:auto;
	padding:10px;
}

.sm_col_tooltip{
	float:left;
}

.sm_col_tooltip_image{
	height:110px;
	margin:10px 20px;
	border:1px solid #000000;
}

.sm_col_tooltip_text{
	width:auto;
	padding:5px;
	text-align:center;
	font-size:1.0em;
	font-weight:bold;
}

@media screen and (max-width: 960px) {
	#sm_collections_side{
		display:none !important;
	}
}

@media screen and (max-width: 760px) {
	#stuff_modul{
		width:95% !important;
	}
}

@media screen and (max-width: 650px) {
	.sm_collection_entry{
		width:45%;
	}
	
	.sm_collection_entry_hover{
		width:45%;
	}
	
	.sm_collection_entry_selected{
		width:45%;
	}
	
	.sm_stuff_div_container{
		width:31%;
	}

	.sm_stuff_div_container_sel{
		width:31%;
	}
	
	.sm_div_stuff_selection{
		width:98%;
	}
	
	.sm_working_entry{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	.sm_info_strip_entry{
		width:100%;
	}

	.sm_info_strip_entry_sa{
		width:50%;
	}

	.sm_info_strip_entry_sh{
		width:50%;
	}
	
	.sm_working_hinweis_text{
		width:100%;
	}
	
	.sm_working_image{
		display:none;
	}
	
	.sm_rad_design_text{
		font-size:0.8em;
	}

	.sm_color_text_td{
		font-size:0.8em;
	}
	
	.sm_tbl_pre_selection td{
		font-size:0.8em;
	}
	
	.sm_tbl_pre_selection th{
		font-size:0.8em;
	}
}

@media screen and (max-width: 420px) {
	.sm_collection_entry{
		width:95%;
	}
	
	.sm_collection_entry_hover{
		width:95%;
	}
	
	.sm_collection_entry_selected{
		width:95%;
	}
	
	.sm_stuff_div_container{
		width:48%;
	}

	.sm_stuff_div_container_sel{
		width:48%;
	}
}