body{
    margin: 20px auto;
    text-align: center;
    background-color: rgb(50,50,50);
    color: rgb(229,137,1);
    width: 900px;
}

#alles{
    margin: auto auto 900px auto;
    text-align: center;
    width: 900px;
    height: 4110px;    
}

.logout{
    float: right;
}

p{
    float: none;
}

.tage{
    color: rgb(0,0,0);
    width: 120.5px;
    height: 50px;
    border: 2px solid rgb(20,20,20);
    margin: 2px 2px 2px 2px;
    float: left;
}

.monat{
    background-color: rgb(70,70,70);
    width: 900px;
    float: left;
    margin: 20px auto;    
}

.info{
    display: block;
    background: no-repeat url(../info.png);
    width: 12px;
    height: 13px;
    float: left;
    text-align: center;
    margin: 2px 2px auto;
    overflow: hidden;
}

.info.p{
    visibility: hidden;
}

.info:hover, .info.form:hover, .info.textarea:hover, .info.button:hover, .info:focus, .info.form:focus, .info.textarea:focus, .info.button:focus{
    width: 500px;
    height: 570px;
    font-size: 22px;
    background: rgb(50,50,50);
    color: rgb(229,137,1);
    overflow: visible;
    position: absolute;
    margin: -2px -2px auto;
    border: 2px solid rgb(20,20,20);
    visibility: visible;
}

.infoDoFr{
    display: block;
    background: no-repeat url(../info.png);
    width: 12px;
    height: 13px;
    float: left;
    text-align: center;
    margin: 2px 2px auto;
    overflow: hidden;
}

.infoDoFr.p{
    visibility: hidden;
}

.infoDoFr:hover, .infoDoFr.form:hover, .infoDoFr.textarea:hover, .infoDoFr.button:hover, .infoDoFr:focus, .infoDoFr.form:focus, .infoDoFr.textarea:focus, .infoDoFr.button:focus{
    width: 500px;
    height: 570px;
    font-size: 22px;
    background: rgb(50,50,50);
    color: rgb(229,137,1);
    overflow: visible;
    position: absolute;
    margin: -2px -381.5px auto;
    border: 2px solid rgb(20,20,20);
    visibility: visible;
}

.infotext{
    background-color:rgb(255,255,255);
    color: rgb(20,20,20);
    font-size: 13px;
    height:200px;
    width:440px;
    margin: auto;   
}

.linkOrange{
    color: rgb(249,157,21);
}

.linkWhite{
    color: rgb(255,255,255);
}

.linkMenu{
    margin: auto 10px auto 10px;
    background: rgb(229, 127, 0);
    color: rgb(255,255,255);
    text-decoration: none;
}

.linkMenu:hover, .linkMenu:focus{
    background: rgb(255, 167, 40);
    text-decoration: none;
}

.nachoben{
    width: 900px;
    height: 20px; 
    float: left;
}



/*
 * For older version
 */
.info2{
    display: block;
    background: no-repeat url(../info.png);
    width: 12px;
    height: 13px;
    float: left;
    text-align: center;
    margin: 2px 2px auto;
    overflow: hidden;
}

.info2.p{
    visibility: hidden;
}

.info2:hover, .info2.div:hover, .info2:focus, .info2.div:focus{
    width: 500px;
    height: 840px;
    font-size: 22px;
    background: rgb(50,50,50);
    color: rgb(229,137,1);
    overflow: visible;
    position: absolute;
    margin: -2px -2px auto;
    border: 2px solid rgb(20,20,20);
    visibility: visible;
}

.info2DoFr{
    display: block;
    background: no-repeat url(../info.png);
    width: 12px;
    height: 13px;
    float: left;
    text-align: center;
    margin: 2px 2px auto;
    overflow: hidden;
}

.info2DoFr.p{
    visibility: hidden;
}

.info2DoFr:hover, .info2DoFr.div:hover, .info2DoFr:focus, .info2DoFr.div:focus{
    width: 500px;
    height: 840px;
    font-size: 22px;
    background: rgb(50,50,50);
    color: rgb(229,137,1);
    overflow: visible;
    position: absolute;
    margin: -2px -381.5px auto;
    border: 2px solid rgb(20,20,20);
    visibility: visible;
}