@media only screen and (max-width: 1024px) {
	
	body {
	 
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		 
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		  
		font-family: Arial, "MS Trebuchet", sans-serif;
		
		background-color: black;
		color: white;
		
	}
	
	div#headline {
	
		display: none;		
	}	
	
	#lastupdate {
	
		color: gray;
	
	}
	
	.right {
	
		text-align: right;
	
	}
	
	#maintable {
	
		font-size: x-large;
	
	}
	
	#maintable thead {
	
		visibility: collapse;
	
	}
	
	div#messagebox {
		position: fixed;
		visibility: hidden;
		bottom: 0;
		left: 0;
		color: red;
		z-index: 1;
		background-color: yellow;
	}
	
	#recipearea {
		float: left;
		width: 100%;
		display: inline-block;
	}
	
	
	
	div#recipename {
	
	
		text-align: center;
		vertical-align: middle;
		height: 25px;
		line-height: 25px;
		font-size: large;
		background-color: #2A2A2A;
		
		
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
		 
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	
	}
	
	div#detailarea {
	
		overflow: auto;
		float: right;
		width: 67%;
	
	
	
	}
	
	div#recipeingredients {
	
		width: 30%;
		overflow: auto;
		float: left;
		border: 0px solid white;
		
		background-color: #2A2A2A;
		
		
		z-index: 5;
		
		margin-top: 0px;
		margin-left: 5px;
		margin-bottom: 0px;
		margin-right: 5px;
		 
		padding-top: 0px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
	
	}
	
	div#recipepreparation {
		
		width: 95%;
		text-align: left;
		float: right;
		
		font-size: larger;
		background-color: #2A2A2A;
		
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 5px;
		margin-right: 5px;
		 
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		
	}
	
	
	div#recipeinformation {
	
		width: 95%;
		text-align: left;
		float: right;
		font-size: larger;
		background-color: #2A2A2A;
	
	
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 5px;
		margin-right: 5px;
	 
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	
	}
	
	#recipeingredients thead {
	
		visibility: collapse;
	
	}	
	
	.zutaten_headline {
	
		text-align: center;
		background-color: lightgray;
		color: black;
	
	}

}