@charset "utf-8";

body h1 {
	color: dodgerblue;
	text-align: center;
	font-size: 50px;
}
body{
	background-color:lightgrey;
	font-family: Helvetica, Arial, Sans-Serif;
}
body p{
	line-height: 1.6;
}
a:visited{
	color: darkgrey;
}
#header {
	height: 300px;
	background-image: linear-gradient( black 0%, white 85%, lightgrey 100%);
}

#navi{
	width:280px;
	text-align: left;
	float:left;
	background-color: #666;
	border-color: dodgerblue;
	border-style: solid;
	border-width: 1px;
}
#navi ul{
	font-weight:bold;
}
#navi ul a:link {
	text-decoration: none;
	color: deepskyblue;
}
#navi ul a:hover {
	text-decoration: none;
	color: lightgrey

}
#navi ul ul a:link {
	text-decoration: none;
	color: midnightblue;
}
#navi ul a:visited {
	text-decoration: none;
	color: purple;
}
#navi ul ul a:visited {
	text-decoration: none;
	color: #551A8B;
}
#navi ul ul a:hover {
	text-decoration: none;
	color: darkgrey
}
#navi ul ul {
	list-style-type: none;
	padding-left: 25px;
}
#navi ul ul ul{
	padding-left: 20px;
}
#navi a{
	display: block;
}

#content{
	margin-left: 340px;
	background-color: lightgrey;
	line-height: 1.6;
}
#content h1{
	color: midnightblue;
	text-align: left;
}
#content h2{
	font-size: 28px;
}
#content a:link{
	text-decoration: none;
	color: deepskyblue;
	background-image: linear-gradient(to right, midnightblue 20%, #888 100%);
}
#content a:hover{
	text-decoration: none;
	color: lightgrey;
	background-image: linear-gradient(to right, midnightblue 20%, #888 100%);
}

#footer{
	clear: both;
	height: 90px;
	background-color: darkgrey;
	padding: 30px;
}

#logo{
	text-align: right;
	line-height: 1.6;
}
#logo a:link{
	color: deepskyblue;
	background-color:midnightblue;
	text-decoration: underline overline;
	padding: 5px;
}
#logo a:hover{
	color: lightgrey;
	background-color:midnightblue;
	text-decoration: underline overline;
	padding: 5px;
}

#daten{
	text-align:left;
	color: midnightblue;
	font-weight: bold;
	text-decoration: none;
}