@font-face {
 font-family: bo;
 src: url("/fonts/bo.eot") format("eot"), url("/fonts/bo.ttf") format("truetype");
}
@font-face {
 font-family: boi;
 src: url("/fonts/boi.eot")  format("eot"), url("/fonts/boi.ttf")  format("truetype");
}
@font-face {
 font-family: bob;
 src: url("/fonts/bob.eot") format("eot"), url("/fonts/bob.ttf") format("truetype");
}
@font-face {
 font-family: tgp;
 src:url("/fonts/tgp.eot") format("eot"), url("/fonts/tgp.ttf") format("truetype");
}
@font-face {
 font-family: tgpi;
 src: url("/fonts/tgpi.eot") format("eot"), url("/fonts/tgpi.ttf") format("truetype");
}
@font-face {
 font-family: tgpb;
 src: url("/fonts/tgpb.eot") format("eot"), url("/fonts/tgpb.ttf") format("truetype");
}
@font-face {
 font-family: lmm;
 src: url("/fonts/lmm.eot") format("eot"), url("/fonts/lmm.ttf") format("truetype");
}
@font-face {
 font-family: llr;
 src: url("/fonts/llr.eot") format("eot"), url("/fonts/llr.ttf") format("truetype");
}
@font-face {
 font-family: llb;
 src: url("/fonts/llb.eot") format("eot"), url("/fonts/llb.ttf") format("truetype");
}
@font-face {
 font-family: lli;
 src: url("/fonts/lli.eot") format("eot"), url("/fonts/lli.ttf") format("truetype");
}
@font-face {
 font-family: llm;
 src: url("/fonts/llm.eot") format("eot"), url("/fonts/llm.ttf") format("truetype");
}
@font-face {
 font-family: hanfried;
 src: url("/fonts/hanfried.eot") format("eot"), url("/fonts/hanfried.ttf") format("truetype");
}
@font-face {
 font-family: uc;
 src: url("/fonts/uc.eot") format("eot"), url("/fonts/uc.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url("/fonts/Raleway200.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url("/fonts/Raleway400.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: local("Raleway Medium"), local("Raleway-Medium"), url("/fonts/Raleway500.ttf") format("truetype");
}
:root {
    --bg-color: white;
    --t-color: black;
    --emph-color: #001a66;
    --img-border: white;
    --topmenuA: #0033cc;
    --topHoverBG: #edf6ff;
    --topAltHoverBG: #fffced;
    --subHoverBG: #f0f0f0;
    --subHover2BG: #e0e0e0;
    --Abg: #deeeff;
    --AsubBG: #dddddd;
    --AAltBG: #fffade;
    --alt-color: black;
    --oddAufg: #e7e7e7;
    --evenAufg: #edf6ff;
    --aufgBorder: steelblue;
    --gray: #707070;
    --warn: #ff9c9c;
}
@media (prefers-color-scheme: dark) {
    :root {
    --bg-color: #222222;
    --t-color: white;
    --emph-color: #cee5ff;
    --img-border: white;
    --topmenuA: white;
    --topHoverBG: #edf6ff;
    --topAltHoverBG: #998100;
    --subHoverBG: #dddddd;
    --subHover2BG: #101010;
    --Abg: #003066;
    --AsubBG: #333333;
    --AAltBG: #665600;
    --alt-color: black;
    --oddAufg: #303030;
    --evenAufg: #404040;
    --aufgBorder: steelblue;
    --gray: #707070;
    --warn: #ff9c9c;
    }
}    
:root {
    background-color: var(--bg-color);
    color: var(--t-color);
}
BODY{font-family: "llr",Palatino,Times,serif;font-size:110%;}
H1, H2, H3, H4, H5, H6{font-family: "bob",Helvetica,Arial,Univers,sans-serif;font-weight: normal;}
h6 {font-size: 1em;}
h5 {font-size: 1em;}
h4 {font-size: 1em;}
h3 {font-size: 1.2em;}
h2 {font-size: 1.4em;}
h1 {font-size: 1.7em;}
HR{color: rgb(0,128,128); background-color: var(--bg-color)}
DD LI P {margin-top: 2pt;margin-bottom: 2pt;text-indent: 1.5em;}
LI.bib {list-style-type: none;padding-left: 0ex;text-indent: -1.5em;}
DD {margin:0;padding: 0 0 0.5em 1.5em;}
DD.lessindent {margin:0;padding: 0 0 0.5em 0.5em;}
DT {font-family: bob;font-weight:normal;}
dt.dl {float:left;clear:left;font-family:llr;padding-right: 1ex;}
dt.dll {font-family:llr;}
dl dl dt {font-family:llr;font-style:italic;}
PRE {margin-left: 4em}
A{color: var(--emph-color); text-decoration: none;}
A:hover {text-decoration: underline;}
.tlink {text-decoration:none;}
.tlink:hover {text-decoration:none;}
.standard{text-decoration:none;color: var(--emph-color);background-color:var(--Abg)}
.standard:hover {text-decoration:none;}
B{color: var(--emph-color);font-family: "llb",Helvetica,Arial,Univers,sans-serif;}
TH{font-family: "bob",Helvetica,Arial,Univers,sans-serif;font-weight:normal;}
strong{font-family: "llb",Helvetica,Arial,Univers,sans-serif;font-weight:normal;}
.bob { font-family: "bob";font-weight: normal;}
ADDRESS{color: var(--emph-color);}
I{color: var(--emph-color);font-family: "lli";font-style:normal;}
EM{font-family: "lli";font-style:normal;}
CODE, KBD, PRE, SAMP, VAR{color: var(--emph-color);  font-size: 90%;font-family: "lmm", "courier new",Courier,monospace}
KBD{text-transform: uppercase}
VAR {font-style: italic;font-family: "lli";font-style:normal;}
IMG{border-color: var(--img-border);}
IMG.floatLeft { float: left; margin: 4px}
IMG.floatRight { float: right;margin: 4px}
IMG.floatRightOK { float: right;margin: 4px}
BR.clearbr { clear: left}
TD {text-align: left;padding-left: 4px; padding-right: 4px}
.main {position: relative;left: 15%;width: 83%;margin-left: 2%; }
.mainG {position: absolute;left: 15%;right: 260px;margin-left: 2%;margin-top: 2%; margin-right: 2%;}
/* give the body some margins for menus */
.submenu, .submenu:hover, .submenuA, .submenuA:hover, 
.topmenu, .topmenuA, .topmenuA:hover, .topmenu:hover, 
.topmenuAlt, .topmenuAltA, .topmenuAltA:hover, topmenuAltA:hover 
      {color: var(--topmenuA); font-size: 90%;  margin-bottom: 2pt; list-style-type: none;text-decoration: none; font-family: "Raleway", sans-serif; font-weight: 500;}
.submenu {background-color: var(--AsubBG); }
.submenu:hover
 {background-color:var(--Abg);}
.topmenu { background-color: var(--Abg); }
.topmenuAlt { background-color: var(--AAltBG); }
#container {
    width:100%;
    margin:20px auto;
    position:relative;
}
#title {
	position:relative;top:0px;
	height:80px;
}
#title1 {
    color: var(--t-color);
   position:absolute; 
   top:0px;left:0px;
   font-family: "Raleway", Helvetica,Arial,Univers,sans-serif; font-size: 50px;
   font-weight: 200;;
}
#title2 {
	position:absolute;
	top:8px;right:0pt;
	text-align:right;
	font-family:"bo", Helvetica,Arial,Univers,sans-serif;
	font-size:16px;
}
#titleBiz {
   vertical-align:middle;
   font-family:"Raleway", Helvetica,Arial,Univers,sans-serif;
   font-weight: 200;
}
div.submenu {padding: 0ex .5ex .5ex 1.5ex}
div.topmenu, div.topmenuAlt {padding: .5ex .5ex .5ex .5ex}
div.topmenu:hover, div.topmenuAlt:hover {font-weight: 600; background-color: var(--topHoverBG);color: var(--alt-color);}
div.topmenu:hover {background-color: var(--topHoverBG);}
div.topmenuAlt:hover {background-color: var(--topAltHoverBG);}
div.submenu:hover {font-weight: 600; background-color: var(--subHoverBG);color: var(--alt-color);}
span.submenu {padding: 0ex .5ex .5ex 1.5ex; display: block;}
span.topmenu, div.topmenuAlt {padding: .5ex .5ex .5ex .5ex; display: block;}
span.topmenu:hover, div.topmenuAlt:hover {font-weight: 600; background-color: var(--topHoverBG);color: var(--alt-color);}
span.topmenu:hover {background-color: var(--topHoverBG);}
span.topmenuAlt:hover {background-color: var(--topAltHoverBG);}
span.submenu:hover {font-weight: 600; background-color: var(--subHoverBG);color: var(--alt-color);}
.ink {background-color:var(--t-color);height:0px;border-style:solid;border-width:1px;border-color:var(--t-color)}
.inputSel {border: 3px solid var(--topmenuA); color: var(--topMenuA); background-color:var(--Abg); border-radius: 5px; padding: .5ex 2ex .5ex 2ex}
.input {border: .1px solid var(--topmenuA); color: var(--topmenuA); background-color:var(--AsubBG); border-radius: 5px; padding: .5ex 2ex .5ex 2ex}
.center {text-align: center}
.centerTable { margin: 0px auto; }
.warn, .warning, .warningnp, warningcut { color: var(--t-color); background-color: var(--warn); }
.warning{padding: 1ex 1ex 1ex 1ex}
.warningcut{text-decoration: line-through;}
.footer{color: var(--t-color); background-color: var(--Abg);text-align: right;padding: 1ex 1ex 1ex 1ex}
.odd{color: var(--t-color); background-color: var(--oddAufg)}
.even{color: var(--t-color); background-color: var(--evenAufg);}
.bluebg{color: var(--t-color); background-color: var(--Abg)}
.bluebg2{color: var(--t-color); background-color: var(--oddAufg);width: 100%;}
.bluebg0{color: var(--t-color); background-color: var(--evenAufg);width: 100%;}
.small{font-size:60%;}
.smallodd{background-color: var(--AAltBG);font-size:60%;}
.neutral{background-color: var(--bg-color);}
.framed{background-color: var(--bg-color);border:1px solid var(--aufgBorder);}
.oddaufg{background-color: var(--oddAufg);border:1px solid var(--aufgBorder);}
.evenaufg{background-color: var(--evenAufg);border:1px solid var(--aufgBorder);}
.oddaufgwrong{background-color: var(--AAltBG);border:1px solid var(--aufgBorder);}
.evenaufgwrong{background-color: var(--AAltBG);border:1px solid var(--aufgBorder);}
.gray{color: var(--gray); background-color: var(--bg-color)}
.head{color: var(--t-color); padding: 0ex 0ex 0ex 0ex; text-decoration: none}
.header{text-align: center;left: 20%}
.headerUJ{top:40px;right:0px;}
.headerME{top:00px;right:0px;}
.headerLS{top:0px;right:0px;}
.headerFAC{top:20px;right:0px;}
.oldcode {font-family: "uc",Courier,monospace;font-size:80%;line-height:150%;}
div.menu {position: absolute;width: 15%;height: auto; margin: 0 0 0 0; font-family: "bo", Helvetica,Arial,Univers,sans-serif;}
div#graph {float: right; width: 240px; margin: 0 0 0 0; padding: 10px;background-color: var(--Abg);}
ul.menu { margin-left: auto;margin-right: auto; margin: .2ex 0 0 0; padding: 0 0 0 0}
img.noprint { border-width: 0px}
@media print {
       .main {position: relative;left: 0%;width: 94%;margin-left: 2%; }
	img.floatRight, floatRightOK, img.noprint, div.menu, a.morish { display: none ; }
	A, ACRONYM {text-decoration: none; border-bottom-width: 0;}
	.main {position: static;float: none; left: 1em;text-align: justify;}
	.submenu {margin-left: 2ex; list-style: disc}
	.topmenu {list-style:  disc}
	.footer, .bluebg, .head, .bluebg {}
	:root{
    --bg-color: white;
    --t-color: black;
    --emph-color: black;
    --img-border: white;
    --topmenuA: red;
    --topHoverBG: white;
    --topAltHoverBG: white;
    --subHoverBG: white;
    --subHover2BG: white;
    --Abg: white;
    --AsubBG: white;
    --AAltBG: white;
    --alt-color: black;
    --oddAufg: white;
    --evenAufg: white;
    --aufgBorder: black;
    --gray: #707070;
    --warn: #ff9c9c;
    background-color: var(--bg-color);
    color: var(--t-color);
	}
}
@media (min-width: 1100px) {
#container {
    width:1100px;
    margin:20px auto;
    position:relative;
}
}
@media (max-width: 1000px) {
img.resize {width:180px; height:auto;}
img.floatRightOK {width:120px; height:auto;}
div#graph {width: 180px;}
.mainG {right: 190px;}
}
@media (max-width: 828px) {
img.resize {width:120px; height:auto;}
img.floatRightOK {width:100px; height:auto;}
div#graph {width: 120px;}
.mainG {right: 125px;}
#title { height:113px; }
#title1 { font-size: 35px; }
#title2 { top: 40px; right:0;text-align:left; }
h6 {font-size: 1em;}
h5 {font-size: 1em;}
h4 {font-size: 1em;}
h3 {font-size: 1.1em;}
h2 {font-size: 1.2em;}
h1 {font-size: 1.4em;}
}
@media (max-width: 600px) {
div#graph {display: none;}
img.floatRightOK {width:50px; height:auto;}
.mainG {right: 0px;}
#title1 { font-size: 20px; }
#title2 { top: 25px; right:0;text-align:left; }
div#logoleft {display: none;}
h6 {font-size: 1em;}
h5 {font-size: 1em;}
h4 {font-size: 1em;}
h3 {font-size: 1em;}
h2 {font-size: 1.1em;}
h1 {font-size: 1.2em;}
}