body
{
background-image: url('/uebersichten/HintergrundFix.jpg');
background-size: 1024px 768px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
- user-select: none;
}

input:checked + label { color: #02ff02; }

.AddRow {
	margin-top: 730px;
	padding:0;
	}

*:focus {
    outline: none;
   }

.leuchtenicon {
    position: absolute;
    width: 20px;
    height: 20px;
    }

    .leuchtenbeschreibung {
    	position: relative;
    	margin-top: 20px;
text-align:left;
font-size: 15;
font-family: arial;
font-weight:lighter;
height: 10px;
width: 100px;
    }


.leuchteniconremove {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-left: 20px;
    }

    .leuchteniconclose {
    position: absolute;
    width: 25px;
    height: 25px;
    margin-top: -60px;
    margin-left: 820px;
    }
	
small {
	color:#a3a8a9;
	}
	
.KlimaItem {
background:  rgba(237,197,8,.7);
text-align:left;
font-size: 15;
font-family: arial;
font-weight:lighter;
height: 10px;
}

.Title {
font-weight: lighter;
font-size: 17;
text-shadow: 1px 1px 7px #656e70;
color: #656e70;
color: rgba(0, 0, 0, 0.6);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 37px;
    padding: 10px 38px 10px 16px;
    background: #fff url("/graphics/select-arrows.png") no-repeat right 16px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15;
 
}

option {
font-size: 15;	
}

input {
    border-radius: 3px;
    font-size: 15;
}

.LICSLIDER     {

    -webkit-appearance:none;

touch-action: none;
    width:130px;
    height:33px;
  border-radius: 30px;
  background: transparent url(../graphics/SliderLicht.png);
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */
    position:absolute;
    opacity: 0.7;
    top: 20px;
}


.LICSLIDER::-webkit-slider-thumb
{
 -webkit-appearance: none;
  border: 1px solid #25aae1;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #25aae1, 1px 1px 1px #000000; /* Add cool effects to your sliders! */
    opacity: 0.8;
}

.drehenLED{
	position: absolute;
	top: 80px;
	left: 600px;
	width: 35px;
}

