html {
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: inherit;
}

img {
  width: 100%; 
  height: auto;
}

body {
  margin: 10px auto;
  min-width: 16em;
  max-width: 60em;
  font-family: sans-serif;
  color: #333333;
}
#Tabelle {
  height: 45em;
  max-width: 43em;
  width: 43em;
  min-width: 20em;
}
#Tabelle2 {
  height: 45em;
  min-width: 43em;
}
#Tabelle3 {
  height: 50em;
  min-width: 43em;
}

#RahmenMini {
  height: 50em;
  min-width: 43em;
}
#FrameSpielplaeneUebersicht {
  height: 50em;
  max-width: 43em;
  width: 43em;
  min-width: 20em;
}
#KM2018 {
  height: 50em;
  max-width: 43em;
  width: 43em;
  min-width: 20em;
}
#FrameSpieltage {
  height: 49em;
  max-width: 43em;
  width: 43em;
  min-width: 20em;
}


h3 {
  color: #0000FD;
  padding-left: 1em;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: inherit;
}

header{
	border-radius: 0px 0.5em 0.5em;
	border: 2px solid;
	padding-top: 5px;
	padding-button: 5px;
	padding-left: 10px;	
	margin: 1px;
	background: #0D8CFE;
	border-color: #d5d5d5;
}

nav,
nav a,
main,
article,
section,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
	margin: 10px;
}

header img {
	width: 13em;
	margin-right: 50px;
	float: left;
}

nav {
	font-size: 0.91em;
	padding: 0;
	background: #0C45E6;
	border-color: #0000FD;
}

nav ul {
	padding: 0;
}

nav li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
}


nav a {
	display: block;
	padding: 0.2em 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #39ADFE;
	color: #333;
}

nav ul a:hover,
nav ul a:active {
	color: #fffbf0;
	background-color: #dfac20;
	;
}

main {
	display: block;
	background: #c4ced3;
	border-color: #8a9da8;
	min-width: 16em;
	/* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

section {
	background: #F1F3F4;
	border-color: slateblue;
}

article {
	background: #ffede0;
	border-color: #df6c20;
}

aside {
	background: #ebf5d7;
	border-color: #8db243;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}

footer p {
	float: right;
	margin: 0;
}


@media (min-width: 32em) {
	/* zweispaltiges Layout für mittlere Viewports */
	
	nav {
		float: left;
		width: 15em;
	}
	main {
		min-width: 20em;
		margin-left: 15em;
	}
	aside {
		float: right;
		width: 12em;
	}
}

@media (min-width: 45em) {
	/* dreispaltiges Layout für breitere Viewports */
	
	article {
		margin-right: 15em;
	}
}
.Tabelle {
}
.Bildertabelle {
  border-style: solid;
  border-color: #1E11E8;
  width: 100%;
  background-color: #9F9F9F;
  border-collapse: separate;
  border-spacing: 3px 3px;

}
tr td {
  width: 33%;
  border: 1px solid #2632BA;
  background-color: #CACACA;
}