<style type="text/css">

.deffont {  font-family: Verdana, Arial; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}

.textinput {
  font-size: 6vw;
  text-align: center; 
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
}

.left, .right {
  width: 10%;
}

.middle {
  width: 60%;
}

.col1 {
 width: 38%;
 background-color: #444444;
}

.col2 {
 width: 30%;
 background-color: #552222;
 text-align: center;
}

.col3 {
 width: 20%;
 background-color: #225522;
 text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.top1 {
  background-color: #111111;
  margin: 10px;
  padding: 10px;
  color: #ff0000;
  font-size: 4vw;
}

.top2 {
  display: flex;
  background-color: #333333;
  color: black;
  margin: 10px;
  padding: 10px;
  color: #ffffff;
  font-size: 5.5vw;
}

.top3 {
  background-color: #333333;
  color: black;
  margin: 10px;
  padding: 10px;
  color: #ffffff;
  font-size: 6vw;
}

.top4 {
  color: black;
  margin: 5px;
  padding: 5px;
  color: #ffffff;
  font-size: 3.5vw;
}

.deingabe {
  background-color: #ffff66;
  color: black;
  margin: 10px;
  padding: 10px;
  font-size: 6vw;
}

.dpunkte {
  background-color: #ffff66;
  color: black;
  margin: 10px;
  padding: 10px;
  font-size: 9vw;
  font-weight: bold;
}

.dpunktsum {
  background-color: #ffffff;
  color: black;
  margin: 10px;
  padding: 10px;
  font-size: 7vw;
  font-weight: bold;
}

.dbottom {
  background-color: #111111;
  color: black;
  margin: 10px;
  padding: 10px;
  color: #ff0000;
  font-size: 6vw;
}




 h1 {  font-family: Arial; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF}

ABC:link, ABC:visited 
    { font-family: Lucida Sans Unicode,Lucida Sans,Verdana,Arial; text-decoration: none; underline: none; color: #FF1522; font-weight: bold; font-size: 9pt}
ABC:hover 
    { font-family: Lucida Sans Unicode,Lucida Sans,Verdana,Arial; text-decoration: none; underline: none; color:#FFFFFF; font-weight: bold,300; background-color:#FF1522; font-size: 9pt}

.big1 {  font-family: Verdana, Arial; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}
.big2 {  font-family: Verdana, Arial; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #AA66AA}
.t1 {  font-family: Verdana, Arial; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}
.t2 {  font-family: Verdana, Arial; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF}
.t3 {  font-family: Verdana, Arial; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}
.t4 {  font-family: Verdana, Arial; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF}
.t5 {  font-family: Verdana, Arial; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}
.k1 {  font-family: Verdana, Arial; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}


.text1
    { font-family: Lucida Sans Unicode,Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: bold; font-size: 9pt}
.text2
    { font-family: Lucida Sans Unicode,Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: 300,bold; font-size: 9pt}
.text3
    { font-family: Lucida Sans Unicode,Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: 300,bold; font-size: 14pt}
.text4
    { font-family: Lucida Sans Unicode,Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: 300,bold; font-size: 9pt}
.red
    { font-family: Lucida Sans Unicode,Verdana,Arial; text-decoration: none; underline: none; color:#FFFFFF; background-color:#FF0000; font-weight: 300,bold; font-size: 8pt}



.link1
    { font-family: Verdana,Arial; text-decoration: none; underline: none; color:#ffffff; font-weight: normal; font-size: 9pt}
.link1:link, .link1:visited 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; color:#ffffff; font-weight: normal; font-size: 9pt}
.link1:hover 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; font-weight: normal; color:#000044; background-color:#FFFFFF; font-size: 9pt}

.link2
    { font-family: Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: 300,bold; font-size: 8pt}
.link2:link, .link2:visited 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; color:#000000; font-weight: 300,bold; font-size: 8pt}
.link2:hover 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; font-weight: normal; color:#FFFFFF; font-size: 8pt; background-color:#00AA00}

.link3
    { font-family:  Lucida Sans Unicode,Lucida Sans,Verdana,Arial; text-decoration: none; color:#002288; underline: none; font-weight: 300,bold; font-size: 9pt}
.link3:link, .link3:visited 
    { font-family:  Lucida Sans Unicode,Lucida Sans,Verdana,Arial; text-decoration: none; color:#002288; underline: none; font-weight: 300,bold; font-size: 9pt}
.link3:hover 
    { font-family:  Lucida Sans Unicode,Lucida Sans,Verdana,Arial; text-decoration: none; underline: none; font-weight: normal; color:#FFFFFF; font-size: 9pt; background-color:#FF0000}

.k2 {  font-family: Verdana, Arial; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff}
.link4
    { font-family: Verdana,Arial; text-decoration: none; underline: none; font-weight: 300,bold; font-size: 8pt; color: #FFFFFF }
.link4:link, .link4:visited 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; font-weight: 300,bold; font-size: 8pt; color: #FFFFFF }
.link4:hover 
    { font-family: Verdana,Arial; text-decoration: none; underline: none; font-weight: normal;  color:#000044; background-color:#FFFFFF; font-size: 8pt;}



</style>

<!--
A:link, A:visited 
    { font-family: Verdana,Arial; text-decoration: none; color:#000055; font-weight: bold;}
A:hover 
    { font-family: Verdana,Arial; text-decoration: underline: none; font-weight: bold; color:#3388AA;}
-->
