body {
	color: #000;
	background: #ffe;
	font-family: 'Times New Roman', Times, serif;
}

h1 {
	margin: 3px;
	padding: 15px;
	text-align: center;
	color: inherit;
	background: #f0be86;
	border: medium black solid;
}
.kant {
	border-style: groove;
	border-color: silver;
}

.explain {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 20em;
}

.choices, #message, #red_message {
	float: left;
	margin: 1em;
	padding: 0.5em;
}

#move th, #board td, #highscore th, #highscore td { border: thin solid; }

table#board, table#gate {
	float: left;
	padding: 0;
	font: bold 100% 'Courier New',Courier,monospace;
}
table#board {
	clear: both;
	margin: 20px 0 20px 10px;
	border: medium groove silver;
}
table#board td, table#gate td {
	width: 3em;
	height: 3em;
	text-align: center;
}
table#gate {
	margin: 23px 10px 20px 0;
}

table#move, table#highscore {
	float: right;
	margin: 1em;
	padding: 0;
}
table#move { border: medium solid silver; }
table#move th, table#highscore th, table#highscore td { padding: 0.3em; }
table#move th, table#highscore th { text-align: left; }
table#highscore { border: thick groove gold; }
table#highscore td { text-align: right; }

a#hisco:link, a#hisco:visited, a#hisco:hover, a#hisco:focus {
	text-decoration: none;
	color: #000;
}

#message {
	clear: left;
	font-weight: bold;
	font-size: 120%;
	border: solid black;
}

#red_message {
	clear: left;
	font-weight: bold;
	font-size: 120%;
	color: yellow;
	background: red;
	border: solid black;
}

#popopmsg {
	position: absolute;
	bottom: 1em;
	left: 20em;
	margin: 1em;
	padding: 0.5em;
	font-weight: bold;
	font-size: 120%;
}

#advarsel {
	position: absolute;
	bottom: 1em;
	left: 1em;
	margin: 1em;
	padding: 0.4em 1em;
	background: red;
	border: solid black;
}

table#movetable {
	margin: 1em 0.4em;
	padding: 0;
}
table#movetable th { text-align: left; }