/* Random color set: 0, 1aef21, 1765153, 1aef21	*/
/* l: 0,	1aef21 */
select {
			background-color: #1aef21;
			border: none;
			color: #000000;
			padding: 5px 15px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 14px;
			width: 150px;
			cursor: pointer;
			border-radius: 5px;}
select[multiple] {
			background-color: #073c08;
			border: none;
			width: 100%;		
		}
button, input[type=button], input[type=submit], input[type=reset] {
			background-color: #1aef21;
			border: none;
			color: #000000;
			padding: 5px 15px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 0.85rem;
			cursor: pointer;
			border-radius: 5px;
			}
input[type=submit]:disabled, button:disabled {
			background-color: grey;
		}
button:hover, input:hover, select:hover {
			background-color: #0d7811;
			color: #ffffff;
		}
tr {
			background-color: #c6fbc7;
			color: #073c08;
		}
th {
			background-color: #16cb1c;
			color: #000000;
		}
table#inner {
			background-color: #e9fee9;
		}
.fixedfont {
			font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; 
		}
h2 {
		font-size: 24px 
		}
body {
		font-family: verdana, arial; 
		font-size: 14px;
		}
.tabletitle {
		text-align: center; 
		font-weight: bold; 
		vertical-align: middle; 
		font-size: 18px;
		}
a:link	{
		color: #073c08;			
		text-decoration: none;
		font-weight: bold;
		}
a:visited {
			color: #777777;
		}
.white-visited a:visited {
			color: #FFFFFF;
		}
.img_hover:hover, .img_hover:active, .c2c:hover, .c2c:active {
		opacity:0.4;
		background-color: #ccc;
		}
a:hover, a:active {
		color: #8df891;
		background-color: #0d7811;
		font-weight: bold;
		/* opacity:0.5;*/
		}
.co000, .bco000 {
			background-color: #031803;
			color: #8df891;
		}
.co001, .bco001 {
			background-color: #073c08;
			color: #c6fbc7;
		}
.co002, .bco002 {
			background-color: #0d7811;
			color: #ffffff;
		}
.co003, .bco003 {
			background-color: #14b319;
			color: #ffffff;
		}
.co004, .bco004 {
			background-color: #16cb1c;
			color: #000000;
		}
.co005, .bco005 {
			background-color: #1aef21;
			color: #000000;
		}
.co006, .bco006 {
			background-color: #3cf142;
			color: #000000;
		}
.co007, .bco007 {
			background-color: #54f359;
			color: #000000;
		}
.co008, .bco008 {
			background-color: #8df891;
			color: #000000;
		}
.co009, .bco009 {
			background-color: #c6fbc7;
			color: #073c08;
		}
.co010, .bco010 {
			background-color: #e9fee9;
			color: #0d7811;
		}
.fs08 {font-size: 8px;}
.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs36 {font-size: 36px;}
.fs38 {font-size: 38px;}
.fs40 {font-size: 40px;}
.vmid { vertical-align :middle }

/* Force landscape display on mobile devices <BODY id="container"> 
Funktioniert nicht sehr zuverl�ssig! Z.T wird scrollen ausgeschaltet.
*/

#container { display:block; }
@media only screen and (orientation:portrait){
	#container {
		height: 100vw;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
  }
}

@media only screen and (orientation:landscape){
	#container {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
  }
}

td {
	padding: 0px 5px;
}

@media only screen and (max-width: 600px) {
	table {
		width: 100%;
  }
}

.canvas-body {
	width:94%;
	height:100%;
	margin-left:3%;
	margin-right:3%;
	overflow:auto;
	display:block;
}

#boldtext {
	font-weight: bold; 
}

.hidden .invisible {
	display: none;
}

.centered {
	vertical-align:middle; 
	text-align:center;
}

.numeric {
	text-align:right;
}

/*
td { border: 1px solid black; }

canvas {
	width: 100%;
	height:100%;
	position: relative;
}
*/

.size20 {
	width:20px;
	height:20px;
}

/* copy to clipboard style for hovering */
/* .c2c.pointer {
	cursor: pointer;
}

.c2c:hover {
	opacity:0.6;
	background-color: #fff;
}
*/
/* Automatically created CSS file from PHP */
