/* Style aus Produktion */
.reserva-table-container {
  overflow: auto;
}
.reserva-table-year {
  border: 0px solid black;
}
/* Kategorie-Labels */
.reserva-table-year thead th {
  font-size: 14px;
  padding: 0 0 3px 0;
  color: #666;
}
.reserva-table-year tbody th {
  font-size: 14px;
  text-align: right;
  padding: 0 15px 0 15px;
  color: #333;
  min-width: 75px;
}
.reserva-table-year * {
  box-sizing: border-box;
}
.reserva-table-year td {
  position: relative;
}
.reserva-table-year td div {
  min-width: 28px;
  min-height: 28px;
}
.reserva-table-year td.selected {
  background: #ffa;
}
.reserva-table-year tbody td.begin div {
  border-left: 14px solid #363;
  border-right: 14px solid #363;
  border-radius: 14px 0px 0px 14px;
}
.reserva-table-year td {
  filter: none;
  position: relative;
}
.reserva-table-year td.weekend b {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  padding-top: 8px;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.3);
  font-size: 8pt;
  text-align: center;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.07);
}
.reserva-table-year td.sunday b {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.reserva-table-year tr.break td {
  height: 15px;
  border-left: 0;
  border-right: 0 !important;
}
.reserva-table-year tbody td.begin3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,114411+50,114411+99 */
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c4c4c4), color-stop(50%, #c4c4c4), color-stop(50%, #114411), color-stop(99%, #114411));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);
  /* IE10+ */
  background: linear-gradient(to right, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#114411', GradientType=1);
  /* IE6-8 */
}
.reserva-table-year tbody td.begin3 div {
  border-left: 14px solid #363;
  border-right: 14px solid #363;
  border-radius: 14px 14px 14px 14px;
}
.reserva-table-year tbody td.begin3.selected {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffaa+0,ffffaa+50,114411+50,114411+99 */
  background: #ffffaa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffaa), color-stop(50%, #ffffaa), color-stop(50%, #114411), color-stop(99%, #114411));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa', endColorstr='#114411', GradientType=1);
  /* IE6-8 */
}
.reserva-table-year tbody td.day-hover.begin div {
  border-color: #474;
}
.reserva-table-year tbody tr:hover td.day-hover.begin div {
  border-color: #585;
}
.reserva-table-year tbody tr td.begin2 {
  background: #141;
}
.reserva-table-year tbody td.begin2 div {
  border-left: 14px solid #363;
  border-right: 14px solid #363;
  border-radius: 14px 0px 0px 14px;
}
.reserva-table-year tbody td.day-hover.begin2 div {
  border-left: 14px solid #474;
  border-right: 14px solid #474;
  border-radius: 14px 0px 0px 14px;
}
.reserva-table-year tbody tr:hover td.day-hover.begin2 div {
  border-left: 14px solid #585;
  border-right: 14px solid #585;
}
.reserva-table-year tbody tr td.begin4 {
  background: #141;
}
.reserva-table-year tbody td.begin4 div {
  border-left: 14px solid #363;
  border-right: 14px solid #363;
  border-radius: 14px 14px;
}
.reserva-table-year tbody td.end div {
  border-top: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #363;
}
.reserva-table-year tbody td.end2 div {
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #141;
  border-right: 14px solid transparent;
}
.reserva-table-year tbody tr td.free-avail {
  background: #363;
}
.reserva-table-year tbody tr td.day-hover.free-avail {
  background: #474;
}
.reserva-table-year tbody tr:hover td.day-hover.free-avail {
  background: #585;
}
.reserva-table-year tbody tr td.part2 {
  background: #141;
}
.reserva-table-year tbody tr td.step {
  background: #363;
}
.reserva-table-year tbody td.step div {
  border-top: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #575;
  border-radius: 14px;
}
.reserva-table-year tbody tr td.close2 {
  background: #141;
}
.reserva-table-year td.close2 div {
  border-left: 14px solid #363;
  border-right: 14px solid #363;
  border-radius: 0px 14px 14px 0px;
}
/* Borders */
.reserva-table-year .months th {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.reserva-table-year .days th {
  border-right: 1px solid #ccc;
}
.reserva-table-year th {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
.reserva-table-year td {
  border-bottom: 1px solid #ccc;
}
.reserva-timetable-tooltip {
  z-index: 71;
  position: absolute;
  padding: 2px 8px;
  border: 1px solid black;
  background: black;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  display: none;
}
/* User Selection */
.reserva-table-year .selection span {
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 100%;
  height: 50%;
  opacity: 0.75;
}
.reserva-table-year .selection.selection-valid span {
  background: orange;
}
.reserva-table-year .selection.selection-invalid span {
  background: red;
}
.reserva-timetable-tooltip .selection-valid {
  color: orange;
}
.reserva-timetable-tooltip .selection-invalid {
  color: red;
}
.reserva-table-year .select-start span {
  left: 12px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
.reserva-table-year .select-end span {
  width: 70%;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
.class-info {
  font-size: 8pt;
}
.reserva-table-year .day:not(.open) {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABhGlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9qvzMakmhocJCGqCgLqa2UsEJErCCrRV/+CLQe7xkRjQ2tDg79oCWJlubaon8gCIJqiqA1GgpaIl7namBEnsu993O/95xz7z0X7AtZLWfWDUJuLW9Eg373QmzR3fhEA500A764ZuoTkUiImvZxh03Nt/0qV22/f611JWlqYGsSHtd0Iy88JRzezOuK94RdWia+Inwm3GfIBYUflJ6o8IvidJntKqfLmIsGhF3C7vQvTvxiLWPkhEeEPbnshvZzH/USZ3Jtflbp0rsxiRLEj5tpJgngY4gxGX3042VAVtSI95bjw6xLrCajzhYGq6TJkKdP1A3JnpQ5JXpSWlY8xNQf/K2tmRr2Vk5wzkD9s2W990LjIXztWtbnsWV9lcAhdbkqVuPXizD6KnqhqnmOoH0Hzi+rWuIELgrQ9ajHjXhZcki3p1LwdgptMei4gZalSt1+9indw9w2hK5h/wB6xL99+Rv6mGc1xmFV0gAAAAlwSFlzAAALEwAACxMBAJqcGAAAANtJREFUSIntk0EKwjAQRZ8K7kXpwk0voN5hTjbkZnMG8QLduBBFEEFx5SbFIE07SMFN3moaPvOSSQqFQuHfTIYCIYQ5UANnVb1mMgtgBTSq+urrN3VsqgbWwC6EsOyQLYFdzNRDzTzCc1JvUmmsN5lsJ4MjzTQ+tBtI11T1MoowI01xyQBmXqGZPUTkDlS/ysB3h6PiPmHPSCsRuZvZYzRh5tGc+IzXLR0Uxp96m8pU9dJxp5WI3Mzs2dfPc4erb1n7EetDJvuzsAGOwL7rNca1fcw0jn6FQuHPvAFCYlXCTqeEcgAAAABJRU5ErkJggg==);
}
.reserva-table-year .month-rest {
  border-left: 1px solid #ccc;
}
.reserva-table-year tbody tr td:last-child:not(.month-rest) {
  border-right: 1px solid #ccc;
}
.reserva-table-year tbody td {
  border-left: 1px solid #ccc;
}
.reserva-table-year td.free-avail,
.reserva-table-year td.close2 {
  border-left: 1px solid #474;
}
.reserva-table-year td.part2,
.reserva-table-year td.end2,
.reserva-table-year td.begin4 {
  border-left: 1px solid #252;
}
#detail-belegung .inner {
	margin-left: 0px;
}

/* Belegungsplan-Anzeige */
#body .reserva-datedisplay {
	display: block !important;
	position: static !important;
	background: transparent;
}

.timetable-legend {
	margin: 20px 0px 0px 0px;
	float: right;
}

.timetable-legend .col { margin-right: 20px; float: left; font-size: 14px; line-height: 24px; }
.timetable-legend span {
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #fff;
	margin-right: 6px;
	color: gray;
	text-align: center;
	font-size: 22px;
	line-height: 20px;
}
.timetable-legend span.free { background-color: #585; }
.timetable-legend span.free2 { background-color: #141; }
.timetable-legend span.selected {  background-color: #dd8; }

/*
.reserva-table-container {
	margin-top: -40px;
}
*/

.timetable-buttons {
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

.timetable-buttons button {
	cursor: pointer;
	padding: 3px 10px 2px 10px;
	margin-left: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: rgba( 0, 0, 0, 0.4 ) !important;
	border: 2px solid rgba( 0, 0, 0, 0.3 );
	background-color: transparent;
}

.timetable-buttons button:disabled {
	cursor: auto;
	color: rgba( 0, 0, 0, 0.2 ) !important;
	border: 2px solid rgba( 0, 0, 0, 0.1 );
}

/* dev stuff */

.timetable-link { display: none; }
.timetable-dev-buttons { display: none; }





/**

	Style TimeTable

**/
.reserva-table-container {
	overflow: auto;
}

.reserva-table {
	border: 0px solid black;
}
.reserva-table .months th {
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
}
.reserva-table .days th {
	padding: 4px 10px;
}


.reserva-table td {
	position: relative;
}


/* Kategorie-Labels */
.reserva-table tbody th { text-align: left; padding-left: 15px; padding-right: 15px; color: #333; border-right: 1px solid #ccc; }
.reserva-table tbody th div { width: 200px; overflow: hidden; font-size: 15px; }

.reserva-table * {
	box-sizing: border-box;
}

/* Standards für Tabellenzellen */
.reserva-table td { filter: none; }
.reserva-table tbody td { cursor: pointer; }
.reserva-table td div { min-width: 40px; min-height: 40px; }

.reserva-table tbody td.occupied {
	background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABhGlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9qvzMakmhocJCGqCgLqa2UsEJErCCrRV/+CLQe7xkRjQ2tDg79oCWJlubaon8gCIJqiqA1GgpaIl7namBEnsu993O/95xz7z0X7AtZLWfWDUJuLW9Eg373QmzR3fhEA500A764ZuoTkUiImvZxh03Nt/0qV22/f611JWlqYGsSHtd0Iy88JRzezOuK94RdWia+Inwm3GfIBYUflJ6o8IvidJntKqfLmIsGhF3C7vQvTvxiLWPkhEeEPbnshvZzH/USZ3Jtflbp0rsxiRLEj5tpJgngY4gxGX3042VAVtSI95bjw6xLrCajzhYGq6TJkKdP1A3JnpQ5JXpSWlY8xNQf/K2tmRr2Vk5wzkD9s2W990LjIXztWtbnsWV9lcAhdbkqVuPXizD6KnqhqnmOoH0Hzi+rWuIELgrQ9ajHjXhZcki3p1LwdgptMei4gZalSt1+9indw9w2hK5h/wB6xL99+Rv6mGc1xmFV0gAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPJJREFUWIXtlEFqw0AMAKct9F5ifOglH0j8B71M7M/0huAP+NJDSSgUg0tPuWypG7wFryBg0Fwsr7XWYGkNQRAEQRAEW+ahdmNK6RnYA2dV/SjkvAANMKjqd02dx1rBLPcKdCml3YLcDuhyzr62iEfwPIsPc8kcHwq5q6hucUGkz9c/a6p6qa3hEoRFyTkuOYAnz2YAM5tEZATam0duOfDN4F1wf8F/WtyKyGhmk+f9LsHCIXnnt91uyWrB/BM+zuVU9bIwk62IfJrZV00dzww2t3I/NznuC7mr8AgOwBtwWjqtee2UcwZHnSAIgiAIgg1zBZAJVcL+TAYMAAAAAElFTkSuQmCC);
}


/* Hervorhebung Wochenenden */
.reserva-table .days th.weekend { background-color: rgba(0,0,0,0.07); color: #333; font-style: oblique; }
.reserva-table tbody tr td.weekend { background-color: rgba(0,0,0,0.07);  }


/* Hervorhebung Zeilen */
.reserva-table tbody tr:hover th { background-color: rgba(255,255,255,0.5); }
.reserva-table tbody tr:hover td { background-color: rgba(255,255,255,0.5); }

/* Hervorhebung Spalten */
.reserva-table .days th.day-hover { background-color: rgba(255,255,255,0.5); }
.reserva-table tbody tr td.day-hover { background-color: rgba(255,255,255,0.5); }

/* Schnittunkt Zeile/Spalte */
.reserva-table tbody tr:hover td.day-hover { background-color: rgba(255,255,255,0.7); }


/* Hervorhebung gesuchter Zeitraum */
.reserva-table .selected { background-color: #dd8; }
.reserva-table tbody tr td.selected { background-color: #dd8; }
.reserva-table .days th.day-hover.selected { background-color: #dd8; }
.reserva-table td.day-hover.selected { background-color: #dd8; }
.reserva-table tbody tr:hover td.selected { background-color: #dd8;}

.reserva-table .days th.selected.weekend { background-color: #cc7; }
/* .reserva-table tbody tr td.selected.weekend { background: #dd8; } */






/* begin ... ___(%%% ... grau zu hellgrün */

.reserva-table tbody td.begin div {
	border-left: 20px solid #363;
	border-right: 20px solid #363;
	border-radius: 20px 0px 0px 20px;
}

.reserva-table tbody td.day-hover.begin div { border-color: #474; }
.reserva-table tbody tr:hover td.begin div { border-color: #474; }
.reserva-table tbody tr:hover td.day-hover.begin div { border-color: #585; }






/* begin3 ... ___(%)### ... grau zu hellgrün und gleich wieder dunkelgrün */

.reserva-table tbody td.begin3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,114411+50,114411+99&0+0,0+50,1+51,1+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTQ0MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(17,68,17,0) 50%, rgba(17,68,17,1) 51%, rgba(17,68,17,1) 99%, rgba(17,68,17,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(17,68,17,0)), color-stop(51%,rgba(17,68,17,1)), color-stop(99%,rgba(17,68,17,1)), color-stop(100%,rgba(17,68,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#114411',GradientType=1 ); /* IE6-8 */
}
.reserva-table tbody td.begin3 div {
	border-left: 20px solid #363;
	border-right: 20px solid #363;
	border-radius: 20px 20px 20px 20px;
}
.reserva-table tbody td.begin3.selected, .reserva-table tbody tr:hover td.begin3.selected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddd88+0,dddd88+50,114411+50,114411+99 */
	background: rgb(221,221,136); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(221,221,136,1) 0%, rgba(221,221,136,1) 50%, rgba(17,68,17,1) 50%, rgba(17,68,17,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,221,136,1)), color-stop(50%,rgba(221,221,136,1)), color-stop(50%,rgba(17,68,17,1)), color-stop(99%,rgba(17,68,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); /* IE10+ */
	background: linear-gradient(to right, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd88', endColorstr='#114411',GradientType=1 ); /* IE6-8 */
}

.reserva-table tbody td.day-hover.begin3 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin3 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin3.day-hover div { border-color: #585; }




/* begin2 */

.reserva-table tbody tr td.begin2 { background: #141; }
.reserva-table tbody tr:hover td.begin2.day-hover { background: #141; }


.reserva-table tbody td.begin2 div {
	border-left: 20px solid #363;
	border-right: 20px solid #363;
	border-radius: 20px 0px 0px 20px;
}

.reserva-table tbody td.day-hover.begin2 div {
	border-left: 20px solid #474;
	border-right: 20px solid #474;
	border-radius: 20px 0px 0px 20px;
}

.reserva-table tbody tr:hover td.begin2 div { border-color: #474 }
.reserva-table tbody tr:hover td.begin2.day-hover div { border-color: #585 }

/* begin4 ... ###(%)### ... einzelnes hellgrün auf dunkelgrün */
.reserva-table tbody tr td.begin4 { background: #141; }
.reserva-table tbody tr td.begin4.day-hover { background: #141; }
.reserva-table tbody tr:hover td.begin4 { background: #141; }
.reserva-table tbody tr td.begin4 div { border-left: 20px solid #363; border-right: 20px solid #363; border-radius: 20px 20px; }
.reserva-table tbody tr:hover td.begin4 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin4.day-hover div { border-color: #585; }


.reserva-table tbody td.end div {
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #363;
}
.reserva-table tbody td.end2 div {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #141;
	border-right: 20px solid transparent;
}


/* part2 ... ### .... durchgehend hellgrün */
.reserva-table tbody tr td.free-avail { background: #363; }
.reserva-table tbody tr:hover td.free-avail { background: #474; }
.reserva-table tbody tr td.day-hover.free-avail { background: #474;	}
.reserva-table tbody tr:hover td.day-hover.free-avail { background: #585; }


/* part2 ... ### .... durchgehend dunkelgrün */
.reserva-table tbody tr td.part2 { background: #141; }
.reserva-table tbody tr:hover td.part2 { background: #141; }
.reserva-table tbody tr td.part2.day-hover { background: #141; }
.reserva-table tbody tr:hover td.day-hover.part2 { background: #141; }




.reserva-table tbody tr td.step {
	background: #363;
}
.reserva-table tbody td.step div {
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #575;
	border-radius: 20px;
}

/* Close 2 ... %%%)### ... hellgrün zu dunkelgrün */

.reserva-table td.close2 div { border-left: 20px solid #363; border-right: 20px solid #363; border-radius: 0px 20px 20px 0px; }
.reserva-table tbody tr td.close2 { background: #141; }
.reserva-table tbody tr td.close2.day-hover { background: #141; }
.reserva-table tbody tr:hover td.close2 { background: #141; }
.reserva-table tbody tr td.close2.day-hover div { border-color: #474; }
.reserva-table tbody tr:hover td.close2 div { border-color: #474; }
.reserva-table tbody tr:hover td.close2.day-hover div { border-color: #585; }

/* Borders */
.reserva-table .months th { border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
.reserva-table .days th { border-right: 1px solid #ccc; }
.reserva-table th { border-bottom: 1px solid #ccc; font-weight: normal; }

.reserva-table td { border-bottom: 1px solid #ccc; }



.reserva-timetable-tooltip {
	z-index: 71;
	position: absolute;
	padding: 2px 8px;
	border: 1px solid black;
	background: black;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	display: none;
}


.reserva-table .selection.selection-valid span { background: orange; }
.reserva-table .selection.selection-invalid span { background: red; }

.reserva-timetable-tooltip .selection-valid { color: orange; }
.reserva-timetable-tooltip .selection-invalid { color: red; }


/* User Selection */
.reserva-table .selection span {
	display: block;
	position: absolute;
	top: 10px; left: 0px;
	width: 100%;
	height: 50%;
	opacity: 0.75;
}

.reserva-table .selection-valid span {
	background: orange;
}
.reserva-table .selection-invalid span {
	background: red;
}

.reserva-table .select-start span {
	left: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.reserva-table .select-part span {
	
}
.reserva-table .select-end span {
	width: 70%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}







@media all and (min-width: 1024px) and (max-width: 1279px) {
	#detail-belegung { font-size: 15px; }


	.reserva-table tbody th div { font-size: 14px; }
	.reserva-table td div { min-width: 38px; min-height: 38px; }

	.reserva-table tbody td.end2 div {
		border-top: 19px solid transparent;
		border-bottom: 19px solid transparent;
		border-left: 19px solid #141;
		border-right: 19px solid transparent;
	}

}


@media all and (min-width: 768px) and (max-width:1023px) {
	#detail-belegung { font-size: 14px; }
	.reserva-table tbody th div { font-size: 13px; width: 150px; }
	.reserva-table td div { min-width: 32px; min-height: 32px; font-size: 14px; }

	.reserva-table tbody td.end2 div {
		border-top: 16px solid transparent;
		border-bottom: 16px solid transparent;
		border-left: 16px solid #141;
		border-right: 16px solid transparent;
	}

	.timetable-legend span {
		width: 17px;
		height: 17px;
		font-size: 17px;
	}

}

@media all and (min-width: 568px) and (max-width: 767px) {
	#detail-belegung { font-size: 13px; }

	.timetable-buttons button { font-size: 12px; }

	.reserva-table tbody th div { font-size: 12px; width: 130px; }
	.reserva-table td div { min-width: 25px; min-height: 25px; font-size: 12px; }

	.reserva-table tbody td.end2 div {
		border-top: 12.5px solid transparent;
		border-bottom: 12.5px solid transparent;
		border-left: 12.5px solid #141;
		border-right: 12.5px solid transparent;
	}

	.timetable-legend .col {
		font-size: 12px;
		line-height: 20px;
	}

	.timetable-legend span {
		width: 16px;
		height: 16px;
		font-size: 16px;
	}


}

@media all and (max-width: 567px) {
	#detail-belegung { font-size: 12px; }

	.timetable-buttons button { font-size: 11px; }

	.reserva-table tbody th div { font-size: 12px; width: 120px; }
	.reserva-table td div { min-width: 20px; min-height: 20px; font-size: 11px; }
	.reserva-table tbody td.end2 div {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #141;
		border-right: 10px solid transparent;
	}

	.timetable-legend .col {
		font-size: 12px;
		line-height: 20px;
	}

	.timetable-legend span {
		width: 15px;
		height: 15px;
		font-size: 15px;
	}

}