/* system */

* { margin:0; padding:0; box-sizing:content-box; }
html { height:100%; min-width:450px; overflow-y:scroll;
	background:transparent url(images/layout/Main_oben_rechts.png) repeat-y right top; }
body { height:100%; background:transparent url(images/layout/Main_oben_links.png) repeat-y left top; }
body * { font-family:Arial; font-size:12px; color:#636363; }
body.nomark *:not(input) { user-select:none; }
body.touch .pagecontent * { font-size:15px; font-weight:bold; }
/* body.nomark #onlinealarm_wrapper * { font-size:1.05em; } */
#contentAll { min-height:100%; }
* html #contentRight { height:100%; }
* html #contentLeft { height:100%; }
* html #contentAll { height:100%; }
#content { padding-bottom:168px; }

.ischrome { position:absolute; left:5px; top:85px; }

#content .ps-button *, #content .ps-input *, #content .ps-navi-button *, #content span *, #content .ps-image-button * { position:relative; }
#header { height:100px; background-color:#FFF; }

#footerLinks { height:168px; margin-top:-168px; clear:both;
	background:transparent url(images/layout/Main_unten_links.png) top left no-repeat; }
#footerRechts { 
	background:transparent url(images/layout/Main_unten_rechts.png) top right no-repeat; }
#footer { padding:15px 0 0; margin:0 15px;
	background:#FFF url(images/layout/Main_unten_mitte.png) top left repeat-x; }
#footer .showalarm { margin:20px 0 0 5px; }

.Logo { position:absolute; width:225px; height:66px; left:10px; top:12px;
	text-decoration:none; }
.Balken_rechts { height:100px; width:5px; float:right;
/* background:transparent url(images/layout/Header_rechts.png) no-repeat right top; */ }
.Balken_links { height:100px; width:5px; float:left;
/* background:transparent url(images/layout/Header_links.png) no-repeat left top; */ }
.Balken { height:100px; margin:0 5px;
/* background:transparent url(images/layout/Header_mitte.png) repeat-x left top; */ }
.wpBalken { height:100px; padding-left:230px;
	background:transparent url(images/layout/Header_Logo_.png) no-repeat center top; }
	
/* won't work
@media screen and (max-height:800px) {
	#footerLinks { margin-top:-75px; }
	#content { padding-bottom:75px; }
}
*/

.wpBalken.Alarm { background-image:url(images/layout/Header_Logo_Alarm.png); }
.wpBalken.BMS { background-image:url(images/layout/Header_Logo_BMS.png); }
.wpBalken.Energy { background-image:url(images/layout/Header_Logo_Energy.png); }
.wpBalken.Portal { background-image:url(images/layout/Header_Logo_Portal.png); }
.wpBalken.Scada { background-image:url(images/layout/Header_Logo_Scada.png); }
.wpBalken.Studio { background-image:url(images/layout/Header_Logo_Studio.png); }
.wpBalken.Suite { background-image:url(images/layout/Header_Logo_Suite.png); }
.wpBalken.Supervisor { background-image:url(images/layout/Header_Logo_Supervisor.png); }

.wpBalken .menuentry { text-decoration:none; color:#1d3a8f; font-size:13px; }
.wpBalken .menuentry.active { color:#FFF; }
.wpBalken .right { text-decoration:none; float:right; margin:4px 20px 0 0; }
.pfeilunten { font-family:Calibri,"PT Sans", sans-serif; }
.wpBalken .dropdownmenu span { color:#1d3a8f; }
.wpBalken .dropdownmenu { cursor:pointer; color:#1d3a8f; margin:4px 0 0 20px; padding:0 20px;
	text-decoration:none; font-size:13px; line-height:28px; height:28px;
	display:inline-block; float:left; font-weight:bold; }
.wpBalken .dropdownmenu:hover, .wpBalken .menuentry:hover { text-decoration:none;
	background:rgba(0, 0, 0, 0.2); border-radius:5px; }
.wpBalken .dropdownmenu.active { color:#636363; }
.wpBalken .menudiv { position:absolute; z-index:10; top:50px; left:55px; height:0px;
	border:1px solid #888; padding:10px; overflow:auto; background-color:#EEE;
	background:rgba(238, 238, 238, 0.85); border-radius:5px; box-shadow:0px 0px 12px #8c8c8c; }
.wpBalken .menudiv div { float:left; min-width:200px; margin:5px; }
.wpBalken .menudiv ul a { margin:2px 0; padding:0 5px; text-decoration:none; color:#1d3a8f;
	line-height:28px; height:28px; display:block; font-weight:bold;
	border:1px solid transparent; border-radius:5px; }
.wpBalken .menudiv ul a:hover { border-color:#1d3a8f; }
.wpBalken .menudiv ul a:active { box-shadow:inset 0px 0px 3px #CCC; }

#header h1 { font-size:18px; line-height:50px; color:#FFF; }

legend { color:#1d3a8f; font-weight:bold; }
label { color:#1d3a8f; }
hr { height:1px; border:none; margin:5px 50px; background-color:#CCC; clear:both; }

ul { list-style:outside none; }

h1, body.touch .pagecontent h1, h1 a { font-size:22px; text-align:center; }
h2, body.touch .pagecontent h2 { font-size:20px; }
h3, body.touch .pagecontent h3 { font-size:16px; }
h4, body.touch .pagecontent h4 { font-size:14px; }
h5, body.touch .pagecontent h5 { font-size:12px; }
h6, body.touch .pagecontent h6 { font-size:10px; }

.menuentry { margin:4px 0 0 25px; padding:0 20px; text-decoration:none; color:#1d3a8f;
	line-height:28px; height:28px; display:inline-block; float:left; font-weight:bold; cursor:pointer; }
.menuentry:hover { text-decoration:underline; }
.menuentry.active { color:#000; }
.menuentry.pageback {
	background:transparent url(images/layout/menu_back.png) center center no-repeat; }
.menuentry.home {
background:transparent url(images/layout/menu_home.png) 5px center no-repeat;padding-left:35px;}
.menuentry.home span {
	padding-left:10px;
}
.menuentry.myhome {
	background:transparent url(images/layout/menu_home.png) 40px center no-repeat;
	padding-right:40px;
}
.menuentry.paramsite {
	background:transparent url(images/layout/b-settings.png) center center no-repeat; }

@media screen and (max-width:1280px) {
	.wpBalken .right { margin:4px 5px 0 0; }
	.wpBalken .dropdownmenu { margin:4px 0 0 5px; padding:0 15px; }
	.wpBalken { padding-left:0px; }
	.menuentry { margin:4px 0 0 15px; padding:0 10px; }
	.ps-md-hide { display:none; }
}
@media screen and (min-width:1281px) {
	.ps-md-show { display:none; }
}
@media screen and (max-width:1024px) {
	.wpBalken .right { margin:4px 0 0 0; }
	.wpBalken .dropdownmenu { margin:4px 0 0 0; padding:0 15px; }
	#header .wpBalken { background-image:none; }
	.menuentry { margin:4px 0 0 5px; }
	.ps-sm-hide { display:none; }
}
@media screen and (min-width:1025px) {
	.ps-sm-show { display:none; }
}
@media screen and (max-width:768px) {
	.ps-xsm-hide { display:none; }
}
@media screen and (max-width:512px) {
	.ps-xxsm-hide { display:none; }
}

#content .pagemenu { height:40px; padding-top:11px; }
#footer .pagemenu { height: 50px; }
/*
.pagemenuleft { float:left; height:50px; width:15px;
	background:transparent url(images/layout/Navi_links.png) top left no-repeat; }
.pagemenuright { float:right; height:50px; width:15px;
	background:transparent url(images/layout/Navi_rechts.png) top right no-repeat; }
*/
.pagemenucontent { height:39px; margin:0 10px; padding:0px 10px 0 10px;
	/*background:transparent url(images/layout/Navi_mitte.png) repeat-x;*/ }
.footermenucontent { height:50px; cursor:default;
	background:transparent url(images/layout/Navi_footer_mitte.png) repeat-x; }
.pagecontent { margin:0 11px; padding:5px 20px 20px 20px; }
.pagemenucontent a.menuentry { border:1px solid #CCC; border-radius:4px; box-shadow:none; }
.pagemenucontent a.menuentry.image { border-color:transparent; }
.pagemenucontent a.menuentry:hover { border-color:#CCC; }
.pagemenucontent a.menuentry:active { box-shadow:inset 0px 0px 3px #CCC; }
.pagemenucontent a.menuentry.image:hover { text-decoration:none; }
.pagemenucontent a.menuentry.paramsite { float:right; }

.btn { padding:3px 10px; margin:1px; text-align:center; border:1px solid #888; cursor:pointer;
	background-color:#FFF; color:#555; white-space:nowrap; border-radius:4px; box-shadow:0px 0px 4px 0px #888; }
.btn:hover { border-color:#000; }
.btn:active { border-color:#004caf; box-shadow:none; }
select, option, optgroup, input { color:#000; }

.pos, .ps-green { color:#0F0; }
#header .dragqueen.neg, .neg, .ps-red { color:#A91919; }
.warn, .ps-yellow { color:#FFBF00; }
.info, .ps-blue { color:#00F; }
.ps-grey { color:#808080; }

.ps-hidden { display:none !important; }
.ps-bold { font-weight:bold; }
.ps-smallfont { font-size:8px; }
.ps-taleft { text-align:left; }
.ps-tacenter { text-align:center; }
.ps-taright { text-align:right; }
.ps-flright { float:right; }
.ps-flleft { float:left; }
.ps-nowrap { white-space:nowrap; }
.ps-cursorinfo { cursor:help; }
.dragthis.ps-cursorclick { cursor:pointer; }
.ps-fontsizebig { font-size:14px; }

#presession { font-size:8px; }

#error { position:fixed; top:50px; left:-350px; width:300px; border:1px solid #888;
	background-color:#555; color:#fff; padding:5px; z-index:2000;
	border-radius:4px; box-shadow:0px 0px 4px 0px #888; }
#error * { color:#fff; }
#error .neg { color:#F00; font-weight:bold; text-shadow:0px 0px 3px #000; }
#error .pos { color:#0F0; font-weight:bold; text-shadow:0px 0px 3px #000; }

body .ui-dialog-title *, body .ui-widget-header * { color:#FFF; font-size:14px; }
body .ui-dialog .ui-dialog-titlebar-close { width:31px; height:30px; margin:-15px 0 0; }
body .ui-dialog .ui-dialog-title { margin:0.4em 0; }
body .ui-slider .ui-slider-handle { width:20px; height:20px; margin-top:-2px; }

#dialog { max-height:500px; }
#dialog input, #dialog select { color:#004caf; }
#dialog input { text-align:center; }
#dialog option { color:#333; }
#dialog select { padding-top:0px; padding-right:0px; padding-bottom:0px; }
#dialog .beschriftung { text-align:left; }
#dialog .beschriftung span { padding-left:10px; }
#dialog .pa-slider { width:250px; margin:10px auto; }
/* getrickst wegen min max */
#dialog .ps-taright { padding-right:35px; }

/*
div.popup { width:300px; text-align:center; margin:auto; }
div.popup table { width:100%; }
*/
div.popup, #dialog table { margin:auto; text-align:center; }
div.popup span.ps-button, div.popup span.ps-input, div.popup input.ps-input {
	display:inline-block; width:100px; }
div.popup div.posabs { position:relative; height:24px; }
div.popup div.posabs * { position:absolute; left:50%; margin-left:-56px; }
.ui-button-text { color:#000; }
.clearboth { clear:both; }

div.table { display:table; }
div.tr { display:table-row; }
div.th { display:table-cell; font-weight:bold; }
div.td { display:table-cell; }

div.ps-50percleft { width:47%; float:left; min-width:490px; margin:10px 1%; }
div.ps-25percleft { width:22%; float:left; min-width:240px; margin:10px 1%; }
div.ps-75percleft { width:72%; float:left; min-width:740px; margin:10px 1%; }

div.ps-center { width:100%; overflow-x:hidden; }
div.ps-center-container { clear:left; float:left; left:50%; position:relative; }
div.ps-center-element { float:left; right:50%; position:relative; }

div.ps-flex-container { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; }
div.ps-flex-menu-container { display:flex; flex-wrap:wrap; justify-content:start; align-items:stretch; }
.ps-flex-menu { display:flex; flex-direction:column; }
div.ps-flex-page { flex-grow:1; }
.ps-flex-item { flex-grow:1; }
.ps-flex-item * { margin:auto; }
.ps-loading { min-height:50px;
	background:transparent url(images/layout/loader.gif) center center no-repeat; }
.ps-button { padding:7px; margin:2px 5px; background-color:#555; color:#FFF;
	border:1px solid #888; cursor:pointer; display:inline-block;
	font-size:13px; line-height:16px; font-weight:bold;
	white-space:nowrap; border-radius:4px; box-shadow:0px 0px 2px 0px #888;
	background-image:linear-gradient(#606060 25%, #222 100%); }
.ps-button.inactive { border-color:#888 !important; cursor:default !important;
	box-shadow:0px 0px 2px 0px #888 !important;
	background-image:linear-gradient(#bebebe 25%, #8b8b8b 100%) !important; }
.ps-button:hover { border-color:#AAA; }
.ps-button:active { border-color:#555; box-shadow:inset 2px 2px 5px 0px #222; color:#888; }
.ps-button.bm { color:#0F0; border-color:#0F0;
	box-shadow:0px 0px 10px 2px #0F0; }
.ps-button.bm:hover { border-color:#AAA; }
.ps-button.bm:active { border-color:#555; box-shadow:inset 2px 2px 5px 0px #222; color:#080; }
.ps-button.licht.bm { color:#dddd1e; border-color:#dddd1e;
	box-shadow:0px 0px 10px 2px #dddd1e; }
.ps-button.licht.bm:hover { border-color:#AAA; }
.ps-button.licht.bm:active { border-color:#555; box-shadow:inset 2px 2px 5px 0px #222; color:#cac446; }
.ps-button.sm { color:#ff7396; border-color:#ff7396;
	box-shadow:0px 0px 10px 2px #ff7396; }
.ps-button.mobile { min-width:155px; height:60px; font-size:18px; font-weight:bold; }

.ps-button.ps-red { background-color:#aa6; color:#FFF; border:1px solid #CCC; background-image:linear-gradient(#c33 25%, #a55 100%); }
.ps-button.ps-red:hover { border-color:#555; }
.ps-button.ps-red:active { box-shadow:none; color:#555; }

.ps-button.ps-yellow { background-color:#aa6; color:#333; border:1px solid #888; background-image:linear-gradient(#cc3 25%, #aa5 100%); }
.ps-button.ps-yellow:hover { border-color:#555; }
.ps-button.ps-yellow:active { box-shadow:none; color:#555; box-shadow:inset 2px 2px 5px 0px #222; }

.ps-button.ps-green { background-color:#050; color:#222; border:1px solid #222; background-image:linear-gradient(#3c3 25%, #363 100%); }
.ps-button.ps-green:hover { border-color:#888; }
.ps-button.ps-green:active { box-shadow:none; color:#CCC; box-shadow:inset 2px 2px 5px 0px #222; }

.ps-button.ps-blue { background-color:#050; color:#FFF; border:1px solid #CCC; background-image:linear-gradient(#33c 25%, #55a 100%); }
.ps-button.ps-blue:hover { border-color:#888; }
.ps-button.ps-blue:active { box-shadow:none; color:#555; box-shadow:inset 2px 2px 5px 0px #222; }

.ps-input { padding:2px 5px; margin:2px 5px; background-color:#CCC; color:#000;
	display:inline-block; font-size:13px; line-height:16px; font-weight:bold;
	overflow:hidden;
	border-left:1px solid #555; border-top:1px solid #555;
	border-right:1px solid #888; border-bottom:1px solid #888;
	white-space:nowrap;
	border-radius:4px;
	background-image:linear-gradient(#f5f5f5 25%, #888 100%);
	box-shadow:inset 1px 1px 2px 1px #888; }
span.ps-input { cursor:default; }
.ps-input.ps-param, .ps-input.ps-parambool, .ps-input.ps-topicparam { cursor:pointer; color:#004caf; }
.ps-input.ps-setpoint, .ps-input.ps-parambool, .ps-input.ps-bluefont { color:#004caf; }
.ps-input.paramslider { cursor:pointer; color:#004caf; }
.ps-input.paramnumpad { cursor:pointer; color:#004caf; }
.ps-input.paramtime { cursor:pointer; color:#004caf; }
.ps-input.ps-colorred { color:#F00; }
.ps-input.ps-colorblue { color:#00F; }
.ps-input::placeholder { color:#888; }
.ps-input.ps-green, .ps-input.bm { background-color:#4B4; color:#000;
	background-image:linear-gradient(#4B4 25%, #363 100%);
	box-shadow:inset 1px 1px 2px 1px #363; }
.ps-input.ps-blue { background-color:#88F; color:#FFF;
	background-image:linear-gradient(#88F 25%, #668 100%);
	box-shadow:inset 1px 1px 2px 1px #668; }
.ps-input.ps-yellow { background-color:#FF8; color:#000;
	background-image:linear-gradient(#FF8 25%, #886 100%);
	box-shadow:inset 1px 1px 2px 1px #886; }
.ps-input.ps-red, .ps-input.sm { background-color:#F66; color:#FF0;
	background-image:linear-gradient(#F66 25%, #833 100%);
	box-shadow:inset 1px 1px 2px 1px #833; }
.ps-input.inactive { border-color:#888 !important; cursor:default !important; color:#666 !important;
	box-shadow:inset 0px 0px 2px 1px #888 !important;
	background-image:linear-gradient(#d9d9d9 25%, #bfbfbf 100%) !important; }
.ps-input:focus { border-color:#666; box-shadow:none; }

.ps-mode { padding:2px 5px; margin:2px 5px; background-color:#CCC; color:#000;
	border:1px solid #333; border-radius:4px; box-shadow:inset 0px 0px 4px 0px #333; }
.ps-mode:focus { border-color:#666; box-shadow:none; }

.ps-info { display:block; width:16px; height:16px; float:right; margin-left:10px;
	background:transparent url(images/layout/Comment16.png) no-repeat; }
.ps-biginfo { display:block; width:32px; height:32px; float:left; margin-left:10px;
	background:transparent url(images/layout/Comment32.png) no-repeat; }
.ps-biginfo img { display:none; }
#html .ps-pluginbutton { text-decoration:none; width:auto; min-width:auto; }

span.ps-checkbox, label.ps-checkbox { display:inline-block; }
.ps-checkbox { line-height:20px; padding-left:25px; cursor:pointer;
	background:transparent url(images/layout/checkbox.png) center left no-repeat; }
.ps-checkbox.checked { background-image:url(images/layout/checkbox_checked.png); }
.ps-checkbox.hover { background-image:url(images/layout/checkbox_hover.png); }
.ps-checkbox.ps-disabled { background-image:url(images/layout/checkbox_disabled.png); }
.ps-checkbox.checked.hover { background-image:url(images/layout/checkbox_checked_hover.png); }
.ps-checkbox.checked.ps-disabled { background-image:url(images/layout/checkbox_checked_disabled.png); }
.ps-checkbox.ps-disabled { cursor:default !important; color:#888; }

.ps-tree-disabled { line-height:25px; padding-left:30px;
	background:transparent url(images/tree/folder-disabled.png) no-repeat; }
.ps-tree-parent { line-height:25px; padding-left:30px; padding-right:10px;
	background:transparent url(images/tree/folder-close.png) no-repeat; cursor:pointer; }
.ps-tree-parent.open { background-image:url(images/tree/folder-open.png); }
.ps-tree-parent.loading { background-image:url(images/tree/loader.gif); }
.ps-tree-parent:hover { background-color:#EEE; border-radius:2px; }

.ps-tar { text-align:right; padding-right:10px; }
.ps-tal { text-align:left; padding-left:10px; }

.ps-hover-border { text-decoration:none; border:1px solid #888;
	border-radius:4px;
	box-shadow:none; }
.ps-hover-border:hover { text-decoration:underline; }
.ps-hover-border:active { box-shadow:inset 0px 0px 3px #CCC; }

.ps-hover-noborder { border:1px solid transparent; border-radius:4px; box-shadow:none; }
.ps-hover-noborder:hover { border:1px solid #888; }
.ps-hover-noborder:active { box-shadow:inset 0px 0px 3px #CCC; }


.ps-navi-button { padding:7px; margin:2px 5px; min-width: 150px; width:auto; background-color:#555; color:#FFF;
	border:1px solid #888; cursor:pointer; display:inline-block;
	font-size:13px; line-height:16px; font-weight:bold;
	white-space:nowrap; border-radius:4px; box-shadow:0px 0px 2px 0px #888;
	background-image:linear-gradient(#606060 25%, #222 100%); }
.ps-navi-button:hover, .ps-navi-button-jshover { border-color:#AAA; }
.ps-navi-button:active { border-color:#555; box-shadow:inset 2px 2px 5px 0px #222; color:#888; }

.ps-image-button { display:block; width:27px; height:27px; line-height:27px; padding:0 2px; margin:0 3px; cursor:pointer; border:1px solid transparent; }
.ps-image-button:hover { border-color:#CCC; }
.ps-image-button:active { box-shadow:inset 0px 0px 3px #CCC; }
.ps-image-button.ps-add { background:transparent url(images/layout/ic_menu_add.png) center center no-repeat; }
.ps-image-button.ps-edit { background:transparent url(images/layout/ic_menu_edit.png) center center no-repeat; }
.ps-image-button.ps-delete { background:transparent url(images/layout/ic_menu_delete.png) center center no-repeat; }
.ps-image-button.ps-refresh { background:transparent url(images/layout/ic_menu_refresh.png) center center no-repeat; }
.ps-image-button.ps-move { background:transparent url(images/layout/menu_back.png) center center no-repeat; }
.ps-image-button.ps-write { background:transparent url(images/layout/menu_login.png) center center no-repeat; }
.ps-image-button.ps-info { background:transparent url(images/layout/menu_search.png) center center no-repeat; }
.ps-image-button.ps-active { background:transparent url(images/layout/menu_logout.png) center center no-repeat; }
.ps-image-button.ps-export { background:transparent url(images/layout/ic_menu_save.png) center center no-repeat; }
.ps-image-button.ps-import { background:transparent url(images/layout/ic_menu_upload.png) center center no-repeat; }
.ps-image-button.ps-send { background:transparent url(images/layout/ic_menu_send.png) center center no-repeat; }
.ps-image-button.ps-restart { background:transparent url(images/layout/ic_menu_restart.png) center center no-repeat; }
.ps-image-button.ps-conversation { background:transparent url(images/layout/ic_menu_conversation.png) center center no-repeat; }
.ps-image-button.ps-status { background:transparent url(images/layout/ic_menu_status.png) center center no-repeat; }

.ps-image-status { display:inline-block; width:24px; height:24px; margin-left:2px; background:transparent center left no-repeat; }
.ps-image-status.alarm, .ps-image-status.trend, .ps-image-status.calendar,
.ps-image-status.alarm-ia, .ps-image-status.trend-ia, .ps-image-status.calendar-ia { cursor:pointer; }
.ps-image-status.alarm { background-image:url(images/layout/mini_alarm.png); }
.ps-image-status.trend { background-image:url(images/layout/mini_trend.png); }
.ps-image-status.calendar { background-image:url(images/layout/mini_calendar.png); }
.ps-image-status.route { background-image:url(images/layout/mini_route.png); }
.ps-image-status.alarm-ia { background-image:url(images/layout/mini_alarm_ia.png); }
.ps-image-status.trend-ia { background-image:url(images/layout/mini_trend_ia.png); }
.ps-image-status.calendar-ia { background-image:url(images/layout/mini_calendar_ia.png); }
.ps-image-status.route-ia { background-image:url(images/layout/mini_route_ia.png); }

.handContainer, .indiContainer { width:122px; position:relative; margin:auto; }
span.hand.pa-hide,
.wpa-hand.pa-hide { display:inline-block; width:25px; height:25px;
	position:absolute; right:4px; top:1px;
	background:transparent url(images/visuelemente/hand.png) center center no-repeat; }

.wpa-rssi { display:inline-block; height:24px; line-height:24px; padding-left:29px; white-space:nowrap;
	background:transparent url(images/visuelemente/empfang.png) left center no-repeat; }
.rssi70 { background-position:-0px -0px; }
.rssi80 { background-position:-0px -24px; }
.rssi90 { background-position:-0px -48px; }
.rssi100 { background-position:-0px -72px; }
.rssi110 { background-position:-0px -96px; }
.rssibat { background-position:-0px -120px; }
.rssioff { background-position:-0px -144px; }

td:has(.wpa-indikator) { position:relative; }
.wpa-indikator { display:inline-block; position:absolute; right:2px; top:4px; height:19px; width:26px;
	background:transparent url(images/visuelemente/indikator.png) left top no-repeat; }
.indi-pp { background-position:-0px -0px; }
.indi-p { background-position:-0px -19px; }
.indi-0 { background-position:-0px -38px; }
.indi-m { background-position:-0px -57px; }
.indiContainer .wpa-hand.pa-hide { position:absolute; right:-10px; top:1px; }

a.inWork { color:#CCC; box-shadow:none; }

.ps-container { text-align:center; padding:10px; margin:10px 15px 15px 10px; border:1px solid #CCC;
	border-radius:10px;
	box-shadow:6px 6px 8px 0px #222;
	background-image:linear-gradient(rgba(250,250,250,0.7) 25%, rgba(221,221,221,0.7) 100%);
}
.ps-roundborder { border-radius:10px; }
.ps-shadow { box-shadow:6px 6px 8px 0px #222; }
.ps-gradient { background-image:linear-gradient(#fafafa 25%, #ddd 100%); }

div.ps-hidethewrong .ps-hidethiswrong { visibility:hidden; }
.changeWrongVisibles { position:absolute; top:0px; left:0px; padding:4px; color:#e8e8e8; cursor:pointer; z-index:999; }
.changeWrongVisibles.on { color:#a91919; }
.changeWrongVisibles:hover { color:#bdbdbd; }

.checkPosition * { position:absolute; top:0px; left:0px; }
.checkPosition .redHorizontal { top:-1px; left:0px; width:100%; height:10px; z-index:998; cursor:row-resize; }
.checkPosition .redHorizontal:hover { background-color:rgba(150, 150, 150, 0.25); }
.checkPosition .redHorizontal .positionCheckDiv { width:100%; height:1px; background-color:#F00; }
.checkPosition .redHorizontal p { left:15px; top:-20px; width:150px; text-align:left; }
.checkPosition .redVertical { top:0px; left:-1px; width:10px; height:100%; z-index:998; cursor:col-resize; }
.checkPosition .redVertical:hover { background-color:rgba(150, 150, 150, 0.25); }
.checkPosition .redVertical .positionCheckDiv { width:1px; height:100%; background-color:#F00; }
.checkPosition .redVertical p { left:-155px; top:155px; width:150px; text-align:right; }
.lastidCheckDiv { position:absolute; top:150px; left:15px; }

.ps-parameximbutton { float:left; width:27px; height:27px; padding:0 2px; margin:0 3px; cursor:pointer; }
.ps-paramexbutton { background: transparent url(images/layout/ic_menu_save.png) center center no-repeat; }
.ps-paramimbutton { background: transparent url(images/layout/ic_menu_upload.png) center center no-repeat; }

#onlinealarm_wrapper { margin:5px 5px 0; padding:5px; height:84px; border:1px solid #CCC;
	overflow:auto; }
#onlinealarm { width:100%; white-space:nowrap; }
#onlinealarm tr.quit { background-color:#00A900; color:#222; }
#onlinealarm tr.quitactive * { background-color:#A9A919; color:#222; font-weight:normal; }
#onlinealarm span.toquit, #onlinealarm a { cursor:pointer; text-decoration:underline; font-weight:bold; }

#onlinealarm tr.Alarm * { background-color:#A91919; color:#FF0; font-weight:bold; }
#onlinealarm tr.Alarm.quitactive * { background-color:#A9A919; color:#222; font-weight:normal; }
#onlinealarm tr.Alarm.quit * { background-color:#00A900; color:#222; }

#onlinealarm tr.Störung * { background-color:#A9A919; color:#A91919; font-weight:bold; }
#onlinealarm tr.Störung.quitactive * { background-color:#A9A919; color:#222; font-weight:normal; }
#onlinealarm tr.Störung.quit * { background-color:#00A900; color:#222; }

#onlinealarm tr.Warnung * { background-color:#A9A919; color:#222; font-weight:bold; }
#onlinealarm tr.Warnung.quitactive * { background-color:#A9A919; color:#222; font-weight:normal; }
#onlinealarm tr.Warnung.quit * { background-color:#00A900; color:#222; }

#onlinealarm tr.Nothandebene *, #onlinealarm tr.Vorortsteuerung * { background-color:#A9A919; color:#555; }
#onlinealarm tr.Handbetrieb *, #onlinealarm tr.Hand * { background-color:#A9A919; color:#222; }
#onlinealarm tr.Meldung * { background-color:#e6e6e6; color:#414141; }

#onlinealarm td.dataTables_empty { color:#000; }

div.emptable { border-spacing:5px; }
div.emptable div.th { padding:2px 5px; overflow:hidden; white-space:nowrap; }
div.emptable div.td { padding:2px 5px; overflow:hidden; white-space:nowrap; border:1px solid #CCC;
	text-align:center; vertical-align:middle; }
div.emptable div.td.maxw { max-width:150px; }

div.float { width:250px; height:300px; margin:10px; padding:10px; float:left; line-height:27px;
	border:2px solid #FFF; background-color:#555; text-align:center; border-radius:10px; }
div.float table { margin:auto; text-align:left; width:100%; }
.elemtoshow { padding-left:5px; }

table.dataTable thead th.noborder { border:none; }
.bgred { background-color:#FF9191; }
#wartungactive { width:24px; height:24px; float:right; margin:18px 10px 0 0;
	background:transparent url(images/layout/wartung.png); }

.ledcontainer { float:right; }
#LED1 { float:right; margin:20px 10px 0 0; }
#LED2 { float:right; margin:20px 1px 0 0; }
.footerlogin { float:left; margin:14px 0 0 5px; padding:2px; line-height:24px; display:block;
	width:28px; height:24px; cursor:pointer; text-decoration:none;
	background:transparent url(images/layout/menu_login.png) no-repeat center center;
	border:1px solid transparent;
	border-radius:4px;
	box-shadow:none; }
.footerlogin.logout {
	background:transparent url(images/layout/menu_logout.png) no-repeat center center; }
.footerdatetime { float:right; margin:20px 20px 0 0; line-height:21px; font-size:14px;
	font-weight:bold; }

.footertemp { float:right; margin:20px 20px 0 0; }
.footertemp .atinfooter { line-height:21px; font-size:14px;
	font-weight:bold; }
.alarmsettings { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block;
	width:28px; height:24px; cursor:pointer; border:1px solid transparent;
	background:transparent url(images/layout/menu_alarm.png) no-repeat center center;
	border-radius:4px; box-shadow:none; }

.alarmup { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block;
	width:28px; height:24px; cursor:pointer; border:1px solid transparent;
	background:transparent url(images/layout/b-up.png) no-repeat center center;
	border-radius:4px; box-shadow:none; }
.alarmup.oben { background-image:url(images/layout/b-down.png); }
.footerlogin:hover { border-color:#CCC; }
.alarmsettings:hover { border-color:#CCC; }
.alarmup:hover { border-color:#CCC; }
.footerlogin:active { box-shadow:inset 0px 0px 3px #CCC; }
.alarmsettings:active { box-shadow:inset 0px 0px 3px #CCC; }
.alarmup:active { box-shadow:inset 0px 0px 3px #CCC; }

.SetAlarmLinkActive { float:right; margin:14px 5px 0 0; padding:2px; font-size:24px; line-height:24px;
	display:block; width:28px; height:24px;
	/*background:transparent url(images/layout/mini_route.png) no-repeat center center;*/ }
.heatingMode { font-size:24px; line-height:24px; cursor:default; }
.footermenucontent .heatingMode { float:right; margin:14px 5px 0 0; padding:2px; 
	display:block; width:28px; height:24px; }
.footermenucontent .heatingMode.ps-fontblue { text-shadow: 0px 0px 2px #fff; }

.alarmsettingspopup { position:absolute; bottom:160px; right:145px; width:0px; height:0px;
	overflow:auto; background-color:#EEE; background:rgba(238, 238, 238, 0.85);
	border:1px solid #888; padding:0px; z-index:1001; text-align:center;
	border-radius:4px; box-shadow:0px 0px 12px #8c8c8c; }
.alarmsettingspopup .ps-button { width:85%; height:25px; line-height:25px; text-align:center; }

.expbutton { float:right; margin:14px 5px 0 0; padding:2px; line-height:24px; display:block;
	width:28px; height:24px; cursor:pointer; border:1px solid transparent;
	background:transparent url(images/layout/download.png) no-repeat center center;
	border-radius:4px; box-shadow:none; }
.expbutton:hover { border-color:#CCC; }
.expbutton:active { box-shadow:inset 0px 0px 3px #CCC; }
.relcontainer { position:relative; }

.aktusername { float:left; margin:20px 0 0 20px; line-height:21px; font-size:14px;
	font-weight:bold; }
.aktusername a { line-height:21px; font-size:14px; font-weight:bold; }
.aktusername .Autologoff * { font-size:10px; padding-left:5px; }

.LED_aus { width:21px; height:21px;
	background:transparent url(images/layout/LED_aus.png) no-repeat; }
.LED_ein { width:21px; height:21px;
	background:transparent url(images/layout/LED_ein.png) no-repeat; }
.LED_error { width:21px; height:21px;
	background:transparent url(images/layout/LED_error.png) no-repeat; }
.LED_warn { width:21px; height:21px;
	background:transparent url(images/layout/LED_warn.png) no-repeat; }

.pa-slider a, .shelly-dimmer a, .topic-slider a, .brightness-slider a { text-decoration:none; outline:none; }
.pa-slider span.toleft, .shelly-dimmer span.toleft, .topic-slider span.toleft, .brightness-slider span.toleft {
	position:relative; top:-25px; left:10px; background:#151515;
	border:1px solid #888; border-radius:2px; padding:3px; }

#alarmingpopup h2 { text-align:left; }
.alarminfo { border:5px solid #004CAF; padding:5px; }

#osk, #oskquit { width:760px; text-align:center; }
#oskinput, #oskquitinput, #oskselect { width:90%; height:25px; line-height:25px; text-align:center;
	font-size:14px; margin:10px auto; }
#oskselect { width:auto; }
#osk .ps-button, #oskquit .ps-button, #numpad .ps-button { width:50px; height:25px;
	line-height:25px; text-align:center; font-size:14px; }

#osk .column2, #oskquit .column2 { width:110px; }
#osk .column3, #oskquit .column3 { width:180px; }
#osk .column4, #oskquit .column4 { width:250px; }
#osk .column5, #oskquit .column5 { width:320px; }
#osk .column6, #oskquit .column6 { width:390px; }
#osk .column7, #oskquit .column7 { width:460px; }
#osk .column8, #oskquit .column8 { width:530px; }
#osk .column9, #oskquit .column9 { width:600px; }

.ui-button:focus { outline:none; }

.pagecontent .showonportrait { display:none; } /* for br */
@media (orientation: portrait) {
	.pagecontent span,
	.pagecontent a { font-size:18px; }
	.pagecontent .ps-button,
	.pagecontent .ps-navi-button { padding:25px 6px; }
	.pagecontent .ps-button.pa-scene { padding:25px 25px; }
	.pagecontent .ps-pluginbutton { font-size:40px; }
	.pagecontent .ps-input { font-size:18px; padding:5px; }
	.pagecontent .wpa-indikator { top:8px; }
	.pagecontent .ui-slider .ui-slider-handle { width:30px; height:30px; }
	.pagecontent .ui-slider-horizontal { height:20px; }
	.pagecontent .showonportrait { display:inline; } /* for br */
}
/* projekt */

#error { top:90px; left:-550px; width:500px; padding:5px 15px; line-height:30px; }

#content span.fzz { color:#A91919; margin:0px; padding:0px; font-weight:bolder; }
#header, .Balken_rechts, .Balken_links, .Balken, .wpBalken { height:35px; }

.wpBalken { padding-left:0px; background:none; }
	
/* Project Elements */

.page .ps-zimmer-info * { position:relative; }
.page .ps-zimmer-info { width:220px; }
.page .ps-zimmer-info span.right, .page .ps-zimmer-info a.right { float:right; }
.page .ps-zimmer-info span.hand { display:inline-block; background:transparent url(images/visuelemente/hand.png) center center no-repeat; width:25px; height:25px; }

.page .ps-vt span { display:inline-block; }
.page .ps-vt span.hand { top:-2px; left:-35px; width:25px; height:25px;
	background:transparent url(images/visuelemente/hand.png) center center no-repeat; }
.page .ps-vt span.hk { top:17px; left:-109px; width:125px; height:70px;
	background:transparent url(images/heizkoerper.png) center center no-repeat; }
.page .ps-vt span.vt { top:10px; left:-20px; width:25px; height:25px;
	background:transparent url(images/visuelemente/Ventile.png) 0 -50px no-repeat; }

.pagecontent .page .fkrt { top:45px; }
.pagecontent .page .fklu { top:70px; }

.page .bedienbar { cursor:pointer; }
.page .ps-button.bm { color:#111; border-color:#333; box-shadow:0px 0px 5px 0px #dd9d1e; }
.page .ps-button.bm:hover { border-color:#888; color:#000; }
.page .ps-button.bm:active { box-shadow:inset 1px 1px 5px 0px #333; color:#888; }
.page span.left { width:70px; line-height:25px; white-space:nowrap; }
.page span.sw { color:#00F; }

.page .ps-button, .page .ps-input, .parampage .ps-button, .parampage .ps-input, .popup .ps-input, .popup.bedienung .ps-button {
		display:inline-block; width:100px; min-width:100px; text-align:center; }

.parampage { padding-top:30px; }
.parampage .ps-container { width:500px; margin:0 auto 10px; }
.parampage table { margin:auto; }
.parampage h1 { text-align:center; padding:10px; }
.parampage div { padding:10px; }

span.p-regler { cursor:pointer; }
#popupTrend { float:left; width:550px; height:340px; }

@media screen and (min-width:1024px) {
	html.black .page .darkcolor { color:#333; }
}
/* black */
html.black { background:#606060 url(images/layout/black/main-border.png) repeat-y right top; }
.black body { background-color:#000;
	background:transparent url(images/layout/black/main-border.png) repeat-y left top; }
.black * { color:#ececfb; }
.black .ui-button-text { color:#000; }
.black #header { background-color:#000; }
.black #footerLinks { background:transparent url(images/layout/black/footer-left.png) top left no-repeat; }
.black #footerRechts { background:transparent url(images/layout/black/footer-right.png) top right no-repeat; }
.black #footer { background:#606060 url(images/layout/black/footer-center.png) top left repeat-x; }
.black .wpBalken .menuentry { color:#A91919; }
.black .wpBalken .dropdownmenu { color:#A91919; }
.black .wpBalken .dropdownmenu span { color:#A91919; }
.black .wpBalken .menudiv { background:rgba(38, 38, 38, 0.85); box-shadow: 6px 6px 8px 0px #222; border: 1px solid #CCC; }
.black .wpBalken .menudiv ul a { color:#ececfb; }
.black .wpBalken .menudiv ul a:hover { border-color:#ececfb; }
.black .menudiv h3 { color:#A91919; }
.black .menuentry.active { color:#CCC; }

.black #content .pagemenu { /*padding:10px 10px 0 10px;*/ background:#202020; }
.black .pagemenucontent { background-image:linear-gradient(#424242, #000); border:1px solid #181818; border-radius:10px; }
/*
.black .pagemenuleft { background:transparent url(images/layout/black/navi-left.png) no-repeat; }
.black .pagemenuright { background:transparent url(images/layout/black/navi-right.png) no-repeat; }
.black .pagemenucontent { background:transparent url(images/layout/black/navi-center.png) repeat-x; }
*/
.black .footermenucontent { background:transparent url(images/layout/black/footer-center.png) 0px -15px repeat-x; }
.black .ps-input, .black .ps-input * { color:#000; }
.black .pos, .black .ps-fontgreen { color:#0F0; }
.black .pos, .black .ps-fontgreen.ps-input { color:#050; }
.black .neg, .black .ps-fontred { color:#A91919; }
.black .warn, .black .ps-fontyellow { color:#FFBF00; }
.black .info, .black .ps-fontblue { color:#00F; }
.black .ps-grey { color:#808080; }
.black .ps-tree-parent:hover { background-color:#888; border-radius:2px; }
/*html.black .ps-navi-button { color:#636363; } - für was war das*/
.black .ps-container { background-image:linear-gradient(rgba(50,50,50,0.7) 25%, rgba(21,21,21,0.7) 100%); }
.black .pagecontent table.dataTable td, .black .pagecontent table.dataTable td * { color:#4a4a4a; }
.black .ps-input.ps-param, .black .ps-input.ps-parambool, .black .ps-input.ps-topicparam { cursor:pointer; color:#004caf; }
.black .alarmsettingspopup { background:transparent linear-gradient(rgba(50,50,50,0.9) 25%, rgba(21,21,21,0.7) 100%); box-shadow: 6px 6px 8px 0px #222; border: 1px solid #CCC; }

@media (orientation: portrait) {
	#header, .Balken, .wpBalken { height:65px; }
	.wpBalken .menudiv { top:80px; }
	.wpBalken .dropdownmenu { padding:0px 0px 0px 5px; }
	.wpBalken .menuentry,
	.wpBalken .dropdownmenu,
	.wpBalken .menudiv ul a { font-size:18px; height:58px; line-height:58px; }

	.black #content .pagemenu { height:70px; }
	.black .pagemenucontent { height:69px; }
	.black .pagemenucontent a.menuentry { font-size:18px; line-height:58px; height:58px; }
	.black .pagemenucontent a.menuentry span { font-size:18px; }
}
/* login */

#login { padding:20px; /*background:transparent url(images/Logo.png) center top no-repeat; */ }
#login .accordion { width:600px; margin:auto; }
#login fieldset { width:500px; padding:20px; margin:10px auto 0; border-radius:6px; }
#login legend { padding:3px 30px; }
#login input { width:230px; float:right; }
#login .osk { float:right; }
#login label, #login span.label { display:inline-block; width:190px; text-align:right; line-height:25px; }
#login div.row { height:25px; clear:both; }
#login div.error { text-align:center; color:#A91919; }
#login .autologon { margin-left:100px; }
#login .ps-input { text-align:left; }
#login #angemeldetbleiben { width:auto; margin-right:265px; }
#ldapform h3 { text-align:center; }

#dialog div.popup { width:auto; }
#oskinput { font-size:12pt; font-weight:bold; }
#oskinput.pw { font-size:14pt; font-weight:bold; }
/* 0.024561166763306 */