html {
	font-family: Verdana, sans-serif;
	overflow: hidden;
	background-color: #fff;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

#layout {
	position: absolute;
}

#content {
	position: absolute;
}

#display {
	position: absolute;
}

#inner_content,#inner_content_cloud {
	position: absolute;
}

#inner_content_cloud {
	top: 0;
}

#display1,#display2 {
	position: relative;
	margin: 0px auto;
}

#left_trans,#right_trans {
	background-color: #606060;
}

#logo_right {
	position: absolute;
	background: url(../images/logo_elu.png) no-repeat top right;
	width: 90px;
	height: 70px;
	cursor: pointer;
}

#leftcolumn,#rightcolumn,#left_trans,#right_trans,#left_openclose,#right_openclose
	{
	position: absolute;
	top: 0px;
}

#rightcolumn,#right_trans,#right_openclose {
	
}

#inner_content {
	overflow: hidden;
}

#run {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#left_openclose,#right_openclose {
	position: absolute;
	top: 0px;
	width: 20px;
}

#left_openclose {
	right: 0px;
}

#right_openclose {
	left: 0px;
}

#leftcolumn,#left_trans {
	left: 0px;
	width: 250px;
}

#rightcolumn,#right_trans {
	width: 250px;
}

#logo_big {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 70px;
}

#btt_cloud {
	display: inline-block;
	position: absolute;
	right: 20px;
	width: 100px;
	height: 35px;
	cursor: pointer;
	background-color: #464646;
	background-image: url(../images/btt_Cloud_grau_login_center.png);
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 11px;
}

#btt_cloud:hover {
	background-image: url(../images/btt_Cloud_blau_login_center.png);
}

#btt_cloud.logged {
	background-image: url(../images/btt_Cloud_grau_logout_center.png);
}

#btt_cloud.logged:hover {
	background-image: url(../images/btt_Cloud_blau_logout_center.png);
}

.btt {
	cursor: pointer;
	line-height: 35px;
	width: 85px;
	height: 31px;
	text-align: center;
	color: #fff;
	background-color: #464646;
	font-size: 11px;
	border-bottom: 4px solid #fff;
	padding: 0 5px;
	margin-left: 5px;
	overflow: hidden;
}

#cloud_menu_left {
	width: 250px;
	margin-top: 12px;
}

#cloud_menu_left_title,#cloud_menu_left_phs_title {
	text-align: center;
	margin: 10px;
	overflow: hidden;
}

.bttcloudleft {
	width: 220px;
	font-size: 11px;
	line-height: 15px;
	display: block;
	margin: 0;
	overflow: hidden;
	float: none;
	background-color: rgba(0, 0, 0, 0);
	/*border-bottom: 1px solid #000;*/
	padding: 5px;
	padding-left: 25px;
	color: #fff;
	display: block;
	text-align: left;
	height: 15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}

#btt_cloud_left_projects {
	/*border-top: 1px solid #000;*/
	
}

#btt_home,#btt_cloud_home {
	background: #464646 url(../images/icon_home_0.png) right center
		no-repeat;
	width: 65px;
	height: 31px;
	vertical-align: middle;
	text-align: left;
}

#btt_left_openclose,#btt_right_openclose {
	cursor: pointer;
}

#btt_gestalten {
	position: absolute;
	left: 330px;
	top: 0px;
	display: block;
	width: 70px;
	padding: 0px;
	padding-right: 25px;
	border-color: #009ee0;
	background: #464646 url(../images/icon_gestalten_0.png) right center
		no-repeat;
	z-index: 20;
}

#btt_import,#btt_cloud_home,#btt_dialog_variant_info_ok,#btt_dialog_upload_error_ok
	{
	border-color: #003388;
}

#btt_vorbereiten {
	border-color: #97bf0d;
	display: none;
}

#btt_home {
	position: relative;
	display: block;
	margin-left: 255px;
	border-color: #990066;
}

#btt_open {
	margin-top: 5px;
	border-color: #ffd701;
}

#btt_save {
	margin-top: 5px;
	border-color: #ff9900;
}

#btt_print {
	margin-top: 5px;
	border-color: #e2001a;
}

#btt_share {
	margin-top: 5px;
	border-color: #990066;
	line-height: 28px;
	display: none;
}

#btt_fullscreen {
	position: absolute;
	top: 0px;
	border-color: #990066;
}

#btt_cloudtv {
	border-color: #a5037d;
	background: #003388 url(../images/btt_expressTVa.png) center center;
	width: 100px;
	height: 35px;
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 255px;
	top: 0px;
	cursor: pointer;
}

#btt_phs_order {
	border-color: #003388;
}

#btt_impressum {
	position: absolute;
	bottom: 10px;
	border-color: #828282;
}

#btt_ds {
	position: absolute;
	bottom: 10px;
	border-color: #828282;
}

#btt_help {
	position: absolute;
	width: 32px;
	bottom: 10px;
	border-color: #990066;
}

#editor_tools {
	position: relative;
	left: 30px;
}

#editor_tools .btt {
	text-align: left;
	width: 155px;
	height: 35px;
	border: 0;
	margin-left: 0px;
	margin-bottom: 3px;
	padding: 0;
	padding-left: 35px;
	cursor: pointer;
	border-color: #a5037d;
}

#editor_upload_label {
	font-size: 10px;
	width: 150px;
	height: 40px;
	line-height: 12px;
	text-align: center;
	position: relative;
	top: -50px;
}

#btt_editor_wand {
	background: #003388 url(../images/btt_maske_erstellen_0.png) center
		center;
}

#btt_editor_wand:hover,#btt_editor_wand.act {
	color: #000;
	background: #003388 url(../images/btt_maske_erstellen_1.png) center
		center;
}

#btt_editor_brush {
	background: #003388 url(../images/btt_pinsel_0.png) center center;
}

#btt_editor_brush:hover,#btt_editor_brush.act {
	color: #000;
	background: #003388 url(../images/btt_pinsel_1.png) center center;
}

#btt_editor_rubber {
	background: #003388 url(../images/btt_radierer_0.png) center center;
}

#btt_editor_rubber:hover,#btt_editor_rubber.act {
	color: #000;
	background: #003388 url(../images/btt_radierer_1.png) center center;
}

#btt_editor_toolsize {
	background: #003388 url(../images/btt_wz-groessen_0.png) center center;
}

#btt_editor_toolsize:hover,#btt_editor_toolsize.act {
	color: #000;
	background: #003388 url(../images/btt_wz-groessen_1.jpg) center center;
}

#btt_editor_delete_mask {
	background: #003388 url(../images/btt_maske_loeschen_0.png) center
		center;
}

#btt_editor_delete_mask:hover,#btt_editor_delete_mask.act {
	color: #000;
	background: #003388 url(../images/btt_maske_loeschen_1.png) center
		center;
}

#dialog_help_content,#dialog_print_content {
	position: absolute;
	z-index: 2;
	bottom: 10px;
	top: 55px;
	left: 10px;
	right: 10px;
}

#obj_help {
	height: 100%;
	width: 100%;
}

#left_content,#left_content_cloud {
	position: absolute;
	top: 70px;
	width: 250px;
}

#display_time_loader {
	/*
	background: transparent url(../images/ajax-loader.gif) no-repeat center
		center;
		*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 10px;
	border: 0px none;
	text-align: center;
	display: none;
	color: #0a0a0a;
	visibility: hidden;
}

#displaya {
	position: absolute;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0px;
	border: 0px none;
	font: normal 105% Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	overflow: hidden;
}

#displayb {
	position: absolute;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0px;
	border: 0px none;
	text-align: center;
	overflow: hidden;
}

#displaya img,#displayb img {
	margin: 0px auto;
}

#mainprods {
	/*margin-left: 18px;
	border: 1px solid #000;*/
	overflow-y: auto;
	overflow-x: hidden;
	width: 229px;
}

.fullcat,.mainprod {
	width: 220px;
	padding: 5px;
	overflow: hidden;
	padding-left: 25px;
	cursor: pointer;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	/*
	background-color: #c0c0c0;
	border-bottom: 1px solid #000;
	*/
}

.fullcat {
	/*margin-left: 18px; 
	margin-top: -1px;
	border: 1px solid #000; 
	border-top: 1px solid #000;*/
	cursor: pointer;
}

#infoarea {
	width: 200px;
	margin-left: 23px;
	padding: 5px;
	color: #fff;
	border: 1px solid transparent;
}

.subcatsfor,.subprodsfor {
	width: 229px;
	margin-top: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	border-top: 2px solid #333;
	padding-top: 10px;
	/* margin-left: 18px; 
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;*/
}

#room_area_select,#room_area_select_cloud,#tree_select {
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
}

#room_area_select_bib,#room_area_select_edit,#room_area_select_bib_cloud,#room_area_select_edit_cloud,.tree_select
	{
	height: 30px;
	width: 124px;
	background: #fff;
	color: #000;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
}

#room_area_select_edit,#room_area_select_edit_cloud,.tree_select {
	background-color: #464646;
	border-left: 1px solid #464646;
	color: #fff;
}

#room_area_select_edit:hover,#room_area_select_bib_cloud:hover {
	background: #fff;
	color: #000;
}

.tree_select:hover {
	background: #fff;
	color: #000;
}

.tree_select.act {
	background: #fff;
	color: #000;
}

#room_area_select_bib_cloud {
	background-color: #333333;
	color: #fff;
}

#room_area_select_edit_cloud {
	background: #fff;
	color: #000;
}

.subcat,.subprod {
	padding: 5px;
	padding-left: 25px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	/*border-bottom: 1px solid #000;
	background-color: #C0C0C0;*/
}

.texture_chip {
	position: relative;
	background: #cccccc center center;
	width: 66px;
	height: 66px;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px solid #ffffff;
	text-align: center;
	float: left;
	overflow: hidden;
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
}

.noklick_texture_chip {
	position: absolute;
	background: transparent top center;
	top: 0px;
	left: 0px;
	width: 66px;
	height: 66px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-align: center;
	overflow: hidden;
	font-size: 180%;
	font-weight: normal;
	text-decoration: none;
	color: #ff0000;
	display: block;
	cursor: auto;
}

.object_item {
	position: relative;
	background: transparent center center;
	text-align: left;
	font: bold 90% Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 162px;
	height: 142px;
}

.object_label {
	position: relative;
	background-color: transparent;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 10px;
	height: 10px;
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
	color: #202020;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 10px;
}

.object_image {
	border: 1px solid #808080;
	position: relative;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 120px;
}

/* gibt es einen Grund warum das auf zwei Bereiche aufgeteilt war?
.room_chip
{
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	cursor: pointer;
}

.room_chip
{
	width: 150px;
	height: 150px;
	border: 1px solid #a0a0a0;
	text-align: center;
	vertical-align: middle;
	line-height: 146px;
	margin: 0 0 20px 20px;
	background-color: #dcdcdc;
}
*/
.room_chip {
	float: left;
	width: 150px;
	height: 150px;
	border: 1px solid #a0a0a0;
	text-align: center;
	vertical-align: middle;
	line-height: 146px;
	margin: 0 0 20px 20px;
	background-color: #dcdcdc;
	cursor: pointer;
	position: relative;
}

.room_chip img {
	line-height: 0px;
}

.room_image {
	/*  	width: 150px;
	height: 150px; */
	text-align: center;
	vertical-align: middle;
	position: absolute;
}

.room_label {
	margin-top: 3px;
	font-size: 12px;
	line-height: 14px;
	width: 150px;
	height: 14px;
	overflow: hidden;
}

.dialog {
	display: none;
}

#layout {
	overflow: hidden;
}

.ui-dialog, .ui-dialog-titlebar{
	padding: 0px;
}

.ui-dialog-titlebar {
	background: #464646;
	color: #fff;
	font-size: 15px;
}

.ui-dialog-titlebar,.ui-dialog-content {
	padding: 10px;
}

.ui-dialog-content {
	overflow: auto;
	font-size: 9px;
}

.ui-dialog-content,.ui-dialog-titlebar {
	border: 1px solid #464646;
}

.ui-dialog-content,.ui-dialog {
	background-color: #aaa;
}

.ui-dialog-titlebar-close {
	float: right;
}

#btt_info_www {
	background: url(../images/btt_www_0.png) no-repeat left top;
}
/*
 .ui-button-text
 {
 display: none;
 }
 */
.ui-dialog-titlebar-close {
	background: url(../images/btt_close_0.png) no-repeat left top;
	width: 25px;
	height: 25px;
	border: 0;
}

#dia_save_choice_send,#dia_save_choice_save,#dia_save_choice_abort,#dia_save_send,#dia_save_back,#dia_save_cloud_send,#dia_save_cloud_back,.save_project_id_form_status_button
	{
	color: #fff;
	background-color: #464646;
	border-bottom: 4px solid #828282;
	margin: 10px 5px;
}

#dia_save_choice_send:hover,#dia_save_choice_save:hover,#dia_save_choice_abort:hover,#dia_save_send:hover,#dia_save_back:hover,#dia_save_cloud_send:hover,#dia_save_cloud_back:hover,.save_project_id_form_status_button:hover
	{
	background-color: #828282;
}

#dia_save_choice_send {
	width: 180px;
	height: 25px;
	padding: 1px 5px 0 30px;
	line-height: 25px;
	cursor: pointer;
}

#dia_save_choice_save {
	width: 180px;
	height: 25px;
	padding: 1px 5px 1px 30px;
	line-height: 25px;
	cursor: pointer;
}

#dia_save_choice_abort,#dia_save_send,#dia_save_back,#dia_save_cloud_back,#dia_save_cloud_send,.save_project_id_form_status_button
	{
	display: inline-block;
	height: 31px;
	padding: 0 10px;
	line-height: 35px;
	cursor: pointer;
	text-align: center;
}

#dia_save_send,#dia_save_back,#dia_save_cloud_back,#dia_save_cloud_send
	{
	display: inline-block;
}

#dia_save_buttons_div,#dia_save_cloud_project_div {
	text-align: right;
}

#dia_save_email_div,#dia_save_project_div,#div_save_cloud_buttons_div {
	text-align: right;
}

#dia_save_project,#dia_save_email,#dia_save_cloud_project {
	background-color: #fff;
	width: 195px;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #000;
	padding: 0 5px;
}

.bold {
	font-weight: bold;
}

.textright {
	text-align: right;
}

#dia_save_choice_intro {
	margin: 5px;
}

#btt_prj_id,#prj_id_wrapper,#prj_id_text {
	display: inline-block;
	vertical-align: middle;
}

#prj_id_input {
	display: inline-block;
	vertical-align: top;
}

#btt_prj_id {
	display: inline-block;
	line-height: 35px;
	width: auto;
	height: 31px;
	text-align: center;
	color: #0a0a0a;
	font-size: 11px;
	border-bottom: 4px solid #009ee0;
	padding: 0 10px;
	background-color: #009ee0;
	left: 5px;
}

#prj_id_text,#btt_prj_open,#btt_prj_close {
	padding: 0 5px;
}

#prj_id_wrapper {
	height: 33px;
	border: 1px solid #000;
	font-size: 9px;
	background-color: #808080;
}

#prj_id_input {
	width: 120px;
	height: 25px;
	border: 1px solid #000;
	margin-top: 3px;
	padding: 0 5px;
}

#btt_prj_id,#prj_id_wrapper {
	position: absolute;
	bottom: 10px;
}

#prj_id_text {
	line-height: 27px;
	margin-top: 3px;
}

#btt_prj_open {
	cursor: pointer;
}

.ui-front {
	z-index: 100;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50%
		50% repeat-x;
	opacity: .7;
	filter: Alpha(Opacity = 70);
}

.subcat,.fullcat,.mainprod,.subprod {
	cursor: pointer;
	font-size: 11px;
}

#cloud_login,#photoservice {
	left: 20px;
	top: 90px;
	position: absolute;
	font-size: 9px;
	overflow: hidden;
}

#photoservice {
	top: 0px;
	left: 0px;
	padding-left: 20px;
}

#cloud_login_logo {
	margin-top: 20px;
	background: url(../images/schaubild.png) no-repeat left top;
	width: 283px;
	height: 210px;
	vertical-align: top;
	margin-left: 30px;
	float: left;
}

#cloud_login_pass_forgotten,#cloud_login_register,#btt_user_profile {
	cursor: pointer;
}

#cloud_login_div {
	width: 400px;
	float: left;
}

.bttlabel,.icoinput,#cloud_login_submit,#cloud_login_submit_dialog {
	display: inline-block;
	vertical-align: middle;
}

.cloudlabel,.bttlabel,.icoinput,#cloud_login_submit,#cloud_login_submit_dialog
	{
	margin-bottom: 20px;
}

.icoinput,#cloud_login_submit,#cloud_login_submit_dialog {
	width: 212px;
	border: 1px solid #000;
	padding: 5px;
}

.icoinput {
	width: 182px;
	padding-right: 23px;
	background: #fff url(../images/btt_eingabe_close.png) no-repeat right
		center;
}

#cloud_login_submit,#cloud_login_submit_dialog {
	background-color: #464646;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-bottom: 4px solid #003388;
}

#cloud_login_submit:hover,#cloud_login_submit_dialog:hover {
	background-color: #003388;
}

#cloud_login_submit_dialog {
	clear: both;
}

.bttlabel {
	margin-left: 20px;
	padding-left: 30px;
	background: url(../images/btt_play-pfeil_0.png) no-repeat center left;
	height: 23px;
	cursor: pointer;
}

#btt_phs_upl,#btt_phs_new_order {
	display: inline-block;
	cursor: pointer;
	vertical-align: bottom;
	margin: 0;
	border: 1px solid #000;
	height: 172px;
	float: left;
	margin: 20px 0px 0px 20px;
}

.uploaded_image,.chosen_type,.chosen_style {
	display: inline-block;
	vertical-align: top;
}

.cloud_div {
	position: absolute;
	top: 90px;
}

#phs_upl_div {
	width: 80px;
	height: 100px;
	display: inline-block;
	margin-right: 10px;
}

#btt_phs_new_order,#btt_editor {
	background: #dcdcdc url(../images/btt_new_order_0.png) no-repeat center
		center;
	width: 150px;
	height: 150px;
	text-align: center;
}

#btt_editor {
	background-image: url(../images/eigeneBilder_0.png);
}

#btt_editor:hover {
	background-image: url(../images/eigeneBilder_1.png);
}

#btt_editor:hover #btt_editor_lbl {
	color: #fff;
}

#btt_editor_lbl {
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	overflow: hidden;
	position: absolute;
	left: 21px;
	margin-top: 100px;
	text-align: center;
	width: 140px;
}

#btt_phs_new_order:hover {
	background-image: url(../images/btt_new_order_1.png);
}

#btt_phs_new_order_label {
	margin-top: 120px;
}

#btt_phs_upl {
	background: #dcdcdc url(../images/btt_pfeil_oben_0.png) no-repeat center
		center;
	width: 150px;
	height: 150px;
	text-align: center;
}

#btt_phs_upl:hover,#btt_phs_upl.act {
	background-image: url(../images/btt_pfeil_oben_1.png);
}

#btt_phs_upl div {
	margin-top: 120px;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}

#phs_upl_label,.uploaded_img_label,.chosen_type_label,.chosen_style_label
	{
	height: 32px;
	line-height: 16px;
	text-align: center;
}

#new_order_info,#fetch_order_info {
	margin-top: 30px;
}

#colorpicker {
	overflow: hidden;
}

#user_mgmt {
	position: absolute;
	right: 160px;
	width: 395px;
	height: 35px;
}

#btt_user_profile,#btt_login_logout {
	height: 31px;
	line-height: 35px;
	padding-right: 30px;
	padding-left: 5px;
	position: absolute;
	color: #fff;
	font-size: 11px;
	border-bottom: 4px solid #003388;
	right: 0;
}

#btt_user_profile {
	right: 125px;
}

#btt_user_profile:hover,#btt_login_logout:hover {
	background-color: #003388;
}

#btt_user_profile {
	background: url(../images/icon_benutzerkonto_0.png) no-repeat right
		center;
	width: auto;
}

#btt_login_logout {
	background: url(../images/icon_abmelden_0.png) no-repeat right center;
	margin-left: 0px;
	display: none;
}

#cloud_login_pass_forgotten,#cloud_login_register {
	line-height: 23px;
}

#cloud_login_pass_forgotten,#cloud_login_pass_forgotten_dialog {
	position: relative;
	top: -64px;
	left: 215px;
}

#cloud_business_data {
	font-size: 9px;
}

.btt_cloud_bsns_icon {
	padding-left: 28px;
	height: 23px;
	line-height: 23px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#cloud_bsns_title {
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	font-size: 15px;
	padding-left: 25px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#cloud_bsns_search {
	background: url(../images/btt_play-pfeil_0.png) no-repeat left center;
}

#cloud_bsns_logo_del {
	background: url(../images/btt_close_0.png) no-repeat left center;
}

.cloud_left_margin {
	margin-left: 20px;
	margin-bottom: 5px;
}

.cloud_label {
	height: 23px;
	line-height: 23px;
}

#cloud_bsns_descr {
	width: 200px;
	height: 69px;
	border: 1px solid #000;
	padding: 5px;
	line-height: 23px;
	vertical-align: middle;
}

#cloud_bsns_logo_preview {
	background: rgb(170, 170, 170) no-repeat center center;
	width: 210px;
	height: 100px;
	border: 1px solid #000;
	margin: 20px 0px 20px 20px;
}

#additional_cols {
	margin-left: 25px;
	width: 180px;
	border-color: #009ee0;
}

#choose_harmonie {
	margin-left: 25px;
	width: 180px;
	border-color: #009ee0;
}

#add_cols_line {
	position: relative;
	width: 210px;
	height: 2px;
	margin: 5px 0px 5px 20px;
	background: #fff url(../images/linie.png) no-repeat center center;
}

.clear {
	clear: both;
}

.show_chip,.variant_chip,.phs_chip,#btt_editor {
	width: 152px;
	height: 172px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.show_image,.variant_image,.phs_image,#btt_editor {
	border: 1px solid #000;
	background-color: #dcdcdc;
	width: 150px;
	height: 150px;
	vertical-align: middle;
	text-align: center;
	line-height: 150px;
	cursor: pointer;
}

.show_image img,.variant_image img,.phs_image img {
	display: inline-block;
}

.show_label,.show_icons,.variant_label,.variant_icons,.phs_label,.phs_icons
	{
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.show_label,.variant_label,.phs_label {
	width: 105px;
	text-align: left;
	margin-right: 2px;
}

.show_label {
	width: 130px;
}

.show_icons,.variant_icons,.phs_icons {
	width: 45px;
	text-align: right;
}

.show_icons {
	width: 20px;
}

.variant_info {
	margin-right: 5px;
	background: #464646 url(../images/btt_speichern_serviceID_0.png) center
		center no-repeat;
	vertical-align: top;
}

.variant_info:hover {
	background: #003388 url(../images/btt_speichern_serviceID_1.png) center
		center no-repeat;
}

.phs_icons div.phs_info {
	background: #464646 url(../images/icon_ampelROT_linkeSeiteUnten_23.png)
		center center no-repeat;
	vertical-align: top;
	cursor: default;
}

.phs_icons div.phs_info.green {
	background: #464646
		url(../images/icon_ampelGRUEN_linkeSeiteUnten_23.png) center center
		no-repeat;
}

.phs_info:hover {
	/*background: #003388 url(../images/icon_ampelROT_Liste_1_23.png) center center no-repeat; uncomment to activate hover effect */
	background: #464646 url(../images/icon_ampelROT_linkeSeiteUnten_23.png)
		center center no-repeat;
}

.phs_info.green:hover {
	/*background: #464646 url(../images/icon_ampelGRUEN_Liste_1_23.png) center center no-repeat; uncomment to activate hover effect */
	background: #464646
		url(../images/icon_ampelGRUEN_linkeSeiteUnten_23.png) center center
		no-repeat;
}

.variant_delete,.show_delete {
	background: #464646 url(../images/btt_close_0.png) center center
		no-repeat;
	vertical-align: top;
}

.variant_delete:hover,.show_delete:hover {
	background: #003388 url(../images/btt_close_1.png) center center
		no-repeat;
}

.show_icons div,.variant_icons div,.phs_icons div {
	width: 20px;
	height: 20px;
	background-color: #808080;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.show_icons div img,.variant_icons div img {
	width: 100%;
	height: 100%;
}

#supersized_show {
	display: none;
	z-index: 2;
	position: absolute;
	background-color: #000;
	color: #fff;
}

#textures {
	overflow-y: auto;
	overflow-x: hidden;
	width: 230px;
}

#demo_chips {
	margin-left: 20px;
}

.qtip-default {
	border-color: #000;
}

.ui-tooltip-dark {
	color: #000000;
	background-color: transparent;
}

.ui-tooltip-dark .qtip-content {
	background-color: rgb(137, 137, 137);
	opacity: 0.9;
	filter: alpha(opacity = 90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#right_content {
	position: relative;
	left: 30px;
	width: 190px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	color: white;
	font-size: 9px;
	margin-top: 10px;
}

#right_material_img {
	width: 140px;
	height: 140px;
}

.typechoose,.stylechoose {
	float: left;
	cursor: pointer;
	position: relative;
}

.typechoose img {
	width: 120px;
	height: 140px;
	padding: 0px 15px;
	border: 1px solid #000;
}

.stylechoose img {
	width: 120px;
	height: 100px;
	padding: 20px 15px;
	border: 1px solid #000;
}

#phs_type_btns,#phs_style_btns {
	margin: 20px 0px;
}

.bttphs {
	width: 200px;
	height: 25px;
	line-height: 29px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	float: left;
	margin: 0px 20px 20px 0px;
	background-color: #464646;
	border-bottom: 4px solid #003388;
	color: #fff;
}

#btt_phs_order {
	float: none;
	display: inline-block;
	margin-top: 30px;
}

.bttphs:hover,.bttphs.act {
	background-color: #003388;
}

#cloud_overview {
	overflow: hidden;
	overflow-y: auto;
}

.uploaded_image_file_div,.chosen_type_div,.chosen_style_div {
	width: 200px;
	height: 200px;
	border: 1px solid #000;
	background-color: #dcdcdc;
	text-align: center;
	vertical-align: middle;
	line-height: 198px;
	margin-right: 15px;
}

#phs_upl_div {
	margin-top: 178px;
}

#dialog_upload,#dialog_phs_order {
	font-size: 12px;
}

#dialog_upload div {
	margin-bottom: 5px;
}

#cloud_login,#photoservice {
	overflow-y: auto;
}

#phs_typechoose_container,#phs_stylechoose_container {
	margin-top: 20px;
	display: inline-block;
	vertical-align: top;
}

.typechoose_label {
	line-height: 16px;
	height: 32px;
	text-align: center;
}

#save_project_id_form_loader {
	margin: 100px 200px;
}

.save_project_id_form_status_button {
	float: right;
}

.save_project_id_form_status_button {
	margin-top: 40px;
}

#cloud_loader {
	text-align: center;
}

#cloud_status div {
	height: 15px;
	padding-top: 15px;
}

#cloud_status div {
	display: inline-block;
	margin-left: 20px;
	font-size: 12px;
}

#buttons_gestalten {
	position: absolute;
	top: 35px;
	left: 330px;
	width: 95px;
	height: 120px;
	z-index: 20;
}

#dia_remote_activate {
	margin-top: 20px;
	cursor: pointer;
	height: 31px;
	line-height: 35px;
	color: #fff;
	background-color: #464646;
	border-bottom: 4px solid #009EE0;
}

#dia_remote_activate.act {
	background-color: #009EE0;
}

.ui-dialog-buttonset {
	text-align: right;
	padding: 5px;
}

.ui-dialog-buttonset button {
	padding: 5px;
}

#dialog_delete {
	text-align: center;
}

#dia_del_title,#dia_del_error {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	vertical-align: middle;
	margin-bottom: 20px;
}

#dia_del_error,#div_save_cloud_error {
	color: #ff0000;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
}

#dia_del_confirm,#dia_del_abort {
	background-color: #464646;
	border: 1px solid #bebebe;
	color: #bebebe;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	margin: 0px 5px;
	padding: 0 10px;
	vertical-align: middle;
	width: 100px;
}

#dia_del_confirm:hover,#dia_del_abort:hover {
	color: #464646;
	background-color: #fff;
}

#clm_overlay,#clp_overlay,#clmd_overlay,#clpd_overlay,#btt_prj_close {
	position: relative;
	top: -42px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url('../images/transp.gif');
}

#clm_overlay,#clp_overlay,#clmd_overlay,#clpd_overlay {
	left: 190px;
}

#clpd_overlay,#clmd_overlay {
	top: -22px;
}

#btt_prj_close {
	top: 5px;
	position: absolute;
	right: 90px;
}

#cloud_login_pass_forgotten_dialog {
	top: -44px;
}

#cloud_login_mail_dialog,#cloud_login_pass_dialog {
	margin: 0;
	margin-top: -10px;
}

#cloud_login_pass_label_dialog {
	margin-top: -10px;
}

#form_cloud_login_dialog_div {
	margin-top: -42px;
}

#cloud_login_intro_dialog {
	margin-top: -10px;
}

#dia_cloudtv_close {
	height: 31px;
	line-height: 35px;
	float: right;
	background-color: #464646;
	color: #fff;
	margin-top: 20px;
	padding: 0px 20px;
	border-bottom: 4px solid #009EE0;
}

#dia_cloudtv_close:hover,#dia_remote_activate:hover {
	background-color: #009ee0;
}

#dia_cloudtv_close,#dia_remote_activate {
	cursor: pointer;
}

#phs_ticket_title {
	font-weight: bold;
	margin-bottom: 10px;
}

#phs_user_email {
	margin-bottom: 10px;
}

#phs_ticket_comment {
	margin-bottom: 10px;
}

#usercomment {
	width: 300px;
	height: 60px;
	rows: 4;
	margin-bottom: 20px;
}

#ticketnumber {
	width: 300px;
}

#btt_no_ticket {
	height: 23px;
	line-height: 23px;
	padding-left: 35px;
	cursor: pointer;
	background: transparent url(../images/btt_play-pfeil_0.png) center left
		no-repeat;
	margin-bottom: 20px;
}

#btt_no_ticket:hover {
	background: transparent url(../images/btt_play-pfeil_1.png) center left
		no-repeat;
}

#phs_start_title {
	font-size: 16px;
}

#phs_start_intro {
	font-size: 12px;
	margin: 20px 0px;
}

.phs_step {
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 12px;
	vertical-align: top;
	width: 350px;
}

#phs_step3_intro {
	margin-left: 0px;
}

#phs_step3_order {
	display: inline-block;
	width: 350px;
}

#upload_submit {
	height: 31px;
	line-height: 35px;
	float: right;
	margin-top: 10px;
	background-color: #464646;
	color: #fff;
	padding: 0px 10px;
	border: 0;
	border-bottom: 4px solid #003388;
}

#upload_submit:hover {
	background-color: #003388;
}

#myfile {
	margin: 20px 0;
}

.uploaded_image_file_div,.chosen_type_div,.chosen_style_div {
	cursor: pointer;
}

.btt_phs_zoom {
	background: transparent url(../images/btt_zoomPlus_0.png) center center
		no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	right: 0px;
	bottom: 32px;
}

#phs_order_bar {
	height: 40px;
}

#phs_order_intro {
	margin-bottom: 10px;
}

#phs_ticket_intro,#phs_order_ticket {
	margin-bottom: 5px;
}

#agb_accept_link,#btt_phs_abortorder {
	margin-right: 15px;
}

#agb_accepted {
	margin-right: 20px;
}

#btt_phs_abortorder,#btt_phs_sendorder {
	height: 36px;
	line-height: 30px;
	border: 0;
	border-bottom: 4px solid #003388;
	background-color: #464646;
	color: #fff;
	padding: 5px;
}

#btt_phs_abortorder:hover,#btt_phs_sendorder:hover {
	background-color: #003388;
}

#btt_phs_abortorder {
	margin-left: 20px;
}

#dialog_variant_info_div {
	text-align: center;
	margin: 20px 0;
}

#btt_dialog_variant_info_ok,#btt_dialog_upload_error_ok {
	position: absolute;
	right: 10px;
	float: none;
}

#prj_id_text {
	vertical-align: top;
}

#form_prj_id_open {
	height: 33px;
}

#btt_prj_open {
	position: relative;
	background-color: #464646;
	color: #fff;
	height: 28px;
	border: 0;
	border-bottom: 4px solid #009ee0;
	line-height: 32px;
	margin-top: 3px;
	padding: 0 5px;
	float: none;
	right: 4px;
}

#btt_prj_open:hover {
	background-color: #009ee0;
}

.variant_icons div:hover {
	background-color: #003388;
	color: #fff;
}

#btt_dialog_upload_error_ok {
	margin-top: 20px;
}

#phs_order_form_status {
	color: #FF0000;
}

#btt_dialog_upload_error_ok,#btt_dialog_variant_info_ok,#btt_dialog_phs_order_ok
	{
	float: right;
	position: relative;
}

#btt_dialog_phs_order_ok {
	margin-top: 20px;
	border-color: #003388;
}

.obj_div {
	padding-left: 5px;
	position: relative;
	height: 85px;
}

.obj_img_bg {
	width: 60px;
	height: 60px;
	background: #fff url(../images/empty_0.png) no-repeat center center;
	margin-bottom: 10px;
	display: inline-block;
	position: absolute;
	top: 15px;
}

.obj_bttns {
	display: inline-block;
	width: 85px;
	height: 50px;
	margin-left: 10px;
	vertical-align: top;
	position: absolute;
	top: 15px;
	left: 65px;
}

.obj_img {
	width: 60px;
	height: 60px;
}

.obj_txt {
	font-size: 9px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}

.obj_txt_mat {
	font-size: 9px;
	line-height: 11px;
	height: 35px;
}

.obj_bttns br {
	display: none;
}

.obj_rotate,.obj_remove {
	display: none;
	width: 25px;
	height: 25px;
	background-image: url(../images/tex_rot_0.png);
	width: 25px;
	cursor: pointer;
}

.obj_remove {
	margin-left: 5px;
	background-image: url(../images/tex_del_0.png);
}

.obj_info {
	width: 25px;
	height: 25px;
	cursor: pointer;
	display: none;
	margin-left: 5px;
	background-image: url(../images/btt_info_0.png);
}

.obj_info:hover {
	background-image: url(../images/btt_info_1.png);
}

#form_cloud_login_dialog {
	line-height: 10px;
	border: 0px;
}

.ui-widget-content{
	background-image:none;
	background: #aaa;
	border: 0px;
}

#history_nav {
	position: relative;
	margin: 0px 0px 3px 30px;
	width: 200px;
	height: 35px;
}

#btt_hist_back,#btt_hist_next {
	color: #fff;
	display: inline-block;
	background: transparent url(../images/btt_vor_0.png) 0 0;
	text-align: left;
	width: 55px;
	height: 35px;
	border: 0;
	padding: 0;
	padding-left: 35px;
	cursor: pointer;
	border-color: #a5037d;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 35px;
}

#btt_hist_back {
	margin-right: 4px;
	background: transparent url(../images/btt_zurueck_0.png) 0 0;
}

#btt_hist_next {
	padding: 0;
	width: 50px;
	padding-left: 5px;
	padding-right: 35px;
}

#btt_hist_back:hover,#btt_hist_back.act {
	color: #000;
	background: transparent url(../images/btt_zurueck_1.png) 0 0;
}

#btt_hist_next:hover,#btt_hist_next.act {
	color: #000;
	background: transparent url(../images/btt_vor_1.png) 0 0;
}

#btt_wz_s {
	background: transparent url(../images/btt_wz_S_0.png) 0 0;
	left: 6px;
}

#btt_wz_s:hover,#btt_wz_s.act {
	background: transparent url(../images/btt_wz_S_1.png) 0 0;
}

#btt_wz_m {
	background: transparent url(../images/btt_wz_M_0.png) 0 0;
	left: 41px;
}

#btt_wz_m:hover,#btt_wz_m.act {
	background: transparent url(../images/btt_wz_M_1.png) 0 0;
}

#btt_wz_l {
	background: transparent url(../images/btt_wz_L_0.png) 0 0;
	left: 76px;
}

#btt_wz_l:hover,#btt_wz_l.act {
	background: transparent url(../images/btt_wz_L_1.png) 0 0;
}

#btt_wz_xl {
	background: transparent url(../images/btt_wz_XL_0.png) 0 0;
	left: 111px;
}

#btt_wz_xl:hover,#btt_wz_xl.act {
	background: transparent url(../images/btt_wz_XL_1.png) 0 0;
}

.btt_wz {
	position: absolute;
	width: 23px;
	height: 23px;
	margin-top: 6px;
}

#btt_wz {
	display: none;
	width: 190px;
	height: 35px;
	margin-left: -35px;
	background: #707070 url(../images/btt_wz-groessen_alle_0.png) 0 0;
}

#right_col_spacer {
	height: 80px;
	width: 250px;
	background-color: transparent;
}

/*
.obj_div:hover,.obj_div.act {
	background-color: #fff;
	color: #333;
}
*/
#draw_canvas_hold {
	cursor: url(../images/walze.cur) 16 16, default
}

.obj_back {
	width: 100%;
	height: 66px;
	background-color: transparent;
	opacity: 0.75;
	position: absolute;
	top: 12px;
	left: 2px;
}

#btt_home,#btt_cloud {
	z-index: 20;
}

#chips_more {
	margin-left: 40px;
	border-color: #009ee0;
}

#chips_more:hover {
	background-color: #009ee0;
}

.info_texture {
	background-color: #fff;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	background: url(../images/btt_info_1.png) 0px 0px;
}

.info_texture:hover {
	background: url(../images/btt_info_0.png) 0px 0px;
}

#des_map {
	position: relative;
	height: 420px;
	width: 780px;
}

#dialog_info_texture {
	display: block;
	width: auto;
	min-height: 85px;
	max-height: 870px;
	height: 600px;
	display: none;
}

#dia_info_texture_content {
	position: absolute;
	height: 600px;
	width: 880px;
}

#dia_info_texture_content {
	position: absolute;
	top: 60px;
}

#info_texture_text {
	position: relative;
	background-color: #aaa;
	height: 420px;
	width: 298px;
	line-height: 25px;
	margin-top: -420px;
	margin-left: 482px;
	right: 0px;
	top: 64px;
	border-left: 1px solid #000;
	overflow-y: auto;
}

#des_map {
	border: 1px solid #000;
	top: 65px;
}

.info_texture_text_section {
	border-bottom: 1px solid #000;
	padding: 3px;
}

#dialog_info_texture_name_box {
	position: absolute;
	top: 70px;
}

#dialog_info_texture_www {
	background-color: #fff;
	font-size: medium;
	border: 1px solid #000;
	padding-left: 8px;
	padding-right: 8px;
	display: none;
}

#dialog_info_texture_name {
	/* position: absolute; */
	font-size: medium;
	left: 70px;
	top: 0px;
	width: 700px;
}

#dialog_info_texture_name_box {
	position: absolute;
	top: 70px;
	width: auto;
}

#pdf_file_dummy {
	height: 100%;
	width: 100%;
}

#iframe_register {
	height: 100%;
	width: 100%;
}

#dialog_register_content {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 10px;
	top: 55px;
}

#iframe_pass_forgotten {
	height: 100%;
	width: 100%;
}

#dialog_pass_forgotten_content {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 10px;
	top: 55px;
}

#iframe_profile {
	height: 100%;
	width: 100%;
}

#dialog_profile_content {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 10px;
	top: 55px;
}

#subprod__search {
	height: 40px;
	/* background-color: aquamarine; */
	position: absolute;
	bottom: 20px;
	width: 250px;
}

#blocker
{ 
    background: rgba(200,200,200,0.95) url(../img/BG_No_Internet_Connection.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	display: none;
    overflow: hidden; 
    border: 0px;
    width: 100%; 
    height: 100%;

    position: absolute;
    top:0px;
    left: 0px;
    z-index:9999999;
}

#appgraph
{
    position: absolute;
    top: 0%;
    left: 0px;
    width: 50%;
    display: block;
}

#appgraph_img
{
    width: 100%;
}

#elo
{
    position: absolute;
    top: 3%;
    right: 3%;
    width: 10%;
    display: block;
}

#elo_img
{
    width: 100%;
}

#apptext
{
    position: absolute;
    top: 0%;
    left: 0px;
    width: 50%;
    display: block;
    text-align:center;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:18px;
}

#subprod__search_text {
	background-color: rgb(250, 255, 189);
	background-image: none;
	color: rgb(0, 0, 0);
	left: 10px;
	width: 150px;
	height: 50%;
	font-family: Verdana, sans-serif;
	font-size: 75%;
	position: absolute;
}

#subprod__search_btt {
	position: absolute;
	right: 10px;
	cursor: pointer;
	line-height: 20px;
	width: 57px;
	height: 20px;
	text-align: center;
	color: #fff;
	background-color: #464646;
	font-size: 11px;
	border-bottom: 4px solid #009ee0;
	padding: 0 5px;
	margin-left: 5px;
	overflow: hidden;
}

#subprod__search_btt:hover,#subprod__search_btt.act {
	background-color: #009ee0;
}

#all_obj{
	width: 100%;
    height: 25px;
    background-color: #464646;
    margin-bottom: 9px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 12px;	
    cursor: pointer;
}

#btt_editor_brightness{
	height: 58px !important;
}

#btt_editor_brightness:hover{
	background-color: #464646 !important;
}

#btt_editor_brightness_label{
	display: inline-block;
    margin-left: -30px;
    width: 120px;
}

#btt_editor_brightness_auto_label{
	display: inline-block;
}

#auto_average_check{
	line-height: 35px;
    display: inline-block;
    vertical-align: middle;
}

#editor_settings_average{
	display: block;
    margin-left: -30px;
    width: 176px;
}

.ui-corner-all{
	border-radius: 0px;
}