body, table
{
	font-family: Comic Sans MS, Arial, Helvetica, VAG Round, Verdana;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
  }

td
{
	font-family: Comic Sans MS, Arial, Helvetica, VAG Round, Verdana;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
}

thead
{
  position: sticky;
  top: 0;
}

a:link    { color: #ff0000; text-decoration: none; font-weight: normal; }
a:visited { color: #ff0088; text-decoration: none; font-weight: normal; }
a:active  { color: #0000ff; text-decoration: none; font-weight: normal; }
a:hover   { color: #0088ff; text-decoration: underline; font-weight: normal; }

a.no-link:link    { color: #000000; text-decoration: none; font-weight: normal; }
a.no-link:visited { color: #000000; text-decoration: none; font-weight: normal; }
a.no-link:active  { color: #000000; text-decoration: none; font-weight: normal; }
a.no-link:hover   { color: #000000; text-decoration: none; font-weight: normal; }

// id="infoBox"
#infoBox
{
	position: absolute;
	padding: 2px;
	font-size: 10pt;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	color: red;
	visibility: hidden;
}

// class="Ja"
.Ja
{
	width: 20px;
	height: 30px; 
}

audio
{
    filter: opacity(50%);
    width: 230px;
    height: 20px;
	border-radius: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
}

input.radio
{
	appearance: none;

	border-radius: 50%;
	width: 14px;
	height: 14px;
	background-color: white;

	border: 2px solid grey;
	transition: 0.1s all linear;

	position: relative;
}

input.radio:checked 
{
	border: 8px solid red;
}

#NoScript
{
	background-color: red;
	padding: 10px;
	font-size: 14pt;
	font-family: Arial;
	color: yellow;
}

#VIRADA-intern
{
	font-family: Comic Sans MS, Arial, Helvetica, VAG Round, Verdana;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	color: #cc33cc;
	text-decoration: none;
}

#Infos
{
    width: 45px;
    height: 20px;
	font-family: Comic Sans MS, Arial, Helvetica, VAG Round, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #dddddd;
	border: 1px solid grey;
	border-radius: 4px;
}

#Stand
{
    width: 45px;
    height: 20px;
	font-family: Comic Sans MS, Arial, Helvetica, VAG Round, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #dddddd;
	border: 1px solid grey;
	border-radius: 4px;
}

.senkrecht
{
	writing-mode: sideways-lr;
//
//	writing-mode: vertical-rl;
//	transform: rotate(180deg);
//	text-orientation: sideways-right; 
//
//	text-align: center;
//	justify-content: center;
//	transform: translate(0%, 0%);
}
.waagerecht
{
	writing-mode: horizontal-tb; 
//	text-orientation: upright; 
}

// für VIRADA InUpdate.html
#container800
{
	width: 800px;
	margin: auto;
	border: 3px solid #73AD21;
    overflow: auto;
}

/* für Typen-Popup in InTeilnahme.html */
.popup 
{
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext 
{
  visibility: hidden;
  width: 370px;
  height: 260px;
  background-color: #ffff55;
  color: #000;
  text-align: left;
  border-radius: 0px;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -170px;
}

/* Popup arrow 
.popup .popuptext::after 
{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
*/

/* Toggle this class - hide and show the popup */
.popup .show 
{
  visibility: visible;
  -webkit-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn 
{
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn 
{
  from {opacity: 0;}
  to {opacity:1 ;}
}