@font-face{
 	font-family:"Roboto";
	font-style:normal;
	font-weight:400;
	src:local("Roboto"), local("Roboto-Regular"), url("roboto.woff") format("woff");
}
body{
	margin:0;
	padding:0;
	font-family:'Roboto', sans-serif;
	font-size:1.05em;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#logo{
	left:-107px;
	position:absolute;
}
#nodenr{
	color:rgba(255, 255, 255, 0.5);
	font-size:2em;
	position:absolute;
	right:7px;
	text-shadow:2px 2px 2px #101010;
	top:13px;
	z-index:0;
}
#wrapper{
	border-left:0 solid #333;
	border-right:0 solid #333;
	box-shadow:1px 1px 6px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	min-width:550px;
	position:relative;
	overflow:hidden;
}
/* HEADER */
#header{
	margin-bottom:5px;
	visibility:hidden;
}
#header div{
	background:none repeat scroll 0 0 rgba(255, 255, 255, 1);
	border-radius:0 0 5px 5px;
	box-shadow:0 1px 0;
	display:inline-block;
	height:1.3em;
	margin:0;
	padding:2px 5px 5px;
}
/* Ausgänge */
#headag{
	float:left;
	border-right:solid 1px black;
	cursor:pointer;
}
.headag{
	color:grey;
	padding-bottom:4px;
	display:inline-block;
	min-width:11px;
	position:relative;
}
.agmisch{
	display:inline;
	font-size:0.8em;
	margin-right:-0.3em;
	position:relative;
	width:0;
}
.headagshow{
	color:black;
}
.headag > .hand{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	height:8px;
}
.hand img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:11px;
	height:7px;
}
.headagshow.hand{
	background:url("../images/hand.png") no-repeat scroll 0px 19px / 9px 5px;
}
.headagshow.on{
	background:#00f000;
	border:#000 solid 1px;
	border-radius:2px;
}
.headagshow.hand.on{
	background:#00f000 url("../images/hand.png") no-repeat scroll 0 19px / 9px 5px;
}
.headag.headagshow.dom{
	border:1px solid red;
	border-radius:2px;
}
/* Meldungen */
#headmeld{
	text-align:center;
	width:35px;
	border-right:solid 1px black;
}
#headmeld > img{
	cursor:pointer;
	visibility:hidden;
}
#headmeld > .showmeld{
	visibility:visible;
}
/* Zeit */
#headzeit{
	float:right;
	border-left:solid 1px black;
	cursor:pointer;
}
/* END HEADER */
/* SEITE */
#center{
	position:relative;
	min-height:280px;
}
#center1{
	margin:5px auto;
	padding:5px;
	width:440px;
	position:relative;
}
#center1.bg{
	background:none repeat scroll 0 0 rgba(250, 250, 250, 1);
	border:1px solid #333;
	border-radius:4px;
}
/* END SEITE */
/* FOOTER */
#footer{
	background:rgba(250,250,250,1);
	border-radius:4px 4px 0 0;
	box-shadow:0 -2px 0;
	margin-top:5px;
	color: #555555;
	padding: 5px;
}
#footer a {
  color: #555555;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
}

/* FOOTER */
/* Menü- & Zurück-Button */
#tomenue,
#toback{
	background:rgba(250, 250, 250, 1) none repeat scroll 0 0;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-radius:4px 0 0 4px;
	border-top:1px solid black;
	box-shadow:1px 1px 6px;
	height:85px;
	position:absolute;
	right:0;
	top:100px;
	width:45px;
	cursor:pointer;
}
#tomenue{
	top:75px;
}
#toback{
	top:180px;
}
#tomenue > img,
#toback > img{
	margin-left:9px;
	margin-top:26px;
}
/* End Menü- & Zurück-Button */
/* MENÜ */
.menubutton{
	background:none repeat scroll 0 0 rgba(238, 238, 238, 0.9);
	border:1px solid;
	border-radius:4px;
	display:inline-block;
	height:40px;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	width:200px;
	cursor:pointer;
}
.menubutton > div{
	float:left;
	height:40px;
	width:40px;
	border-radius:3px 0 0 3px;
}
.menubutton span{
	display:inline-block;
	margin-left:10px;
	position:absolute;
	top:50%;
	transform:translate(0px, -50%);
	-webkit-transform:translatey(-50%);
	-moz-transform:translatey(-50%);
	-o-transform:translatey(-50%);
}
/* Menü Images */
#menuausgang > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll 0px 0;
}
#menubenutzer > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -42px 0;
}
#menucan > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -84px 0;
}
#menudatenverwaltung > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -126px 0;
}
#menudl > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -168px 0;
}
#menueingang > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -210px 0;
}
#menueinstellungen > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -252px 0;
}
#menueinstellungen1 > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -294px 0;
}
#menufixwert > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -336px 0;
}
#menufunktion > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -378px 0;
}
#menumeldung > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -420px 0;
}
#menuwerteubersicht > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -462px 0;
}
#menuversion > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -504px 0;
}
#menusystemwert > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -546px 0;
}
#menulogging > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -588px 0;
}
#menuknx > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -630px 0;
}
#menum > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -672px 0;
}
#menumod > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -714px 0;
}
#menuzeitprog > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -756px 0;
}
#menucora > div{
	background:rgba(0, 0, 0, 0) url("../images/menus.png") repeat scroll -798px 0;
}
/* End Menü Images */
/* END MENÜ */
/* UNTERMENÜ */
/* Seiten Headline */
#center1 > .HEADLINE, 
#VSLINKS{ /*Werteübersicht*/
	background:rgba(238, 238, 238, 0.9);
	border:1px solid;
	border-radius:4px;
	display:block;
	padding:5px;
	position:relative;
}
/* Zwischen Headline */
#center1 > .HEADLINE_M{
	font-size:1.1em;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
}
/* Box pro AG,EG,FKT,... */
#center1 > .BOX.BOX_ERR{
	border-color:rgb(189,16,16);
}
#center1 > .BOX{
	border:2px solid black;
	border-radius:5px;
	display:block;
	margin-left:20px;
	margin-right:20px;
	padding:8px;
	position:relative;
	margin-bottom:7px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#center1 > .SUBMEN_DT_TEXT{
	margin-left:20px;
	margin-right:20px;
}
.BOX div{
	display:inline-block;
}
.BOX > .val{
	float:right;
	min-width: 100px;
}
.BOX > .val div{
	display:block;
	text-align:right;
	margin-bottom: 2px;
  padding-right: 3px;
  padding-left: 3px;
}
.BOX > .val > .TASTER.TASTER_AKT{
	background:rgba(200, 200, 200, 0.65);
}
.BOX > .val > .TASTER,
.BOX > .val > .VALUE_C,
.VALUE_C_MENU,
.BOX > .val > .SCHALTER{
	background:rgba(255, 255, 255, 0.65);
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(200, 200, 200, 0.65) 50%, rgba(255, 255, 255, 0.65) 100%);
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.BOX:after{
	clear:both;
	content:"";
	display:block;
}
/* Eingänge, Fixwerte, Buseingänge */
.BOX_IN,
.BOX_FIX,
.BOX_BUS_IN{
	background:rgb(48, 221, 96);
	/*background:linear-gradient(to bottom, rgb(48, 170, 48) 0%, rgb(48, 221, 96) 100%);*/
}
/* Ausgänge, Busausgänge, Mischerausgänge */
.BOX_OUT,
.BOX_BUS_OUT,
.BOX_OUT_MIX{
	background:rgb(3, 146, 228);
	/*background:linear-gradient(to bottom, rgb(3, 146, 228) 0%, rgb(3, 205, 255) 100%);*/
}
/* Funktionen */
.BOX_FKT{
	background:rgb(255, 204, 0);
	/*background:linear-gradient(to bottom, rgb(255, 143, 0) 0%, rgb(255, 204, 0) 100%);*/
}
/* Bus-Einstellungen */
.BOX_BUS,
#afe>.afe.akt{
	color:#ddd;
	background:rgb(8, 73, 132);
	/*background:linear-gradient(to bottom, rgb(8, 97, 165) 0%, rgb(8, 73, 132) 100%);*/
}
#center1 > .BOX_TEXT{
	border:2px solid black;
	border-radius:5px;
	display:block;
	margin-left:20px;
	margin-right:20px;
	padding:8px;
	position:relative;
	margin-bottom:7px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.plus,
.minus {
    float: right;
    height: 29px;
    margin: -4px;
    width: 29px;
}
.plus {
	  background: rgba(0, 0, 0, 0) url("../IMAGES/plus.png") no-repeat;
}
.minus {
    background: rgba(0, 0, 0, 0) url("../IMAGES/minus.png") no-repeat;
}
.BOX_FKT > .fktinfo {
    /*background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;*/
    display: block;
    margin-top: 6px;
}
.fktinfo > div {
    display: block;
}
.fktinfo #fmenu,
.fktinfo .HEADLINE {
    display: none;
}
.fktinfo > #centerf .VALUE {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%) repeat scroll 0 0;
    border-radius: 0;
    margin: 0;
}
.fktinfo > #centerf .VALUE_C,
.fktinfo > #centerf .VALUE_LINK.L1,
.fktinfo > #centerf .VALUE_LINK.L2,
.fktinfo > #centerf .VALUE_LINK.L3 {
    background: none;
    border: none;
}
/* END UNTERMENÜ */
/* WERTEÜBERSICHT*/
#VSVALUES, #VSLINKS {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 424px;
}
#VSLINKS {
    text-align: center;
}
#VSLINKS .LINK,
#VSVALUES .VALUE {
    background:linear-gradient(to bottom, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 50%, rgb(180, 180, 180) 50%, rgb(211, 211, 211) 100%) repeat scroll 0 0;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
#VSLINKS .LINK.act,
#VSVALUES .VALUE.act{
    background:linear-gradient(to bottom, rgb(107, 143, 179) 0%, rgb(107, 143, 179) 50%, rgb(63, 97, 140) 50%, rgb(107, 143, 179) 100%) repeat scroll 0 0;
    color: #fff;
}
#VSLINKS .LINK > span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98px;
}
#VSLINKS .LINK, #VSVALUES .VALUE {
    border: 1px solid;
    cursor: pointer;
    display: block;
    margin: 2px;
    width: 100px;
    height: 2.5em;
    float: left;
}
#VSLINKS:after,
#VSVALUES:after{
    clear: both;
    content: "";
    display: block;
}
/* END WERTEÜBERSICHT
/* FUNKTIONSSEITE */
#INHALT{
	width:400px;
}
#centerf .HEADLINE,
.HEADLINE{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
}
#centerf .HEADLINE_M{
	font-size:1.1em;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
}
#centerf .SUBHEADLINE{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
}
/* Elternelement für Value... */
#centerf .VALUE,
#centerf .LINK,
#centerf .BUTTON,
#centerf .BUTTON_DO,
#centerf .TASTER,
#centerf .BUTTON_DEACTIVATED{
	margin-left:5px;
	margin-bottom:2px;
}
/* Value_NO_Change, Value_Change, Link (alle halbe Breite) */
#centerf .VALUE_NC,
#centerf .VALUE_C,
#centerf .VALUE_B,
#centerf .VALUE_LINK{
	display:inline-block;
	width:180px;
	padding:3px;
	border:1px solid transparent;
}
/* Value_NO_Change_ganzeBreite, Value_Change_ganzeBreite, Link, Button */
#centerf .VALUE_NC_FULL,
#centerf .VALUE_C_FULL,
#centerf .LINK,
#centerf .BUTTON,
#centerf .BUTTON_DO,
#centerf .TASTER,
#centerf .BUTTON_DEACTIVATED{
	display:inline-block;
	padding:3px;
	width:368px;
}
/* Fabdesign für Elemente */
#centerf .TASTER.TASTER_AKT{
	background:rgba(156, 182, 214, 1);
}
/*Normal Value_Change, Value_Change_ganzeBreite, Links, Buttons, BenutzerButton*/
#centerf .VALUE_C,
#centerf .VALUE_C_FULL,
#centerf .LINK,
#centerf .VALUE_LINK.L0,
#centerf .BUTTON,
#centerf .BUTTON_DO,
#centerf .TASTER,
#afe>.afe{ 
	background:rgba(181, 206, 230, 0.65);
	background:linear-gradient(to bottom, rgb(181, 206, 230) 0%, rgb(181, 206, 230) 50%, rgb(156, 182, 214) 50%, rgb(181, 206, 230) 100%);
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.BUTTON_DEACTIVATED
{
	background:rgba(100, 100, 100, 0.65);
	background:linear-gradient(to bottom, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 50%, rgb(180, 180, 180) 50%, rgb(211, 211, 211) 100%);
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/*Plicht B38F6B	8C613F*/
#centerf .VALUE_LINK.L1{ 
	background:rgba(63, 97, 140, 0.65);
	background:linear-gradient(to bottom, rgb(107, 143, 179) 0%, rgb(107, 143, 179) 50%, rgb(63, 97, 140) 50%, rgb(107, 143, 179) 100%);
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
	color:#ddd;
}
/*GRAU*/
#centerf .VALUE_LINK.L2,
#centerf .VALUE_LINK.L3{ 
	background:rgba(180, 180, 180, 0.65);
	background:linear-gradient(to bottom, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 50%, rgb(180, 180, 180) 50%, rgb(211, 211, 211) 100%);
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
}
/* End Fabdesign für Elemente */
/* Abstand vor Value */
#centerf .VALUE.FGAP,
#ZEITF .VALUE{
	padding-top:15px;
}
/* Abstand nach Value */
#centerf .VALUE.BGAP{
	padding-bottom:15px;
}
/* Menüfunktionen */
#centerf #fmenu{
	margin-right:5px;
	margin-top:20px;
	float:right;
}
#centerf:after{
	clear:both;
	content:"";
	display:block;
}
#centerf #fmenu > div{
	border-radius:7px;
	height:37px;
	margin-top:5px;
	width:33px;
	cursor:pointer;
}
#centerf #fmenu .BORD{
	background:rgba(0, 0, 0, 0) url("../images/TabSelected.png") no-repeat scroll 0 0;
}
#centerf #fmenu > div > div{
	height:31px;
	left:4px;
	position:relative;
	top:3px;
	width:26px;
}
/* Menüfunktionsbilder */
#fmenu .tabausgang{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 0;
}
#fmenu .tabeingang{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -33px;
}
#fmenu .tabfkt{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -66px;
}
#fmenu .tablink{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -99px;
}
#fmenu .tabparameter{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -132px;
}
#fmenu .tabtimer{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -165px;
}
#fmenu .tabzaehler{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -198px;
}
#fmenu .tabbutton{
	background:rgba(0, 0, 0, 0) url("../images/fmenu.png") repeat scroll 0 -231px;
}
/* End Menüfunktionsbilder */
/* End Menüfunktionen */

/* Zeitfenster */
.ZEITP, .WEEKDAY{
	text-align:center;
}
.ZEITP > div{
	background:#aaa none repeat scroll 0 0;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-radius:0 0 5px 5px;
	border-right:1px solid black;
	display:inline-block;
	left:9px;
	position:relative;
	text-align:center;
	top:-5px;
	width:3em;
	cursor:pointer;
}
.ZEITP .SEL{
	font-weight:bold;
	color:white;
}
.ZEITP .ACT{
	font-weight:bold;
}
.WEEKDAY > div{
	background:rgba(150, 150, 150, 0.5) none repeat scroll 0 0;
	border-radius:5px;
	border:1px solid black;
	color:rgba(100, 100, 100, 0.7);
	display:inline-block;
	margin:0 2px;
	width:2.5em;
	cursor:pointer;
}
.WEEKDAY .AKT{
	background:rgba(90, 90, 90, 1.0) none repeat scroll 0 0;
	color:#FFF;
}
#ZEITF{
	width:400px;
	text-align:center;
}
.ZEITF{
	background:rgba(255, 255, 255, 0.45) none repeat scroll 0 0;
	border-radius:5px;
	box-shadow:1px 1px 2px;
	display:inline-block;
	margin-top:6px;
	max-width:280px;
	padding:10px 3px;
	text-align:center;
}
#ZEITF .VALUE_C.INPUT{
	width:1.6em;
}
#ZEITF .VALUE_C.TIME{
	text-align:center;
	width:60px;
}
.ZEITF>span{
	padding:0 5px;
}
.ZEITF_VAL{
	padding:0;
	width:135px;
	display:inline-block;
	margin-top:5px;
}
.ZEITF_VAL > span{
	display:inline-block;
	text-align:center;
	width:125px;
}
#ZEITF .VALUE_C.SOLL_VON{
	width:125px;
	text-align:left;
}
#ZEITF .VALUE_C.SOLL_VAL{
	text-align:right;
	width:125px;
}
#ZEITF .VALUE_C.SOLL_CENTER{
	text-align:center;
	width:125px;
}
/* End Zeitfenster */
/* AG-Zuordnung */
#agcheck > .ui-button{
	margin-bottom:0.4em;
	margin-right:0.4em;
	width:1.5em;
}
/* Change-Val */
#changetotimeh,
#changetotimem,
#changetotimes,
#changetotimez,
#changetodated,
#changetodatem,
#changetotimed{
	width:3em;
	height:20px;
	margin-right:2px;
	margin-left:2px;
}
#changetotimevz{height:26px;}
#changetodatey{width:4em;}
.minmax{background:#FF5555;}
/* END FUNKTIONSSEITE */
/* DATENVERWALTUNG */
.ffileL,
.ffileS,
.ffileF,
.ffileX,
.fnew,
.fdir{
	height:33px;
	margin-left:10px;
	margin-top:3px;
	position:relative;
	cursor:pointer;
	/*z-index: 10;*/
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.ffileL:hover,
.ffileS:hover,
.ffileF:hover,
.ffileX:hover,
.fnew:hover,
.fdir:hover,
.finfo{
	background:rgba(255, 255, 255, 0.3);
	border-radius:3px;
	box-shadow:1px 1px 2px;
}
.ffileL > div,
.ffileS > div,
.ffileF > div,
.ffileX > div,
.fnew > div,
.fdir > div{
	float:left;
	height:33px;
	width:35px;
}
.ffileL span,
.ffileS span,
.ffileF span,
.ffileX span,
.fnew span,
.fdir span{
	display:inline-block;
	margin-left:10px;
	position:absolute;
	top:50%;
	transform:translate(0px, -50%);
	-webkit-transform:translatey(-50%);
	-moz-transform:translatey(-50%);
	-o-transform:translatey(-50%);
}
.ffileL > div,
.ffileS > div,
.ffileF > div,
.ffileX > div{
	background:url("../images/mime/FILE1.PNG") no-repeat;
}
.fnew > div{
	background:url("../images/mime/NFILE.PNG") no-repeat;
}
.fdir > div{
	background:url("../images/mime/FOLDER.PNG") no-repeat;
}
#info {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 1px 4px;
    height: 22px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 5px;
    position: relative;
    top: 1px;
    width: 54px;
    /*z-index: 1;*/
}
#info img{
		margin-right: 5px;
		cursor: pointer;
}
/* END DATENVERWALTUNG */
/* BENUTZER */
.afe {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 125px;
}
/* END BENUTZER */

.lang,
.sltext{
	display:none;
}