body,html {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

/************* HEADER ************/

header{
	width:100%;
	height:40%;
	background-image:url(Bilder/coffeecup.jpg);
	background-size:cover;
}

header h1 {
	position:absolute;
	margin:0;
	padding:40px 0;
	color:brown;
	font-family:Cambria;
	text-align:center;
	font-size:65pt;
	text-transform:uppercase;
	top:15%;
	width:100%;
	
}
header a{
	text-decoration:none;
}


nav{
	width:100%;
	text-align:center;
}

nav ul{
	list-style-type:none;
}
nav li{
	display:inline-block;
	width:200px;
	padding:10px 0;
	border-right:solid grey 1px;
	text-align:center;
	
}
	nav li:last-child{
		border:none;
		
}
	nav a{
		text-decoration:none;
		color:brown;
		font-weight:bold;
		text-transformation:uppercase;
		display:block;
		width:90%;
		padding:15px 0;
		margin-left:10px;
		border-top:solid white 1px;
		
	}
	
	nav a:hover{
		color:brown;
	}
	
	div.content img {
	height: 40%;
	margin-left:1250px;
	border-color: black;
    border-width: 5px;
    border-style: solid;

}

div.content {
		margin-left:1%;
}
	
	p { 
	font-size: 23px ;
	}

div.content h2 {
	font-size:35;
	color:brown;
	font-style:italic;
	}	
	
div.content h3{
	font-size:35px;
	font-style:italic;
	color:brown;
	
}
	p{
		font-size:23px;
	}

div.content h4{
	font-size:35px;
	font-style:italic;
	color:brown;
}
div.galerie {
	margin-top:3%;
}

div.galerie img {
  border-radius: 50%;
 float:left;
 width:20%;
 border: 1px solid black;
 margin-right:2%;
}