html, body {
	width: 100%;
	height: 100%;
	/*opacity: 0.5; */
}

body {
	margin-left: -0.1px;
	font-family: Arial;
}

img {
	width: 100%;
	height: 50%;
	/* Mit dieser Kode Linie gibt es keine Verzerrung */
	object-fit: cover; 
}

/* Klein img (und nicht gefunden). Das ist für die haupt seite */
img#keinImg {
	width: 20%;
	height: 10%;
}

div, header, nav, aisde, footer {
	/*border: 1px solid blue;
	/*margin-bottom: 5px;*
	border-collapse: collapse;*/
	box-sizing: border-box;
}

header, nav, footer {
	width: 100%;
}

header {
	height: 35%;
}

nav {
	padding-left: 2%;
	background-color: skyblue;
	height: 25%x;
	font-size: 1.05em;
}

a.link {
	color: #47a;
	text-decoration: none;
}

a.link:hover {
	color: #147;
	text-decoration: underline;
}

footer {
	float: left;
	height: 15%;
	
}

a#fLink {
	color: #47a;
	font-size: 1.0em;
	text-decoration: none;
}

a#fLink:hover {
	color: #147;
	text-decoration: underline;
}

div#inhalt, aside {
	float: left;
	height: 65%;
}

div#inhalt {
	width: 80%;
	background-color: gold;
}

aside {
	background-color: lightgrey;
	width: 20%;
}

p#bschr {
	text-align: justify;
	font-size: 1.2em;
}



/* ++++++++++++++++++ Kode fuer das Schachbrett ++++++++++++++++++ */
table  {
	/*margin-left: 27.5%;*/
	width: 400px;
	height: 400px;
	border: 8px solid brown;
	text-align: center;
	font-size: 2.0em;
	border-collapse: collapse;
}

/* Dimension fuer jeden Tabelle Platz */
td {
	width: 40px;
	height: 40px;
	border: 1px solid red;
}

/* Farbe und Dimensionen nur für das Bord mit identifizierung */
th {
	width: 10px;
	height: 10px;
	color: #fff;
	font-size: 14px;
	font-family: Calibri;
	background-color: brown;
}

/* Dunkel farbe für jede ungerade-Paar und Paar-ungerade positionnen*/
tr:nth-child(odd) td:nth-child(even), tr:nth-child(even) td:nth-child(odd) {
	background: #ca7;
}			

/* Hell farbe für jede Paar-Paar und ungerade-ungerade positionnen*/
tr:nth-child(even) td:nth-child(even), tr:nth-child(odd) td:nth-child(odd) {
	background: #fda;
}	

/* Kode für Kontakt seite */

h2#kontakt, address {
	padding-left: 2%;
}


