@import url('https://fonts.googleapis.com/css?family=Open+Sans');

*{
	font-family: "Open Sans","DejaVu Sans","Arial",sans-serif;
	font-size: 16px;
}

body {
    top: 0;
	padding: 0;
    margin: 0;
	background-color: #ffffff;
	color: #000000;
}

footer,
nav {
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
    z-index: 100;
	background-color: #333333;
	color: #dadada;
}

header,
article,
aside,
section h1 {
	background-color: #ececec;
	color: #000000;
}

article,
aside,
section h1 {
	border: 1px solid black;
}

header {
    background-color: #ececec;
    color: #0000cc;
	font-size: 2.5rem;
}

#headertext {
	font-size: 1em;
}

#headerCodeOfArms{
    vertical-align: middle;
    margin: 10px 4rem 10px 10px;
    width: 8rem;
    height: 8rem;
}

nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    font-size: 1rem;
}

main {
	margin: 0.5rem;
	padding: 0;
	width: auto;
	max-width: 65rem;
}

footer {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
}

footer p {
	margin: 0;
	padding: 0.2em 0.8em 0.2em 0.8em;
}


aside ul {
	margin-left: 0.5em;
	padding-left: 0.7em;
}

nav ul {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #333333;
	color: #dadada;
}

nav li {
	position: static;
	display: inline-block;
	list-style: none;
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 0;
}

ul.standlisten,
ul.startkarten {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

ul.standlisten li {
	list-style: none;
}

ul.startkarten li {
	display: inline-block;
	list-style: none;
}

article a,
aside a {
	text-decoration-line: underline;
	background-color: #ececec;
	color: #0000cc;
}

article a:active,
article a:focus,
article a:hover,
aside a:active,
aside a:focus,
aside a:hover {
	text-decoration: none;
	font-weight: bold;
}

nav a {
	padding: 0.4em;
	text-decoration: none;
	background-color: #333333;
	color: #dadada;
}

nav a:active,
nav a:focus,
nav a:hover {
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
}

article nav,
aside nav {
	position: static;
}

article nav li {
	width: 14.2em;
}

article nav ul a {
	display: block;
	padding: 0.4em;
}

aside nav li {
	display: list-item;
	width: auto;
}

aside nav a,
aside nav a:active,
aside nav a:focus,
aside nav a:hover {
	display: block;
	text-decoration: none;
	font-weight: normal;
}

article,
aside,
section h1 {
	border-radius: 0.5rem;
	margin: 0.6rem;
	padding: 0.5em;
}

section {
	display: block;
	margin: 0;
	padding: 1em 0 0 0;
	width: auto;
	clear: both;
	overflow: auto;
}

main section {
	padding-left: 0;
	padding-right: 0;
}

article {
	width: 45em;
}

section article {
	float: left;
}

article.kein_aside {
	float: none;
	width: auto;
}

article.km {
	float: none;
}

main.km-1_60 {
	width: 72em;
	max-width: none;
}

main.km-1_60 article {
	width: auto;
}

aside {
	margin-left: 47em;
}

address {
	font-style: normal;
}

article a.extern::after {
	content: url("/extlink.svg");
	margin-left: 0.1em;
}

nav a.extern::after {
	content: url("/extlink_nav.svg");
	margin-left: 0.1em;
}

nav a.extern:active::after,
nav a.extern:focus::after,
nav a.extern:hover::after {
	content: url("/extlink_nav_focus.svg");
	margin-left: 0.1em;
}

section h1 {
	margin-bottom: 0;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h1.startliste {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}

article.pokale_startliste h2.startliste {
	font-size: 1.2em;
}

article.pokale_startliste h3.startliste {
	font-size: 1em;
}

article.pokale_startliste ul.startliste {
	margin: 0;
	padding: 0.2em 0.8em 0.2em 0.8em;
	background-color: inherit;
}

article.pokale_startliste ul.startliste li {
	display: list-item;
	width: auto;
	list-style: none;
}

table.termine {
	width: 100%;
}

th,
td {
	text-align: left;
}

table.termine tr.monat th,
table.km th.Finalserie {
	text-align: center;
}

table.km th.Platz,
table.km td.Platz,
table.km th.Startnr,
table.km td.Startnr,
table.km th.Serie,
table.km td.Serie,
table.km td.Finalserie,
table.km th.Summe,
table.km td.Summe,
table.ergebnisse-24h th.Platz,
table.ergebnisse-24h td.Platz,
table.ergebnisse-24h th.Serie,
table.ergebnisse-24h td.Serie,
table.ergebnisse-24h th.Summe,
table.ergebnisse-24h td.Summe {
	text-align: right;
}

/*table.km td.Platz,
table.km td.VNr {*/
table.km td {
	vertical-align: top;
}

table.km th,
table.km td,
table.ergebnisse-24h th,
table.ergebnisse-24h td,
table.teilnehmer-24h th,
table.teilnehmer-24h td,
table.termine th,
table.termine td {
	padding: 0.1em 0.2em 0.1em 0.2em;
}

table.termine th.datum,
table th.ergebnis,
table td.ergebnis {
	text-align: right;
}

table.km th,
table.termine th,
table.ergebnisse-24h th,
table.teilnehmer-24h th {
	background-color: #212121;
	color: #dadada;
}

table.km td,
table.termine td,
table.ergebnisse-24h td,
table.teilnehmer-24h td {
	background-color: #ffffff;
	color: #000000;
}

td a {
	background-color: #ffffff;
	color: #0000cc;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	* {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	#headertext{
		display: none;
	}
	#headerCodeOfArms{
		margin: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
	}
	table.km th.Verein,
	table.km td.Verein,
	table.km th.Finalserie,
	table.km td.Finalserie {
		display: none;
	}
}

@media (max-width: 59em) {
	section {
		width: auto;
		padding: 0;
	}

	section h1,
	article,
	aside {
		width: auto;
		margin: 0.2em;
		margin-bottom: 0.5em;
		padding: 0.5em;
	}

	section h1,
	article,
	aside {
		border-radius: 0;
	}

	section article,
	aside {
		float: none;
		overflow: scroll;
	}

	article li,
	aside li {
		display: list-item;
	}

	article nav li,
	aside nav li {
		width: auto;
	}

	table.km th.Startnr,
	table.km td.Startnr,
	table.km th.VNr,
	table.km td.VNr,
	table.km th.Bemerkungen,
	table.km td.Bemerkungen,
	table.km th.Serie,
	table.km td.Serie {
		display: none;
	}

	main.km-1_60 {
		width: auto;
	}
}