/** Der komplette Rahmen der Kasse */
#touchscreenContainer {
	background-color: lightgrey;
}

.dialog_button {
	background-image: -moz-linear-gradient(270deg, white, lightgrey);
	background-image: -webkit-linear-gradient(270deg, white, lightgrey);
	background: -o-linear-gradient(top, white, lightgrey);
	background: -ms-linear-gradient(top, white 30%, lightgrey 100%);
	
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}

.serverErrorBackButton, .alertBackButton {
	background-image: -moz-linear-gradient(270deg, white, lightgrey);
	background-image: -webkit-linear-gradient(270deg, white, lightgrey);
	background: -o-linear-gradient(top, white, lightgrey);
	background: -ms-linear-gradient(top, white 30%, lightgrey 100%);
}

.kellnerfunction_button {
	background-image: -moz-linear-gradient(270deg, white, lightgrey);
	background-image: -webkit-linear-gradient(270deg, white, lightgrey);
	background: -o-linear-gradient(top, white, lightgrey);
	background: -ms-linear-gradient(top, white 30%, lightgrey 100%);
	
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}

.button_active {
	background-image: -moz-linear-gradient(270deg, lightgrey, darkgrey);
	background-image: -webkit-linear-gradient(270deg, lightgrey, darkgrey);
	background: -o-linear-gradient(top, lightgrey, darkgrey);
	background: -ms-linear-gradient(top, lightgrey 30%, darkgray 100%);
	border: 2px inset darkgrey;
}

.umbuchenPositionsData {
	background-color: lightgrey;
}

/**
 * Änderungen in der Kasse.
 */

#kassenskin_infoleiste {
	background-color: darkslategray;
}

.quickfunction_button {
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}
#quickfunction_button_tip, #quickfunction_button_cash_outlay {
	background-image: -moz-linear-gradient(270deg, white, lightgrey);
	background-image: -webkit-linear-gradient(270deg, white, lightgrey);
	background: -o-linear-gradient(top, white, lightgrey);
	background: -ms-linear-gradient(top, white 30%, lightgrey 100%);
}

.kategorie_button {
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}
.hauptkategorie_button {
	background-image: -moz-linear-gradient(270deg, #fff, #999);
	background-image: -webkit-linear-gradient(270deg, #fff, #999);
	background: -o-linear-gradient(top, #fff, #999);
	background: -ms-linear-gradient(top, #fff 30%, #999 100%);	
}
.unterkategorie_button {
	background-image: -moz-linear-gradient(270deg, #fff, #999);
	background-image: -webkit-linear-gradient(270deg, #fff, #999);
	background: -o-linear-gradient(top, #fff, #999);
	background: -ms-linear-gradient(top, #fff 30%, #999 100%);	
}
.kategorie_button_active {
	background-image: -moz-linear-gradient(270deg, #8AB4D3, #4775A2);
	background-image: -webkit-linear-gradient(280deg, black, darkgrey);
	background: -o-linear-gradient(top, #8AB4D3, #4775A2);
	background: -ms-linear-gradient(top, #fff 30%, #4775A2 100%);
	color: white;
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}
.article_button {
	border-top: 2px solid lightgrey;
	border-left: 2px solid lightgrey;
	border-right: 2px solid darkgrey;
	border-bottom: 2px solid darkgrey;
}