#mapdiv {
	top: -716px;
	left: -421px;
}
@media only screen and (min-width:1200px) {
	#mapdiv {
		top: -634px;
		left: -284px;
	}
}
@media only screen and (min-width:1680px) {
	#mapdiv {
		top: -516px;
		left: -221px;
	}
}
@media only screen and (min-width : 1824px){
	#mapdiv {
		top: -456px;
		left: -221px;
	}
}

.sidebar14res {
		display: none;
}
@media only screen and (min-height : 690px){
	.sidebar14res {
		display: block;
	}
}

.hcenter {
    display: table; position: absolute; height: 100%; width: 100%;
    margin-top: -10px;
}

.hcenterinner {
display: table-cell; vertical-align: middle;

}
#mapdiv {
	/*margin-top: -768px;
	margin-left: -1024px;*/
	width:	2048px;
	height: 1566px;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur), move;
}
body {
	margin: 0;
	overflow: hidden;
	height: 100%;
	background-color: black;
}
* {
 font-family: 'Fanwood Text', serif;
 letter-spacing: 0.5px;
 text-rendering: optimizeLegibility; 
 
}
#fadeDiv {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 200;
}
.subtitle {
  position: absolute;
  left:     50%;
  bottom:      15%;
  background-color: rgba(45,57, 64, 1);
  color: white;
  z-index: 120;
  width: 350px;
  height: 30px;
  padding-top: 10px;
  margin-left: -175px;
  font-size: 16px;
  text-align: center;
}
#sidebar {
	width: 150px;
	position: fixed;
	right:0;
	top:0;
	background-color: rgb(45,57, 64);
	height:100%;
	padding: 5px;
	color: #FFFFFF;
/*
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .5);
*/
z-index: 110;
}
#timeline {
	width: 150px;
	margin:auto;
}
#timeline div, #timeline img {
	margin: auto;
	text-align: center;
}
.line {
  background-repeat:repeat-y;
  background-size:20px auto;
  background-position: center;
  height: 7px;
}

.line.past, .line.current {
  background-image:url(img/line_past.png);
}
.line.future {
  background-image:url(img/line_future.png);
}
.line_start {
  background-image:url(img/circle_start.png);
  background-repeat: no-repeat;
  background-size:18px auto;
  background-position: center;
  height: 21px;
  margin-bottom: -3px!important;
}
.line_end {
  background-repeat: no-repeat;
  background-size:18px auto;
  background-position: center;
  height: 20px;
  margin-top: -5px!important;
}
.line_end.future {
	background-image:url(img/circle_end_future.png);
}
.line_end.current {
	background-image:url(img/circle_end_current.png);
}
#timeline div.year {
	padding: 5px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 10px;
	margin-bottom: -3px;
	margin-top: -3px;
}
#timeline div.text {

	margin-bottom: 1px;
	margin-top: 1px;
}
#timeline div.text a {
font-family: 'Pontano Sans', sans-serif;
	display: inline;
	font-size:14px;
	cursor: pointer;
	padding: 1px 0 1px 0;

}
#timeline div.text.past a, #timeline div.text.current a {
	border-top: 2px solid rgb(255,241,145);
	border-bottom: 2px solid rgb(255,241,145);
}
#timeline div.text.future a {
	border-top: 2px solid rgb(255,255,255);
	border-bottom: 2px solid rgb(255,255,255);
}
#timeline div.text a:hover {
	color: rgb(255,241,145);
}
#timeline div.current.text a {
font-family: 'Pontano Sans', sans-serif;
	display: inline;
	font-size:18px;
	color:rgb(255,241,145)
}
@media only screen and (min-height : 620px){
	.sidebar14res {
		display: block;
	}
	.line {
 		height: 5px;
	}

}
@media only screen and (min-height : 680px){
	.sidebar14res {
		display: block;
	}
	.line {
 		height: 10px;
	}
}
@media only screen and (min-height : 830px){
	.line {
 		height: 15px;
	}
	#timeline div.current.text a {
		font-size:22px;
	}
	#timeline div.year {
		font-size: 12px;
	}
	#timeline div.text a {
		font-size:16px;
	}
}
@media only screen and (min-height : 920px){
	.line {
 		height: 20px;
	}
}
@media only screen and (min-height : 1000px){
	.line {
 		height: 25px;
	}
}
.point_feldkirch {
		position: absolute;
		left: 46%;
		top: 70%;
		cursor: pointer;
	}
	.point_wittenberg {
		position: absolute;
		left: 57.0%;
		top: 38.2%;
		cursor: pointer;
	}
	
	.point_frauenburg {
		position: absolute;
		left: 80.6%;
		top: 21.0%;
		cursor: pointer;
	}
	
	.point_leipzig {
		position: absolute;
		left: 60.6%;
		top: 47.2%;
		cursor: pointer;
	}
	
	.point_mailand {
		position: absolute;
		left: 44.7%;
		top: 80%;
		cursor: pointer;
	}
	.point_krakau {
		position: absolute;
		left: 82.6%;
		top: 51.6%;
		cursor: pointer;
	}
	
	.point_kaschau {
		position: absolute;
		left: 86.8%;
		top: 61%;
		cursor: pointer;
	}
	/* Puls */
	
	.pulse {
		width: 20px;
		height: 20px;
		/*border: 5px solid olive;*/
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		background-color: #ffffFF;
		z-index: 10;
		position: absolute;
	}
	.pulse_active {
		background-color: rgb(255,241,145)!important;
	}
	.dot_active {
		border: 10px solid rgb(255,241,145);
		background: transparent;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
		height: 30px;
		width: 30px;
		-webkit-animation: pulse 3s ease-out;
		-moz-animation: pulse 3s ease-out;
		animation: pulse 3s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		position: absolute;
		top: -15px;
		left: -15px;
		z-index: 1;
		opacity: 0;
	}
	@-moz-keyframes pulse {
	 0% {
	   	-moz-transform: scale(0);
	   	opacity: 0.0;
	 }
	 25% {
	   	-moz-transform: scale(0);
	   	opacity: 0.1;
	 }
	 50% {
	   	-moz-transform: scale(0.1);
	   	opacity: 0.3;
	 }
	 75% {
	   	-moz-transform: scale(0.5);
	   	opacity: 0.5;
	 }
	 100% {
	   	-moz-transform: scale(1);
	   	opacity: 0.0;
	 }
	}
	@-webkit-keyframes "pulse" {
	 0% {
	    -webkit-transform: scale(0);
	   	opacity: 0.0;
	 }
	 25% {
	    -webkit-transform: scale(0);
	   	opacity: 0.1;
	 }
	 50% {
	    -webkit-transform: scale(0.1);
	   	opacity: 0.3;
	 }
	 75% {
	    -webkit-transform: scale(0.5);
	   	opacity: 0.5;
	 }
	 100% {
	    -webkit-transform: scale(1);
	   	opacity: 0.0;
	 }
	}
.circle
{
font-family: 'Pontano Sans', sans-serif;
width:120px;
height:120px;
border-radius: 50%;
font-size: 14px;
color:#fff;
margin: auto;
text-align:center;
border: 2px solid rgb(255,241,145);
margin: 10px;
}
#days {
font-family: 'Pontano Sans', sans-serif;
font-size: 44px;
padding-top: 23px;

margin: auto;
margin-bottom: -4px;
}

/* ##### Info Box #####*/

.overlay{
	width: 400px;
	height: 100%;
	background: #FFF;
	font-family: Pontano Sans, sans-serif;
	font-size: 16px;
	line-height: 25pt;
	margin: 0;
	padding: 0;
	overflow:auto;
	position: fixed;
	left: -400px;
	top: 0;
	z-index: 11;
	visibility: hidden;
}
.overlay .x {
	position:absolute;
	top: 15px;
	left: 340px;
	z-index: 100;
	font-family: 'Palatino Sans',Palatino,sans-serif!important ;
	font-size: 30px;
	cursor: pointer;
	/*color: rgb(255,241,145);*/
}
.overlay .content{
	padding: 10px 40px 40px 10px;
}
h1 {
	font-family: Fanwood Text;
	font-size: 36px;
	margin-top: 0px; margin-bottom: 24px;
	line-height: 42px;
}

h2{
	font-family: Fanwood Text, serif;
	font-style:italic;
	font-size:14px;
	font-weight: normal;
	margin-top: 5px; margin-bottom: 6px;
}

.imgContainer{
	margin-top: 25px;
	margin-bottom: 25px;
}

.imgContainer img{
	width: 250px;
	padding: 0 60px;	
}

.imgDescription{
	font-family: Fanwood Text, serif;
	font-style:italic;
	text-align:center;
	padding: 15px 35px 0;
	line-height:normal;
}

p a{
	color:black;
	text-decoration:underline;
}

/* checkbox */
input[type=checkbox] {
position: absolute; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0;
border: solid #FFF 2px;
}

input[type=checkbox] + label.check {
padding-left:20px;
height:15px; 
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox]:checked + label.check {
background-position: 0 -15px;
}

input[type=checkbox] {
	visibility: hidden;
}
.layer input[type="checkbox"]:checked + label.check:after {
    opacity: 1;
}
.layer {
	width: 13px;
	height: 13px;

	border: 2px solid #FFFFFF;

	margin: 4px 9px;

	position: relative;
}

.layer label.check {
	cursor: pointer;
	position: absolute;
	width: 9px;
	height: 9px;
	left: 2px;
	top: 2px;
}

.layer label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 6px;
	height: 3px;
	background: transparent;
	top: 1px;
	left: 1px;
	border: 2px solid rgb(255,241,145);
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.layer:hover label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.layer input[type=checkbox]:checked + label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


label.label {
	margin-top: -2px;
	margin-left: 20px;
	font-family: 'Pontano Sans', sans-serif;;
	font-size: 14px;
	width: 160px;
	display: block;
}
/*Eventbox*/
div.eventboxcontainer {
	position: absolute;
	background-color:rgba(0,0,0,0);	
	z-index: 101;
	
}

div.eventbox {
	background-color: #FFF;
	display: block;
	padding: 7px;
	padding-bottom: 12px;
	position: relative;
	width: 160px;
	
}
div.eventbox h2 {
	font-size: 32px;
	font-style: normal;

	
}
div.eventbox:after {
   content: "";
   background-color: #FFF;
   display: block;
   width: 20px;
   height: 20px;  
   margin: 0 auto;
   margin-top: -20px;
   top: 21px;
   -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg); 
	position: relative;
}

div.eventbox .x {
	right: 7px;
	top: 4px;
	position: absolute;
	cursor: pointer;
    font-family: 'Palatino Sans',Palatino,sans-serif !important;
    font-size: 24px;
}
div.eventboxlink {
	width: 70px;
	height: 70px;
	/*background-color: rgba(255,0,0,0.4);*/
	position: absolute;
	top: 400px;
	left: 600px;
	cursor: pointer;
}

.stoerer {
	display: none;
}