body              { font: 10pt sans-serif; color: black; word-wrap: normal; background-color: #ddf; }
h2                { font:        bold  1.4em sans-serif; color: blue; }

table.spacing0    { border-spacing: 0; }
table.padding0 td { padding: 0; }

a                 { color: blue; text-decoration: underline; }
a.neu             { padding-left: 20px; background: url(../helps/link-blank.gif) left no-repeat; }
a:focus,          a:hover,          a:active { color: white; background-color: #66f; text-decoration: none; }
a.neu:focus,      a.neu:hover,      a.neu:active { background: url(../helps/link-blank.gif) left no-repeat; color: white; background-color: #66f; text-decoration: none; }
a.mail            { padding-right: 22px; background: url(../helps/mail.gif) right no-repeat; cursor: url(../helps/pointer-mail.gif), pointer; }

a.menu            { text-decoration: none; padding: 1px 3px; }
.m_hh             { font: bold 12pt sans-serif; padding: 3px 7px; background-color: #66f; color: white; border-radius: 8px; }
.m_hh.dev         { background-color: #66f; color: #fcf; }
.center           { text-align: center; }

img               { color: #963; text-decoration: none; }

#regler           { margin: auto; border: 1px solid blue; border-spacing: 0; background-color: white; width: 756px; }
#regler td        { vertical-align: middle; padding: 1px 5px; border-bottom: 1px solid blue; white-space: nowrap; height: 25px; }
button            { font-size: 10pt; color: #333; background-color: white; border-radius: 5px;
                    cursor: pointer; border-color: #ddd; margin: 3px; padding: 1px;
                    padding-left: 4px; padding-right: 4px; height: 2em; white-space: nowrap; }
input             { color: black; background-color: white; font: 1em sans-serif; text-align: left; padding: 2px;
                    border: 1px #79b solid; margin: 3px; }
select            { color: black; background-color: white; font: 1em sans-serif; margin: 3px; border-radius: 5px;
                    border: 1px #79b solid; }
input:hover,
select:hover      { border-color: blue; }       /* nicht IE */
input:focus,
select:focus      { border-color: red; }       /* nicht IE */
#alphatab         { background-color: white; border: 1px solid blue; margin: auto; }
.alphatab td      { vertical-align: top; text-align: center; }
#kl800            { font: 14pt sans-serif; color: red; }

.dev              { background-color: #f9f; }
.dev_u            { outline: 2px solid #f9f; }
.pfeilbu          { outline: 1px solid white; cursor: pointer; }
.pfeilbu:hover    { background-color: white; color: blue; }

#entwurfskopf     { display: inline-block; }
#dpi_sel          { position: fixed; top: 3px; right: 5px; text-align: right; }
.hide             { display: none; }

.ueschrift        { white-space: nowrap; }
.schrift          {}

@media only screen and (min-width: 801px)
{
  #kl800          { display: none; }
}

@media only screen and (max-width: 800px)
{
  #gr800          { display: none; }
}

@media print
{
  body            { background-color: white; }
  .noprint        { display: none; }
  .alphatab       { border: 2px solid gray; }
  #dpi            { text-decoration: none; }
}