html,body {
	height:100%;
	font-family:sans-serif;
}
body {
/*	background-image: url('../img/tischplan960x600.png'); */
	background-image: url('../img/tischplan1920x1200.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.logo { position: fixed; top: 0px; left; 0px; z-index:-1;}

.nnn {
	margin:3px; padding: 3px;
}
.ngroup {
	margin:3px; padding: 3px;
	border:1px solid rgb(128,128,128);
}
.ngtitle {
	color:red; font-weight:bold; padding: 3px;
}
.ntable {
	min-width: 1cm; min-height: 1cm; cursor:pointer;
	margin: 3px; padding:3px; text-align: center;
	color: white;
	position:fixed;
	font-family: serif;
}

.free {background: rgba(0,200,0,0.40);				xborder:2px outset rgba(0,200,0,0.75);	}
.occd {background: rgba(200,0,0,0.75);	xborder:2px outset rgba(200,0,0,0.75);	}
.warn {background: rgba(250,220,0,0.75);	xborder:2px outset rgba(250,220,0,0.75);	}
.othr {background: grey;					border:2px outset lightgrey;	}


.nextfreetables {
	xborder:2px solid yellow;
	display:block;
	overflow: hide;
	
	position:fixed;
	
	top: 130px; left:25px;
	width:50%;
	height:25%;
	
	color: white;
}
.nftt {
	margin:3px; padding: 3px;
}
.nftx {
	xborder: 1px solid red;
	
	overflow: hide;
	display:flex;
	flex-flow: row wrap;

	xheight:100%;
	
	xjustify-content:space-evenly;
	xalign-items: stretch;
	xalign-content: stretch;
	margin:3px; padding: 3px;
}
.ntablenx {
	xborder:2px solid grey;
	
	min-width: 3cm; min-height: 1.5cm; cursor:pointer;
	margin: 3px; padding:3px; text-align: center;
	color: white;
	font-family: serif;
}
.ngtitlex {
	color:grey; font-weight:bold; padding: 3px;
}