@charset "utf-8";
/* CSS Document */
.info_icon {
	cursor: pointer;
	color: #666666;
}

A:link {	COLOR: #003580; TEXT-DECORATION: none}
A:visited {	COLOR: #350080; TEXT-DECORATION: none}
A:hover {	COLOR: #FF0000; TEXT-DECORATION: none; background-color: #99FF99}
A:active {	COLOR: #0000FF;  background-color: #99FF99}

body {
	/* background-color: #E5E6FF; */
	background-image: url(../../new/pics/back_schach_grau.gif);
	background-attachment: fixed;
	text-align:center;
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	margin-top: 0px;
}

.txt10 {font-size: 10px}
.txt12 {font-size: 12px}
.txt13 {font-size: 13px}
.txt14 {font-size: 14px}
.txt16 {font-size: 16px}
.txt_titel {font-size: 20px; font-weight: bold; }

.fettbraun18 {font-size:16px; font-weight: bold; color: #600}
.braun16 {font-size:16px; color: #600}
.braun10 {font-size:10px; color: #600}

.button_off {
	width:36px;
	height:36px;
	border:2px solid #999999;
	background-color:#AEAEFF;
}

.button_on {
	width:36px;
	height:36px;
	border: 2px solid #090;
	background-color: #AEAEFF;
}

td {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;

}
th {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	color: #990000;
}

.txt_grau {
	color: #888888;
}

.link {
	color:#000080;
	cursor:pointer;
}
.link:hover {TEXT-DECORATION: none; background-color: #99FF99}
.link:active {COLOR: #0000FF;  background-color: #99FF99}

/* Buchzuege -part */
.bass {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.bal_w {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.bal_b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000000;
}
.balken_weiss {
	height:8px;
	background-color:#FFF;
}
.balken_schwarz {
	height:8px;
	background-color:#000;
}
.balken_grau {
	height:8px;
	background-color:#666;
}

.uhr_aus {
	border-style:solid;
    border-width:3px;
	width:66px;
	height:22px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight: bold;
	
   	border-color:gray;
	color:#666666;
}

.uhr_an {
	border-style:solid;
    border-width:3px;
	width:66px;
	height:22px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight: bold;
	
	border-color:#080;
	color:black;
}

.status_connect {
	border: #000000 1px solid;
	background-color: #AAAAAA;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	padding:2px;
	border-radius: 8px;
}
/* ------------------------ Punkte und Kreise fuer "wer ist am Zug?" ------------- */
.qua18_trans { 
	width: 18px; 
	height: 18px; 
	border: none;
}

.quadr18 {
	width: 16px; 
	height: 16px; 
	border: 1px solid black;
}

.kreis17 {
	width: 15px; 
	height: 15px; 
	border-radius: 50%; 
	border: 1px solid black;
}

.kreis18 {
	width: 16px; 
	height: 16px; 
	border-radius: 50%; 
	border: 1px solid black;
}
.rechteck18 {
	width: 4px;
	height: 16px;
	border: 1px solid black;
}

.halbkreis { background: linear-gradient(to right, white, white 50%, #333 50%); }

.bgc_ws { background-color: #FFFFFF; }
.bgc_sw { background-color: #333333; }
.bgc_gr { background-color: #0C0 } /* grün */
.bgc_hgr { background-color: #82FF82 } /* hellgrün */
.bgc_gb { background-color: #FFFF00; }
.bgc_rt { background-color: #FF0000; }

/* -------------- alles fuer das neue DrowDown Menu    */ 
.m_activ {
	box-shadow: 0px 0px 15px 0.45px #484A49;
}
#menu {
	width: 1020px;
}
#menu ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	display: flex;
	align-items: center;
}
#menu ul li ul {
	margin-top: 2px;
	flex-direction: column;
	position: absolute;
	left: -20px;
	top: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in;
}
#menu ul li ul li {
	border-radius: 0px;
	border-top:none;
	padding-top: 6px;
	padding-bottom: 6px;
}
#menu ul li {
	color: #0e224d;
	background: linear-gradient(to bottom, #E5E6FF, #A59FFF);
	border: 1px solid #000099;
	border-radius: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	transition: all 0.25s ease;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-left: 5px;
	position: relative;
	z-index: 999;
}
#menu ul li:hover {
	background: linear-gradient(to bottom, #01af1b, #1dd862);
	box-shadow: 0px 0px 15px 0.45px #787d7a;
	/*border-color: none;*/
}
#menu ul li:hover ul {
	visibility: visible;
	opacity: 1;
}
#menu ul li:active ul {
	visibility: visible;
	opacity: 1;
}
#menu a:link {
	color: #0e224d;
	TEXT-DECORATION: none;
}
#menu a:hover {background-color: transparent;}
#menu a:visited { color: #0e224d; }
#menu a:active { color: #FF0000; }

/* ------------------------------------------------------------------- Tabellendesign */

.box_info {
	border-radius: 10px;
	box-shadow: 5px 5px 4px #888;
	background-color: #D6D5FF; 
	border: #000066 2px solid;
	border-bottom: 2px solid;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	overflow: auto;
	width: 400px;
	
	margin-right: auto;
	margin-left: auto;
}

.tab_rahmen {
	border-spacing: 0px 0px;
	border-radius: 10px;
	box-shadow: 5px 5px 4px #888;
	background-color: #A59FFF; 
	border-top: #000066 2px solid;
	border-bottom: #000066 2px solid;
	border-left: #000066 2px solid;
	border-right: #000066 2px solid;
	padding-top: 3px;
	padding-bottom: 3px;
	
	/* center Tabelle im Text */
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.tab_header {
	border-bottom: #000066 1px solid;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	height:25px;
	font-weight: bold;
	color:#600;
}

.tab_spalten1 {
	background-color:#BAB7FF;
	border-right: #000066 1px solid;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px;
	font-weight:normal;
	color:#600;
	text-align:center;
	border-bottom: #000066 1px solid;
	/*z-index: 2;*/
}
.tab_spalten2 {
	background-color:#BAB7FF;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px;
	font-weight:normal;
	color:#600;
	text-align:center;
	border-bottom: #000066 1px solid;
}