table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: white;
	border: solid thin #F0F0F0;
}

thead, tr {
	border-bottom: thin solid #F0F0F0;
}

th, td {
	text-overflow: ellipsis;
	padding: 4px;
	vertical-align: top;
}

.liste th:first-child, .liste td:first-child {
	padding-left: 10px; 
}

th {
	text-align: left;
	color: #777872;
}

th.sort:hover {
	background-color: #CCF4FF;
}


/* Toolbar Styles */
.toolbar {
	float: right;
	text-align: right;
	font-size:16px;
}

.toolbar a {
	display: inline-block;
	text-decoration: none;
}

.toolbar img {
	border: none;
}

.toolbar img.edit {
	width: 14px;
	height: 14px;
}

.toolbar img.delete {
	width: 10px;
	height: 14px;
}


/* Spezielle Styles für die Reservationsliste */
tr.restaurant {
	background-color: #ECFFE6;
	font-size: 18px;
}

tr.restaurant th {
	text-align: center;
}

tr.spaltennamen {
	background-color: #e8fbff;
} 

/* Datumszeilen haben einen "Leerraum" nach oben" */
tr.datum {
	border-top: solid 8px #F7F7F7; 
}

tr.marker {
	background-color: #FFFF00;
}

/* erste Datumszeile braucht keinen Abstand */
tr.spaltennamen + tr.datum {
	border-top: none;
}

th.datum {
	width: 70px;
}

th.kommentar {
	min-width: 100px;
}

th.datum, th.zeit, td.zeit {
	border-right: solid thin #F0F0F0;
	text-align: right;
	padding-left: 10px;
}

th.zeit {
	font-size: 13px;
}