body        { color: white; background-color: #6699CC;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 75%;
                 cursor: default;
                 text-transform: lowercase; }

   .header     { color: #006699; background-color: white;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 75%; font-weight: bold; text-transform: lowercase; }

   .header .highlight { color: #FF6600; }

   .title      { color: white; background-color: #FF6600;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 66%; font-weight: bold; text-transform: lowercase; }

   #menu       { color: #DDDDDD; background-color: #006699;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 66%; font-weight: bold;
                 padding-left: 20px; font-variant: small-caps; }
   #menu-swing { background-color: #006699; text-align: right; }
   #date       { color: #006699; background-color: #FF6600;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 66%; font-weight: bold; text-transform: lowercase;
                 padding-left: 0px; padding-right: 15px; }

   #copyright  { color: #006699; background-color: #6699CC;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 60%; font-weight: bold;
                 text-align: center; text-transform: lowercase;
                 padding-left: 15px; }
   #copyright a { color: #99CCFF; text-decoration: none; }
   #copyright a:hover { text-decoration: underline; }

   #content    { font-size: 100%; }

   h1          { font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 150%; margin-bottom: 10px; }
   h2          { font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 130%; }

   a           { color: #DDDDDD; text-decoration: underline; }
   a:hover     { color: #FF9933; text-decoration: underline; }


   .stat       { font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 100%;
                 text-align: left;
                 margin: 0px; padding: 0px;
                 border-style: solid; border-width: 1px; border-color: #006699;
                 border-collapse: collapse;
                 text-transform: lowercase;
               }
   .stat th    { color: white; background-color: #006699;
                 font-size: 100%; text-align: center;
                 padding-left: 2px; padding-right: 2px;
                 height: 25px; }
   .stat th a  { text-decoration: none; color: #DDDDDD }
   .stat th.highlight   { color: #6699CC; }
   .stat th.highlight a { color: #6699CC; }
   .stat th.highlight a:hover { color: #FF9933; }
   .stat th.simple    { font-weight: normal; font-size: 85%; }

   .stat tr.highlight { background-color: #4488BB; }
   .stat td       { padding-left: 15px; padding-right: 15px;
                    height: 20px; }
   .stat td a     { color: #DDDDDD; }
   .stat td.nr    { padding-left: 5px; padding-right: 5px;
                    text-align: center; }
   .stat td.top   { font-weight: bold; color: #FFBBBB; text-align: center; }
   .stat td.average { color: #FFBBBB; text-align: center; }
   .stat td.bad   { text-align: center; }
   .stat td.top a { font-weight: bold; color: #FFBBBB; }
   .stat td.top a:hover { color: #FF9933; }

   .stat td.brettpunkte { text-align: right; padding-right: 20px; }
   .stat td.sonneborn   { text-align: right; padding-right: 60px; }
   .stat td.effizienz   { text-align: right; padding-right: 30px; }
   .stat td.punkte      { text-align: left;  padding-left:  30px; }
   .stat td.dwz         { text-align: right; padding-right: 20px; }

   table         { text-transform: lowercase; }
   td.info       { font-weight: bold; text-align: right; }

   .news         { text-transform: none; }
   .news .source { color: #DDDDDD;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: 66%; font-weight: bold;
                   height: 25px; padding-left: 20px; padding-top: 25px; }
   .news .text p { color: white;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: 80%;
                   text-indent: 20px; text-align: justify;
                   margin-top: 0px; margin-bottom: 7px; }
   .news hr    { color: #006699; }

   #impressum  { text-align: justify;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 100%; }

   .normal     { color: white;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 80%;
                 text-align: justify; }

   span.highlight { color: #FFBBBB; font-weight: bold; }

   input       { border: 1px solid black; }
   select      { border: 1px solid black; background: #CCCCCC; }