@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.0em;
}
/*
html {
	/*height:97%;*/
	/*padding:0px;
}
*/

body {
	height:100%;
	margin:0px;
	padding:0px;
	background: rgb(150,150,150);
/*	background: rgb(150,150,150) repeating-linear-gradient(red 2px, red, yellow, yellow 4px);*/
/*	background: rgb(150,150,150) repeating-linear-gradient(rgb(150,150,150) 2px, rgb(150,150,150), rgb(190,190,190), rgb(190,190,190) 6px);*/
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor:default;
}

.title {
	position:fixed;
	top:0px;
	left:20px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:6em;
	color:#F60;
	text-align:center;
	text-shadow: 1px 1px 3px #000;
	z-index:101;
}

header {
	display:block;
	position:fixed;
	top:0px;
	width:100%;
	min-height:60px;
	background:#F60 linear-gradient(#ff6d15, #FF6000, #f15b00 95%, #dd5401);
	box-shadow:2px 2px 5px black;
	margin:0px auto;
	z-index:100;
}

header ul {
	position: fixed;
	width:160px;
	right:0px;
	margin:0px;
	padding-top:11px;
}

header li {
	background: rgb(150,150,150);
	width: 150px;
	height: 36px;
	border: 1px solid black;
	border-radius:5px;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.0em;
	text-align:center;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	list-style:none;
	padding-top:5px;
	box-shadow: 2px 2px 5px black;
	cursor:pointer;
}

header li:hover {
	background:#F60;
}

#pointgroup {
	/*position:fixed;*/
	width:150px;
	height:50px;
	margin-right:200px;
	margin-top:5px;
	padding:5px;
	float:right;
	/*background:#666;*/
	border-radius: 3px;
	border:1px inset #F60;
	/*border-style:inset9*/
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
}

content {
	position:relative;
	top: 50px;
}

footer {
	position:fixed;
	bottom:0px;
	width:99%;
	z-index:100;
}

footer h1 {
	font-size:1.2em;
	color:#F60;
	text-align:right;
	text-shadow: 1px 1px 1px #000;
}


/* 
	Styles für Spielfeld 
*/

#spiel table {
	border-collapse: inherit;
	border-spacing: 0px;
	border-bottom: 5px solid gray;
	/*border: 3px solid rgb(38,38,38);*/
	text-align:center;
	font-family:Consolas, "Courier New", Courier, monospace;
	/*font-size:2.2em;	*/
	color: #fff;
	text-shadow: 1px 1px 3px #000;	
	margin-left: auto; 
	margin-right: auto; 
	cursor:pointer;
}

#spiel table td {
	width: 40px;
	height: 40px;
	/*border:2px solid gray;*/
	/*border:1px solid gray;*/
}


.cell1 {
	border: 1px outset rgb(0,0,64);
	background: rgb(0,0,128);
}

.cell2 {
	border: 1px outset rgb(64,0,64);
	background: rgb(128,0,128);
}

.cell3 {
	border: 1px outset rgb(0,64,0);
	background: rgb(0,128,0);
}

.cell4 {
	border: 1px outset rgb(64,64,0);
	background: rgb(128,128,0);
}

.cell5 {
	border: 1px outset rgb(64,0,0);
	background: rgb(128,0,0);
}

.cell1.wahl {
	border: 1px inset rgb(0,0,128);
	background: rgb(0,0,255);
}

.cell2.wahl {
	border: 1px inset rgb(128,0,128);
	background: rgb(255,0,255);
}

.cell3.wahl {
	border: 1px inset rgb(0,128,0);
	background: rgb(0,255,0);
}

.cell4.wahl {
	border: 1px inset rgb(128,128,0);
	background: rgb(255,255,0);
}

.cell5.wahl {
	border: 1px inset rgb(128,0,0);
	background: rgb(255,0,0);
}


.hidden {
	display:none;	
}

.empty {
	cursor:default;	
}