#schatten {
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height:135px;
	background-color:#ffffff;
	box-shadow: 2px 5px 10px #aaa;
}

#verticalspace {
	height:180px;
}

#menubar {
	width:100%;
	background-color: #FF83FA;
	background-image: -webkit-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(204,153,204,1.00) 0%,rgba(204,51,153,1.00) 100%);
}

header {
	position: relative;
}

header > h1 {
	margin-top: 20px;
}

div.wrapper {
	position: relative;
	width: 95%;
	margin: 0 auto;
}

div.wrapper > header {
	margin-top: 10px;
}

div.dialog-wrapper {
	position: relative;
	margin: 20px;
}

/* Checkbox Gruppe im Dialog für eine Öffnungszeit */
div.gruppe-wochenTage {
	display: inline-block;
}

div.gruppe-wochenTage label+input {
	margin-left: 10px;
}

div.buttonbar {
	margin-top: 20px;
}

div.buttonbar a {
	margin-right: 10px;
}

div.page-break {
	display: none;
}

div.container {
	overflow: auto;
}

label.checkBox {
	width: auto;
}


/* Bild neben dem Datumseingabefeld */
img.ui-datepicker-trigger {
	vertical-align: middle;
	margin-left: 3px;
	cursor: pointer;
}

p.loggedIn {
	float: right;
}

table.reservationsListe:first-child {
	margin-top: 0;
}

/* Drucken Icon */
a.drucken {
	float: right;
	position: relative;
	top: 5px;
	margin-right:20px;
}

#fusszeile {
	margin: 20px 0;
	text-align: center;
}

#fusszeile.halbkreis {
	display: table;
	position: fixed;
	bottom: 0;
	height: 100px;
	width: 80%;
	margin: 0;
	background-image:url(/images/halbkreis.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#fusszeile.halbkreis a {
	display: table-cell;
	vertical-align: bottom;
}


/* Login-Formular zentriert anzeigen */
#loginform {
	display: table;
	margin: 50px auto;
}

#inhalt>header {
	margin-bottom: 20px;
}

#filter li.status {
	position: absolute;
	top: 0;
	left: 150px;
	padding: 0;
}

.warning {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.smart-show {
	display: none;
}
.datumzeit {
	width: 125px;
}
.restaurant {
	width: 100px;
}
#calendarview {
	margin-right:15px;
}
#insertview {
	margin-right:15px;
}
#printview {
	margin-right:15px;
}
#arrivedview {
	margin-right:15px;
}
#attributview {
	margin-left:15px;
}
#assignview {
	margin-right:15px;
}
#resolvegroup {
	margin-right:15px;
}

@media screen {
}

@media print {
	header {
		display:none;
	}
	
	#iconview,
    #menubar,
	#shortreservationlist,
	#printview,
	#assignview,
	#insertview,
	#calendarview,
	#arrivedview,
	#attributview,
	#guestview,
	#resolvegroup {display:none;}

	div.wrapper {
		width: 100%;
	}

	div#inhalt {
		background: none;
		border: none;
	}

	#fusszeile {
		display:none;
	}

	div.page-break {
		display: block;
		page-break-after: always;
	}

	table.reservationsListe {
		margin: 0;
	}

	#schatten {
		position: absolute;
		left:0px;
		top:0px;
		width: 100%;
		height:0px;
		background-color:#ffffff;
		box-shadow: 2px 5px 10px #ffffff;
	}
	
	#verticalspace {
		height:100px;
	}
}

/* Tablet / Laptop */
@media only screen and ( min-width:640px ) and ( max-width:1023px ) {
	th, td {
	}

	th.kommentar {
		width: 75px;
	}
	.datumzeit {
		width: 75px;
	}

	div.wrapper, #fusszeile.halbkreis {
		width: 90%;
	}

	div.dialog-wrapper {
		width: 600px;
	}

	label.error {
		display: block;
		margin-left: 154px;
	}

	#loginform {
		margin: 45px auto;
	}

	#filter {
		width: 450px;
	}

	div.container {
		overflow: auto;
	}

	a.drucken {
		margin-right: 0;
	}

	/* Spalten in der Reservationsliste verstecken */
	.attribut,
	.zimmer,
    .kommentar,
    .vorname,
    .status,
    .personen {
		display: none;
	}
	
	#iconview,
	#noteview{
		display: none;
	}
}

/* Smartphone */
@media only screen and ( max-width:640px ) {
	
	#fusszeile.halbkreis {
		display:none;
	}
	
	div.wrapper {
		width: 100%;
		margin: 0 auto;
	}

	label.error {
		display: block;
		margin-left: 154px;
	}

	a.drucken {
		/*float: none; */
		display: block;
		margin: 0;
	}

	.datumzeit {
		width: 70px;
	}
	.gastname {
		width: 100px;
	}

	/* Spalten in der Reservationsliste verstecken */
	.attribut,
	.zimmer,
    .kommentar,
    .vorname,
    .status,
    .tisch-nummer,
    .restaurant,
    .personen {
		display: none;
	}
	
	#menuitem,
	#iconview,
	#noteview,
	#printview,
	#calendarview,
	#guestview,
	#attributview,
	#resolvegroup {
		display: none;
	}
	#insertview {
		margin-right:0px;
	}
	#arrivedview {
		margin-right:0px;
	}


	#filter li.status {
		position: relative;
		top: auto;
		left: auto;
	}

	div.container {
		overflow: auto;
	}

	.smart-show {
		display: inline;
	}
}