@charset "UTF-8";
/* CSS Document */
.container {
    width: 1000px;
    height: 706px;
/*	display: block; 
	margin-left: auto;
	margin-right: auto; */
}

/* resize images */
.container img {
    width: 1000px;
    height:706px;
	position: absolute;
}

.hot-spot {
	background-color: #EB261B;
	border-radius: 20px;
	color: #EC271D;
	padding: 5px;
	position: absolute;
  	text-align: left;
	width: 10px;
	height: 10px;
}

.hot-spot:hover {
	background-color: #ED271E; 
}

.hot-spot:hover .info {
  display: block;
}

.Haldenhuettli {
  top: 182px;
  left: 812px
}

.Kathedrale {
  top: 385px;
  left: 734px;
}

.Bahnhof {
  top: 244px;
  left: 442px;
}

.Kleinformat {
  top: 396px;
  left: 637px;
}


.info {
	background-color: #E7E7E7;
	border: 1px solid #000;
	color: #222;
	display: none;
	padding: 5px;
	position: absolute;
	top: 0;
	width: 400px;
	z-index: 10;  
}

h2 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; 
	color:rgba(235,38,27,1.00);
}

p {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}