h1 {font-size:24px; font-family:arial; font-weight:normal; font-style:normal; color:#FFFFFF; text-align:center; font-weight:bold;            margin-top:5px;}
h2 {font-size:18px; font-family:arial; font-weight:normal; font-style:normal; color:#FFFFFF; text-align:center; font-weight:bold;}

p  {font-size:14px; font-family:arial; font-weight:normal; font-style:normal; color:#F8C56C; margin-top:5px;}

 .tabelle {font-size:14px; font-family:arial; font-weight:normal; font-style:normal; color:#FFFFFF;}
 .td {color:#00FF00;}
 
 .small {font-size:12px;}
 .verysmall {font-size:10px;}
 .bigdistance {margin-top:15px;}
 .distance {margin-top:5px;} 
 .white {color:#FFFFFF;}
 .yellow {color:#FFFF00;}
 .gold {font-size:16px; font-family:arial; font-weight:normal; font-style:normal; color:#EBE6C0;} 
 .orange {color:#FFCE10;}
 .green {color:#00FF00;}
 .grey {color:#BCBCBC;}
 .bluetext {color:#4D86FB; font-size:12px; font-family:verdana; font-weight:bold; font-style:italic;}
 .deco  {font-size:22px; font-family:verdana; font-weight:bold; font-style:italic; background:#4D86FB; color:#000000; border:2px solid #4D86FB;}
 .strong {font-weight:bold;}

#blackbox {background-color:#000000; border-right:2px solid #000000; border-bottom:2px solid #000000;}

#woodbox {background-image:url("grafic/backgroundwood2.jpg"); border-right:2px solid #000000; border-bottom:2px solid #000000; box-shadow: 10px 10px 25px #000000;}

#greybox {background-image:url("grafic/backgroundwoodg.jpg"); border-right:2px solid #000000; border-bottom:2px solid #000000; box-shadow: 10px 10px 25px #000000;}

 a:link {color:#FFFF00; text-decoration: underline; font-weight:bold;}
 a:visited {color:#FFFF00; text-decoration: none; font-weight:bold;}
 a:hover {color:#FF0000; text-decoration: underline; font-weight:bold;}
 a:active {color:#FF0000; text-decoration: none;font-weight:bold;}
 a:focus {outline:none;}

 a.b:link, a.b:visited, a.b:hover, a.b:active
 {
 font-family:Arial;
 font-size:14px;
 text-align:center;
 text-Decoration: none;
 padding:3px;
 margin-bottom:0px;
 margin-right:5px;
 }
 a.b:link, a.b:visited
 {
 color:#000000;
 background-color:#bcbcbc;
 border-left:2px solid #efefef;
 border-top:2px solid #efefef;
 border-right:2px solid #000000;
 border-bottom:2px solid #000000;
 }
 a.b:hover, a.b:active
 {
 color:#ffffff;
 background-color:#5555aa;
 border-left:2px solid #efefff;
 border-top:2px solid #efefff;
 border-right:2px solid #000055;
 border-bottom:2px solid #000055;
}


 a.c:link {font-size:12px; color:#FFFF00; text-decoration: underline; font-weight:bold;}
 a.c:visited {font-size:12px; color:#FFFF00; text-decoration: none; font-weight:bold;}
 a.c:hover {font-size:12px; color:#FF0000; text-decoration: underline; font-weight:bold;}
 a.c:active {font-size:12px; color:#FF0000; text-decoration: none;font-weight:bold;}

.hand {cursor: pointer; text-align: right;}
.clearfix::after{content:"";display:table;clear:both}