* {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial;
}

body {
	overflow-y: scroll;
}

img#buch {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
}

h1 {
	font-size: 50;
}

a {
	text-decoration: none;
	color: black;
	margin: 0 7 0 7;
	background-color: white;
}

a:hover {
	color: #D18200;
}

/*:hover, :active, :focus - Pseudoklassen, die auf unmittelbare Interaktion des Users reagieren. 
Hier wechseln die Links die Farbe, wenn der Mauszeiger auf ihnen "hover"t.*/
#top {
	background-color: #C4CED9;
	padding-bottom: 3%;
	padding-top: 5%;
	width: 100%;
	height: 13%;
}

#link {
	background-color: white;
	padding: 10px;
}

#main {
	background-color: #E6F3FF;
	width: 100%;
}

#kategorie {
	font-size: 200%;
	padding-top: 200px;
}

#main p:nth-of-type(odd) {
	font-weight: bold;
	margin: 20px 0 20px 0;
}

#main p:nth-of-type(even) {
	
}