#cookie-popup { 
	text-align: center; 
	background: rgb(141, 99, 35);
	position: fixed;
	/*top: 0px; */
	bottom: 10 px;
	left: 0;
	right: 0;
	z-index: 9999;
	font-size:14px; 
	line-height:20px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
   
 #cookie-popup.hidden {
	display: none;
 }
  
  
body.bodyM { /* index.php */
	/*background-color: rgba(0, 178, 92, 0.1); */
	background-image: url('./bienenstockM.jpg');
	background-position: center;
	height: 100%;
	margin-left: auto;	/* statt text-align:center ! */
	margin-right: auto;
	text-align: center;
	/*background-repeat:repeat-y;*/
	/*position: relative;	 Needed to position the menu */
}
body.bodyD {	/* index.php */
	/*background-color: rgba(0, 178, 92, 0.1); */
	background-image: url('./bienenstockD.jpg');
	background-position: center;
	height: 100%;
	margin-left: auto;	/* statt text-align:center ! */
	margin-right: auto;
	text-align: center;
	/*background-repeat:repeat-y;*/
	/*position: relative;	Needed to position the menu */
}

.classImgM{
	/*width: 800;*/
	height: 200;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: auto;	/* statt text-align:center ! */
	margin-right: auto;
	
}
.classImgD{
	/*width: 800;*/
	height: 300;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: auto;	/* statt text-align:center ! */
	margin-right: auto;
}

.classScrollM{
	margin-top: 250px;	/* identisch mit bildhöhe */
	height: 100%;
	overflow: scroll;
	background-color: #e7ebeeef;
}
.classScrollD{
	margin-top: 452px;	/* identisch mit bildhöhe */
	height: 100%;
	overflow: scroll;
	background-color: #e7ebeeef;
}

h2.bee {
	text-align: center;
}
.classTblMenu{
	/*background-color: #f1e867;*/
	font-size: 8pt;
	width: auto;
	margin-left: auto;	/* statt text-align:center ! */
	margin-right: auto;
}

.classChartD{	
	/*width: auto;*/
	width: 90%;
/*height: 600px;*/
	background-color: rgba(255, 255, 255, 0.8);
	margin-left: auto;
	margin-right: auto;
}
.classChartM{
	width: auto;
	/*height: 600;*/
	background-color: rgba(255, 255, 255, 0.8);
	margin-left: auto;
	margin-right: auto;
}
.classTblTimestamp{
	/*background-color: #F7F7F7; */
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto;
	border: 1;
	padding: 1;
}
.classTblData{
	/*background-color: #F7F7F7; wird gesetzt intern + - */
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto;
	border: 1;
	padding: 1;
}

td.tblBorder{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

figure {
	/*float: none; */
	/*display: table-cell; */
	display: inline-block;
	/*width: 100%; */
	padding: 0 4px;
	text-align: center
   	/*vertical-align: middle; */
}

figcaption.picReq {
	color: yellow;
}

img.pic {
	/*border-color: black;	*/
	/*border: 20px; */
	/*border-width: 10px; */
	border: 2px solid black;
	margin: 5px;
	/* height: 200px;*/
}

#linie {
	background: #333;
	border: none;
	color: #333;
	height: 1px;
	width: 100%;
   }