/* 
    Document   : Footer
    Created on : 20.03.2013, 17:07:53
    Author     : me-apps
    Description:
        Purpose of the stylesheet follows.
*/

#TimeOut {
    height: 100%;
    font-size: 24pt;
    font-weight: bold;
    color: white;
    text-align: center;
}


#Timeoutheim div, #Timeoutgast div {
    float: left;
    padding: 5px;
    width: auto;
    font-size: 14pt;
    font-weight: normal;
    text-align: center;
    margin: 1px;
}

#Timeoutheim div.notavailable, 
#Timeoutgast div.notavailable {
    border: solid red 3px;
    padding: 2px;       /* instead of 5 so we have 3 px border */
}

#Timeoutheim div.taken, 
#Timeoutgast div.taken {
    background-color: red !important;
    text-decoration: line-through;
}

#Timeoutheim {
    padding-left: 20px;
}

#Toreheim, #Time, #Toregast {
    float: left;
    width: 25%;
    height: 100%;
    font-size: 96pt;
    font-weight: bold;
    color: white;
    text-align: center;
    opacity: 1;
}

#Time {
    width:50%;
    padding-bottom: 25px;
}

.ZeitLaeuft {
    color: white;
    background-color: green;
}

.ZeitGestoppt {
    font-style: oblique;
    color: grey;
    background-color: #FE0000;
}

.ZeitBlockiert {
    font-style: oblique;
    color: grey;
    background-color: #000000;
}