.helper-center_hor
{
 	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
}

/*Farbe Hintergrund*/
body {
   color: #BBBBBB;
   background-color: #101010;
}

/*copy from example*/
#hcmbody{
	font-family: Verdanna,Arial,sans-serif;
	/*margin: 50px;*/
	margin-right: 15px;
}

.touch
{
	font-size: 1em;
}

.no-touch
{
	font-size: 0.6em;
}


/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#hcmbody{
		/*font-size: 11px;*/
	}
	.touch
	{
		font-size: 0.6em;/*for th panel*/
	}
}

.canvasdiv
{
	display:block;
	overflow: hidden;
	width: 100%;
	padding:0px;
	margin:0px;
}

.graph
{
 	top: 0px;
 	left: 0px;
}


.demoHeaders {
	margin-top: 2em;
}
#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}

select {
	width: 200px;
}

/*own code*/

select, input
{
	width: 100%;
}

.ObjDetails
{
	margin-bottom: 20px;
}

.no-touch .ObjDetails h5 .headertext
{
	font-size: 1.2em;
}

.touch .ObjDetails h5 .headertext
{
	font-size: 2.5em;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#hcmbody{
		/*font-size: 11px;*/
	}
	.touch .ObjDetails h5 .headertext
	{
		font-size: 1.2em;/*for the panel*/
	}
}


/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
/*@media screen and (max-resolution: 100dpi)
{
	.ObjDetails h5 .headertext{
		font-size: 12px;
	}
}*/

.ExtContent
{
	float: clear;
}

.DivExtContent
{
	/*float: left;*/
	display:inline-block
}

.DivShowExContentBtn
{
/*	float: right;*/
	display:inline-block
}


.Header
{
	width:100%;
	/*height: 70px;*/
}

.td_status_major
{
	float: left;
	width: 20%;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 20px;
	text-align: left;

	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
	overflow:  hidden;
	/*border: 1px solid yellow;*/
}

.status_vertical_middle
{
	vertical-align: super;
}

.td_name
{
	color: #E0E0E0;
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
	overflow: hidden;
	/*border: 1px solid red;*/
}
.td_status_minor
{
	float: right;
	width: 20%;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 5px;
	text-align: right;

	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
	overflow:  hidden;
	/*border: 1px solid blue;*/
}

.td_op
{
	/*height: 24px;*/
	width: 16px;
	float: right;
	overflow:  hidden;
	/*border: 1px solid white;*/
}
/*
.td_op
{
	float: right;
	text-align: right;
	vertical-align: middle;
	position: relative;
	top: 50%;
	height: 24px;

	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);

	visibility: visible;
	height: 1px;
	overflow:  hidden;
	border: 1px solid white;
}*/

 /*
.Header .td_op .hc-own-btn-icon
{
	margin-left: 10px;
}
*/

.formlayout .ui-accordion-content
{
	padding: 2px;
}

.CmdsMobil
{
	text-align: center;
  	width: 100%;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	/*hide the Mobile Btns*/
	.no-touch .CmdsMobil
	{
		padding: 5px;
	}

	/*.no-touch .td_op
	{
	 	height: 24px;
	 	width: 40%;
	  	visibility: visible;
	}*/

	/*.no-touch .td_name
	{
		text-align: left;
		width: 40%;
	}*/
}

 /*****************************************************************************************************************************************************************************
 * House Object (Level1)
 *****************************************************************************************************************************************************************************/
 .HouseObject
 {
 	margin-bottom: 5px;
 }

.HouseObject .Header
{
	height: 132px;
}

.HouseObject h2 .Header .td_status_major
{
	width: 35%;
}
.HouseObject h2 .Header .td_name
{
	width: 20%;
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	height: 132px;
}

.HouseObject h2 .Header .td_status_minor
{
	width: 35%;
}

/*
.HouseObject h2 .Header .td_op
{
	width: 5%;
}*/

.HouseObject h2 .Header .td_name .StatusAlarm
{
	background-image: url("jqui/images/HouseBtn_128.png");
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	height: 128px;
	width: 128px;

	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%); /* IE 9 */
	-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
}

.HouseObject h2 .Header .td_name .IconAlarmNotActivated {background-position: -384px 0px;}

.HouseObject h2 .Header .td_name .IconAlarmNotActivated .StatusAlarmContent
{
	background-image: url("jqui/images/HouseBtn_128.png");
	height: 128px;
	width: 128px;
	background-position: -0px -128px;
}

.HouseObject h2 .Header .td_name .StatusAlarm .StatusAlarmContent
{
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-weight: bold;

	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);
}



/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.HouseObject .Header {
		height: 56px;
	}
	.HouseObject h2 .Header .td_name {
		font-size: 22px;
		height: 56px;
	}

	.HouseObject h2 .Header .td_name .StatusAlarm
	{
		background-image: url("jqui/images/HouseBtn_56.png");
		/*margin:-12px;*/
		height: 56px;
		width: 56px;
	}

	.HouseObject h2 .Header .td_name .IconAlarmNotActivated {background-position: -168px 0px;}

	.HouseObject h2 .Header .td_name .IconAlarmNotActivated .StatusAlarmContent
	{
		background-image: url("jqui/images/HouseBtn_56.png");
		height: 56px;
		width: 56px;
		background-position: -0px -56px;
	}

	.HouseObject h2 .Header .td_name .StatusAlarm .StatusAlarmContent
	{
		font-size: 16px;
	}
}


 /*****************************************************************************************************************************************************************************
 * House Compontens (Level2)
 *****************************************************************************************************************************************************************************/
#HouseComponents h3 .Header {
	height: 120px;
}

#HouseComponents h3 .Header .td_op
{
	/*width: 30px;*/
}


#HouseComponents h3 .Header .td_name
{
	font-size: 40px;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#HouseComponents h3 .Header {
		height: 34px;
	}
	#HouseComponents h3 .Header .td_name
	{
		font-size: 18px;
	}
	/*.no-touch #HouseComponents h3 .Header .td_status_major
	{
		width: 58px;//16+2 * 3 + 4 (umbruch)
	}
	.no-touch #HouseComponents h3 .Header .td_status_minor
	{
		width: 58px;//16+2 * 3 + 4 (umbruch)
	}*/
}

 /*****************************************************************************************************************************************************************************
 * House Childs (Level2)
 *****************************************************************************************************************************************************************************/
#HouseChilds h3 .Header {
	height:120px;
}


#HouseChilds h3 .Header .td_name
{
	font-size: 40px;
	/*text-align: center;*/
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#HouseChilds h3 .Header {
		height: 34px;
	}
	#HouseChilds h3 .Header .td_name{
		font-size: 18px;
		/*text-align: left;*/
	}
}

 /*****************************************************************************************************************************************************************************
 * House Sub Childs (Level3)
 *****************************************************************************************************************************************************************************/
.ObjectsLevel2 h4 .Header {
	height: 100px;
}


.ObjectsLevel2 h4 .Header .td_name
{
	font-size: 35px;
	/*text-align: center;*/
}
/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.ObjectsLevel2 h4 .Header {
		height: 30px;
	}

	.ObjectsLevel2 h4 .Header .td_name
	{
		font-size: 16px;
		/*text-align: left;*/
	}
}

 /*****************************************************************************************************************************************************************************
 * House Sub Sub Childs (Level4)
 *****************************************************************************************************************************************************************************/
.ObjectsLevel2 h5 .Header {
	height: 100px;
}


.ObjectsLevel2 h5 .Header .td_name
{
	font-size: 35px;
	/*text-align: center;*/
}
/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.ObjectsLevel2 h5 .Header {
		height: 30px;
	}

	.ObjectsLevel2 h5 .Header .td_name
	{
		font-size: 16px;
		/*text-align: left;*/
	}
}

/*****************************************************************************************************************************************************************************
 * Main Frame
 *****************************************************************************************************************************************************************************/
#MainFrame {
	/*Farben*/
 		border:0px;
 		margin:0px;

 	/*Position*/
 		/*position:		absolute;*/
 		width: 			100%;

 	/*Abst�nde*/
 		padding:		10px;

 	visibility: hidden;
}
/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (min-width: 900px) and (max-resolution: 100dpi)
{
	#MainFrame {
	/*Farben*/
 		border:0px;

 	/*Position*/
 		position:		absolute;
 		width: 			700px;
 		left: 			50%;
 		margin-left: 	-350px;

 	/*Abst�nde*/
 		padding:		0px;
	}
}



#HouseHead {
	/*Farben*/
 		border: 0px;
 		float: clear;

 	/*Position*/
 		width: 			100%;
 		height: 111px;/*96+15*/

 	/*Abst�nde*/
}

#HouseHeadLeft{
	/*Farben*/
 		border:0px;

 	/*Position*/
 		width: 			33%;
 		float:left;
 		height: 96px;/*96(+15)*/

 	/*Abst�nde*/
 		padding-bottom: 3px;

 	/*Text*/
 		text-align: left;
}

#HouseHead .ExternalTemp
{
	/*height: 100%;*/
	font-size: 38px;

	position: relative;
	float: left;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
  transform: translateY(-50%);

 	/*Abst�nde*/
 	padding: 0px;
 	margin: 0px;
 	padding-left: 10px;
 	/*padding-bottom: 8px;*/

 	/*Text*/
 	text-align: center;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.touch #HouseHead {
		height:	56px;/*48+8*/
	}

	.no-touch #HouseHead {
		height:	40px;/*32+8*/
	}

	.touch #HouseHeadLeft{
		height:	48px;/*48(+8)*/
	}

	.no-touch #HouseHeadLeft{
		height:	32px;/*32(+8)*/
	}

	#HouseHead .ExternalTemp
	{
		font-size: 18px;
		/*padding-bottom: 4px;*/
	}
}


/*
#userbtn:HOVER,
#userbtn:FOCUS {
		border: 1px solid #0B93D5;
	}
#userbtn:ACTIVE {
		border: 1px solid #1cA4E6;
	}*/

#userbtn {
	width:96px;
	height:96px;
	background: transparent;
	border: 0px;
}


/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.touch #userbtn {
		width:48px;
		height:48px;
	}

	.no-touch #userbtn {
		width:32px;
		height:32px;
	}
}

/*
#selectif:HOVER,
#selectif:FOCUS {
		border: 1px solid #0B93D5;
	}
#selectif:ACTIVE {
		border: 1px solid #1cA4E6;
	}*/

#selectif {
	width:96px;
	height:96px;
	background: transparent;
	border: 0px;
}


/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.touch #selectif {
		width:48px;
		height:48px;
	}

	.no-touch #selectif {
		width:32px;
		height:32px;
	}
}


#HouseHeadTime{
	/*Farben*/
 		border:0px;

 	/*Position*/
 		width: 			33%;
 		float: left;

 		position: relative;
		top: 50%;

		-ms-transform: translateY(-50%); /* IE 9 */
		-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);

 	/*Abst�nde*/
 		padding-bottom: 3px;

 	/*Text*/
 		text-align: center;
 		font-size: 28px;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#HouseHeadTime {
 		font-size: 14px;
	}
}


#HouseHeadUser
{
	/*Farben*/
 		border:0px;

 	/*Position*/
 		width: 			33%;
 		float: right;

 	/*Abst�nde*/
 		padding-bottom: 3px;

 	/*Text*/
 		text-align: right;
}

/*House-Frame*/
#HouseFrame {
	/*Farben*/
 		background-color: #080808;
 		border:1px solid #303030;

 	/*Abst�nde*/
 		padding:		5px;
}

#HouseFooter{
	/*Farben*/
 		color: #404040;
 		text-align: right;
}
#HouseDebug{
	/*Farben*/
 		color: #808080;
}

#hcmbody .Content
{
	/*Farben*/

 	/*Abst�nde*/

 	/*font-size: 18px;*/
}

#hcmbody .Frame
{
	/*Farben*/

 	/*Abst�nde*/

 	/*font-size: 18px;*/
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	#hcmbody .Content
	{
		/*Farben*/

	 	/*Abst�nde*/

	 	/*font-size: 10px;*/
	}

	#hcmbody .Frame
	{
		/*Farben*/

	 	/*Abst�nde*/

	 	/*font-size: 10px;*/
	}
}


.ExtContent
{
	/*Farben*/
 		/*border:1px solid #303030;*/
 		border:0;

 	/*Abst�nde*/
 		/*padding:		5px;
 		margin-bottom: 	15px;*/
}

.ExtendedCmds
{
	/*Farben*/
 		/*border-bottom:1px solid #303030;*/

 		border-bottom:1px solid #303030;


 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		padding-bottom:	5px;
 		margin-bottom: 	5px;
}

.floorseparator
{
	border:0px;
	width: 100%;
	height: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.houseseparator
{
	border-bottom:1px solid #303030;
	width: 100%;
	height: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
@media screen and (max-resolution: 100dpi)
{
	.floorseparator
	{
		border:0px;
		width: 100%;
		height: 4px;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.houseseparator
	{
		border-bottom:1px solid #303030;
		width: 100%;
		height: 1px;
		margin-bottom: 5px;
		margin-top: 3px;
	}
}

.ExtendedStatus .Frame
{
	/*Farben*/
 		/*border-bottom:1px solid #303030;*/


 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		padding-bottom:	5px;
 		margin-bottom: 	5px;


}

.ExtendedStatus
{
	/*Farben*/
 		/*border:1px solid #303030;*/
 		/*border-top:1px solid #303030;*/
 		border:0;

 	/*Abst�nde*/
 		/*padding:	5px;*/
 		/*padding-top:	5px;
 		margin-top: 	5px;*/
 		padding:0;
 		margin:0;
}

.ExtendedStatus .form
{
	/*Farben*/
 		border:0;

 	/*Abst�nde*/
 		padding:0;
 		margin:0;
}

table .no_border .ui-widget-content
{
	border: 0px;
	border-collapse: collapse;
}

table .no_vertical_border
{
	border-collapse: separate;
	border-spacing: 0 2px;
}

.BaseZone
{
	/*margin-top:20px;
	margin-bottom:20px;*/
}

.BaseZone table
{
	width: 100%;
	border: 0px;
}

.ExtendedZone
{
	/*margin-top:20px;
	margin-bottom:20px;*/
}

.ExtendedZone table
{
	width: 100%;
	border: 0px;
	padding:10;
}

.ExtendedStatus table
{
	width: 100%;
}

.ExtendedStatus table .td_n /*name*/
{
	width: 25%;
}
.ExtendedStatus table .td_v	/*value*/
{
	width: 25%;
}
.ExtendedStatus table .td_d /*description*/
{
	width: 50%;
}

.SettingsDialog table
{
	width: 100%;
}

.SettingsDialog table tr:nth-child(even) {
  background-color: rgba(48, 48, 48, 0.7);
}

.SettingsDialog table tr:nth-child(odd) {
  background-color: rgba(48, 48, 48, 0.3);
}

.SettingsDialog table .td_n /*name*/
{
	width: 25%;
}
.SettingsDialog table .td_v	/*value*/
{
	width: 25%;
}
.SettingsDialog table .td_d /*description*/
{
	width: 50%;
}

.TooltipDescr {
  position: relative;
  cursor: help;
}

.TooltipDescr .TooltipDescrText {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* oberhalb vom Element */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.TooltipDescr:hover .TooltipDescrText {
  visibility: visible;
  opacity: 1;
}

.EditScript .FrameEditScript
{
	/*Farben*/
 		border-bottom:1px solid #303030;


 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		padding-bottom:	5px;
 		margin-bottom: 	5px;
}

.EditScript .label
{
 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		padding-bottom:	2px;
 		margin-bottom: 	2px;
 		padding-top:	5px;
 		margin-top: 	5px;
}

.EditScript button
{
 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		margin-bottom:	5px;
 		/*margin-bottom: 	5px;*/
 		margin-top:	5px;
 		/*margin-top: 	5px;*/
}
.EditScript .center
{
	width: 100%;
    /*margin: auto;
    width: 50%;
    border: 3px solid #73AD21;*/
    text-align: center;
}


.SubEditSettings .label
{
 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		padding-bottom:	2px;
 		margin-bottom: 	2px;
 		padding-top:	5px;
 		margin-top: 	5px;
}

.SubEditSettings button
{
 	/*Abst�nde*/
 		/*padding-bottom:	5px;*/
 		/*margin-bottom: 	5px;*/
 		margin-bottom:	5px;
 		/*margin-bottom: 	5px;*/
 		margin-top:	5px;
 		/*margin-top: 	5px;*/
}
.SubEditSettings .center
{
	width: 100%;
    /*margin: auto;
    width: 50%;
    border: 3px solid #73AD21;*/
    text-align: center;
}

/*Object-Frame*/
.Object {
	/*Farben*/

 	/*Position*/

 	/*Abst�nde*/

}

.Header {
	/*Farben*/

 	/*Position*/

 	/*Abst�nde*/
}

/*
.Header table
{
	border-width:0;
	padding: 0;
	margin: 0;
}
.Header tr
{
	padding: 0;
	margin: 0;
}
.Header td
{
	padding: 0;
	margin: 0;
}
*/

.td_status_major {
	/*Farben*/

 	/*Position*/

 	/*Abst�nde*/
}

.td_status_minor {
	/*Farben*/

 	/*Position*/

 	/*Abst�nde*/
}

.NameOfHCO {
	/*Farben*/
	 	vertical-align: middle;
	 	/*height: 100%;*/
 	/*Position*/

 	/*Abst�nde*/
}

.HouseObject .NameOfHCO {
}



.Operations {
	/*Farben*/

 	/*Position*/

 	/*Abst�nde*/
}


/*Room-Frame*/
.ROOM {
	/*Farben*/
 		/*background-color: #202020;
 		border:1px solid #303030;*/

 	/*Position*/

 	/*Abst�nde*/
 		/*padding:		5px;
 		margin-bottom:	5px;*/
}

/*Shutter, OpenClose and Windoe-Frame*/
.SHUTTER, .WINDOW, .OC_OBSERVER {
	/*Farben*/
 		background-color: #080808;
 		border:1px solid #303030;

 	/*Position*/

 	/*Abst�nde*/
 		padding:		5px;
 		margin-bottom:	5px;
}

 .Operations {
	margin: 0;
	padding: 0;
 	}
.Operations .textbutton {
	/*font-size: 10px;*/
	margin: 1px;
	position: relative;
	padding: 1px 0;
	/*cursor: pointer;*/
	/*float: left;*/
	list-style: none;
	/*width:30px;*/

}
.Header table {
	width: 100%;
}

/*Hilfsklassen*/
.frame_border
{
		border:1px solid #303030;
}


/* Icons
----------------------------------*/

/* states and images */
.hc-btn-icon {
	padding:0;
	margin:0;
	display:inline-block;
	width: 16px;
	height: 16px;

	border: 0px solid #444;
}

.hc-btn-icon
{
	background-image: url("jqui/images/ui-icons_cccccc_256x240.png");
}

.hc-btn-icon:HOVER,
.hc-btn-icon:FOCUS {
	background-image: url("jqui/images/ui-icons_ffffff_256x240.png");
	/*border: 1px solid #0B93D5;*/
}
.hc-btn-icon:ACTIVE {
	background-image: url("jqui/images/ui-icons_222222_256x240.png");

	/*border: 1px solid #FFFFFF;*/
}

/* positioning */
.hc-btn-icon-blank { background-position: 16px 16px; }
.hc-btn-icon-carat-1-n { background-position: 0 0; }
.hc-btn-icon-carat-1-ne { background-position: -16px 0; }
.hc-btn-icon-carat-1-e { background-position: -32px 0; }
.hc-btn-icon-carat-1-se { background-position: -48px 0; }
.hc-btn-icon-carat-1-s { background-position: -64px 0; }
.hc-btn-icon-carat-1-sw { background-position: -80px 0; }
.hc-btn-icon-carat-1-w { background-position: -96px 0; }
.hc-btn-icon-carat-1-nw { background-position: -112px 0; }
.hc-btn-icon-carat-2-n-s { background-position: -128px 0; }
.hc-btn-icon-carat-2-e-w { background-position: -144px 0; }
.hc-btn-icon-triangle-1-n { background-position: 0 -16px; }
.hc-btn-icon-triangle-1-ne { background-position: -16px -16px; }
.hc-btn-icon-triangle-1-e { background-position: -32px -16px; }
.hc-btn-icon-triangle-1-se { background-position: -48px -16px; }
.hc-btn-icon-triangle-1-s { background-position: -64px -16px; }
.hc-btn-icon-triangle-1-sw { background-position: -80px -16px; }
.hc-btn-icon-triangle-1-w { background-position: -96px -16px; }
.hc-btn-icon-triangle-1-nw { background-position: -112px -16px; }
.hc-btn-icon-triangle-2-n-s { background-position: -128px -16px; }
.hc-btn-icon-triangle-2-e-w { background-position: -144px -16px; }
.hc-btn-icon-arrow-1-n { background-position: 0 -32px; }
.hc-btn-icon-arrow-1-ne { background-position: -16px -32px; }
.hc-btn-icon-arrow-1-e { background-position: -32px -32px; }
.hc-btn-icon-arrow-1-se { background-position: -48px -32px; }
.hc-btn-icon-arrow-1-s { background-position: -64px -32px; }
.hc-btn-icon-arrow-1-sw { background-position: -80px -32px; }
.hc-btn-icon-arrow-1-w { background-position: -96px -32px; }
.hc-btn-icon-arrow-1-nw { background-position: -112px -32px; }
.hc-btn-icon-arrow-2-n-s { background-position: -128px -32px; }
.hc-btn-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.hc-btn-icon-arrow-2-e-w { background-position: -160px -32px; }
.hc-btn-icon-arrow-2-se-nw { background-position: -176px -32px; }
.hc-btn-icon-arrowstop-1-n { background-position: -192px -32px; }
.hc-btn-icon-arrowstop-1-e { background-position: -208px -32px; }
.hc-btn-icon-arrowstop-1-s { background-position: -224px -32px; }
.hc-btn-icon-arrowstop-1-w { background-position: -240px -32px; }
.hc-btn-icon-arrowthick-1-n { background-position: 0 -48px; }
.hc-btn-icon-arrowthick-1-ne { background-position: -16px -48px; }
.hc-btn-icon-arrowthick-1-e { background-position: -32px -48px; }
.hc-btn-icon-arrowthick-1-se { background-position: -48px -48px; }
.hc-btn-icon-arrowthick-1-s { background-position: -64px -48px; }
.hc-btn-icon-arrowthick-1-sw { background-position: -80px -48px; }
.hc-btn-icon-arrowthick-1-w { background-position: -96px -48px; }
.hc-btn-icon-arrowthick-1-nw { background-position: -112px -48px; }
.hc-btn-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.hc-btn-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.hc-btn-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.hc-btn-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.hc-btn-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.hc-btn-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.hc-btn-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.hc-btn-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.hc-btn-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.hc-btn-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.hc-btn-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.hc-btn-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.hc-btn-icon-arrowreturn-1-w { background-position: -64px -64px; }
.hc-btn-icon-arrowreturn-1-n { background-position: -80px -64px; }
.hc-btn-icon-arrowreturn-1-e { background-position: -96px -64px; }
.hc-btn-icon-arrowreturn-1-s { background-position: -112px -64px; }
.hc-btn-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.hc-btn-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.hc-btn-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.hc-btn-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.hc-btn-icon-arrow-4 { background-position: 0 -80px; }
.hc-btn-icon-arrow-4-diag { background-position: -16px -80px; }
.hc-btn-icon-extlink { background-position: -32px -80px; }
.hc-btn-icon-newwin { background-position: -48px -80px; }
.hc-btn-icon-refresh { background-position: -64px -80px; }
.hc-btn-icon-shuffle { background-position: -80px -80px; }
.hc-btn-icon-transfer-e-w { background-position: -96px -80px; }
.hc-btn-icon-transferthick-e-w { background-position: -112px -80px; }
.hc-btn-icon-folder-collapsed { background-position: 0 -96px; }
.hc-btn-icon-folder-open { background-position: -16px -96px; }
.hc-btn-icon-document { background-position: -32px -96px; }
.hc-btn-icon-document-b { background-position: -48px -96px; }
.hc-btn-icon-note { background-position: -64px -96px; }
.hc-btn-icon-mail-closed { background-position: -80px -96px; }
.hc-btn-icon-mail-open { background-position: -96px -96px; }
.hc-btn-icon-suitcase { background-position: -112px -96px; }
.hc-btn-icon-comment { background-position: -128px -96px; }
.hc-btn-icon-person { background-position: -144px -96px; }
.hc-btn-icon-print { background-position: -160px -96px; }
.hc-btn-icon-trash { background-position: -176px -96px; }
.hc-btn-icon-locked { background-position: -192px -96px; }
.hc-btn-icon-unlocked { background-position: -208px -96px; }
.hc-btn-icon-bookmark { background-position: -224px -96px; }
.hc-btn-icon-tag { background-position: -240px -96px; }
.hc-btn-icon-home { background-position: 0 -112px; }
.hc-btn-icon-flag { background-position: -16px -112px; }
.hc-btn-icon-calendar { background-position: -32px -112px; }
.hc-btn-icon-cart { background-position: -48px -112px; }
.hc-btn-icon-pencil { background-position: -64px -112px; }
.hc-btn-icon-clock { background-position: -80px -112px; }
.hc-btn-icon-disk { background-position: -96px -112px; }
.hc-btn-icon-calculator { background-position: -112px -112px; }
.hc-btn-icon-zoomin { background-position: -128px -112px; }
.hc-btn-icon-zoomout { background-position: -144px -112px; }
.hc-btn-icon-search { background-position: -160px -112px; }
.hc-btn-icon-wrench { background-position: -176px -112px; }
.hc-btn-icon-gear { background-position: -192px -112px; }
.hc-btn-icon-heart { background-position: -208px -112px; }
.hc-btn-icon-star { background-position: -224px -112px; }
.hc-btn-icon-link { background-position: -240px -112px; }
.hc-btn-icon-cancel { background-position: 0 -128px; }
.hc-btn-icon-plus { background-position: -16px -128px; }
.hc-btn-icon-plusthick { background-position: -32px -128px; }
.hc-btn-icon-minus { background-position: -48px -128px; }
.hc-btn-icon-minusthick { background-position: -64px -128px; }
.hc-btn-icon-close { background-position: -80px -128px; }
.hc-btn-icon-closethick { background-position: -96px -128px; }
.hc-btn-icon-key { background-position: -112px -128px; }
.hc-btn-icon-lightbulb { background-position: -128px -128px; }
.hc-btn-icon-scissors { background-position: -144px -128px; }
.hc-btn-icon-clipboard { background-position: -160px -128px; }
.hc-btn-icon-copy { background-position: -176px -128px; }
.hc-btn-icon-contact { background-position: -192px -128px; }
.hc-btn-icon-image { background-position: -208px -128px; }
.hc-btn-icon-video { background-position: -224px -128px; }
.hc-btn-icon-script { background-position: -240px -128px; }
.hc-btn-icon-alert { background-position: 0 -144px; }
.hc-btn-icon-info { background-position: -16px -144px; }
.hc-btn-icon-notice { background-position: -32px -144px; }
.hc-btn-icon-help { background-position: -48px -144px; }
.hc-btn-icon-check { background-position: -64px -144px; }
.hc-btn-icon-bullet { background-position: -80px -144px; }
.hc-btn-icon-radio-on { background-position: -96px -144px; }
.hc-btn-icon-radio-off { background-position: -112px -144px; }
.hc-btn-icon-pin-w { background-position: -128px -144px; }
.hc-btn-icon-pin-s { background-position: -144px -144px; }
.hc-btn-icon-play { background-position: 0 -160px; }
.hc-btn-icon-pause { background-position: -16px -160px; }
.hc-btn-icon-seek-next { background-position: -32px -160px; }
.hc-btn-icon-seek-prev { background-position: -48px -160px; }
.hc-btn-icon-seek-end { background-position: -64px -160px; }
.hc-btn-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.hc-btn-icon-seek-first { background-position: -80px -160px; }
.hc-btn-icon-stop { background-position: -96px -160px; }
.hc-btn-icon-eject { background-position: -112px -160px; }
.hc-btn-icon-volume-off { background-position: -128px -160px; }
.hc-btn-icon-volume-on { background-position: -144px -160px; }
.hc-btn-icon-power { background-position: 0 -176px; }
.hc-btn-icon-signal-diag { background-position: -16px -176px; }
.hc-btn-icon-signal { background-position: -32px -176px; }
.hc-btn-icon-battery-0 { background-position: -48px -176px; }
.hc-btn-icon-battery-1 { background-position: -64px -176px; }
.hc-btn-icon-battery-2 { background-position: -80px -176px; }
.hc-btn-icon-battery-3 { background-position: -96px -176px; }
.hc-btn-icon-circle-plus { background-position: 0 -192px; }
.hc-btn-icon-circle-minus { background-position: -16px -192px; }
.hc-btn-icon-circle-close { background-position: -32px -192px; }
.hc-btn-icon-circle-triangle-e { background-position: -48px -192px; }
.hc-btn-icon-circle-triangle-s { background-position: -64px -192px; }
.hc-btn-icon-circle-triangle-w { background-position: -80px -192px; }
.hc-btn-icon-circle-triangle-n { background-position: -96px -192px; }
.hc-btn-icon-circle-arrow-e { background-position: -112px -192px; }
.hc-btn-icon-circle-arrow-s { background-position: -128px -192px; }
.hc-btn-icon-circle-arrow-w { background-position: -144px -192px; }
.hc-btn-icon-circle-arrow-n { background-position: -160px -192px; }
.hc-btn-icon-circle-zoomin { background-position: -176px -192px; }
.hc-btn-icon-circle-zoomout { background-position: -192px -192px; }
.hc-btn-icon-circle-check { background-position: -208px -192px; }
.hc-btn-icon-circlesmall-plus { background-position: 0 -208px; }
.hc-btn-icon-circlesmall-minus { background-position: -16px -208px; }
.hc-btn-icon-circlesmall-close { background-position: -32px -208px; }
.hc-btn-icon-squaresmall-plus { background-position: -48px -208px; }
.hc-btn-icon-squaresmall-minus { background-position: -64px -208px; }
.hc-btn-icon-squaresmall-close { background-position: -80px -208px; }
.hc-btn-icon-grip-dotted-vertical { background-position: 0 -224px; }
.hc-btn-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.hc-btn-icon-grip-solid-vertical { background-position: -32px -224px; }
.hc-btn-icon-grip-solid-horizontal { background-position: -48px -224px; }
.hc-btn-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.hc-btn-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Icons
----------------------------------*/

/* states and images */
.hc-own-btn-icon {
	padding:0;
	margin:0;
	display:inline-block;
	width: 128px;
	height: 128px;

	border: 0px solid #444;
}

.hc-own-btn-icon
{
	background-image: url("jqui/images/BtnIcons128.png");
  opacity: 0.8;
}

.hc-own-btn-icon:HOVER,
.hc-own-btn-icon:FOCUS {
	background-image: url("jqui/images/BtnIcons128.png");
	/*border: 1px solid #0B93D5;*/
}
.hc-own-btn-icon:ACTIVE {
	background-image: url("jqui/images/BtnIcons128.png");
  opacity: 0.5;

	/*border: 1px solid #FFFFFF;*/
}

/* positioning */
.hc-own-btn-icon-stop			{background-position: 0px 0px; }
.hc-own-btn-icon-down 			{background-position: -128px 0px; }
.hc-own-btn-icon-up 			{background-position: -256px 0px; }
.hc-own-btn-icon-sun 			{background-position: -384px 0px; }
.hc-own-btn-icon-spk-off		{background-position: -512px 0px; }
.hc-own-btn-icon-spk-on 		{background-position: -640px 0px; }
.hc-own-btn-icon-licht-ein		{background-position: 0px -128px; }
.hc-own-btn-icon-licht-aus		{background-position: -128px -128px; }
.hc-own-btn-icon-aus 			{background-position: -256px -128px; }
.hc-own-btn-icon-ein 			{background-position: -384px -128px; }
.hc-own-btn-icon-acceptopenwnd	{background-position: -512px -128px; }
.hc-own-btn-icon-sun_disable			{background-position: -640px -128pxpx; }

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	/* states and images */
	.no-touch .hc-own-btn-icon {
		width: 32px;
		height: 32px;
	}

	.no-touch .hc-own-btn-icon
	{
		background-image: url("jqui/images/BtnIcons32.png");
    opacity: 0.8;
	}

	.no-touch .hc-own-btn-icon:HOVER,
	.no-touch .hc-own-btn-icon:FOCUS {
		background-image: url("jqui/images/BtnIcons32.png");
	}
	.no-touch .hc-own-btn-icon:ACTIVE {
		background-image: url("jqui/images/BtnIcons32.png");
    opacity: 0.5;
	}

	/* positioning */
	.no-touch .hc-own-btn-icon-stop				{background-position: 0px 0px; }
	.no-touch .hc-own-btn-icon-down 			{background-position: -32px 0px; }
	.no-touch .hc-own-btn-icon-up 				{background-position: -64px 0px; }
	.no-touch .hc-own-btn-icon-sun 				{background-position: -96px 0px; }
	.no-touch .hc-own-btn-icon-spk-off			{background-position: -128px 0px; }
	.no-touch .hc-own-btn-icon-spk-on 			{background-position: -160px 0px; }
	.no-touch .hc-own-btn-icon-licht-ein		{background-position: 0px -32px; }
	.no-touch .hc-own-btn-icon-licht-aus		{background-position: -32px -32px; }
	.no-touch .hc-own-btn-icon-aus 				{background-position: -64px -32px; }
	.no-touch .hc-own-btn-icon-ein 				{background-position: -96px -32px; }
	.no-touch .hc-own-btn-icon-acceptopenwnd	{background-position: -128px -32px; }
  .no-touch .hc-own-btn-icon-sun_disable			{background-position: -160px -32px; }


	/* states and images */
	.touch .hc-own-btn-icon {
		width: 64px;
		height: 64px;
	}

	.touch .hc-own-btn-icon
	{
		background-image: url("jqui/images/BtnIcons64.png");
    opacity: 0.8;
	}

	.touch .hc-own-btn-icon:HOVER,
	.touch .hc-own-btn-icon:FOCUS {
		background-image: url("jqui/images/BtnIcons64.png");
	}
	.touch .hc-own-btn-icon:ACTIVE {
		background-image: url("jqui/images/BtnIcons64.png");
    opacity: 0.5;
	}

	/* positioning */
	.touch .hc-own-btn-icon-stop				{background-position: 0px 0px; }
	.touch .hc-own-btn-icon-down 				{background-position: -64px 0px; }
	.touch .hc-own-btn-icon-up 					{background-position: -128px 0px; }
	.touch .hc-own-btn-icon-sun 				{background-position: -192px 0px; }
	.touch .hc-own-btn-icon-spk-off				{background-position: -256px 0px; }
	.touch .hc-own-btn-icon-spk-on 				{background-position: -320px 0px; }
	.touch .hc-own-btn-icon-licht-ein			{background-position: 0px -64px; }
	.touch .hc-own-btn-icon-licht-aus			{background-position: -64px -64px; }
	.touch .hc-own-btn-icon-aus 				{background-position: -128px -64px; }
	.touch .hc-own-btn-icon-ein 				{background-position: -192px -64px; }
	.touch .hc-own-btn-icon-acceptopenwnd		{background-position: -256px -64px; }
  .touch .hc-own-btn-icon-sun_disable			{background-position: -320px -64px; }
}


/*icon um den shutter zustand darzustellen*/
.icon-shutter-style {
    width: 30px;/*-2 wegen border*/
    height: 30px;/*-2 wegen border*/
    border: 1px solid #888888;
    background-color: transparent;
	padding:0;
	margin:0;
	margin-right:2px;
	display:inline-block;
}

/*icon um den shutter zustand darzustellen - der rolladen selbst - im html code wird mit style="height: 100%;" der zustand des shutters dargestellt

<div class="icon-shutter-style"><div class=".icon-shutter-status" style="height: 100%;"></div></div>

*/
.icon-shutter-status {
    background-color: gray;
    background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
    background-size: 5px 5px;
}

/*icon um den waterlevel zustand darzustellen*/
.icon-waterlevel-style {
    width: 20px;/*-2 wegen border*/
    height: 30px;/*-2 wegen border*/
    border: 1px solid #888888;
    background-color: transparent;
	padding:0;
	margin:0;
	margin-right:2px;
	display:inline-block;
}

.icon-waterlevel-status {
    background-color: #0cb8ff;
}

.icon-waterlevel-ok {
    background-image:linear-gradient(0deg, grey 0%, transparent 100%)
}
.icon-waterlevel-warning {
    background-image:linear-gradient(0deg, #ff9f1b 0%, transparent 100%)
}
.icon-waterlevel-critical {
	background-image:linear-gradient(0deg, #ff400c 0%, transparent 100%)
}

/*icon um den waterlevel zustand darzustellen*/
.icon-percent-style {
    width: 20px;/*-2 wegen border*/
    height: 30px;/*-2 wegen border*/
    border: 1px solid #888888;
    background-color: transparent;
	padding:0;
	margin:0;
	margin-right:2px;
	display:inline-block;
}

.icon-percent-bg {
    background-color: transparent;
}

.icon-percent-ok {
    background-color: #22ff22;
}
.icon-percent-warning {
    background-color: #ff9f1b;
}
.icon-percent-critical {
	 background-color: #ff400c;
}

/* states and images */
.hc-own-gry-icon {
	padding:0;
	margin:0;
	margin-right:2px;
	display:inline-block;
	width: 32px;
	height: 32px;
	border: 0px solid #444;
	background-image: url("jqui/images/status_32.png");
}

/* positioning */
.hc-own-gry-icon-green			{background-position: 0px 0px; }
.hc-own-gry-icon-red 			{background-position: -32px 0px; }
.hc-own-gry-icon-yellow			{background-position: -64px 0px; }
.hc-own-gry-icon-mute-disable 	{background-position: -96px 0px; }
.hc-own-gry-icon-mute-enable 	{background-position: -128px 0px; }
.hc-own-icon-on-auto			{background-position: 0px -32px; }
.hc-own-icon-off-auto 			{background-position: -32px -32px; }
.hc-own-icon-on-manual			{background-position: -64px -32px; }
.hc-own-icon-off-manual			{background-position: -96px -32px; }
.hc-own-icon-hidden				{background-position: -128px -32px; }
.hc-own-icon-check-hco			{background-position: 0px -64px; }
.hc-own-icon-disconnected		{background-position: -32px -64px; }
.hc-own-icon-post				{background-position: -64px -64px; }
.hc-own-icon-newspaper			{background-position: -96px -64px; }
.hc-own-icon-up					{background-position: -128px -64px; }
.hc-own-icon-down				{background-position: 0px -96px; }
.hc-own-icon-no					{background-position: -32px -96px; }
.hc-own-icon-disable-control	{background-position: -64px -96px; }
.hc-own-icon-accept-open-wnd	{background-position: -96px -96px; }
.hc-own-icon-heathing			{background-position: -128px -96px; }
.hc-own-icon-ventilate			{background-position: 0px -128px; }
.hc-own-icon-closewindow		{background-position: -32px -128px; }
.hc-own-icon-md-inactive		{background-position: -64px -128px; }
.hc-own-icon-md-half-active		{background-position: -96px -128px; }
.hc-own-icon-md-active			{background-position: -128px -128px; }
.hc-own-icon-mic_inactive		{background-position: 0px -160px; }
.hc-own-icon-mic_was_active		{background-position: -32px -160px; }
.hc-own-icon-mic_active			{background-position: -64px -160px; }
.hc-own-icon-question			{background-position: -96px -160px; }
.hc-own-icon-cold				{background-position: -128px -160px; }
.hc-own-icon-hot				{background-position: 0px -192px; }
.hc-own-icon-weet				{background-position: -32px -192px; }
.hc-own-icon-dry				{background-position: -64px -192px; }
.hc-own-icon-sunblock-enable  {background-position: -96px -192px; }
.hc-own-icon-sunblock-disable  {background-position: -128px -192px; }
.hc-own-icon-house				{background-position: 0px -224px; }
.hc-own-icon-panel				{background-position: -32px -224px; }
.hc-own-icon-water	     	{background-position: -64px -224px; }
.hc-own-icon-heating			{background-position: -96px -224px; }
.hc-own-icon-locktime			{background-position: -128px -224px; }
.hc-own-icon-idle    			{background-position: 0px -256px; }
.hc-own-icon-load				  {background-position: -32px -256px; }
.hc-own-icon-unload				{background-position: -64px -256px; }



#H_House .hc-own-gry-icon {
	width: 48px;
	height: 48px;
	background-image: url("jqui/images/status_48.png");
}

#H_House .icon-shutter-style {
	width: 46px;/*-2 wegen border*/
	height: 46px;/*-2 wegen border*/
}

/*icon um den waterlevel zustand darzustellen*/
#H_House .icon-percent-style {
    width: 30px;/*-2 wegen border*/
    height: 46px;/*-2 wegen border*/
}

#H_House .icon-waterlevel-style {
  width: 30px;/*-2 wegen border*/
  height: 46px;/*-2 wegen border*/
}

#H_House .hc-own-gry-icon-green			{background-position: 0px 0px;}
#H_House .hc-own-gry-icon-red 			{background-position: -48px 0px; }
#H_House .hc-own-gry-icon-yellow		{background-position: -96px 0px; }
#H_House .hc-own-gry-icon-mute-disable	{background-position: -144px 0px; }
#H_House .hc-own-gry-icon-mute-enable 	{background-position: -192px 0px; }
#H_House .hc-own-icon-on-auto			{background-position: 0px -48px; }
#H_House .hc-own-icon-off-auto 			{background-position: -48px -48px; }
#H_House .hc-own-icon-on-manual			{background-position: -96px -48px; }
#H_House .hc-own-icon-off-manual		{background-position: -144px -48px; }
#H_House .hc-own-icon-hidden			{background-position: -192px -48px; }
#H_House .hc-own-icon-check-hco			{background-position: 0px -96px; }
#H_House .hc-own-icon-disconnected		{background-position: -48px -96px; }
#H_House .hc-own-icon-post				{background-position: -96px -96px; }
#H_House .hc-own-icon-newspaper			{background-position: -144px -96px; }
#H_House .hc-own-icon-up				{background-position: -192px -96px; }
#H_House .hc-own-icon-down				{background-position: 0px -144px; }
#H_House .hc-own-icon-no				{background-position: -48px -144px; }
#H_House .hc-own-icon-disable-control	{background-position: -96px -144px; }
#H_House .hc-own-icon-accept-open-wnd	{background-position: -144px -144px; }
#H_House .hc-own-icon-heathing			{background-position: -192px -144px; }
#H_House .hc-own-icon-ventilate			{background-position: 0px -192px; }
#H_House .hc-own-icon-closewindow		{background-position: -48px -192px; }
#H_House .hc-own-icon-md-inactive		{background-position: -96px -192px; }
#H_House .hc-own-icon-md-half-active	{background-position: -144px -192px; }
#H_House .hc-own-icon-md-active			{background-position: -192px -192px; }
#H_House .hc-own-icon-mic_inactive		{background-position: 0px -240px; }
#H_House .hc-own-icon-mic_was_active	{background-position: -48px -240px; }
#H_House .hc-own-icon-mic_active		{background-position: -96px -240px; }
#H_House .hc-own-icon-question			{background-position: -144px -240px; }
#H_House .hc-own-icon-cold				{background-position: -192px -240px; }
#H_House .hc-own-icon-hot				{background-position: 0px -288px; }
#H_House .hc-own-icon-weet				{background-position: -48px -288px; }
#H_House .hc-own-icon-dry				{background-position: -96px -288px; }
#H_House .hc-own-icon-sunblock-enable  {background-position: -144px -288px; }
#H_House .hc-own-icon-sunblock-disable  {background-position: -192px -288px; }
#H_House .hc-own-icon-house				{background-position: 0px -336px; }
#H_House .hc-own-icon-panel				{background-position: -48px -336px; }
#H_House .hc-own-icon-water	     	{background-position: -96px -336px; }
#H_House .hc-own-icon-heating			{background-position: -144px -336px; }
#H_House .hc-own-icon-locktime			{background-position: -192px -336px; }
#H_House .hc-own-icon-idle    			{background-position: 0px -384px; }
#H_House .hc-own-icon-load				  {background-position: -48px -384px; }
#H_House .hc-own-icon-unload				{background-position: -96px -384px; }


.status_temp
{
	padding:0;
	margin:0;
	display:inline-block;
	color:#9cF4FF;
	width: 64px;
	height: 32px;
	font-size: 21px;
}

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.hc-own-gry-icon {
		width: 16px;
		height: 16px;
		background-image: url("jqui/images/status_16.png");
	}
	.icon-shutter-style {
		width: 14px;/*-2 wegen border*/
		height: 14px;/*-2 wegen border*/
	}
	.icon-waterlevel-style {
		width: 9px;/*-2 wegen border*/
		height: 14px;/*-2 wegen border*/
	}
  .icon-percent-style {
    width: 9px;/*-2 wegen border*/
    height: 14px;/*-2 wegen border*/
  }
	/* positioning */
	.hc-own-gry-icon-green			{background-position: 0px 0px; }
	.hc-own-gry-icon-red 			{background-position: -16px 0px; }
	.hc-own-gry-icon-yellow			{background-position: -32px 0px; }
	.hc-own-gry-icon-mute-disable	{background-position: -48px 0px; }
	.hc-own-gry-icon-mute-enable 	{background-position: -64px 0px; }
	.hc-own-icon-on-auto			{background-position: 0px -16px; }
	.hc-own-icon-off-auto 			{background-position: -16px -16px; }
	.hc-own-icon-on-manual			{background-position: -32px -16px; }
	.hc-own-icon-off-manual			{background-position: -48px -16px; }
	.hc-own-icon-hidden				{background-position: -64px -16px; }
	.hc-own-icon-check-hco			{background-position: 0px -32px; }
	.hc-own-icon-disconnected		{background-position: -16px -32px; }
	.hc-own-icon-post				{background-position: -32px -32px; }
	.hc-own-icon-newspaper			{background-position: -48px -32px; }
	.hc-own-icon-up					{background-position: -64px -32px; }
	.hc-own-icon-down				{background-position: 0px -48px; }
	.hc-own-icon-no					{background-position: -16px -48px; }
	.hc-own-icon-disable-control	{background-position: -32px -48px; }
	.hc-own-icon-accept-open-wnd	{background-position: -48px -48px; }
	.hc-own-icon-heathing			{background-position: -64px -48px; }
	.hc-own-icon-ventilate			{background-position: 0px -64px; }
	.hc-own-icon-closewindow		{background-position: -16px -64px; }
	.hc-own-icon-md-inactive		{background-position: -32px -64px; }
	.hc-own-icon-md-half-active		{background-position: -48px -64px; }
	.hc-own-icon-md-active			{background-position: -64px -64px; }
	.hc-own-icon-mic_inactive		{background-position: 0px -80px; }
	.hc-own-icon-mic_was_active		{background-position: -16px -80px; }
	.hc-own-icon-mic_active			{background-position: -32px -80px; }
	.hc-own-icon-question			{background-position: -48px -80px; }
	.hc-own-icon-cold				{background-position: -64px -80px; }
	.hc-own-icon-hot				{background-position: 0px -96px; }
	.hc-own-icon-weet				{background-position: -16px -96px; }
	.hc-own-icon-dry				{background-position: -32px -96px; }
  .hc-own-icon-sunblock-enable  {background-position: -48px -96px; }
  .hc-own-icon-sunblock-disable  {background-position: -64px -96px; }
  .hc-own-icon-house				{background-position: 0px -112px; }
  .hc-own-icon-panel				{background-position: -16px -112px; }
  .hc-own-icon-water	     	{background-position: -32px -112px; }
  .hc-own-icon-heating			{background-position: -48px -112px; }
  .hc-own-icon-locktime			{background-position: -64px -112px; }
  .hc-own-icon-idle    			{background-position: 0px -128px; }
  .hc-own-icon-load				  {background-position: -32px -128px; }
  .hc-own-icon-unload				{background-position: -48px -128px; }

	#H_House .hc-own-gry-icon {
		width: 24px;
		height: 24px;
		background-image: url("jqui/images/status_24.png");
	}
	#H_House .icon-shutter-style {
		width: 22px;/*-2 wegen border*/
		height: 22px;/*-2 wegen border*/
	}
	#H_House .icon-waterlevel-style {
		width: 14px;/*-2 wegen border*/
		height: 22px;/*-2 wegen border*/
	}
  /*icon um den waterlevel zustand darzustellen*/
  #H_House .icon-percent-style {
      width: 14px;/*-2 wegen border*/
      height: 22px;/*-2 wegen border*/
  }

	/* positioning */
	#H_House .hc-own-gry-icon-green			{background-position: 0px 0px;}
	#H_House .hc-own-gry-icon-red 			{background-position: -24px 0px; }
	#H_House .hc-own-gry-icon-yellow		{background-position: -48px 0px; }
	#H_House .hc-own-gry-icon-mute-disable	{background-position: -72px 0px; }
	#H_House .hc-own-gry-icon-mute-enable 	{background-position: -96px 0px; }
	#H_House .hc-own-icon-on-auto			{background-position: 0px -24px; }
	#H_House .hc-own-icon-off-auto 			{background-position: -24px -24px; }
	#H_House .hc-own-icon-on-manual			{background-position: -48px -24px; }
	#H_House .hc-own-icon-off-manual		{background-position: -72px -24px; }
	#H_House .hc-own-icon-hidden			{background-position: -96px -24px; }
	#H_House .hc-own-icon-check-hco			{background-position: 0px -48px; }
	#H_House .hc-own-icon-disconnected		{background-position: -24px -48px; }
	#H_House .hc-own-icon-post				{background-position: -48px -48px; }
	#H_House .hc-own-icon-newspaper			{background-position: -72px -48px; }
	#H_House .hc-own-icon-up				{background-position: -96px -48x; }
	#H_House .hc-own-icon-down				{background-position: 0px -72px; }
	#H_House .hc-own-icon-no				{background-position: -24px -72px; }
	#H_House .hc-own-icon-disable-control	{background-position: -48px -72px; }
	#H_House .hc-own-icon-accept-open-wnd	{background-position: -72px -72px; }
	#H_House .hc-own-icon-heathing			{background-position: -96px -72px; }
	#H_House .hc-own-icon-ventilate			{background-position: 0px -96px; }
	#H_House .hc-own-icon-closewindow		{background-position: -24px -96px; }
	#H_House .hc-own-icon-md-inactive		{background-position: -48px -96px; }
	#H_House .hc-own-icon-md-half-active	{background-position: -72px -96px; }
	#H_House .hc-own-icon-md-active			{background-position: -96px -96px; }
	#H_House .hc-own-icon-mic_inactive		{background-position: 0px -120px; }
	#H_House .hc-own-icon-mic_was_active	{background-position: -24px -120px; }
	#H_House .hc-own-icon-mic_active		{background-position: -48px -120px; }
	#H_House .hc-own-icon-question			{background-position: -72px -120px; }
	#H_House .hc-own-icon-cold				{background-position: -96px -120px; }
	#H_House .hc-own-icon-hot				{background-position: 0px -144px; }
	#H_House .hc-own-icon-weet				{background-position: -24px -144px; }
	#H_House .hc-own-icon-dry				{background-position: -48px -144px; }
  #H_House .hc-own-icon-sunblock-enable  {background-position: -72px -144px; }
  #H_House .hc-own-icon-sunblock-disable  {background-position: -96px -144px; }
  #H_House .hc-own-icon-house				{background-position: 0px -168px; }
	#H_House .hc-own-icon-panel				{background-position: -24px -168px; }
  #H_House .hc-own-icon-water	     	{background-position: -48px -168px; }
  #H_House .hc-own-icon-heating			{background-position: -72px -168px; }
  #H_House .hc-own-icon-locktime			{background-position: -96px -168px; }
  #H_House .hc-own-icon-idle    			{background-position: 0px -192px; }
  #H_House .hc-own-icon-load				  {background-position: -24px -192px; }
  #H_House .hc-own-icon-unload				{background-position: -48px -192px; }



	/*#H_House .hc-own-gry-icon-green			{background-position: 0px 0px;width: 16px;height: 16px;background-image: url("jqui/images/status_16.png");}
	#H_House .hc-own-gry-icon-red 			{background-position: -16px 0px;width: 16px;height: 16px;background-image: url("jqui/images/status_16.png");}
	#H_House .hc-own-gry-icon-yellow		{background-position: -32px 0px;width: 16px;height: 16px;background-image: url("jqui/images/status_16.png");}*/
	.status_temp
	{
		width: 64px;
		height: 32px;
		font-size: 19px;
	}

	.status_temp
	{
		width: 32px;
		height: 16px;
		font-size: 11px;
	}
}


/*login icon*/

.ui-icon.topmenu{
	display:inline-block;
	background: none;
    background-image: url(jqui/images/TopMenueBtns_96.png);
    width: 96px;
    height: 96px;
    margin-top: -48px;
    margin-left: -48px;
    opacity:0.5;
}

.ui-state-hover .ui-icon.topmenu {
	    opacity:1.0;
	}
	

.ui-icon.topmenu-loginbtn{
    background-position: 0px 0px;
}
.ui-icon.topmenu-selectbtn{
    background-position: -96px 0px;
}

/*
.ui-state-hover .ui-icon.loginbtn {
    background-image: url(jqui/images/TopMenueBtns_96.png);
    width: 96px;
    height: 96px;
    margin-top: -48px;
    margin-left: -48px;
}*/


/*
.ui-state-hover .ui-icon.selectbtn {
    background-image: url(jqui/images/TopMenueBtns_96.png);
    width: 96px;
    height: 96px;
    margin-top: -48px;
    margin-left: -48px;
}*/

/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
@media screen and (max-resolution: 100dpi)
{
	.touch .ui-icon.topmenu{
	    background-image: url(jqui/images/TopMenueBtns_48.png);
	    width: 48px;
	    height: 48px;
	    margin-top: -24px;
	    margin-left: -24px;
	}

	.touch .ui-icon.topmenu-selectbtn{
	    background-position: -48px 0px;
	}

	
	.no-touch .ui-icon.topmenu{
	    background-image: url(jqui/images/TopMenueBtns_32.png);
	    width: 32px;
	    height: 32px;
	    margin-top: -16px;
	    margin-left: -16px;
	}
	.no-touch .ui-icon.topmenu-selectbtn{
	    background-position: -32px 0px;
	}
	

}


/* Icon for ShortControl ENVIROMENT*/
.hc-short-control-icon-env {
	padding:0;
	margin:0;
	display:inline-block;
	width: 96px;
	height: 96px;
	border: 0px solid #444;
	background-image: url("jqui/images/BtnShortControlIcons_Enviroment_96.png");
}
.ui-icon.hc-short-control-icon-env {
	padding:0;
	margin:0;
	display:inline-block;
	width: 96px;
	height: 96px;
	margin-top: -48px;
    margin-left: -48px;
	border: 0px solid #444;
	background-image: url("jqui/images/BtnShortControlIcons_Enviroment_96.png");
}

/* positioning */
.ui-icon.hc-short-control-icon-env-Tag			{background-position: 0px 0px; }
.ui-icon.hc-short-control-icon-env-Nacht		{background-position: -96px 0px; }
.ui-icon.hc-short-control-icon-env-Sonnenschutz	{background-position: -192px 0px; }
.ui-icon.hc-short-control-icon-env-Alarm		{background-position: -288px 0px; }
.hc-short-control-icon-env-Tag					{background-position: 0px 0px; }
.hc-short-control-icon-env-Nacht				{background-position: -96px 0px; }
.hc-short-control-icon-env-Sonnenschutz			{background-position: -192px 0px; }
.hc-short-control-icon-env-Alarm				{background-position: -288px 0px; }

@media screen and (max-resolution: 100dpi)
{
	.touch .ui-icon.hc-short-control-icon-env {
		width: 48px;
		height: 48px;
	    margin-top: -24px;
	    margin-left: -24px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Enviroment_48.png");
	}
	.touch .hc-short-control-icon-env {
		width: 48px;
		height: 48px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Enviroment_48.png");
	}

	/* positioning */
	.touch .ui-icon.hc-short-control-icon-env-Tag			{background-position: 0px 0px; }
	.touch .ui-icon.hc-short-control-icon-env-Nacht		{background-position: -48px 0px; }
	.touch .ui-icon.hc-short-control-icon-env-Sonnenschutz	{background-position: -96px 0px; }
	.touch .ui-icon.hc-short-control-icon-env-Alarm 		{background-position: -144px 0px; }
	.touch .hc-short-control-icon-env-Tag					{background-position: 0px 0px; }
	.touch .hc-short-control-icon-env-Nacht				{background-position: -48px 0px; }
	.touch .hc-short-control-icon-env-Sonnenschutz			{background-position: -96px 0px; }
	.touch .hc-short-control-icon-env-Alarm 				{background-position: -144px 0px; }

	.no-touch .ui-icon.hc-short-control-icon-env {
		width: 32px;
		height: 32px;
	    margin-top: -16px;
	    margin-left: -16px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Enviroment_32.png");
	}
	.no-touch .hc-short-control-icon-env {
		width: 32px;
		height: 32px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Enviroment_32.png");
	}

	/* positioning */
	.no-touch .ui-icon.hc-short-control-icon-env-Tag			{background-position: 0px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-env-Nacht		{background-position: -32px 0px;}
	.no-touch .ui-icon.hc-short-control-icon-env-Sonnenschutz	{background-position: -64px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-env-Alarm 		{background-position: -96px 0px; }
	.no-touch .hc-short-control-icon-env-Tag					{background-position: 0px 0px; }
	.no-touch .hc-short-control-icon-env-Nacht				{background-position: -32px 0px; }
	.no-touch .hc-short-control-icon-env-Sonnenschutz			{background-position: -64px 0px; }
	.no-touch .hc-short-control-icon-env-Alarm 				{background-position: -96px 0px; }

}


/* Icon for ShortControl weatherIROMENT*/
.hc-short-control-icon-weather {
	padding:0;
	margin:0;
	display:inline-block;
	width: 96px;
	height: 96px;
	border: 0px solid #444;
	background-image: url("jqui/images/BtnShortControlIcons_Weather_96.png");
}
.ui-icon.hc-short-control-icon-weather {
	padding:0;
	margin:0;
	display:inline-block;
	width: 96px;
	height: 96px;
	margin-top: -48px;
    margin-left: -48px;
	border: 0px solid #444;
	background-image: url("jqui/images/BtnShortControlIcons_Weather_96.png");
}

/* positioning */
.ui-icon.hc-short-control-icon-weather-Kalt			{background-position: 0px 0px; }
.ui-icon.hc-short-control-icon-weather-Frost		{background-position: -96px 0px; }
.ui-icon.hc-short-control-icon-weather-Hitze		{background-position: -192px 0px; }
.ui-icon.hc-short-control-icon-weather-Regen		{background-position: -288px 0px; }
.ui-icon.hc-short-control-icon-weather-Moderat		{background-position: -384px 0px; }
.hc-short-control-icon-weather-Kalt					{background-position: 0px 0px; }
.hc-short-control-icon-weather-Frost				{background-position: -96px 0px; }
.hc-short-control-icon-weather-Hitze				{background-position: -192px 0px; }
.hc-short-control-icon-weather-Regen				{background-position: -288px 0px; }
.hc-short-control-icon-weather-Moderat				{background-position: -384px 0px; }

@media screen and (max-resolution: 100dpi)
{
	.touch .ui-icon.hc-short-control-icon-weather {
		width: 48px;
		height: 48px;
	    margin-top: -24px;
	    margin-left: -24px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Weather_48.png");
	}
	.touch .hc-short-control-icon-weather {
		width: 48px;
		height: 48px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Weather_48.png");
	}

	/* positioning */
	.touch .ui-icon.hc-short-control-icon-weather-Kalt			{background-position: 0px 0px; }
	.touch .ui-icon.hc-short-control-icon-weather-Frost		{background-position: -48px 0px; }
	.touch .ui-icon.hc-short-control-icon-weather-Hitze		{background-position: -96px 0px; }
	.touch .ui-icon.hc-short-control-icon-weather-Regen 		{background-position: -144px 0px; }
	.touch .ui-icon.hc-short-control-icon-weather-Moderat 		{background-position: -192px 0px; }
	.touch .hc-short-control-icon-weather-Kalt					{background-position: 0px 0px; }
	.touch .hc-short-control-icon-weather-Frost				{background-position: -48px 0px; }
	.touch .hc-short-control-icon-weather-Hitze				{background-position: -96px 0px; }
	.touch .hc-short-control-icon-weather-Regen 				{background-position: -144px 0px; }
	.touch .hc-short-control-icon-weather-Moderat 				{background-position: -192px 0px; }

	.no-touch .ui-icon.hc-short-control-icon-weather {
		width: 32px;
		height: 32px;
	    margin-top: -16px;
	    margin-left: -16px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Weather_32.png");
	}
	.no-touch .hc-short-control-icon-weather {
		width: 32px;
		height: 32px;
		border: 0px solid #444;
		background-image: url("jqui/images/BtnShortControlIcons_Weather_32.png");
	}

	/* positioning */
	.no-touch .ui-icon.hc-short-control-icon-weather-Kalt			{background-position: 0px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-weather-Frost		{background-position: -32px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-weather-Hitze		{background-position: -64px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-weather-Regen 		{background-position: -96px 0px; }
	.no-touch .ui-icon.hc-short-control-icon-weather-Moderat 		{background-position: -128px 0px; }
	.no-touch .hc-short-control-icon-weather-Kalt					{background-position: 0px 0px; }
	.no-touch .hc-short-control-icon-weather-Frost				{background-position: -32px 0px; }
	.no-touch .hc-short-control-icon-weather-Hitze				{background-position: -64px 0px; }
	.no-touch .hc-short-control-icon-weather-Regen 				{background-position: -96px 0px; }
	.no-touch .hc-short-control-icon-weather-Moderat 				{background-position: -128px 0px; }
}


/*------------ Short Controls*/
.ShortControlCmd
{
	float: left;

}


/* DropDownMenu - Enviroment ---------------------------------------------------------- */
#DropDownSetEnviroment_Menu {
	z-index: 10;
}


#DropDownSetEnviroment_Container {
  /*margin: 20px 30px 10px 30px ;*/
  /*padding: 4px;*/
  display: inline-block;
}

#DropDownSetEnviroment_Menu {
  position: absolute;
  width: 250px;
  margin-top: 6px;
}


#DropDownSetEnviroment_Launcher:HOVER,
#DropDownSetEnviroment_Launcher:FOCUS {
		border: 1px solid #0B93D5;
	}
#DropDownSetEnviroment_Launcher:ACTIVE {
		border: 1px solid #1cA4E6;
	}

#DropDownSetEnviroment_Launcher {
	width:96px;
	height:96px;
	background: transparent;
	border: 0px;
}

#DropDownSetEnviroment_Menu .menu-item {
  height:96px;
  float: none;
  clear: both;
}

#DropDownSetEnviroment_Menu .menu-item-icon {
  float:left;
}
#DropDownSetEnviroment_Menu .menu-item-text {
  float:left;
  padding-left: 5px;
}

/* fix for jquery-ui-bootstrap theme */
#DropDownSetEnviroment_Launcher div {
  display: inline-block;
}


@media screen and (max-resolution: 100dpi)
{
	.touch #DropDownSetEnviroment_Launcher {
		width:48px;
		height:48px;
	}

	.touch #DropDownSetEnviroment_Menu .menu-item {
	  height:48px;
	}

	.touch #DropDownSetEnviroment_Menu {
	  width: 200px;
	  margin-top: 3px;
	}

	.no-touch #DropDownSetEnviroment_Launcher {
		width:32px;
		height:32px;
	}

	.no-touch #DropDownSetEnviroment_Menu .menu-item {
	  height:32px;
	}

	.no-touch #DropDownSetEnviroment_Menu {
	  width: 150px;
	  margin-top: 3px;
	}
}

/* DropDownMenu - Weather ---------------------------------------------------------- */
#DropDownSetWeather_Menu {
	z-index: 10;
}


#DropDownSetWeather_Container {
  /*margin: 20px 30px 10px 30px ;*/
  /*padding: 4px;*/
  display: inline-block;
}

#DropDownSetWeather_Menu {
  position: absolute;
  width: 250px;
  margin-top: 6px;
}


#DropDownSetWeather_Launcher:HOVER,
#DropDownSetWeather_Launcher:FOCUS {
		border: 1px solid #0B93D5;
	}
#DropDownSetWeather_Launcher:ACTIVE {
		border: 1px solid #1cA4E6;
	}

#DropDownSetWeather_Launcher {
	width:96px;
	height:96px;
	background: transparent;
	border: 0px;
}

#DropDownSetWeather_Menu .menu-item {
  height:96px;
  float: none;
  clear: both;
}

#DropDownSetWeather_Menu .menu-item-icon {
  float:left;
}
#DropDownSetWeather_Menu .menu-item-text {
  float:left;
  padding-left: 5px;
}

/* fix for jquery-ui-bootstrap theme */
#DropDownSetWeather_Launcher div {
  display: inline-block;
}

@media screen and (max-resolution: 100dpi)
{
	.touch #DropDownSetWeather_Launcher {
		width:48px;
		height:48px;
	}

	.touch #DropDownSetWeather_Menu .menu-item {
	  height:48px;
	}

	.touch #DropDownSetWeather_Menu {
	  width: 200px;
	  margin-top: 3px;
	}

	.no-touch #DropDownSetWeather_Launcher {
		width:32px;
		height:32px;
	}

	.no-touch #DropDownSetWeather_Menu .menu-item {
	  height:32px;
	}

	.no-touch #DropDownSetWeather_Menu {
	  width: 150px;
	  margin-top: 3px;
	}
}

#GraphView
{
	cursor:crosshair;
}

#GraphViewFocus
{
	display:inline-block;
	background-color: #202020;
	margin: 2px;
	border: 1px solid #404040;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.hslider
{
	margin-top: 10px;
	margin-bottom: 2px;
	width: 90%;
}

.touch .hslider
{
	margin-top: 20px;
	margin-bottom: 2px;
}

.touch .ui-slider .ui-slider-handle
{
	width: 30px; margin-left: -15px;
	height: 30px; margin-top: -9px;
}

#Loading
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #BBBBBB;
    /*background: url("./jqui/images/loading.gif");*/
    text-align: center;
    font-size: xx-large;
  }
  
#Loading img
{
  width: min(50vw, 50vh);
  height: auto;
}

 #BtnDialogContent
 {
 	padding: 10px
 }

  /*
 .ObjDetails h5 .headertext
{
	font-size: 30px;
}*/


/*anwenden wenn DPI unter (gleich) 100 dpi ist*/
/*@media screen and (max-resolution: 100dpi)
{
	 #BtnDialogContent
	 {
	 	padding: 10px
	 }
}*/


#CustomBtnDialogContent
{
	padding: 7px
}

#CustomBtnDialogContent td
{
	padding: 3px
}

.touch .CustomBtnDialogTextSize/*.ui-dialog*/
{
	font-size: 2em;
}
.touch .CustomBtnDialogTextSize .ui-button-text
{
	font-size: 1.0em;
}


.touch .ui-button-text
{
	font-size: 1.5em;
}


.CustomViewThemes table
{
	border: 0px;
	border-collapse: collapse;
}

.CustomViewThemes tr
{
	background-color: rgba(100,100,100,0.3)	
}

.CustomViewThemes button
{
	padding:5px;
	width:100%;	
}

.CustomViewThemes button .ui-button-text {
   	font-size: 120%;    
   	font-weight: 600;
}	

@media screen and (max-resolution: 100dpi)
{
	.CustomViewThemes button
	{
		padding:5px;
		width:100%;	
	}
	
	.CustomViewThemes button .ui-button-text {
    	font-size: 100%;    
    	font-weight: 600;
	}	
}

.ExtendedCmds button {
    height: 80px;
    width: 32.8%;           
}
.ExtendedCmds button .ui-button-text {
    font-size: 120%;    
    font-weight: 600;
}

@media screen and (max-resolution: 100dpi)
{
	.ExtendedCmds button {
	    height: 40px;
	    width: 19.8%;	    
	}
	
	.ExtendedCmds button .ui-button-text {
    	font-size: 100%;    
    	font-weight: 400;
	}
}

.inlinemenu {
            position: absolute;
            display: none;
            background-color: #080808;
 			border:1px solid #303030;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            padding: 2px
        }
        
.inlinemenu button{
	width: 100%; /* Alle Buttons nehmen 100% der Breite des Containers ein */
    display: block;
    box-sizing: border-box;
    padding: 0.7em; 
}
        
.inlinemenu button .ui-button-text {
   	font-size: 120%;    
   	font-weight: 600;
}	

@media screen and (max-resolution: 100dpi)
{
	.inlinemenu button
	{
		padding:5px;
		width:100%;	
	}
	
	.inlinemenu button .ui-button-text {
    	font-size: 100%;    
    	font-weight: 600;
	}	
}