.bepla {
    font-family: inherit;
    font-size: 0.725rem;
    color: #505050;
    text-align: center;
    border: 0 none; 
    padding: 14px 0px 1px 0px;
}
.bepla .table { 
    margin: 0 0 10px 0; 
    padding: 1px; 
    border: 0 none; 
    line-height: 100%;
}
table.bepla tr td {
    border: 0 none; 
}
.bepla .table td {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.bepla .table left.td {
    float: left;
}
.bepla .month { 
    height: 20px;
    font-size: 0.725rem;
    font-weight: bold; 
    text-align: center; 
    background-color: #ffffff;
    border-top: 1px solid #cccccc; 
    border-left: 1px solid #cccccc; 
}
.bepla .cw { background-color: #eeeeee; font-size: 0.7rem; font-weight: bold; text-align: center; border-left: 1px solid #cccccc; }
.bepla .left { float: none; border-left: 1px solid #dddddd; }
.bepla .day {
    height: 20px;
    color: #505050; 
    background-color: #f6f8f8; 
    font-size: 0.725rem;
    font-weight: 400;
    text-align: center; 
    border-left: 1px solid #cccccc; 
}
.bepla .week { background-color: #eeeeee; font-size: 0.725rem; text-align: center; }
.bepla tr.std td { width: 20px; height: 20px; font-size: 0.725rem; text-align: center; }
.bepla tr.login td { width: 20px; height: 34px; font-size: 0.725rem; text-align: center; }
.bepla .n { background-color: #ffffff; }
.bepla .o { background-color: #f0cfcf; }
.bepla .std .of { background: #f0cfcf url(cal_of.gif) no-repeat center center;background-size: cover;}
.bepla .login .of { background-color: #f0cfcf; background: url(cal_l_of.gif) no-repeat; }
.bepla .std .or { background-color: #f0cfcf; background: url(cal_or.gif) no-repeat; }
.bepla .login .or { background-color: #f0cfcf; background: url(cal_l_or.gif) no-repeat; }
.bepla .f { background: #86d78c; }
.bepla .std .fo { background-color: #7dd07d; background: url(cal_fo.gif) no-repeat;background-size: cover;}
.bepla .login .fo { background-color: #7dd07d; background: url(cal_l_fo.gif) no-repeat;}
.bepla .std .fr { background-color: #7dd07d; background: url(cal_fr.gif) no-repeat;}
.bepla .login .fr { background-color: #7dd07d; background: url(cal_l_fr.gif) no-repeat;}
.bepla .r { background-color: #f2e2c2; }
.bepla .std .rf { background-color: #f2e2c2; background: url(cal_rf.gif) no-repeat;}
.bepla .login .rf { background-color: #f2e2c2; background: url(cal_l_rf.gif) no-repeat;}
.bepla .std .ro { background-color: #f2e2c2; background: url(cal_ro.gif) no-repeat;}
.bepla .login .ro { background-color: #f2e2c2; background: url(cal_l_ro.gif) no-repeat;}
.bepla .u { background-color: #f2e2c2; }

@media screen and (max-width:50em) {

	.bepla tr td.resp {
		display: block;
		width: 100%;
	}

}