button {
    -webkit-appearance: none;
    padding: 0px;
    cursor: pointer;
    border-radius: 2px;
    font-size:9pt;
    text-align:center;
}

button:hover, button:focus {
    background-color:#aaa;
    border:2px solid #555;
}

button:active {
    color:#000000;
    background-color: #ffffff;
    border:2px solid #000000
}

button:disabled {
    cursor: not-allowed;
    background-color: #888;
    border:2px solid #cccccc;
    color: #ffffff
}


button.img_small {
    width:196px;
    height:131px;
    background-size:100% 100%;
    margin:2px;
}

button.img_home {
    width:400px;
    height:265px;
    background-size:100% 100%;
    margin:2px;
    border:0px;
}

.B00 {
    height:22px;
    width:100%;
}

.B01 {
    height:22px;
    width:30px;
}

.B02 {
    height:32px;
    width:70px;
    font-size:8pt;
}

.B03 {
    height:22px;
    width:40px;
}

.B04 {
    height:22px;
    width:26px;
    font-size:8pt;
}

.B05 {
    height:22px;
    width:120px;
    font-size:8pt;
}

.B06 {
    height:22px;
    width:80px;
    font-size:8pt;
}

.B07 {
    height:22px;
    width:10%;
    font-size:8pt;
}

.B0M {
    height:26px;
    width:100%;
    font-size:10pt;
}

.BOK {
    height:22px;
    width:38px;
}

.feld {
    -webkit-appearance: none;
    padding: 0px;
    cursor: pointer;
    border-radius: 2px;
    font-size:9pt;
    text-align:center;
    width:100%;
    height:22px;
    text-align:left;
    background-color: #cccccc;
    border:1px solid #555555;
    color:#000000;
}

.feld:active, .feld:hover, .feld:focus {
    background-color: #ffffff;
}
    

.Green {
    background-color:#0B3B17;
    border:2px solid #0B6121;
    color:#ffffff;
}
.Red {
    background-color:#8A0829;
    border:2px solid #B43104;
    color:#ffffff;
}
.Blue {
    background-color:#08088A;
    border:2px solid #045FB4;
    color:#ffffff;
}

.Grey1 {
    background-color: #222222;
    border:2px solid #999999;
    color:#ffffff;
}
.Grey2 {
    background-color: #555555;
    border:2px solid #aaaaaa;
    color:#ffffff;
}
.Yellow {
    background-color: #ffdd00;
    border:2px solid #ffffcc;
    color:#555555
}

.Orange {
    background-color: #DF7401;
    border:2px solid #FE9A2E;
    color:#ffffff;
}

.Hellblau {
    background-color: #8181F7;
    border:2px solid #CECEF6;
    color:#ffffff;
}

input[type=range]{
    -webkit-appearance: none;
    -ms-appearance: none;
    width: 120px;
    vertical-align: middle;
}

input[type=range]::-webkit-slider-runnable-track{
    height: 18px;
    background: #222;
    border-radius: 0;
}

input[type=range]::-webkit-slider-runnable-track:active {
    background: #ff0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: pointer;
    height: 18px;
    width: 18px;
    border: 2px solid #aaa;
    border-radius: 2px;
    background: #555;
}
input[type=range]::-webkit-slider-thumb:hover {
    border: 2px solid #555;
    background: #aaa;
}

input[type=range]::-ms-track {
    height: 18px;
    width: 120px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #222;
    border-radius: 0;
}

input[type=range]::-ms-fill-upper {
    background: #222;
    border-radius: 0;
}

input[type=range]:focus::-ms-fill-lower {
    background: #555;
}
input[type=range]:focus::-ms-fill-upper {
    background: #555;
}

input[type=range]::-ms-thumb {
    cursor: pointer;
    height: 18px;
    width: 18px;
    border: 2px solid #aaa;
    border-radius: 2px;
    background: #555;
}


.senkrecht-l {
    transform-origin: top left;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.senkrecht-r {
    transform-origin: top right;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.LED {
    display: inline-block;
    vertical-align:text-bottom;
    height:12px;
    width:12px;
    border-radius:50%
}