body {
    background-color: lightblue;
    font-family: verdana;
}

div.ball{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	position: absolute;
	/*opacity: 0.5;*/
	z-index: 999;
	/*cursor: grab;*/
}

#ballBox{
	background-image: url("img/Aufnahmeplatte.png");
	background-repeat: no-repeat;
	width: 800px;
	height: 800px;
	position: absolute;
	top: 90px;
	left: 10px;
}

.msg{
	position: absolute;
	font-weight: bold;
	font-size: 20pt;
	top: 150px;
	left: 175px;
	width: 400px;
	height: 150px;
	float: left;
	z-index: 9999999; 
    padding-top: 60px;
	text-align: center;
    background-color: #000;
	border-radius: 10px;
    opacity: .6;
    color: #fff; 
}

#unclickableCircle{
	background-color: black;
	position: absolute;
	opacity: 0.4;
	width: 732px;
	height: 732px;
	margin-top: 2px;
	margin-left: 2px;
	border-radius: 366px;
	z-index: 99999;
}

#backgroundMsg{
	background-color: red;
	position: absolute;
	opacity: 0.2;
	width: 100%;
	height: 100vh;
	z-index: 99999;
}

#nav{
	/*background-color: red;*/
	height: 80px;
}
#navL{
	/*background-color: yellow;*/
	width: 200px;
	float: left;
}

#navM{
	/*background-color: green;*/
	width: 90px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
}

#navR{
	/*background-color: green;*/
	width: 200px;
	float: left;
}

#shelfBox{
	/*background-color: red;*/
	background-image: url("img/Shelf.png");
	background-repeat: repeat-y;
	background-size: contain;
	float: right;
	position: absolute;
	top: 100px;
	left: 750px;
	padding-right: 5px;
}

.shelf{
	/*background-color: yellow;
	opacity: 0.5;*/
	width: 60px;
	height: 150px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: left;
}

ul {
      list-style-type: none;
  }