#teasers {
	position: relative;
	width: 100%;
	height: 500px;
}

#teasers.rows-1 {
	height: 230px;
}

#teasers.rows-2 {
	height: 460px;
}

#teasers.rows-3 {
	height: 690px;
}

#teasers.rows-4 {
	height: 920px;
}

#teasers.rows-5 {
	height: 1150px;
}

#teasers.rows-6 {
	height: 1380px;
}

#teasers.rows-7 {
	height: 1610px;
}

#teasers.rows-8 {
	height: 1840px;
}

#teasers .teaser {
	position: absolute;
	width: 166px;
	background: #fff;
	z-index: 1;
}

#teasers p {
	line-height: 1.3;
}

.debug #teasers .teaser {
	background: #eee;
}

#teasers .teaser:hover {
	z-index: 2;
}

#teasers .teaser img {
	margin-top: 2px;
}

#teasers .position-1, #teasers .position-5, #teasers .position-9, #teasers .position-13 {
	left: 0px;
}

#teasers .position-2, #teasers .position-6, #teasers .position-10, #teasers .position-14 {
	left: 150px;
}

#teasers .position-3, #teasers .position-7, #teasers .position-11, #teasers .position-15 {
	left: 300px;
}

#teasers .position-4, #teasers .position-8, #teasers .position-12, #teasers .position-16 {
	left: 450px;
}



#teasers .position-1, #teasers .position-2, #teasers .position-3, #teasers .position-4 {
	top: 0;
}

#teasers .position-5, #teasers .position-6, #teasers .position-7, #teasers .position-8 {
	top: 230px;
}

#teasers .position-9, #teasers .position-10, #teasers .position-11, #teasers .position-12 {
	top: 460px;
}

#teasers .position-13, #teasers .position-14, #teasers .position-15, #teasers .position-16 {
	top: 690px;
}

#teasers .colspan-2 {
	width: 280px;
} 

#teasers .colspan-3 {
	width: 430px;
}

#teasers .colspan-4 {
	width: 580px;
}

/* BILDER INNERHALB VON TEASERN */

#teasers img {
	margin-bottom: 0.5em;
}

#teasers img.XStandardImageLeft {
	margin-right: 10px;
}

#teasers img.XStandardImageRight {
	float: right;
	margin-left: 10px;
}

/* Fix für zweizeilige Links in Teasern im IE */
#teasers a {
	display: block;
	background-position: 2px 0.3em;
}