.eventsTeaserBox {

}

.eventsTeaserBox .body {
	position: relative;
	top: 0px;
	left: 0px;
	
	padding: 0px;

	cursor: pointer;

	border-bottom: 1px solid #333333;
}

.eventsTeaserBox .body.hovered {

}

.eventsTeaserBox .body .eventTeaserContainer {
	position: relative;
	top: 0px;
	left: 0px;
	
	margin-bottom: 4px;
}

.eventsTeaserBox .body.hovered .eventTeaserContainer {
	background: #444444;
}

.eventsTeaserBox .eventTeaserIcon {
	position: absolute;
	top: 5px;
	left: 5px;
	
	border: 1px solid #888888;
	
	width: 22px;
	height: 30px;
	
	overflow: hidden;
}

.eventsTeaserBox .eventTeaserIcon img {
	width: 22px;
	height: auto;
}

.eventsTeaserBox .eventTeaserTitle {
	position: relative;
	top: 5px;
	left: 35px;
	
	white-space: nowrap;
}

.eventsTeaserBox .eventTeaserDate {
	position: relative;
	top: 5px;
	left: 35px;

	color: #888888;
}