html, body {
	text-align:left;
	font: 1em/1.3em Arial, Verdana, Lucida, sans-serif;
	color: #632;
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
 background-color:#fff;
}

.kalender {width:100%;height:100%;
/*  background-color:#eee;*/
  border:1px solid #aaa;
  border-collapse:collapse;
  font: 1em/1.3em Arial, Verdana, Lucida, sans-serif;
  color:#444;
}
.kalender A {color:green;text-decoration:none; }

.kalender .DateNav {height:20px;         }
.kalender .TagNamen {background-color:#DDD;         }

.kalender .prev A,
.kalender .next A{
  box-sizing: border-box;
  display:block;
  height:100%;
  padding-top:11px;
  vertical-align: middle;
}
.kalender .prev A:hover,
.kalender .next A:hover{
  background-color:#DDD;
}

.kalender TD {text-align:center;  border:1px solid #888; width:14.285%;
}

.kalender .tage A{display:block; height:100%; vertical-align:middle;}
.kalender .tage A DIV{display: inline-block;height:100%;width:1px;vertical-align: middle;}
.kalender .tage A SPAN{display: inline-block;  vertical-align: middle;}





.kalender TD.kal_standard_tag DIV.belegung {color:#aaa;font-weight:200;text-align:center;padding-bottom:10px;}

.kalender TD.kal_standard_tag {
  text-shadow: 1px 1px 0px  #fff, -1px -1px 0px  #fff, 1px -1px 0px  #fff, -1px 1px 0px  #fff;
  font-weight:600;
}
.kalender TD.kal_aktueller_tag {
 border:2px solid #ff0;
 font-weight:900;
}

.kalender TD.kal_frei {background-color:#00FF00;}
.kalender TD.kal_belegt {background-color:#FF0000;}
.kalender TD.kal_belegt_import{background-color:#FFaaaa;}

.kalender TD.kal_vormonat_tag {
  /*background-color:#fff;*/
  color:#000;
  opacity: 0.20;
 }

.kalender TD.anreise{
  background-image: url("../images/anreise.png");
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: contain;
  background-size: 100% 100%;
}
.kalender TD.abreise,
.kalender TD.abreise_import{
  background-image: url("../images/abreise.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100% 100%;
}
.kalender TD.abreise_import{background-image: url("../images/abreise_import.png");}
.kalender TD.Reservierung{background-color:#ee0; }


#monatswahl+DIV {
  display:none;
  width:120px;
  margin: auto;
  position: absolute;
  margin-top: -15px;
  left: 0;
  right: 0;
  z-index:99;

  line-height:1.3em;
  background-color:#fff;
  border:1px solid #ccc;
  padding:1px;
  font-size:11px;
	-moz-box-shadow:    2px 2px 2px 0px #999;
	-webkit-box-shadow: 2px 2px 2px 0px #999;
	box-shadow:         2px 2px 2px 0px #999;
}
#monatswahl+DIV A{
  display:block;
  text-decoration:none;
  padding-left:15px;
  padding-right:15px;
  color:green;
}
#monatswahl+DIV A:hover{
  background-color:#ccc;
}
#monatswahl:hover ~ DIV, #monatswahl ~ DIV:hover {display:block;}



#jahrwahl+DIV {


  display:none;
  width:60px;
  margin: auto;
  position: absolute;
  margin-top: -10px;
  left: 0;
  right: 0;
  z-index:99;  
     background-color:#fff;
     border:1px solid #ccc;
     padding:1px;
     font-size:11px;
	-moz-box-shadow:    2px 2px 2px 0px #999;
	-webkit-box-shadow: 2px 2px 2px 0px #999;
	box-shadow:         2px 2px 2px 0px #999;
   }
   #jahrwahl+DIV A{
     display:block;
     text-decoration:none;
     padding-left:15px;
     padding-right:15px;
     color:green;
   }
   #jahrwahl+DIV A:hover{
     background-color:#ccc;
   }
   #jahrwahl:hover ~ DIV, #jahrwahl ~ DIV:hover {display:block;}