body {
	font-family: Arial;
	
}

#buttons{
	padding: 10px;
}
button{
	background-color: #EEE;
}
.button-on{
	background-color: #DFD;
}
	
}
#base {
	position: relative
}
#base img {
	position: absolute;
}
map area:hover {
	cursor: pointer;
}

#main-map {
	z-index: 0;
}
#cloud-cover {
	z-index: 1;
	opacity: 60%;
}
#flight-path {
	z-index: 2;
	opacity: 60%;
}
#observations {
	opacity: 40%;
	z-index: 3;
}
#times {
	opacity: 70%;
	z-index: 4;
}
#hotspot {
	z-index: 5;
}

#littleMap {
	z-index: 6;
	position: absolute;
}
#hint {
	z-index: 7;
	position: absolute;
	display: none;
}
#btnHint {
	z-index: 8;
	position: absolute;
	top: 5px;
	left: 5px
}
#btnClose {
	z-index: 8;
	position: absolute;
	top: 5px;
	right: 5px;
}

#popup {
	top: 20px;
	left: 50px;
	position: fixed;
	height: 750px;
	width: 650px;
	z-index: 100;
	background-color: white;
	display: none;
	border: 1px solid black;
}
#popup img {
	position: absolute;
	height: 750px;
	width: 650px;
}

.layer-on {
	display: block!important;
}