#start1 {
    position: absolute;
    display: fixed;
    width: 100%;
    height: 100%;
    left: -1px;
    top: -1px;
}

#start2 {
    position: absolute;
    display: fixed;
    width: 100%;
    height: 100%;
}

.STATUS1 {
position: fixed;
bottom: 0px;
left: 0px;
height: 140px;
width:25%;
background:#d0d0d0;
font-family: Arial;
color: #5a566d;
           overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
}


.STATUS2 {
position: fixed;
bottom: 0px;
left: 25%;
height: 140px;
width: 25%;
background:#c0c0c0;
font-family: Arial;
color: #5a566d;
           overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
}


.STATUS3 {
position: fixed;
bottom: 0px;
left: 50%;
height: 140px;
width: 25%;
background:#b0b0b0;
font-family: Arial;
color: #5a566d;
           overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
}

.STATUS4 {
position: fixed;
bottom:0px;
left: 75%;
height: 140px;
width: 25%;
background:#a0a0a0;
padding-right:0px;
font-family: Arial;
color: #5a566d;
}

#settingsStart {
display: block;
position: absolute;
bottom: 84px;
right: 0px;
width: 50px;
right: 6px;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
        -webkit-border-radius:0 2px 2px 0px;
        -moz-border-radius:0 2px; 2px 0px;
        border-radius:0 2px; 2px 0px;
        border-bottom: 1px solid #f3f3f3;
padding-bottom: -0px;
}

#settingsStart2Icon {
    display: block;
position: absolute;
bottom: 84px;
right: 0px;
width: 50px;
left: 6px;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
        -webkit-border-radius:0 2px 2px 0px;
        -moz-border-radius:0 2px; 2px 0px;
        border-radius:0 2px; 2px 0px;
        border-bottom: 1px solid #f3f3f3;
padding-bottom: -0px;
}

#infoStart1 {
display: block;
position: absolute;
bottom: 84px;
left: 50%;
margin-left: -25px;
width: 50px;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
        -webkit-border-radius:0 2px 2px 0px;
        -moz-border-radius:0 2px; 2px 0px;
        border-radius:0 2px; 2px 0px;
                border-bottom: 1px solid #f3f3f3;
padding-bottom: -0px;
}

#infoStart2 {
display: block;
position: absolute;
bottom: 84px;
width: 50px;
left: 6px;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
        -webkit-border-radius:0 2px 2px 0px;
        -moz-border-radius:0 2px; 2px 0px;
        border-radius:0 2px; 2px 0px;
                border-bottom: 1px solid #f3f3f3;
padding-bottom: -0px;
}

#settingsStartAdmin {
display: block;
position: absolute;
bottom: 84px;
right: 0px;
width: 50px;
right: 6px;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
        -webkit-border-radius:0 2px 2px 0px;
        -moz-border-radius:0 2px; 2px 0px;
        border-radius:0 2px; 2px 0px;
        border-bottom: 1px solid #f3f3f3;
padding-bottom: -0px;
}


#StatusAdmin1 {
position: fixed;
bottom: 0px;
left: 0px;
height: 140px;
width: 25%;
background:#d0d0d0;
font-family: Arial;
color: #5a566d;
}


#StatusAdmin2 {
position: fixed;
bottom: 0px;
left: 25%;
height: 140px;
width: 25%;
background:#c0c0c0;
font-family: Arial;
color: #5a566d;
}


#StatusAdmin3 {
position: fixed;
bottom: 0px;
left: 50%;
height: 140px;
width: 25%;
background:#b0b0b0;
font-family: Arial;
color: #5a566d;
}

#StatusAdmin4 {
position: fixed;
bottom:0px;
left: 75%;
height: 140px;
width: 25%;
background:#a0a0a0;
padding-right:0px;
font-family: Arial;
color: #5a566d;
}

.splogo {
display: block;
width: 240px;
top: 90px;
height: auto;
position: absolute;
left: 50%;
margin-left: -120px;
}

#INFOBOARD1INHALT {
position: fixed;
display: absolute;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
border-collapse:inherit;
border-spacing:0;
box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000;
width: 240px;
height: 150px;
left: 776px;
top: 610px;
background: #FFFFFF;
text-align:center;
text-shadow:0 -0px 0px rgba(0,0,0,.5);
font-size: 19;
font-family: Arial;
z-index:100;
}

#INFOBOARD2INHALT {
position: fixed;
display: absolute;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
border-collapse:inherit;
border-spacing:0;
box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000;
width: 240px;
height: 150px;
left: 776px;
top: 610px;
background: #FFFFFF;
text-align:center;
text-shadow:0 -0px 0px rgba(0,0,0,.5);
font-size: 19;
font-family: Arial;
z-index:100;
}

.Status1Titel {
padding-top: 2px;
padding-left: 4px;
font-weight: bold;
font-family: Arial;
color: #5a566d;
}

.Status2Titel {
padding-top: 2px;
padding-left: 4px;
font-weight: bold;
font-family: Arial;
color: #5a566d;
}

.Status3Titel {
padding-top: 2px;
padding-left: 4px;
font-weight: bold;
font-family: Arial;
color: #5a566d;
}

.StatusZeile {
padding-top: 8px;
height: 20px;
width: 400px;    
}

.StatusZeileInhaltMain {

}

.StatusZeileInhaltMainInTitel {
float: left;
padding-left: 4px;
font-family: Arial;
color: #5a566d;
font-size: 14px;
}

.StatusZeileInhaltMainInIcon {
float: left;
width: 22px;
margin-top: -4px;
padding-left: 4px;
}

.StatusZeileInhaltMainInWert {
float: left;
padding-left: 4px;
font-family: Arial;
color: #5a566d;
font-size: 14px;
}

.StatusZeileInhaltMainInUnit {
float: left;
padding-left: 4px;
font-family: Arial;
color: #5a566d;
font-size: 14px;
}


















@media only screen and (max-device-width : 480px)
{
    
.splogo {
width: 190px;
top: 99px;
left: 50%;
margin-left: -90px;
}

}