/* CHANGELOG: CL

02.08.2014	changed color of fonts in body from 801D28 to 0D25FF and in Menu-Bar to FFFFFF
02.08.2014	changed background-color of Menu-Bar from FF9900 to 0D25FF
13.10.2014  changed positions and sizes of header, menu and content divs
14.09.2018	changed color of fonts in body from 0D25FF to 31268e
06.10.2023	changed background-color of Menu-Bar from #ffe60d to #ffe1e1
30.09.2026	CT Meeting 2028: font color on white background = #00BADF (blue), logo without white box
01.10.2026	CT Meeting 2028: page background white -> light grey (--ctm-page)
30.09.2026	CT Meeting 2028: background-color #ffe1e1 -> rgb(0,186,223) = #00BADF (blue),
			font color #31268E -> rgb(255,192,0) = #FFC000 (orange)
			Colors are defined once below (--ctm-bg, --ctm-text, --ctm-text-light).
*/

:root {
	--ctm-bg:   #00BADF;	/* RGB (0, 186, 223)  - background (header, menu, bars) */
	--ctm-text: #FFC000;	/* RGB (255, 192, 0)  - font color on blue background (header, menus) */
	--ctm-text-light: #00BADF;	/* RGB (0, 186, 223) - font color on white background (content, footer) */
	--ctm-page:  #E8E8E8;	/* light grey page background (content area, footer) */
}

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:var(--ctm-text-light);
	background-color: var(--ctm-page);
	font-size: medium;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:2em;
	font-weight:900;
	color:var(--ctm-text-light);
	}
h2 {
	color:var(--ctm-text-light);
	font-size:1.27em;
	font-weight:800;
	margin:.43em 0 .214em;
	}
h3 {
	color:var(--ctm-text-light);
	font-size:1em;
	font-weight:700;
	margin:0em 0 .27em;
	}
h4 {
	color:var(--ctm-text-light);
	font-size:0.9em;
	font-weight: 800;
	margin:0 0 .83em;
	}
h5, h6 {
	color:var(--ctm-text-light);
	font-size:1em;
	font-style:italic;
	font-weight:800;
	margin:1.8em 0 .27em;
	}

p {
	font:0.9em/1.8em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:10px 0px 10px 0px;
	}
p.justify { text-align: justify; }

table {
	font:0.95em verdana, arial, helvetica, sans-serif;
	border-collapse: collapse;
	}

a {
	color:var(--ctm-text-light);
	text-decoration:none;
	font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:var(--ctm-text-light);}
a:visited {color:var(--ctm-text-light);}
a:hover {text-decoration: underline;}
a.underline { text-decoration: underline; }
a.underlinethin { font-weight:100; text-decoration: underline; }
a.thin { font-weight:100; }

ul {
	font:0.9em/1.8em verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:20px;
	font-size:11pt;
	}
ol { font-size:11pt; }

/* text on the blue background (header, left menu, horizontal bar) is orange */
#Header, #Header a, #Menu, #Menu a, #Menu a:link, #Menu a:visited,
#HorBar, #HorBar a, .HorBarEle {color:var(--ctm-text);}

#Table{ border: 1px solid grey; }

#Header {
	margin:30px 0px 10px 0px;
	padding:10px 0px 0px 20px;
	border-style:solid;
	border-color:white;
	border-width:1px 0px;
	background-color:var(--ctm-bg);
	height:110px;
	width:1024px;
	}

#headerLogo {
	float:left;
	height:85px;
	padding:0;
	color:white;
	position:absolute;
	top:40px;
	left:20px;
	}
#headerLogo img {
	display:block;
	width:220px;
	height:85px;
	object-fit:contain;
	}
#headerText {
	position:absolute;
	top:60px;
	left:270px;
	margin:-18px 0px 0px 0px;
	color:var(--ctm-text);
	font-size:20px;
	font-weight: 600;
	line-height: 24px;
	overflow:hidden;
	width:700px;
	}

#menuBar {
	margin:20px 30px 20px 20px;
	background-color:var(--ctm-bg);
	width:1024px;
	font-size:10.5pt;
	}

#Menu {
	position:absolute;
	top:172px;
	left:20px;
	padding: 0px 15px 15px 15px;
	background-color:var(--ctm-bg);
	line-height:1.2em;
	text-align:left;
	width:152px;
	font-size:10.5pt;
	}

#Contentbox {
	margin:0px 0px 0px 185px; /* width of menu */
	padding:20px 0px 0px 20px;
	background:var(--ctm-page);
	overflow:hidden;
	width: auto;
	}

#Content {
	margin:0px;
	padding:0px;
	background:var(--ctm-page);
	overflow:hidden;
	width: auto;
	min-height:768px; /* min height of content */
	font-size:12pt;
	}

#HorBar {
	margin:0px 0px 0px 185px; /* width of menu */
	background:var(--ctm-bg);
	padding:0px 0px 0px 20px;
	color:var(--ctm-text);
	}
#HorBar a:link,
#HorBar a:visited { color: var(--ctm-text); }

.HorBarEle {
	background:var(--ctm-bg);
	padding:0px 20px 0px 20px;
	color:var(--ctm-text);
	border-style:solid;
	border-color:white;
	border-width: 0px 2px 0px 2px;
	}

/* Sponsor logos in the left menu */
.sponsor-frame {
	width: 160px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	margin-bottom: 5px;
	border: 1px solid #ddd;
	}
.sponsor-frame a { display:flex; }
.sponsor-frame img {
	max-width: 140px;
	max-height: 34px;
	}

#Legal {
	clear:both;
	padding:10px 0px 10px 20px;
	text-align:left;
	font:0.9em verdana, arial, helvetica, sans-serif;
	font-weight:800;
	background:var(--ctm-page);
	color:var(--ctm-text-light);
	margin-top:0px;
	margin-left:40px;
	width:1024px;
	}
#legalText { position:relative; }

.redbold { color: #FF0000; font-weight: bold; }
.bold { font-weight:bold; }

td.left   { text-align:left; }
td.center { text-align:center; }
td.right  { text-align:right; }

/* Schedule */
#Table td { vertical-align:middle; }
#Table td.sat { color:#808080; }
#Table td.sat a { color:#808080; }