/**************** Kalender ****************/
.kw_even {
  background-color:#e6e6e6;
}
.kw_odd {
  background-color:#ffffff;
}

.kw_tdgrillhuetten {
  padding: 5px 30px 5px 0;
}

.kw_grillhuettenSpalteLabel {
  font-weight: bold;
  white-space: nowrap;
}

.kw_textarealabel {
  vertical-align: top;
}

.kw_textarea {
  resize: none;
  font-family: inherit;
  font-size: inherit;
}

.kw_textareadisable {
  background: white;
  border: none;
}

.textalignleft {
  text-align: left;
}

.kw_calendar {
  width: 364px;
}

.kw_calendarMonth {
  height: 250%;
  text-align: center;
  line-height: 250%;
  vertical-align: middle;
  background: #930C57;
  color: white;
  border-radius: 5px;
  width: 81%;
}

.kw_calendardays {
  margin-left: 1%;
  margin-right: 1%;
  width: 80%;
}

/* for calendar */
.kw_outer1 {
  text-align: center;
  display: inline-table; /* table; */
  width: 11.8%; /* + border + margin*/
  height: 100%;
  border-radius: 5px;
  background: lightgrey;

  margin: 1.2%;
}

.kw_resetBackground {
  background: white;
}

.kw_lightGreyBackground {
  background: #B4B4B4;
}

.kw_inner {
  width: 100%;
  height: 100%;

  /* zum zentrieren */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 260%; /* muss genauso hoch wie height sein*/

  border-color: #1a6aba;
  border-width: 5px;
  border-radius: 5px;
}

.kw_termineFrei {
  background: #B9C300;
  color: black;
}

.kw_termineFreiAbends {
  background: #FFCD50;
  color: black;
}

.kw_termineFreiMittags {
  background: #EB6400;
  color: black;
}

.kw_termineBelegt {
  background: #73737D;
  color: white;
}

.kw_termineFrei:hover {
  color: slategrey;
  cursor: pointer;
}

.kw_termineFreiAbends:hover {
  color: slategrey;
  cursor: pointer;
}

.kw_termineFreiMittags:hover {
  color: slategrey;
  cursor: pointer;
}

 .kw_termineBelegt:hover {
  color: lightgrey;
  cursor: pointer;
}

.kw_previousmonthicon {
  line-height: 230%;
  margin-left: 1.4%;
}

.kw_nextmonthicon {
  line-height: 230%;
  margin-right: 1.4%;
}

.kw_nextmonthicon:hover, .kw_previousmonthicon:hover {
  color: silver;
  cursor: pointer;
}

.kw_leftcalendar {
  display: inline-block !important;
}

.kw_rightcalendar {
  display: inline-block !important;
  
  margin-left: 0.90%;
}

.kw_hidelinkstyle {
  color: black;
  text-decoration: none;
}

.kw_hidelinkstyle:hover {
  color: black;
  text-decoration: none;
}

.kw_grillhuettenueberschrift {
  font-size: 2.2em;
  font-weight: 100;
  letter-spacing: 1px;
}

.kw_grillhuettenbeschreibung {
  margin-bottom: 20px;
}

.modal.fade.in {
  background-color: rgba(80, 80, 80, 0.7);
}

.kw_square {
  position: relative;
  bottom: 5px;
  
  font-size: 18px;
  color: #930c57;
  margin-right: 5px;
}

.kw_nojava {
  width: 80%;
  padding: 5px 0;
  background: black;
  color: #ff0000;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  top: 400px;
  text-align: center;
}

.kw_legende {
  height: 42px;
  margin-top: 19px;
}

.kw_legendetext {
  line-height: 42px;
  height: 42px;
  font-weight: bold;
  float: left;
  margin-right: 10px;
}

.kw_legendeterminevorhanden.kw_termine_abends_mittags {
  line-height: 21px;
}

.kw_legendetermine {
  width: 42px;
  height: 42px;
  float: left;
  margin: 0 10px 0 0;
}

.kw_legendeterminevorhanden {
  line-height: 42px;
  height: 42px;
  float: left;
  margin-right: 30px;
}

.kw_legendekeinetermine {
  width: 42px;
  height: 42px;
  float: left;
  margin: 0 10px 0 0;
}

.kw_legendekeineterminevorhanden {
  line-height: 42px;
  height: 42px;
  float: left;
  margin-right: 30px;
}

#grillhuettenkalender1,
#grillhuettenkalender2,
.kw_legende {
  font-weight: bold;
}

#grillhuettenkalender2 {
  margin-left: 10px;
}

.kw_weitere_infos {
  margin-top: 20px;
}

/************************** Formular *************************/
.bedit_zahlplanclass {
  margin-right: 20px;
}

.hauptseite_status {
  display: none;
}

/*********************** Kontrollseite ***********************/
.zahlplan_betrag {
  margin-left: 15px;
}

/********* "freie" Buchungsanfrage (Sicht 484 - 486) *********/

#kontaktformular td {
  padding: 5px 30px 5px 0;
}

#kontaktformular td.label {
  vertical-align: top;
  width: 120px;
  font-weight: bold;
}

.kontaktedit {
  display: inline-block;
  width: 445px;
}

input[type="checkbox"] {
  width: auto;
}

textarea.kontaktedit {
  resize: none;
  padding-left: 5px;
  font-family: inherit;
  font-size: inherit;
}

.kontaktedit_nutzungsbedingungen_label,
.kontaktedit_zusatz_label {
  display: inline;
  width: auto;
}

.kontaktformular_erfolg {
  font-weight: bold;
  color: green;
}

.kontaktformular_fehler {
  font-weight: bold;
  color: red;
}

#form_zurueck, #form_absenden {
  display: inline;
}