html {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	padding: 10px;
}

input,output, .vertical-menu a {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-weight: bold;
}	

table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}
th {
	background-color: #54585d;
	border: 1px solid #54585d;
}
th:hover {
	background-color: #64686e;
}
th a {
	display: block;
	text-decoration:none;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
}
th a i {
	margin-left: 5px;
	color: rgba(255,255,255,0.4);
}
td {
	padding: 10px;
	color: #636363;
	border: 1px solid #dddfe1;
}
tr {
	background-color: #ffffff;
}
tr .highlight {
	background-color: #f9fafb;
}

.suche {
    float: left;
    width: 80%;
}
.karte {
    float: left;
    width: 10%;

}
.einbuchen {
	float: right;
	width: 10%;

}

img{
	display: block;
margin: auto;	
}

@media screen and (max-width: 600px) {
		table {
		border: 0;
		}

		table caption {
		font-size: 2em;
		}

		table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		}

		table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
		}

		table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
		}

		table td::before {

		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		}

		table td:last-child {
		border-bottom: 0;
		}
}

.ui-helper-hidden-accessible{
    display:none;
}
  
  .vertical-menu a {
	background-color: #eee;
	color: black;
	display: block;
	padding: 12px;
	text-decoration: none;
  }
  
  .vertical-menu a:hover {
	background-color: #ccc;
  }
  
  .vertical-menu a.active {
	background-color: #ff000070;
	/* color: white; */
  }

  .vertical-menu a.logoff {
	background-color: #313131;
	color: white;
  }

  .delete input{
	background-color: #ff0000;
	color: white;
  }

  .footer {
	padding:40px 0;
	background-color:#ffffff;
	color:#4b4c4d;
  }
  
  .footer .copyright {
	margin-top:15px;
	text-align:center;
	font-size:13px;
	color:#aaa;
	margin-bottom:0;
  }

  .footer .reference {
	margin-top:15px;
	text-align:center;
	font-size:13px;
	color:#aaa;
	margin-bottom:0;
  }

.ui-autocomplete {
    background: #ffffff;
    border-radius: 0px;
	list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.ui-autocomplete.source:hover {
    background: #666666;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #afafaf !important;
    font-weight: bold !important;
    color: #ffffff !important;
}