html *{
    font-family: Arial !important;
}

#body {
    background-color: #E5E5E5;//#1E1E1E;
}



.outputLabel:hover {
    border-style: none;
}

.gatterImage {
    margin-left: 3vw;
}

#Beschreibung {
    margin: 3vw 20vw 3vw 23vw;
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    color: #444;
    border: none;
    border-radius: 10vw;
    background-color: #aaa;
    width: 50vw;
}

.outputLabelStatic {
    text-align: center;
    color: #444;
    width: 10vw;
    height: 5vw;
    font-size: 3vw;
    margin-left: 30vw;
}

#outputLabelStatic {
    text-align: center;
    color: #444;
    font-weight: bold;
    width: 10vw;
    height: 5vw;
    font-size: 3vw;
    margin-left: 3vw;
}

    #outputLabelStatic:hover {
        border-style: none;
    }

.beschreibungsLabelButton {
    text-align: center;
    color: #444;
    background-color: #E5E5E5; 
    border: none;
    width: 10vw;
    height: 5vw;
    font-size: 3vw;
    font-weight: bold;
    margin-left: 3vw;
}

    .beschreibungsLabelButton:hover {
        border-style: none;
    }


#outputLabelDynamic {
    text-align: center;
    color: limegreen;
    font-weight: bold;
    font-size: 3vw;
    margin-left: 8vw;
    border-radius: 50vw;
    background-color: #444;
    width: 10vw;
    display:inline-block;
}

    #outputLabelDynamic:hover {
        border-style: none;
    }


#Output{
    margin-top: 3vw;
}

.binaryButton {
    border: none;
    outline: none;
    -webkit-border-radius: 1.5vw;
    -moz-border-radius: 1.5vw;
    border-radius: 2.0vw;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    background-color: rgba(0,0,0,0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#424242), to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(top, #012555, rgba(0,0,0,0.3));
    background-image: -moz-linear-gradient(top, #424242, rgba(0,0,0,0.3));
    background-image: -ms-linear-gradient(top, #424242, rgba(0,0,0,0.3));
    background-image: -o-linear-gradient(top, #424242, rgba(0,0,0,0.3));
    background-image: linear-gradient(to bottom, #424242, rgba(90,90,90,0.3));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#424242, endColorstr=#000000);
    
    text-align: center;
    color: red;
    width: 10vw;
    height: 5vw;
    font-size: 3vw;
    padding: inherit;
}

    .binaryButton:hover {
        background-color: #424242;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(#424242));
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), #424242);
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), #424242);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), #424242);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), #424242);
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), #424242);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#424242, endColorstr=#rgba(0,0,0,0.3));
    }


.decimalButton {
    border: none;
    outline: none;
    -webkit-border-radius: 1.5vw;
    -moz-border-radius: 1.5vw;
    border-radius: 2.0vw;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    background-color: rgba(0,0,0,0.3);    
    text-align: center;
    color: grey;
    background-color: #aaa;
    width: 10vw;
    height: 5vw;
    font-size: 3vw;
    margin-left: 0vw;
}


.decimalPlusButton {
    margin-left: 0vw;
    border: none;
    outline: none;
    width: 3.0vw;
    height: 5vw;
    -webkit-border-radius: 1.5vw;
    -moz-border-radius: 1.5vw;
    border-radius: 2.0vw;
    font-size: 2vw;
    font-family: arial, helvetica, sans-serif;
    padding: inherit;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.3);    
    text-align: center;
    color: grey;
    background-color: #aaa;
    font-size: 3vw;
    
}