@CHARSET "UTF-8";

@font-face {
	font-family: Anago-Black;
	src: url('font/Anago-Black.otf') format("opentype");
}

@font-face {
	font-family: Anago-Book;
	src: url('font/Anago-Book.otf') format("opentype");
}

@font-face {
	font-family: Anago-Medium;
	src: url('font/Anago-Medium.otf') format("opentype");
}

@font-face {
	font-family: Anago-Thin;
	src: url('font/Anago-Thin.otf') format("opentype");
}

html, body, .ui-widget, .demochip, .start_text, #share_sm_text, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea,
	.ui-widget button, .search_count, #calculator_block_1 .leftside, #calculator_block_2 .leftside, #calculator_block_4 .leftside,
	#calc_needetnum, #more_methods_title, .aocon_content>.textline, .aoacc_front, .shariff li .share_count, .shariff li .share_text
	{
	font-family: Anago-Thin, Hevetica, Arial, sans-serif;
	font-size: 17px;
}

.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
	#share_sm_title, .main_objconf_header, .main_header {
	font-size: 30px;
}

#supersized_show {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	color: #fff;
}

#supersized {
	z-index: 0;
}

#play-button, #tray-button, #thumb-tray {
	background: url('../../img/bg-hover.png') repeat-x 0 44px;
}

#prevslide, #nextslide {
	z-index: 0; /*5*/
}

#progress-back, #controls-wrapper {
	background: transparent;
}

#progress-bar, #controls {
	display: none;
}

#nextthumb, #prevthumb {
	bottom: 129px;
}

#supersized li {
	/* 	z-index: 0; */
	
}

#start_collection .start_icon {
	width: 210px;
}

#btt_collection.btt {
	background-position: -0px -7875px;
}

#btt_collection:hover, #btt_collection.highlight {
	background-position: -150px -7875px;
}

#btt_collection.act {
	background-position: -75px -7875px;
}

#btt_collection.deact {
	background-position: -225px -7875px;
}

.desc_nav_icon.collection {
	background-position: -0px -7875px;
}

.coll_change_cat {
	width: 100%;
	height: 75px;
	line-height: 75px;
	text-align: center;
}

#start_inspiration {
	margin: 0px;
}

#start_custom {
	margin: 0px calc(( 100% - 864px)/2);
}

#btt_toroom {
	background-position: -0px -4050px;
}

#btt_toroom:hover {
	background-position: -150px -4050px;
}

#btt_toroom.act, #btt_toroom.highlight {
	background-position: -75px -4050px;
}

#btt_toroom:hover.deact, #btt_toroom.deact {
	background-position: -225px -4050px;
}

#btt_logo, #desc_logo {
	display: none;
}

#btt_logo, #desc_logo, .info_wrapper, #start_info_wrapper {
	bottom: 75px;
}

#impr_layer_logo {
	display: inline-block;
	width: 212px;
	height: 75px;
	background-repeat: no-repeat;
	margin-right: 5px;
	vertical-align: bottom;
	cursor: pointer;
}

#impr_layer_start, #impr_layer_main {
	left: 0px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	z-index: 20;
}

#impr_layer_main {
	z-index: 161;
}

.subbar_content, .inner_subbar_content, #selection_filter_color, #selection_filter_lrv {
	/* 	color: #fff; */
	overflow-y: auto;
	height: calc(100% - 75px);
}

.rot_menu {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 164px;
	height: 41px;
	background-color: #000;
	height: 41px;
}

.rot_menu.opened {
	display: block;
}

.marker_vr_btt {
	display: inline-block;
	width: 41px;
	height: 41px;
	background: transparent url("img/btn_Verlegung.png") 0px 0px;
	cursor: pointer;
}

.marker_vr_btt:hover, .marker_vr_btt.act {
	background-position: -41px 0px;
}

.marker_vr_45 {
	background-position: -0px -164px;
}

.marker_vr_45:hover, .marker_vr_45.act {
	background-position: -41px -164px;
}

.marker_vr_90 {
	background-position: -0px -41px;
}

.marker_vr_90:hover, .marker_vr_90.act {
	background-position: -41px -41px;
}

.marker_vr_135 {
	background-position: -0px -41px;
}

.marker_vr_135:hover, .marker_vr_135.act {
	background-position: -41px -41px;
}

.marker_vr_180 {
	background-position: -0px -82px;
}

.marker_vr_180:hover, .marker_vr_180.act {
	background-position: -41px -82px;
}

.marker_vr_270 {
	background-position: -0px -123px;
}

.marker_vr_270:hover, .marker_vr_270.act {
	background-position: -41px -123px;
}

.marker_vr_315 {
	background-position: -0px -287px;
}

.marker_vr_315:hover, .marker_vr_315.act {
	background-position: -41px -287px;
}

#start_inspiration .start_icon, #start_custom .start_icon {
	width: 204px;
}

.desc_nav_icon.inspiration {
	background-position: -0px -4050px;
}

.color_0 {
	background-color: #fff;
}

.color_1 {
	background-color: #ffe600;
}

.color_2 {
	background-color: #ffa800;
}

.color_3 {
	background-color: #ff0000;
	margin-right: 0px;
}

.color_4 {
	background-color: #ff64ff;
}

.color_5 {
	background-color: #9b00ff;
}

.color_6 {
	background-color: #009bff;
}

.color_7 {
	background-color: #3f888f;
}

.color_8 {
	background-color: #008c00;
	margin-right: 0px;
}

.color_9 {
	background-color: #c9bbac;
}

.color_10 {
	background-color: #a47046;
}

.color_11 {
	background-color: #969696;
}

.color_12 {
	background-color: #000;
	margin-right: 0px;
}

#start_express_logo {
	cursor: pointer;
}

#editor_mode_select_content {
	padding-bottom: 20px;
}

#editor_mode_desc {
	padding: 11px;
}

.editor_mode_select {
	background-color: #333;
	color: #fff;
	height: 25px;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 3px;
	line-height: 25px;
	cursor: pointer;
}

#btt_editor_obj.btt {
	background-position: -0px -8325px;
}

#btt_editor_obj:hover, #btt_editor_obj.highlight {
	background-position: -150px -8325px;
}

#btt_editor_obj.act {
	background-position: -75px -8325px;
}

#btt_editor_obj:hover.deact, #btt_editor_obj.deact {
	background-position: -225px -8250px;
}

#impr_layer_logo, .logo_btt {
		display: none;
}

@media ( min-width : 2560px) {
	.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
		#share_sm_title, .main_header, .main_objconf_header {
		font-size: 40px;
	}
	html, body, .ui-widget, .demochip, .start_text {
		font-size: 28px;
	}
	#btt_collection.btt {
		background-position: -0px -10500px;
	}
	#btt_collection:hover, #btt_collection.highlight {
		background-position: -200px -10500px;
	}
	#btt_collection.act {
		background-position: -100px -10500px;
	}
	#btt_collection.deact {
		background-position: -300px -10500px;
	}
	.desc_nav_icon.collection {
		background-position: -0px -10500px;
	}
	.coll_change_cat {
		height: 100px;
		line-height: 100px;
	}
	#start_custom {
		margin: 0px calc(( 100% - 1152px)/2);
	}
	#btt_toroom {
		background-position: -0px -5400px;
	}
	#btt_toroom:hover {
		background-position: -200px -5400px;
	}
	#btt_toroom.act, #btt_toroom.highlight {
		background-position: -100px -5400px;
	}
	#btt_toroom:hover.deact, #btt_toroom.deact {
		background-position: -300px -5400px;
	}
	#btt_logo, #desc_logo, .info_wrapper, #start_info_wrapper {
		bottom: 100px;
	}
	.desc_nav_icon.inspiration {
		background-position: -0px -5400px;
	}
	#impr_layer_logo {
		width: 272px;
		height: 100px;
	}
	#impr_layer_start {
		height: 100px;
		line-height: 100px;
	}
	#impr_layer_main {
		left: 0px;
		width: 100%;
		height: 100px;
		line-height: 100px;
	}
	#impr_layer_start>.impr_opt_show {
		margin-left: 277px;
	}
	.subbar_content, .inner_subbar_content, #selection_filter_color, #selection_filter_lrv, .dialog_prjmap_content,
		#dialog_prjmap_content {
		height: calc(100% - 100px);
	}
	#btt_editor_obj.btt {
		background-position: -0px -11100px;
	}
	#btt_editor_obj:hover, #btt_editor_obj.highlight {
		background-position: -200px -11100px;
	}
	#btt_editor_obj.act {
		background-position: -100px -11100px;
	}
	#btt_editor_obj:hover.deact, #btt_editor_obj.deact {
		background-position: -300px -11100px;
	}
}

@media ( max-width : 1024px) {
	/*1024px*/
	.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
		#share_sm_title, .main_header, .main_objconf_header {
		font-size: 17px;
	}
	html, body, .ui-widget, .demochip, .start_text {
		font-size: 9px;
	}
	#start_collection .start_icon {
		width: 110px;
	}
	#btt_collection.btt {
		background-position: -0px -5250px;
	}
	#btt_collection:hover, #btt_collection.highlight {
		background-position: -100px -5250px;
	}
	#btt_collection.act {
		background-position: -50px -5250px;
	}
	#btt_collection.deact {
		background-position: -150px -5250px;
	}
	.desc_nav_icon.collection {
		background-position: -0px -5250px;
	}
	.coll_change_cat {
		height: 50px;
		line-height: 50px;
	}
	#start_custom {
		margin: 0px calc(( 100% - 450px)/2);
	}
	#btt_toroom {
		background-position: -0px -2700px;
	}
	#btt_toroom:hover {
		background-position: -100px -2700px;
	}
	#btt_toroom.act, #btt_toroom.highlight {
		background-position: -50px -2700px;
	}
	#btt_toroom:hover.deact, #btt_toroom.deact {
		background-position: -150px -2700px;
	}
	#btt_logo, #desc_logo, .info_wrapper, #start_info_wrapper {
		bottom: 50px;
	}
	.desc_nav_icon.inspiration {
		background-position: -0px -2700px;
	}
	#start_inspiration .start_icon, #start_custom .start_icon {
		width: 106px;
	}
	#impr_layer_logo {
		width: 167px;
		height: 50px;
	}
	#impr_layer_start {
		height: 50px;
		line-height: 50px;
	}
	#impr_layer_main {
		left: 0px;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	#impr_layer_start>.impr_opt_show {
		margin-left: 172px;
	}
	.subbar_content, .inner_subbar_content, #selection_filter_color, #selection_filter_lrv, .dialog_prjmap_content,
		#dialog_prjmap_content {
		height: calc(100% - 50px);
	}
	#btt_editor_obj.btt {
		background-position: -0px -5550px;
	}
	#btt_editor_obj:hover, #btt_editor_obj.highlight {
		background-position: -100px -5550px;
	}
	#btt_editor_obj.act {
		background-position: -50px -5550px;
	}
	#btt_editor_obj:hover.deact, #btt_editor_obj.deact {
		background-position: -150px -5550px;
	}
}