/* 2019-04-26 (c) Uwe Kolz */
/* 2020-06-29 */

body 	{font-size:1em; font-family: Arial, sans-serif; vertical-align:top; padding:0em; max-width:1200px; margin:auto; }
h1 		{font-size:1.4em; margin:auto;}
h2 		{font-size:1.2em; text-align:center;}
h3 		{font-size:1em; margin:0; padding:5px 5px 10px; }
p 		{font-size:1em; margin:0; padding:0em 5px 5px; }
table 	{
	border-spacing: 0px;
	border: 1px solid #CCC;
}
tr	{

	}
th {
	padding: 3px 5px;
	background-color: #CCC;
}
td {
	padding: 3px 5px;
	vertical-align: text-bottom;
	border-top: 1px solid #CCC;
}
.headline 	{ 
	background:#DEF; 
	padding: 5px 10px;
	margin: 10px 0px;
	box-shadow:5px 5px 5px #bbb;
}
	
.flex		{ 
	display:-webkit-box; 
	display:-webkit-flex; 
	display:-ms-flexbox;
	display:flexbox; 
	display:flex; 
	flex-wrap: wrap; 
	margin-left:-10px; 
}
	
.flex_i {
	margin: 5px 0 0 10px;
	padding: 0px 5px;
	background-color: #EEE;
	/* box-shadow: 5px 5px 5px #eee; */
}

.hide 		{ display:none; }
.center		{ margin:5px auto; }

#countdown		{ text-align:center; }
#countdown svg	{ background-color: #000; fill: #F00}

#news		{ 
	-webkit-box-flex:1 ; 
	-webkit-flex:1 ; 
	-ms-flex:1 ;
	flex:1 ; 
	min-width:140px; 
}
#news h3 	{ border-top: 1px solid #CCC; }
#fuss		{  }

#menu a 		{
    display:inline;
	background-color: #FFF;
    color: #000;
    padding: 5px 20px;
	margin-right:10px;
    text-decoration: none;
	box-shadow:5px 5px 5px #bbb;
    border-radius: 50px;
}

#menu a.link 		{ background-color: #DEF; }
#menu a:link 		{ background-color: #DEF; }
#menu a:visited		{ background-color: #DEF; }
#menu a:hover 		{ background-color: #cfc; }
#menu a:active 		{ background-color: #fcc; }

#menu ul {
	margin: 0;
	padding: 10px 0px;
}

#menu li { display:inline; white-space: nowrap; }

#QRCode svg {
	margin: auto;
	display: block;
}

#congstar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 24pt;
	text-align: center;
	width: 200px;
}

@media (max-width: 600px) {
	h1			{ text-align:center; }
	.flex		{ display:block; }
	.headline	{ text-align:center; }
	#menu		{ text-align:center; }
	.led7seg    { width:24px; height:36px; }
	.ledDDot    { width:6px; height:36px; }
}
