#main{
	width:100%;
	margin: 0 auto;
}
body{
	font-family:sans, helvetica;
	font-size:11pt;
}
@media only screen and (orientation:portrait) and (max-width:800px){
	body {font-size:9.2pt}
	.trend {width:95%}
}

@media only screen and (orientation:landscape) and (min-width:800px){
	body{font-size:14pt}
}

h1{
	width:25em;
	font-size:1.2em;
	font-weight:600;
	color:#107080;
	margin-bottom:.2em;
}
h2{
	margin-top:0em;
	width:30em;
	font-size:1em;
	color:#107080;
	border-bottom:2px solid #107080;
	font-weight:400;
}
h3{
	font-size:1em;
	color:#107080;
}
#mPanel{
	position:relative;
	width: 30em;
	border:1px solid teal;
	border-radius: .3em;
}
#vPanel{
	position:relative;
	z-index:1;
}
#wait{
	position:absolute;
	left:0.5em;
	top:5em;
	width:27.5em;
	height:13.5em;
	opacity:.7;
	background-color:black;
	text-align:center;
	border-radius: .3em;
	z-index:99;
}
#wait span{
	color:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#messWerte{
	width:38em;
}
#stand{
	display:inline-block;
	width:22em;
	font-size:.8em;
	color:#422;
	margin-top:.5em;
	margin-bottom:0em;
}
#osm{
	margin-top:1em;
	font-size:.7em;
}
#datum{
	margin-top:1em;
	font-size:.8em
}
#mondCont{
	width:28em;
	height:100px;
	background-color:black;
	margin-top:1em;
	border-radius:.3em;
	padding:1em;
}
#mond{
	width:100%;
	display:flex;
	justify-content: space-evenly;
	align-items: center;
}
#mondPic{
}
#mondInfo{
	color:white;
}
#hinwText{
	font-size:.7em;
	margin-top:.5em;
	color:#555;
}
#copyRight {
	width:43em;
	margin-top:.5em;
	padding-top:.5em;
	border-top:1px solid teal;
	font-size:.7em;
	color:#045;
}
#hinwText2 {
	width:38em;
	margin-top:.5em;
	font-size: .8em;
}
.imgLnk {
	cursor:Pointer;
}
.colH, .row{
	display:inline-block;
	padding:.2em
}
.colH {
	color:#107080;
}
.c1{
	width:12.5em;
}
.cv{
	width:3.5em;
	text-align:right;
}
.cc{
	width:1em;
	text-align:left;
	padding-left:.5em;
}
.cmm {
	color:#555;
	font-size:.9em;
	padding-left:.65em;
}
.ca{
	background-color:#F7F7F7;
}