/*
  Availability Calendar : navigation through month
-------------------------------------------------------------------------------*/

ul.prev_next {
  list-style-type: none !important;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

.avcal ul li.next a {
opacity: 0;
}

.avcal ul li.prev a {
opacity: 0;
}

.avcal ul li.next {
position: absolute;
right: 1.5%;
top: 47%;
color: transparent;
background-color: #800000;
border: 0;
height: 70px;
width: 35px;
z-index: 10;
background-repeat: no-repeat;
background-image: url("../../../media/pfeil-rechts.png");
background-size: 45%;
background-position: center;
cursor: pointer;
list-style: none;
list-style-image: none;
}

.avcal ul li.prev {
position: absolute;
left: 1.5%;
border: 0;
height: 70px;
width: 35px;
top: 47%;
background-repeat: no-repeat;
z-index: 10;
background-color: #800000;
color: transparent;
background-image: url("../../../media/pfeil-links.png");
background-size: 45%;
background-position: center;
cursor: pointer;
list-style: none;
list-style-image: none;
}


ul.prev_next li.prev a { text-align: left; }
ul.prev_next li.curr { 
display: none; 
}
ul.prev_next li.next a { text-align: right; }

ul.prev_next li a {
  display: block;
  width: 100%;
}

/*
  Availability Calendar : calendar month sheet
-------------------------------------------------------------------------------*/

table.calendar {
  float: left;
  margin: 0;
  border: 1px solid #f1f0ed;
  width: 216px;
  background-color: #469659;
  border-collapse: collapse;

}

table.calendar caption {
  text-align: center;
  background-color: #fff;
  color: #333;
height: 50px;
  font-family: "gitan-latin", sans-serif;
font-style: normal;
color: #000;
font-size: 1.7em;
font-weight: 400;
  border: 1px solid #f1f0ed;
  line-height: 1.6em;
}
table.calendar thead th {
  border: 1px solid #f1f0ed;
  text-align:center;
  color: #000;
  background-color: #fff;
   width: 30px;
  height: 50px;
  font-weight: 300;
}
table.calendar tbody td {
  border: 1.5px solid #f1f0ed;
  padding: 0;
  width: 2%;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #333;
}
table.calendar tbody td.pad {
  background-color: #fff;
}
table.calendar tbody td.booked {
  background-color: #fff;
}
table.calendar tbody td.booked-am {
  background: url(booked-am.gif) no-repeat center center;
  background-size: cover;
}
table.calendar tbody td.booked-pm {
  background: url(booked-pm.gif) no-repeat center center;
  background-size: cover;
}
table.calendar tbody td.booked-all {
  background: url(booked-all.gif) no-repeat center center;
  background-size: cover;
}

/*
  Availability Calendar : legend
-------------------------------------------------------------------------------*/

ul.legend {
  list-style-type: none !important;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

ul.legend li {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 24.5%;
  float: left;
  background: url(booked-none.gif) no-repeat center left;
  /*outline: 1px solid #c00;*/
  background-size:20px 20px;
  text-indent:30px;
}
ul.legend li.booked-none { background: url(booked-none.gif) no-repeat center left; background-size:20px 20px; }
ul.legend li.booked-all { background: url(booked-all.gif) no-repeat center left; background-size:20px 20px;}
ul.legend li.booked-am { background: url(booked-am.gif) no-repeat center left; background-size:20px 20px; }
ul.legend li.booked-pm { background: url(booked-pm.gif) no-repeat center left; background-size:20px 20px; }