body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: Black;
	color: Orange;
}

a:link.tasse1 {
   color: Black;  
	font-size: xx-large;
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse1_1.jpg);	
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;
}

a:visited.tasse1 {
   color: Black;
   font-size: xx-large;
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse1_1.jpg);
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;
}

a:hover.tasse1 {
   color: Black;
   font-size: xx-large;
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse1_2.jpg);	
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;	
}

a:link.tasse2 {
   color: Black;
	font-size: xx-large;	
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse2_1.jpg);
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;
}

a:visited.tasse2 {
   color: Black;
	font-size: xx-large;	
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse2_1.jpg);
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;

}

a:hover.tasse2 {
   color: Black;
	font-size: xx-large;	
	text-decoration: none;
	vertical-align: middle;		
	background-image: url(./bilder/tasse2_2.jpg);
	height: 300px;
	width: 400px;
	text-align: center;
	background-position: center;
	font-weight: bold;
	display: block;
}

a:link.kekslink {
   color: Orange;  
	text-decoration: none;
}

a:visited.kekslink {
   color: Orange;  
	text-decoration: none;
}

a:hover.kekslink {
   color: Red;  
	text-decoration: none;
}