/* version 9.04 */
:root{
--ani:0.5s;
--stdtex:16px;
--stdcolor:black;
--stdback:#efefef;
--stdfamily:Arial, Verdana, sans-serif;
}
.fadein {
 opacity:1;
 transition: opacity var(--ani);
}
/* free single letter html-tags ('<?>'):
.. e, f, g,.. j, k, l, m, n, o..r, s, t..v-z */
body,.body{
 font-family:var(--stdfamily);
 font-size:var(--stdtex);
 color:var(--stdcolor);
 background-color:var(--stdback);
 margin:0px;
 position:absolute;
 width:100%;
 height:100%;
 top:0px;
 left:0px;
}
.skin1 {
 background-color:#444;
 color:white;
}
.skin0 {
 background-color:#eee;
 color:black;
}
ge {
 color:yellow;
}
black {
 color:black;
}
blue{    //blue foreground
color:#00ccff;
}
red{   /*red*/
 color:#f00
}
ob{ /*blue*/
 font-weight: bold;
 --rel:calc(16/20);
 font-size:calc(var(--stdtex)/var(--rel));
 color:#4238ff;
}
m,o,r,v,w,x,y,z{
 font-weight: bold;
/* --rel:calc(16/20);*/
 font-size:var(--stdtex));
} 
m{ /*red*/
 color:red;
}
o{ /*blue*/
 color:#00ccff;
}
r{ /*orange*/
 color:rgb(200,128,0);
}
v{ /*white*/
 color:#ffffff;
}
w{ /*green*/
 color:#00cc00;
}
x{ /*red*/
 color:OrangeRed;//#cc0000;
}
y{ /*blue*/
 color:#0033cc;
}
z{ /*black*/
 color:black;
}
.helpgreen{
 padding: 1px 10px 1px 20px;
 color:#006633;
 font: bold 13px;
}
.helpred{
 padding: 1px 10px 1px 20px;
 color:#660000;
 font: bold 13px;
}
.helpblack{
 padding: 1px 10px 1px 20px;
 color:black;
 font: bold 13px;
}
.left{float:left;}
.center
{
width:10%;
    display: table;
    margin: 0 auto;
}
.bmenu,.lmenu,.smenu,.smenusel,.smenushown{
 font-weight: bold;
 --rel:calc(16/12);
 font-size:calc(var(--stdtex)/var(--rel));
} 
.bmenu,.lmenu{
 background-color:#444;
 color:white;
} 
.smenu,.smenusel,.smenushown{
 padding: 5px 10px 5px 20px;
} 
/*
.bmenu{
 vertical-align:top;
}
.lmenu{
 background-color:#404040;
 color:white;
 font: bold 12px arial,verdana;
}
*/
.smenu{
 color:white;
}
.smenusel{
 color:#00FF00;
}
.smenushown{
 color:#cc6600;
}
.black {
 color:black;
}
.white {
 color:white;
}
.orange {
 color:Darkorange;
}
.blue {
 color: blue;
}
.green {
 color: green;
 }
 .red {
 color: OrangeRed;
 }
.small14{--rel:calc(16/14);}
.small12{--rel:calc(16/12);}
.small10{--rel:calc(16/10);}
.small14,.small12,.small10{
 font-weight: normal;
 font-size:calc(var(--stdtex)/var(--rel));
}
a.menu { width:100%; margin-top:4px; color:white; background-color:#666;padding:10px;display:block;}
a.menu:link    { color:#ccc; background-color:#adadad; border:3px solid #000; text-decoration:none; }
a.menu:visited { color:#ccc; background-color:#adadad; border:3px solid #000; text-decoration:none; }
a.menu:hover   { font-weight:bold; color:#000; background-color:#ffff66; border:3px solid #cccc44; text-decoration:none; }
a.menu:active  { font-weight:bold;color:#000; background-color:#66ff66; border:3px solid #000; text-decoration:none; }
.forms {
 background-color: #E4F8FA;
 font: normal 12px arial,verdana;
 padding: 3px;
 border: 1px solid #CAE4FF;
}
.myaccount {
 background-color: #E4F8FA;
 font: normal 12px arial,verdana;
 padding: 2px 5px;
 border: 1px solid #CAE4FF;
}

a {
color: #03c;
}
p {
 font-weight:normal;
 font-size:var(--stdtex);
}
.vbig{
 --rel:calc(16/24);
 font-size:calc(var(--stdtex)/var(--rel));
} 
.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;
 }
.normal {
font: normal 16px arial,verdana;
padding: 2px;
margin: 2px;
float: left;
 }
.nachricht {
font: normal 16px arial,verdana;
 color: #040;
} 
 .titlehdr {
 font: normal 22px arial, verdana;
 color: #c00;
 border-bottom: 1px solid #c00;
 }
 .stars {
 font: bold 20px arial, verdana;
 color: #087A18;
 }
 .transbold{
 font: bold 18px arial, verdana;
 color:yellow;
 background-color:transparent;
 border:none;
 }
 .mygreen {
 font: normal 16px arial, verdana;
 color: #087A18;
 }
 .mygreenbold {
 font: bold 18px arial, verdana;
 color: #087A18;
 }
.mygreenhigh {
 font: normal 16px arial, verdana;
 color: #087A18;
 background-color: #FFC601; 
 }
.mygrhigh,.mygrhighb {
 font: normal 16px arial, verdana;
 color: white;
 background-color: green;
 }
 .mygrhighb {
  font-weight:bold;
  background-color: greenyellow;
  color:black;
 } 
.mygray {
 font: normal 16px arial, verdana;
 color: black;
 background-color: lightgray;
 }
 .myredbold {
 font: bold 18px arial, verdana;
 color:red;
 }
.myredhigh,.mytomato {
 font: normal 16px arial, verdana;
 color: white;
 background-color: red;
 }
 .mytomato{
  background-color:tomato;
 } 
.mylilahigh {
 font: normal 16px arial, verdana;
 color: white;
 background-color: #cc3399;
 }
.myorangehigh {
 font: normal 16px arial, verdana;
 color: black;
 background-color: #E0CB00;
 }
 .myblue {
 font: normal 16px arial, verdana;
 color: #00c;
 }
.mybluebold {
 --rel:calc(16/18);
 font-size:calc(var(--stdtex)/var(--rel));
 font-weight:bold;
 color: #00c;
 }
.mybluehigh {
 font: normal 16px arial, verdana;
 color: white;
 background-color: #009;
 }
.mygelbhigh,mygelbhigh1 {
 font: bold 16px arial, verdana;
 color: black;
 background-color:yellow;
}
.mygelbhigh1{
 vertical-align:60%;
 }
 .myred {
 font: normal 16px arial, verdana;
 color: #c00;
 }
 .myblack {
 font: normal 16px arial, verdana;
 color: #000;
 }
 .myblackbold{
  font: bold 16px arial, verdana;
  color:black;
 }
 .mywhite {
 font: normal 16px arial, verdana;
 color: #fff;
 }
 .mywhitebold {
 font: bold 18px arial, verdana;
 color: #fff;
 }
.redstars {
 font: bold 16px arial, verdana;
 color: #c00;
 }
 .mathblue {
 font: normal 18px arial, verdana;
 color: #0000C0;
 }
 .smallgray {
 font: normal 8px arial, verdana;
 color: #777777;
 }
.biggray {
 width: 150px;
 font: bold 12px arial, verdana;
 color: #777777;
 float: left;
 }
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
.math {
padding: 5px;
width: 300px;
margin: 2px;
color: #00c;
border: 1px solid #00c;
background-color: #E0E0ED;
font: bold 16px  verdana;
}

.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 12px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}
.newid{
font:14px arial;
cursor:pointer;
}
.butt{
font:bold 14px arial;
cursor:pointer;
}
.blinker {
  animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;
}
@keyframes blinker {to{opacity:0;}}