/* CSS Tischplan */

body {
	font-family: sans-serif;
}

button {
	background-color: #fff;
	border-radius: 3px;
}

#main {
	width: 100em;
	height: 52em;
	background-color: gray;
}

#control_panel {
	width: 27%;
	height: 96%;
	float: left;
	margin: 1em;
	background-color: #FFF;
	padding: 1em 0 0 1em ;
}

#plan_vorlage {
	float: left;
	width: 68%;
	height: 96%;
	margin: 1em;
	background-color: #FFF;
	background-image: url(images/px.jpg);
	-webkit-box-shadow: 5px 4px 15px 2px #000000; 
	box-shadow: 5px 4px 15px 2px #000000;
}

.tisch {
	width: 160px;
	height: 90px;
	position: absolute;
	background-color: #87CEFA;
	border-radius: 1px solid gray;
	left: 25px;
	top: 25px;
	display: flex;
   	align-items: center;
   	justify-content: center;
}

.tischoptionen {
	width: 80%;
	background-color: #D8D8D8;
	padding: .3em;
	margin-top: .2em;
	height: auto;
	float: left;
	border-radius: 2px;
}
.tischoptionen button {
	color: red;
}
#explora450{
	position: absolute;
	border: 1px solid #04B404;
	width: 950px;
	height: 550px;
}
#nettuna7000{
	position: absolute;
	border: 1px solid #FFBF00;
	width: 750px;
	height: 450px;
}
#individuell {
	position: absolute;
	border: 1px solid #0000FF;
	width: 50px;
	height: 50px;
}
#code {
	background-color: gray;
	padding: .3em;
	position: absolute;
	left: -1000em;
	top: 2em;
	-webkit-box-shadow: 5px 4px 15px 2px #000000; 
	box-shadow: 5px 4px 15px 2px #000000;
}
#code textarea {
	padding: 1em;
}
.tischopt {
	float: right;
}
.tisch_koordinaten{
	float: right;
	display: block;
	margin-right: 2em;
}
