* {
 list-style: none;
 text-decoration: none;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body {
	margin: 0.6em;
	background-color: #F9FAF3;
	background-repeat: repeat;
	background-image: url('../buttons_gifs/hintergrund_neu.gif');
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

/* Style paragraph in main part */
.titel, .zutaten, .rezept {
	background: #FFFFFF;
	opacity: 0.8;
	padding: 0em 0.1em;
	overflow: auto;
}

.titel {	
	height: 4em;
	overflow: auto;
	text-align: center;
	grid-column: 1 / span 5;
	grid-row: 2 / 2;
}

.zutaten, .rezept {
	margin: 0em 0em 0.5em;
	height: 35em;
}

.zutaten {
	grid-column: 1/ span 2;
	grid-row: 3 / 3;
	text-align: right;
}

.rezept a1:hover {
 	color: #F9FAF3;
 	font-size: 1em;
 	background-color: #A02000;
}

.rezept a1:focus {
 	color: #F9FAF3;
 	font-size: 1em;
 	background-color: #A02000;
}

.rezept {
	text-align: left;
	grid-column: 3 / span 3;
}

.zutaten a, .rezept a, .rezept pre, .zutaten pre {
	color: #A02000;
	text-decoration: none;
	font-size: 0.8em;
}

.titel a1, .zutaten a1, .rezept a1 {
	color: #F9FAF3;
	text-decoration: none;
	padding: 2em 2em;
	font-size: 0.75em;
}

.zutaten a1, .rezept a1 {
	color: #A02000;
	text-decoration: none;
	font-size: 0.8em;
}

.rezept button {
	background: #A02000;
	border: thin solid #CC2800;
    color: #F9FAF3;
	border-radius: 0em 0.5em 0em 0.5em;
	margin: -2em 0em;
}

.titel img{
	height: 12em;
}
.titel p, .zutaten p, .rezept p {
	color: #A02000;
	text-decoration: none;
	padding: 0em 2em;
	font-size: 0.8em;
	background-color:F9FAF3;
}

.titel h1, .zutaten h1, .rezept h1 {
	color: #A02000;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0em 2em;
}

.titel h2, .zutaten h2, .rezepte h2 {
	color: #A02000;
	text-decoration: none;
	padding: 0em 2em;
	font-size: 0.9em;
}

.titel h3, .zutaten h3, .rezept h3 {
	color: #A02000;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
}

.titel h4, .zutaten h4, .rezept h4 {
	color: #F9FAF3;
	text-decoration: none;
	font-size: 1.5em;
}

.titel h5, .zutaten h5, .rezept h5 {
	color: #A02000;
	text-decoration: none;
	font-size: 0.7em;
	text-align: center;

}

.titel h6, .zutaten h6, .rezept h6 {
	color: #A02000;
	text-decoration: none;
	font-size: 0.7em;
	font-style: italic;
	padding: 0em;
	text-align: center;
}

.zutaten table {
	color: #A02000;
	background: #F9FAF3;
	opacity: 0.8;
	border: none;
	border-width: 0.15em;
	border-color: #A02000;
	border-spacing:1em;
	font-size: 0.8em;
	/*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
	margin: auto;
	width: 97%;
}

.zutaten td{
	padding: 0em 0.7em;
	vertical-align: top;
	border: none;
}

hr {
	border-width: 0.1em;
	border-style: solid;
	color: #A02000;
	padding: 0em 2em;
	font-size: 0.5em;
}

/* Style links in main part */

.zutaten img{
	padding: 0em 2em;

}

/* Change the color of links on hover in main part*/
.zutaten a1:hover {
	color: #F9FAF3;
	/*background-color: #A02000;*/
}

.zutaten a1:focus {
	color: #F9FAF3;
	background-color: #A02000;
}

.videos {
	/*background-color:orange;*/
	text-align: center;
}

.videos video{
	height: 20em;
}