.hoverbox {
	position: relative;
	list-style: none;	
}

.hoverbox#petronella {
	width: 600px;
	height: 465px;
	
}

.hoverbox#kueche {
	width: 603px;
	height: 334px;	
	margin: 25px 0 50px 65px;
	
}

.hoverbox#petronella {
	margin: 30px 0 0 73px; 
	padding-bottom: 60px;	
}

.hoverbox a {
	cursor: default;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	z-index: 1;
}

.hoverbox#petronella a:hover .preview {
	position: absolute;
	top: -47px;
	left: -60px;	
}

.hoverbox#kueche a:hover .preview {
	position: absolute;
	top: -40px;
	left: -51px;
}

.hoverbox img {
	background-color: #CC0001;
	color: #FFF;
	vertical-align: top;
}

.hoverbox#petronella img {
	width: 120px;
	height: 93px;	
}

.hoverbox li {
	background-color: #CC0001;
	color: #FFF;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox#petronella .preview {
	border: 1px solid #000;
	width: 240px;
	height: 186px;
}

.hoverbox#kueche .preview {
	border: 2px solid #FFF;
}

.hoverbox#kueche a#b1 {
	position: absolute;
	top: 201px;
	left: -603px;
}

.hoverbox#kueche a#b2 {
	position: absolute;
	top: 132px;
	left: -399px;
}

.hoverbox#kueche a#b3 {
	position: absolute;
	top: 198px;
	left: -196px;
}