@media (min-width: 900px) {
	html {font-size: 100%;}
	header {position: fixed; top: 0; left: 0; right: 0; background: #ffffe6; padding: .5rem;}
	main {margin-top: 14.5rem; padding: 1rem;}
	main.ohne {margin-top: 10rem;}

	.linker_rand {display: inline-block; border-left: 3px solid #444444; margin-left: 2rem; padding-left: 2rem;}
	.rechter_rand {display: inline-block; border-right: 3px solid #444444; padding-right: 2rem;}
}

@media (min-width: 641px) and (max-width: 899px) {
	html {font-size: 75%;}
	body {max-width: 899px;}
	header {position: fixed; top: 0; left: 0; right: 0; background: #ffffe6; padding: .5rem;}
	main {margin-top: 12rem; padding: 1rem;}
	main.ohne {margin-top: 10rem;}
}

@media (min-width: 321px) and (max-width: 640px) {
	html {font-size: 62.5%;}
	body {max-width: 640px;}
	header {background: #ffffe6; padding: .2rem;}
	main {margin-top: 1rem; padding: .5rem;}
	main.ohne {margin-top: 1rem;}
}

@media (max-width: 320px) {
	html {font-size: 55%;}
	body {max-width: 320px;}
	header {background: #ffffe6; padding: .2rem;}
	main {margin-top: 1rem; padding: .5rem;}
	main.ohne {margin-top: 1rem;}
}

* {font-family: Verdana, sans-serif; box-sizing: border-box;}

a {padding: .3rem; text-decoration: none; font-weight: bold;}
abbr {font-size: 1.8rem; font-weight: bold;}
i {color: red; font-size: 12px;}
img {max-width: 100%; border: 0;}
hr {margin: 1rem; border-bottom: 3px ridge #e0e0e0;}

ol, ul {text-align: left;}

ul.pdf {list-style-image: url(../images/pdf.gif);}
li {margin: .2rem 0 .5rem 0;}

html {
	margin: 0;
	background: #ffffe6;
	padding: 0;
}

body {
	margin: 0;
	background: #ffffe6;
	padding: 0;
}

header p {text-align: center; margin-bottom: 2rem;}

header p:before {
	content: 'Squash Cats 1986';
	background-image: linear-gradient(#bbbbbb, #ededed);
	border-radius: 0 55rem 15rem 35rem;
	padding: .5rem 2.5rem .5rem 2rem;
	font: italic bold 2.8rem Georgia;
	color: #b93232;
	letter-spacing: .3rem;
	text-shadow: .1rem .1rem 0 #ff8282, .2rem .2rem 0 #690000;
}

nav {
	display: block;
	margin-top: 2rem;
}

nav ul {
	margin: 1rem;
	padding: 0;
	list-style-type: none;
	background-color: #5f5f46;
	overflow: hidden;
}

nav li {
	float: left;
	margin: 0;
	padding: 0;
}


nav li a {
	display: block;
	border-right: 1px white solid;
	color: white;
	padding: 1rem;
	font-size: 1.1rem;
	letter-spacing: .1rem;
	height: 3rem;
}

.dropbtn {
	display: inline-block;
	height: 3rem;
	padding: 1rem;
}

nav li a.aktiv, .drop.aktiv .dropbtn {
	background-color: #97b0a0;
}

nav li a:hover, .drop:hover .dropbtn {
	background-color: white;
	color: #5f5f46;
}

.drop-content {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 10px 15px 10px rgba(0,0,0,0.2);
}

.drop-content a {
	display: block;
	color: #595959;
}

.drop-content a:hover {
	background-color: #e1e1c8;
	color: #5f5f46;
}

.drop:hover .drop-content {
	display: block;
}

main {display: block;}

h1 {
	font-size: 1.3rem;
	color: #a82828;
	text-align: center;
}

h2 {
	margin-top: 1rem;
	padding: .5rem;
	font-size: 1.2rem;
	color: #005858;
	text-align: center;
}

h3 {
	margin-top: 1rem;
	padding: .5rem;
	font-size: 1.1rem;
	color: #005858;
	text-align: center;
}

h4 {
	font-size: 1rem;
	color: #005858;
}

table {
	vertical-align: top;
	margin: 1rem .5rem .5rem 2rem;
	border-collapse: collapse;
}

table.fest {table-layout: fixed;}
.auto {margin: auto;}
.inline {display: inline-block; margin-left: 2rem; vertical-align: top;}

caption {
	border: 1px #444444 solid;
	border-collapse: collapse;
	padding: .5rem 0;
	font-weight: bold;
	color: #005858;
	text-align: center;
}

tfoot {height: 5rem;}

tr:nth-child(odd) {background-color: #fffff0;}
tr.ohne {background-color: initial;}
tr.wichtig {background-color: gold; color: purple; font-weight: bold;}

th {
	border: 1px #444444 solid;
	border-collapse: collapse;
	padding: .5rem;
}

td {
	border: 1px #444444 solid;
	padding: .3rem;
}

td.pk, th.pk {
	background-image: url(../images/papierkorb.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.mitte td {
	text-align: center;
}

.mitte td.l {
	text-align: left;
}

fieldset {
	margin: 1rem auto;
	width: 40rem;
}

fieldset  p {
	text-align: center;
}

legend {
	font-size: 1.2rem;
	font-weight: bold;
	color: #008080;
}

label {
	display: inline-block;
	vertical-align: top;
	margin: .8rem 0 .8rem .8rem;
	width: 12rem;
	padding: .5rem;
	font-weight: bold;
}

label.cb {
	margin-left: 0.25rem;
	width: 2rem;
}

input, select, textarea {
	margin-top: 1rem;
	border: 1px solid #444444;
	padding: .5rem;
	font-size: 1rem;
	color: blue;
}

input[type="checkbox"] {position: absolute; clip: rect(0,0,0,0);}

input[type="checkbox"] + label:before {
	content: '\a0';
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 -.8rem;
	border: 1px solid #444444;
	background: white;
	cursor: pointer;
}

input[type="checkbox"]:checked + label:before {text-indent: .25rem; font-size: 1.7rem; color: blue; content: '\2713';}
input[type=email] {width: 25rem;}
input[type=file] {width: 40rem; background-color: white;}
input[type=submit] {width: 2.5rem; padding: 0; cursor: pointer; font-size: 1.5rem; text-align: center;}
input[disabled], textarea[disabled] {color: black; background-color: #f0f0f0;}
td > input {margin: 0; border: 0; background-color: transparent;}
td input[type=checkbox] {margin-top: 1.5rem;}

button {
	display: inline-block;
	margin: 1.5rem 0rem .8rem 1.8rem;
	border: 2px solid #99864d;
	border-radius: .8rem;
	cursor: pointer;
	padding: .5rem;
	font-size: 1rem;
	font-weight: bold;
	background-color: white;
}

button[disabled] {cursor: not-allowed; color: #bbbbbb; background-color: #dddddd;}
button.ok {margin: 1.5rem 0 0 0; padding: .2rem .5rem; font-size: 1.4rem;}
button.ok:before {content: '\2713';}
button:hover {background-color: transparent;}

p.rl {display:none;}

a.info:before {
	color: blue;
	vertical-align: middle;
	font-size: 2.5rem;
	content: '\24D8';
}

a span {display:none;}

a:hover span {
	display: block;
	margin: 1rem;
	padding: 1rem;
	border: 1px solid black;
	background-color: #fffbed;
	color: #005858;
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
}

.hinweis {
	margin-top: 1rem;
	font-size: 1.1rem;
	color: #0a6100;
}

.top {vertical-align: top;}
.c {text-align: center;}
.click {cursor: pointer;}
.fett {font-weight: bold;}
.r {text-align: right;}
.l {text-align: left;}
.rl {background-color: #fffff0;}
.color {background-color: #efefef;}
.gruen {background-color: lightgreen;}
.gelb {background-color: palegoldenrod;}
.rot {background-color: salmon;}
.win {color: teal; font-weight: bold;}
.lost {color: orangered; font-weight: bold;}
.play {background-color: gold; color: purple; font-weight: bold;}
.winner {background-color: #d6ffd6;}
.looser {background-color: #ffd6d6;}
.freilos {background-color: #dbdedb;}

.op {padding: 0;}
.om {margin: 0; border: 0;}
.ob {border: 0;}
.mb {border: 1px #aaaaaa ridge; padding: 1rem;}

.legende {border-collapse: separate; border-spacing: .5rem; border: 2px ridge #005858;}

.weite_2 {width: 2rem;}
.weite_3 {width: 3rem;}
.weite_4 {width: 4rem;}
.weite_5 {width: 5rem;}
.weite_6 {width: 6rem;}
.weite_7 {width: 7rem;}
.weite_8 {width: 8rem;}
.weite_10 {width: 10rem;}
.weite_12 {width: 12rem;}
.weite_15 {width: 15rem;}
.weite_20 {width: 20rem;}
.weite_25 {width: 25rem;}
.weite_30 {width: 30rem;}
.weite_35 {width: 35rem;}
.weite_40 {width: 40rem;}
.weite_50 {width: 50rem;}
.weite_60 {width: 60rem;}
.weite_70 {width: 70rem;}

.abstand {margin-bottom: 1.5rem;}
.unsichtbar {display:none;}
.flagge:before {padding-left: 10rem; font-size: 1.5rem; content: '\1F3C1';}