html {height:100%;width:100%;overflow:hidden;}
body {margin:0px;font-size:12px;font-family:sans-serif;height:100%;background-image:url('img/background3.png');background-size: 1920px 1000px ;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{clear:both;margin:0;padding:0;font-weight:normal}

#div-main-head {position: absolute;left:0px;top:0px;width:100%;height:50px;font-size:12px; font-family:sans-serif; background-image:url('img/background-header.png');background-size:  100% 100%;background-repeat:repeat-x;}
#div-main-head-logo {width: 154px;height:29px;display: block;margin-top:10px;margin-left: auto;margin-right: auto;background-image:url('img/connectingblue.png');}
#div-main-head-logo2 {position:absolute;display: block;top:10px;right: 10px;}
#div-main-head-logo2 a {width: 30px;height:30px;}
#div-main {position: absolute;left:0px;top:50px;width:100%;bottom:35px;overflow:none;font-size:12px; font-family:sans-serif; }
#div-main-content {position:absolute; top:0px; left:30px; right:0px; height:100%; padding:0 10px 0;overflow:auto;	}
#div-main-footer {position: absolute;left:0px;bottom:0px;width:100%;height:35px;font-size:12px; font-family:sans-serif; background-image:url('img/background-footer.png');background-size:  1920px 60px;background-repeat:repeat-x;}

#ready {width: 70px;display:none;margin: 400px auto auto;font-weight:bold; border:10px solid green; background-color:#E0E0E0; padding:10px; }
#heartbeat {position:absolute; bottom:2px; left:0px;width: 20px;display:none;margin: 0;font-weight:bold;background-image:url('img/heartbeat.png'); }

	
/* info */
.info {width: 20px;height:20px;background-image:url('img/info.png');}

/* Wait box */
.lbshim{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:.20;filter:alpha(opacity=20);z-index:1}
.spinner_sun{height:32px;width:32px;margin-top:20px;margin-left:auto;margin-right:auto}
.lightbox{z-index:9;left:50%;top:50%}
.lightbox#waitbox {top:175px;width:auto;margin-left:-290px;z-index:3;-webkit-box-shadow:0 0 32px rgba(0,0,0,0.3);-moz-box-shadow:0 0 32px rgba(0,0,0,0.3);-ms-box-shadow:0 0 32px rgba(0,0,0,0.3);-o-box-shadow:0 0 32px rgba(0,0,0,0.3);box-shadow:0 0 32px rgba(0,0,0,0.3)}
.lightbox#waitbox.wait {width:350px;min-height:150px;margin-left:-170px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}

.h4{font-family:Arial, Helvetica, sans-serif;color:#002c77;font-size:14px;line-height:20px;margin-bottom:5px}
.lightbox{white-space:normal;display:none;position:absolute;background:#fff;padding:15px 15px 11px;width:315px;border:1px solid #c6c6c6;-webkit-box-shadow:0 0 16px rgba(85,85,85,0.3);-moz-box-shadow:0 0 16px rgba(85,85,85,0.3);-ms-box-shadow:0 0 16px rgba(85,85,85,0.3);-o-box-shadow:0 0 16px rgba(85,85,85,0.3);box-shadow:0 0 16px rgba(85,85,85,0.3);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;font-weight:normal}
.lightbox.open{display:block}
.lightbox h2{border:1px dotted #898989;border-width:1px 0;padding:4px 0;margin-bottom:11px}


	
/* Menu */
.cbmenu {width:155px;padding-right:17px; float:left;height:100%; overflow:auto; }
.cbmenu ul {list-style-type: none; margin-top:10px;width: 155px;padding:0; }
.cbmenu ul li {height:35px;background-repeat: no-repeat;margin-left:5px;margin-bottom:5px;}
.cbmenu ul a {padding-left: 15px;display: block;line-height: 33px;font-weight: bold;
	text-decoration: none;font-family:sans-serif;font-size: 11px;color: #fff;}
.cbmenu .on {background-image:url('img/menu_blue_on.png');background-size: 100% 100%;}
.cbmenu .off {background-image:url('img/menu_off.png');background-size: 100% 100%;}


/* Automation */
.class-automation {width:200px; float:left;margin-right:30px; }
.class-automation ul {list-style-type: none;height: auto;width: 200px;margin: 0;padding:0; 
	/* height:600px; */
	display: block;font-weight: bold; text-decoration: none;font-family:sans-serif;font-size: 12px;color: #fff;}
.class-automation ul li {width:200px;background-repeat: no-repeat; margin-bottom:3px;padding-left: 10px;padding-top: 5px;
	height: 47px; overflow:hidden;background-size: 100% 100%;padding-right: 20px;}
.class-automation ul li.dim {height: 62px; background-size: 100% 100%;}
.class-automation ul li.cblue {cursor:pointer;}
.class-automation ul li .slider {margin-top:5px;}
.class-automation ul li.cblue span.name {display: inline-block;height:30px;background-size: 30px 30px;background-repeat: no-repeat;padding-left:35px; }
.class-automation ul li.dim span.name {display: inline-block;height:30px;}
.class-automation .on {background-image:url('img/menu_blue_on.png');}
.class-automation .warning {background-image:url('img/menu_warning.png');}
.class-automation .alert {background-image:url('img/menu_alert.png');}
.class-automation .bulb.on span.name {background-image:url('img/bulb_off.png');}
.class-automation .bulb.off span.name {background-image:url('img/bulb_on.png');}
.class-automation .dim.on span.name {background-image:url('img/bulb_off.png');}
.class-automation .dim.off span.name {background-image:url('img/bulb_on.png');}
.class-automation .off {background-image:url('img/menu_off.png');}
.class-automation .group {font-style:italic;}
	
.class-automation.room ul {background-image:url('img/area_background.png');background-repeat: no-repeat;}
.class-automation.group ul {background-image:url('img/group_background.png');background-repeat: no-repeat;}

/* Automation pictures */
.class-automation-show {width:50px; height:50px; }
.class-automation-show ul {list-style-type: none;height: auto;width: 50px;margin: 0;padding:0; height:50px;
	display: block;font-weight: bold; text-decoration: none;font-family:sans-serif;font-size: 12px;color: #fff;}
.class-automation-show ul li {width:50px;background-repeat: no-repeat; 	height: 47px; overflow:hidden;background-size: 100% 100%;}
.class-automation-show ul li.dim {height: 62px; background-size: 100% 100%;}
.class-automation-show ul li.cblue {cursor:pointer;background-size: 30px 30px;background-repeat: no-repeat;}
.class-automation-show ul li .slider {margin-top:5px;}
.class-automation-show ul li.cblue span.name {display: inline-block;height:30px;background-size: 30px 30px;background-repeat: no-repeat; }
.class-automation-show ul li.dim span.name {display: inline-block;height:30px;}
.class-automation-show .1on {background-image:url('img/menu_blue_on.png');}
.class-automation-show .1warning {background-image:url('img/menu_warning.png');}
.class-automation-show .1alert {background-image:url('img/menu_alert.png');}
.class-automation-show .bulb.on {background-image:url('img/bulb_off.png');}
.class-automation-show .bulb.off {background-image:url('img/bulb_on.png');}
.class-automation-show .dim.on {background-image:url('img/bulb_off.png');}
.class-automation-show .dim.off {background-image:url('img/bulb_on.png');}
.class-automation-show .temp {background-image:url('img/temperature.png');padding-top:17px;margin-left:0px;}
.class-automation-show .hum {background-image:url('img/humidity.png');padding-top:17px;margin-left:0px;}
.class-automation-show .1off {background-image:url('img/menu_off.png');}
.class-automation-show .group {font-style:italic;}
	
.class-automation-show.room ul {background-image:url('img/area_background.png');background-repeat: no-repeat;}
.class-automation-show.group ul {background-image:url('img/group_background.png');background-repeat: no-repeat;}

/* Telefonauswertung */
#phone-table {border-collapse:collapse;font-size: 12px;font-family: sans-serif;}
#phone-table thead th {background-color:#eeeeee; border:1px solid #999999;padding-right:20px;text-align: left; }
table.tablesorter thead tr .header {
	background-image: url("img/bg.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
} 
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url("img/desc.gif");
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url("img/asc.gif");
}

#1phone-table tbody {height: 200px;overflow: auto;}
#phone-table th, #phone-table td {padding:3px;}
#1phone-table thead tr,#1phone-table tbody{ display:block;}

#phone-table tbody tr {white-space:nowrap;}
#phone-table tr:nth-child(even) td.name {background-color:#74aed4; border:1px solid #999999;}
#phone-table tr:nth-child(odd) td.name {background-color:#84bee4; border:1px solid #999999;}
#phone-table tr:nth-child(even) td.in {background-color:#23b9cd; border:1px solid #999999;}
#phone-table tr:nth-child(odd) td.in {background-color:#33c9dd; border:1px solid #999999;}
#phone-table tr:nth-child(even) td.out {background-color:#d0d980; border:1px solid #999999;}
#phone-table tr:nth-child(odd) td.out {background-color:#e0e990; border:1px solid #999999;}
#phone-table tr:nth-child(even) td.switch {background-color:#93c1c8; border:1px solid #999999;}
#phone-table tr:nth-child(odd) td.switch {background-color:#a3d1d8; border:1px solid #999999;}
#phone-table .empty {background: rgba(255,255,255,0);color: #fff; width:15px; border:0px;padding:0px;}
#phone-table tr input {background: none; border:none;}
#phone-table td.group  {font-style:italic;}
#phone-table td.group input {font-style:italic;}

/* Defaulttabelle */
.table-default {border-collapse:collapse;font-size: 12px;font-family: sans-serif; color:#000;}
.table-default thead th {background-color:#eeeeee; border:1px solid #999999;}
.table-default thead th.header{ padding-right: 20px;}
.table-default tr:nth-child(even) td {background-color:#74aed4; border:1px solid #999999;}
.table-default tr:nth-child(odd) td {background-color:#84bee4; border:1px solid #999999;}
.table-default .empty {background: rgba(255,255,255,0);color: #fff; width:10px; border:0px;padding:0px;}
.table-default input,.table-default button {background: none; border:none;}
.table-default td.group  {font-style:italic;}
.table-default td.group input {font-style:italic;}

/* Dialog */
.ui-dialog-content div {margin-bottom:2px;}
.ui-dialog form div label {float: left; width: 120px; display: block;}
.ui-dialog-titlebar-close {display:none;}



.day {margin-left:5px;margin-right:5px;font-size:15px;cursor:pointer}
#title {margin-left:10px;margin-top:10px;}
#subtitle {margin-left:10px;margin-top:5px;}
#login-form {display:none;}
.nodisplay {display:none;}
#cblue {font-family:verdana; font-size:24px; color:blue; }
#date {width:80px;border:0;font-size:15px }
.tm {height:10px;width:10px;}

#reportform {position:absolute; top:10px; left:400px; right:20px; bottom:20px; padding:10px;background:rgba(0,0,255,0.05);overflow:auto;	}

.div-main {position:absolute; top:110px; left:140px; width:870px; height:550px; overflow:auto;	}

/* Datepicker */
.week-highlight a { background:none !important;  background-color:#74aed4 !important;  }
.ui-datepicker {font-size:100%; z-index:1200; }
#ui-datepicker-div {font-size:100%; z-index: 1200;}

/* Slider */
.ui-slider {margin-top:5px;}



.export { margin-left:65px;}
.block label {display: block;}
.row {margin-bottom: 5px}
.row .number {color: #555555;font-weight: bold;margin-bottom: 0px;display: inline-block;padding-right: 10px; text-align: right; width: 25px;}
.row label {color: #555555;font-weight: bold;margin-bottom: 0px;}
.row .name { width: 200px; margin-right:10px;}
.row .table { width: 150px; margin-right:10px;}
.row .input { width: 50px; margin-right:10px; text-align:right;}
.row .type { width: 100px; margin-right:10px;}
.row .unit { width: 100px; margin-right:10px;}
.row .min { width: 40px; margin-right:10px;}
.row .max { width: 40px; margin-right:10px;}
.row .color { width: 80px; margin-right:10px;}

#preload { display:none; }
.link {font-size:10pt; font-weight: bold; font-family: arial; text-align: center; text-decoration: none; color: #FFFFFF;}
.link a {font-size:10pt; font-weight: bold; font-family: arial; text-decoration: none; color: #FFFFFF;}

.asswahl {
	height:20px;
	width:10px !important;
	border:0px !important;
	background: url('img/phone.png') no-repeat !important;
}

/*----------------------------
    The file upload form
-----------------------------*/


#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);

    width:250px;
    padding:30px;
    border-radius:3px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{

    background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 52px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}

table.be-bestellungen td { font-size:14px;font-family:calibri;}
table.be-bestellungen td { width:320px;height:102px; vertical-align:top; margin:0px; padding-left:10px; padding-top:5px; overflow:hidden; background-repeat:no-repeat; }
table.be-bestellungen td.blue {	background-image:url('img/menu_blue_on.png');background-size: 330px 102px; }
table.be-bestellungen td.green {	background-image:url('img/menu_green_on.png');background-size: 330px 102px; }
table.be-bestellungen td.yellow {	background-image:url('img/menu_yellow_on.png');background-size: 330px 102px; }
table.be-bestellungen td.red {	background-image:url('img/menu_red_on.png');background-size: 330px 102px; }
table.be-bestellungen td .text-oben { font-size:24px; font-style:bolder; }
table.be-bestellungen td.button {  cursor:pointer;}

table.be-bereiche td { font-size:20px;font-family:calibri;}
table.be-bereiche td { width:420px;height:51px; vertical-align:top; margin:0px; padding-left:10px; padding-top:10px; overflow:hidden; background-repeat:no-repeat; }
table.be-bereiche td.blue {	background-image:url('img/menu_blue_on.png');background-size: 430px 51px; }
table.be-bereiche td.button {  cursor:pointer;}