html {height:100%;}
body {

 height:100%;
 margin:0%;
 padding:0%;
}
img{
  height:100%;
}



#output_day {
 color:#999999;
 font-size:40pt;
 font-family:arial, "lucida console", sans-serif;
}
#output_rday {
 color:#FF9F00;
 font-size:40pt;
 font-family:arial, "lucida console", sans-serif;
}
#output_month {
 color:#999999;
 font-size:24pt;
 font-family:arial, "lucida console", sans-serif;
 }
#output_rmonth {
 color:#4d4d4d;
 font-size:24pt;
 font-family:arial, "lucida console", sans-serif;
 }
#output_year {
 color:#999999;
 font-size:36pt;
 font-family:arial, "lucida console", sans-serif;
 }
#output_ryear {
 color:#4d4d4d;
 font-size:36pt;
 font-family:arial, "lucida console", sans-serif;
 }
#output_weekday {
 color:#999999;
 font-size:24pt;
 font-family:arial, "lucida console", sans-serif;
 }
#output_rweekday {
 color:#4d4d4d;
 font-size:24pt;
 font-family:arial, "lucida console", sans-serif;
 }
.output_label {
 color:#999999;
 margin:0% 2%;
 padding:0% 2%;

 font-family:arial, "lucida console", sans-serif;
 }



.box {
 float: left;
 margin:0% 2%;
 padding:0% 2%;
 height:75%;
}


.btn_vor{
	display:block;
	width:60px;
	height:80px;
	background-image:url('img/revkal_vor4.jpg');
}
.btn_vor:hover{
	background-image:url('img/revkal_vor2.jpg');
}
.btn_back{
	display:block;
	width:60px;
	height:80px;
	background-image:url('img/revkal_vor1.jpg');
}
.btn_back:hover{
	background-image:url('img/revkal_vor3.jpg');
}




.btn_back:hover {
  background-color: yellow;
}
.label {

}

 .header {
 background-image: url("img/revkal_haeder.jpg");
 background-size:cover;
 background-position: right center;
 margin:1% 4%;
 padding:0% 1%;
 height:15%;
 }