/*Roland Zander*/

body {
	max-width: 80em;
	margin: auto;
	padding: 0 1em;
	font: normal 1em Arial,sans-serif;
	color: darkRed;
	background-color: black;
	background-image: url("grafik/back01.jpg");
    background-repeat: repeat;

}

p, ol, ul, dl {color: #ffffff;}

h1 {
	text-align: center;
	color: #c0c0c0;
	font-size: 2em;
	text-shadow: 2px 2px 4px #008000;
}
h2 {
	color: #c0c0c0;
	text-shadow: 2px 2px 4px #008000;
}
h3 {
	color: #999;
}

header {
	box-shadow: 0 .6em .3em 0 rgba(0, 0, 0, .75);
	margin: 1em 0;
	padding: 1em 0;
	text-align: left;
	border-color: #008000;
	border-style: solid;
	border-radius: .5em;
	background-size: 100%;	
	color: white;
	background-color: black;
	background-image: url("grafik/header04.jpg");

}

header p {
	font-variant: small-caps;
	font-size: 2em;
}
header span {
	font-weight: bold;
}

nav {
	text-align: center;
	margin: 0;
	padding: 1px 0;
	list-style-type: none;
}


nav ul {
	display: flex;
	flex-direction: column;
}

main {
	color: white;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 0;
	border: .01em solid black;
/*	
	background-image: url("grafik/bodyback.jpg");
*/
	background-attachment: fixed;
}
nav a {
	background-color: black;
	color: #00ff00;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	margin: .5em 0;
	padding: .5em 1em;
	border-color: #008000;
	border-style: solid;
	border-radius: .5em;
}


nav a[aria-current="page"]{
	color: orange;
	font-weight: bold;
}

nav a:hover{
	background-color: #3598e1;
	color: currentColor;
}
nav a:focus{
	background-color: #3598e1;
	color: currentColor;
}

nav a:focus::after, nav a:hover::after{
	color: transparent;
}

table a, th a, footer a{
	color: #3598e1;
    font-size: 1em;
	font-weight: bold;
	text-decoration: none;

}

table a:hover, table a:focus, th a:hover, th a:focus, footer a:hover, footer a:focus{
	color:gold;
}
table a:hover::after, table a:focus::after, th a:hover::after, th a:focus::after, footer a:hover::after, footer a:focus::after{
	color: transparent;
}

table {
	/*border-collapse: collapse;
	border-style: none;
    margin: .5em 1em;
	padding: .5em 1em;	
	*/
	text-align: left;
	color: white;	
	
}

th, td {
	border-style: none;
	text-align: left;
    margin: .5em 1em;
	padding: .5em 1em .5em 1em;
	color: white;	

}


/*Fusszeile*/
footer {
    box-shadow: 0 .6em .3em 0 rgba(0, 0, 0, .75);
	padding: 1em;
	margin: 1em 0;
	display: flex;
	color: white;
	border-color: #008000;
	border-style: solid;
	border-radius: .5em;
	background-color: black;
    background-image: linear-gradient(to right, #000000, #303030);
}

footer p {
	margin-top: 0;
	padding-top: 0;
	text-align: center;
    font-weight: bold;
	flex: 1 1 100%;
	color: white;
}

/*Media shit*/
@media screen and (min-widht: 25em) {
	header {
		height: 10em;
	}
}
@media screen and (min-widht: 45em) {
	header {
		background: #e7e8ee ('img/about.jpg') no-repeat right bottom;
		background-size: contain;
	}
}