html {
	background-color:#C0C0C0;
	
	
	 /* #E2E0DE */
}

body {
	padding:20px;
	max-width:900px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	background-color:#6600CC;
	color:white;
/*background-size:100%; */
	
}

header ul {
	padding-left:0px;
}
header li {
	display:inline-block;
	margin:1px;
	padding:1px 5px 1px 5px;
	color:white;
	background-color:#006666;
	font-size:1.3em;
	list-style:none;
	border-radius: 5px;
}
.a {
	color: #FFFFFF;
	text-decoration:none;
	font-size:1.0em
}

a.a:hover {
	color:#006666;
	background-color:white;
}

.titel {
	color:white;
	font-size:3.0em
}

.titel2 {
	color:white;
	font-size:2.0em
}

.titel3 {
	color:white;
	font-size:1.5em
}

td {color:white;
	}
}

p {	color:white;
	font-size:1em
}

@media screen and (max-width:500px)
{
	.titel { font-size:1.5em;}
	.titel2 { font-size:1.0em;}
	.a { font-size:0.8em;}
	
	
}