#blkbox{position:relative;display:block;width:500px;margin:0 auto;border:none;max-width: 100%;}

#blkbox .kalendermonat{float:left;text-align:center;margin:0 3px 3px 0;padding:0;border:none;line-height:11px;position:relative;}
#blkbox table{border:none;padding:0;margin:0;font-size:11px;text-align:center;font-weight:normal;color:#333333;background:#ffffff;}
#blkbox .kalendermonat th{color:#3366CC;}
#blkbox .kalendermonat td{width:15px;height:15px;border:none;padding:0;margin:0;background-color:#95dc94;background-repeat:no-repeat;background-position:center;font-size:11px;font-family:"Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial", sans-serif;}
#blkbox tr.wtag td{background-color:#BBBBBB;}
#blkbox td.sa, #blkbox td.so{color:#FF0000;}
#blkbox td.anfang, #blkbox td.ende{background-color:#EEEEEE;}
#blkbox td.extra{background-color:#FFFFFF;}
#blkbox td.s1, #legende td.s1{background-color:#95dc94;}
#blkbox td.s2, #legende td.s2{background-color:#FF8080;}
#blkbox td.s3, #legende td.s3{background-color:#FFFF80;}
#blkbox td.s4, #legende td.s4{background-color:#777777;}
#legende{margin:0 auto;}
#legende td{width:10px;height:10px;line-height:10px;}
#legende td.leg{width:60px;}
#legende td.txt{font-size:9px;text-align:left;color:#666666;}
#blkbox td.bg {background: url('/bilder/webseite/belegungskalender/csg-4bd9864077120.png') no-repeat top left;}
#blkbox td.s22{background-position: 0 0;}
#blkbox td.s21{background-position: 0 -20px;}
#blkbox td.s24{background-position: 0 -40px;}
#blkbox td.s23{background-position: 0 -60px;}
#blkbox td.s12{background-position: 0 -80px;}
#blkbox td.s14{background-position: 0 -100px;}
#blkbox td.s13{background-position: 0 -120px;}
#blkbox td.s42{background-position: 0 -140px;}
#blkbox td.s41{background-position: 0 -160px;}
#blkbox td.s44{background-position: 0 -180px;}
#blkbox td.s43{background-position: 0 -200px;}
#blkbox td.s32{background-position: 0 -220px;}
#blkbox td.s31{background-position: 0 -240px;}
#blkbox td.s34{background-position: 0 -260px;}
#blkbox td.s33{background-position: 0 -280px;}
#blkbox .legende{width:70px;text-align:center;}


#loading{position:absolute;top:30px;left:100px;text-align:center;line-height:0;}

#hoverNav_neu{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#hoverNav{position:absolute;top:0;left:0;height:130px;width:100%;z-index:10;border:none;}


#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#blkPrevLink, #blkNextLink{width:45%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */display:block;opacity:0.4;}
#blkPrevLink{left:0;float:left;}
#blkNextLink{right:0;float:right;}
#blkPrevLink:hover,#blkPrevLink:visited:hover{opacity:0.9;}
#blkNextLink:hover,#blkNextLink:visited:hover{opacity:0.9;}

#blkPrevLink::after {
    content: "\25C4";
    left: 15px;
}
#blkNextLink::after {
    content: "\25BA";
    right: 15px;
}
#blkNextLink::after, #blkPrevLink::after {
    position: absolute;
    top: 15px;
    color: #717171;
    font-size: 30px;
}

#blk_wrapper{position:relative;display:block;margin-top:10px;border:1px solid #fff;}

@media screen and (max-width:600px)
{
	#blkbox{max-width:250px;}
	
	#blk_div{width: 70%;
		margin: 0 auto;
		position: relative;}
}

@media screen and (max-width:480px)
{
	#blk_div{width: 100%;}
}