@charset "UTF-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
background:url(images/bg-body.jpg);
background-position: bottom center;
}

ul#archieflist {
	position: absolute;	
	z-index: 2;
	left: 775px;
	top: 31px;
	width: 89px;
	height: 23px;
}

#menutafelwrap {
width: 100%;
height: 811px;
margin-left: auto;
margin-right: auto;
background:url(images/b.jpg);
background-position: top center;
}


#blobs {
	width: 889px;
	height: 811px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	background-image: url(images/tafel.jpg);
	background-repeat: no-repeat;
}


#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; z-index: 1;}

#blobs a {display: block; border: solid 0px #f00;}

#blob1 {
	left: 2px;
	top: 0px;
	width: 272px;
	height: 259px;
}

#blob2 {
	left: 258px;
	top: 0px;
	width: 176px;
	height: 261px;
}
#blob3 {
	left: 426px;
	top: 0px;
	width: 209px;
	height: 264px;
}
#blob4 {
	left: 591px;
	top: 0px;
	width: 299px;
	height: 265px;
}
#blob5 {
	left: 2px;
	top: 366px;
	width: 262px;
	height: 217px;
}
#blob6 {
	left: 2px;
	top: 175px;
	width: 257px;
	height: 203px;
}
#blob7 {
	left: 265px;
	top: 249px;
	width: 335px;
	height: 292px;
}
#blob8 {
	left: 548px;
	top: 233px;
	width: 342px;
	height: 344px;
}

#blob9 {
	left: 265px;
	top: 543px;
	width: 376px;
	height: 268px;
}


#blob1 a {
	height: 259px;
}
#blob2 a {height: 261px;}
#blob3 a {height: 240px;}
#blob4 a {height: 265px;}
#blob5 a {height: 217px;}
#blob6 a {height: 203px;}
#blob7 a {height: 292px;}
#blob8 a {height: 344px;}
#blob9 a {height: 268px;}

#blob1 a:hover {
	background-image: url(images/tafel.jpg);
	background-repeat: no-repeat;
	background-position: -2px -811px;
}
#blob2 a:hover {background: url(images/tafel.jpg) -258px -1622px no-repeat;}
#blob3 a:hover {background: url(images/tafel.jpg) -426px -811px no-repeat;}
#blob4 a:hover {background: url(images/tafel.jpg) -591px -1622px no-repeat;}
#blob5 a:hover {background: url(images/tafel.jpg) -2px -1177px no-repeat;}
#blob6 a:hover {background: url(images/tafel.jpg) -2px -1797px no-repeat;}
#blob7 a:hover {background: url(images/tafel.jpg) -265px -2682px no-repeat;}
#blob8 a:hover {background: url(images/tafel.jpg) -548px -3477px no-repeat;}
#blob9 a:hover {background: url(images/tafel.jpg) -265px -2976px no-repeat;}
#menutafel {
	text-align: center;
	top: 0px;
	margin: 0px;
}