.date {
	float: left;
	text-align: center;
	display: inline-block;
	padding-right:20px;
}
.date span { display: block; }
.tag { background: #f2f2f2; padding: 10px 10px 7px 10px; font-size: 16px; font-family: 'UtopiaBold', Arial, sans-serif;
		font-weight: normal; color: #777; border-radius: 2px 2px 0 0; }
.monat { background: #bbb; padding: 2px 10px 2px 10px; color: #fff; border-radius: 0 0 2px 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); }
.date:after { content: '';	content: none; display: block; height: 0px; clear: both; visibility: hidden; }
.nextup .tag{
	background: #9c1006;
	color:#fff;
}
.nextup .monat{
	background: #363c42;
}

/* MARKERS*/
.markerholder{
	position:relative;
}

.marker{
	position:absolute;
	display:block;
	
}
.popoverholder a,
.popoverholder a:visited,
.popoverholder a:hover,
.popoverholder a:focus {
	cursor:pointer;
}
.marker a,
.marker a:visited {
	font-family: 'FoundrySterling-Bold', Arial, sans-serif;
	font-weight: normal;
	font-size:30px;
	color:#fff;
	cursor:pointer;
}
.marker a:hover,
.marker a:focus{
	color:#ccc;
	cursor:pointer;
}

.marker-sp8e3{
	top: 50px;
	left: 148px;
}

.marker-sp8e2{
	top: 103px;
	left: 148px;
}

.marker-sp8e1{
	top: 161px;
	left: 148px;
}

.marker-sp8eg{
	top: 216px;
	left: 148px;
}

.marker-sp8u1{
	top: 266px;
	left: 70px;
}

.marker-sp8u1 a,
.marker-sp8u1 a:visited {
	color:#00955c;
}

.marker-sp8u1 a:hover,
.marker-sp8u1 a:focus {
	color:#222;
}
.marker-sp8u2{
	top: 316px;
	left: 70px;
}

.marker-sp8u2 a,
.marker-sp8u2 a:visited {
	color: #f2b724;
}

.marker-sp8u2 a:hover,
.marker-sp8u2 a:focus {
	color:#222;
}

.marker-sp6e1{
	top: 161px;
	left: 594px;
}

.marker-sp6eg{
	top: 215px;
	left: 594px;
}

.marker-sp4e1{
	top: 166px;
	left: 747px;
}

.marker-sp4eg{
	top: 217px;
	left: 748px;
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.marker-sp8e3{
	left: 115px;
	top:35px;
}

.marker-sp8e2{
	left: 115px;
	top:79px;
}

.marker-sp8e1{
	left: 115px;
	top:124px;
}

.marker-sp8eg{
	left: 115px;
	top:167px;
}

.marker-sp8u1{
	top: 209px;
}

.marker-sp8u2{
	top: 249px;
}

.marker-sp6e1{
	top: 125px;
	left: 470px;
}

.marker-sp6eg{
	top: 168px;
	left: 470px;
}

.marker-sp4e1{
	top: 127px;
	left: 590px;
}

.marker-sp4eg{
	top: 170px;
	left: 590px;
}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
.marker a,
.marker a:visited {
	font-size:14px;
	color:#fff;
}
.marker-sp8e3{
	left: 48px;
	top:13px;
}

.marker-sp8e2{
	left: 48px;
	top:29px;
}

.marker-sp8e1{
	left: 48px;
	top:46px;
}

.marker-sp8eg{
	left: 48px;
	top:63px;
}

.marker-sp8u1{
	left: 23px;
	top: 81px;
}
.marker-sp8u1 a,
.marker-sp8u1 a:visited {
	color:#00955c;
}

.marker-sp8u1 a:hover,
.marker-sp8u1 a:focus {
	color:#222;
}
.marker-sp8u2{
	left: 23px;
	top: 96px;
}
.marker-sp8u2 a,
.marker-sp8u2 a:visited {
	color:#f2b724;
}

.marker-sp8u2 a:hover,
.marker-sp8u2 a:focus {
	color:#222;
}
.marker-sp6e1{
	top: 47px;
	left: 188px;
}

.marker-sp6eg{
	top: 64px;
	left: 188px;
}

.marker-sp4e1{
	top: 48px;
	left: 237px;
}

.marker-sp4eg{
	top: 64px;
	left: 237px;
}

}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.marker a,
.marker a:visited {
	font-size:20px;
	color:#fff;
}
.marker-sp8e3{
	left: 63px;
	top:18px;
}

.marker-sp8e2{
	left: 63px;
	top:42px;
}

.marker-sp8e1{
	left: 63px;
	top:67px;
}

.marker-sp8eg{
	left: 63px;
	top:92px;
}

.marker-sp8u1{
	left: 33px;
	top: 115px;
}
.marker-sp8u1 a,
.marker-sp8u1 a:visited {
	color:#00955c;
}

.marker-sp8u1 a:hover,
.marker-sp8u1 a:focus {
	color:#222;
}
.marker-sp8u2{
	left: 33px;
	top: 136px;
}
.marker-sp8u2 a,
.marker-sp8u2 a:visited {
	color:#f2b724;
}

.marker-sp8u2 a:hover,
.marker-sp8u2 a:focus {
	color:#222;
}
.marker-sp6e1{
	top: 67px;
	left: 262px;
}

.marker-sp6eg{
	top: 92px;
	left: 262px;
}

.marker-sp4e1{
	top: 69px;
	left: 328px;
}

.marker-sp4eg{
	top: 92px;
	left: 328px;
}

}