/*#########################################################################################*/


@media (prefers-color-scheme: dark) {
.board {
/*background-color: #F4F4F4;*/
background-image: linear-gradient(to right, #999999,#4C4C4C,#999999); 
padding: 3px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
max-width: 600px;
box-shadow: 2px 2px 2px #CCCCCC;
}
.board1 {
background-color: #F4F4F4;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 600px;
}
.oben {
padding: 10px;
margin: 10px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #333333;
box-shadow: -1px -1px #CCCCCC;
}
.oben2 {
padding-top: 10px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #333333;
box-shadow: -1px -1px #CCCCCC;
}
.unten {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #4C4C4C;
box-shadow: -1px -1px #CCCCCC;
margin-top: 10px;
}
.unten1 {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #4C4C4C;
box-shadow: -1px -1px #CCCCCC;
margin-left: 3px;
margin-right: 3px;
}
.unten2 {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #666666;
box-shadow: -1px -1px #CCCCCC;
margin-left: 3px;
margin-right: 3px;
margin-top: 10px;
margin-bottom: 3px;
}
a.ds {
color: #666666;
text-decoration: none;
}
a.ds:hover {
color: #999999;
text-decoration: none;
}
#foo {
text-align: center;
border-top: 1px solid #CCCCCC;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #4C4C4C;
margin-top: 5px;
padding-top: 6px;
}
.link {
cursor: pointer;
font-size: 110%;
color: #808080;
}
.mon {
border: 1px dashed #9C9C9C;
}
a.aeinst {
color: #AAAAAA;
text-decoration: none;
}
a.aeinst:hover {
color: #AAAAAA;
font-weight: bold;
text-decoration: none;
}
#enav {
cursor: pointer;
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
background-color: #FFFFFF;
background-image: linear-gradient(#F3F3F3, #CFCFCF);
margin-left: 10px;
margin-right: 10px;
box-shadow: 3px 3px 7px #888888;
color: #000000;
}
#lqu {
border: 1px solid #9C9C9C;
border-radius: 10px;
padding: 5px;
background-color: #4C4C4C;
font-size: 80%;
}
#st1 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #006600;
background-color: #282828;
}
#st2 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FFFF00;
background-color: #282828;
}
#st3 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FFAA00;
background-color: #282828;
}
#st4 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FF0000;
background-color: #282828;
}
#st5 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FF00CC;
background-color: #282828;
}
.fa1 {
color: #006600;
background-color: #000000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa2 {
color: #00CC00;
background-color: #000000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa3 {
color: #FFFF00;
background-color: #000000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa4 {
color: #FFAA00;
background-color: #000000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa5 {
color: #FF0000;
background-color: #000000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.tdtab {
width: 100px;
border: 1px solid #000000;
}
#tlink {
text-decoration: none;
color: #CCCCCC;
}
.studat {
width: 44px;
display: inline-block;
color: #191919;
}
.ctemp {
vertical-align: middle;
height: 96px;
display: inline-block;
color: #CCCCCC;
padding-bottom: 20px;
}
.current {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
color: #FFFFFF;
}

#pass {
width: 206px;
height: 30px;
border: 2px solid #CCCCCC;
border-radius: 10px;
padding-right: 28px;
padding-left: 12px;
}
.augd {
position: absolute;
top: 2px;
right: 4px;
min-width: unset;
min-height: unset;
height: 32px;
width: 32px !important;
border-radius: 10px;
background-color: #FFFFFF;
color: #8F8F8F;
overflow: hidden;
border: 0;
padding: 0;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.pwdrot {
color:red;
background-color: #CCCCCC;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
.pwdgreen {
color:green;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
.pwdorange {
color:orange;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
.menbutt {
border: 1px solid #BFBFBF;
  border-radius: 10px;
  padding: 5px;
  background-color: #FFFFFF;
  background-image: linear-gradient(#F8F8F8, #DCDCDC);
  cursor: pointer;
  margin-top: 10px;
  box-shadow: 3px 3px 7px #888888;
  color: #000000;
}


	
	
	
	
	
}