/*
 * Style sheet for Schachfreunde 1974 Heinsberg e.V. home page
 * sfhs.css, V1.070 2008-08-10 Wolfgang de Cauter
 */

 body {
  line-height: normal;
  background: #fff none;
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: small;
  color: #000;
 }

@media screen {
 body {
  background: #ccc url(sfhs_bg_ccc.gif) repeat scroll;
 }
} /* end media screen */

 table,
 tr,
 th,
 td,
 div,
 p,
 ul,
 ol,
 li,
 dl,
 dt,
 dd {
  line-height: normal;
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: small;
 }

 th {
  font-weight: bold;
 }

 dt {
  font-size: medium;
  font-weight: bold;
 }

 pre {
  line-height: normal;
  font-family: "Lucida Sans Typewriter", "Lucida Console", "Andale Mono", "Monotype.com", Lucidatypewriter, "Bitstream Vera Sans Mono", monospace;
  font-size: small;
  white-space: pre;
 }

 pre.cross {
  border: 0.21em solid #666;
  background: #fff none;
  padding: 0.5em;
  page-break-inside: avoid;
 }

 pre.cross strong {
  background: #ccc none;
  font-weight: normal;
 }

 pre.cross .head {
  text-decoration: underline;
 }

 pre.cross .xxx {
  color: #000;
  background: #000 none;
 }

 pre.cross .sfhsxxx {
  color: #c00;
  background: #c00 none;
 }

@media screen {
 div.header {
  background: #ccf url(sfhs_bg_ccf.gif) repeat scroll;
 }

 div.unit {
  background: #cfc url(sfhs_bg_cfc.gif) repeat scroll;
 }
} /* end media screen */

@media all {
 div.nav,
 div.unit {
  clear: both;
 }

 div.nav,
 div.unit,
 div.header {
  line-height: 1.2em;	/* avoid some IE float bugs for containers */
  border: 0.14em solid #696;
  padding: 0.5em;
 }

 div.headerlogo {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
 }

 div.unit h1,
 div.unit h2,
 div.unit h3,
 div.header h1,
 div.header h2,
 div.header h3{
  line-height: 1.2em;	/* avoid some IE float bugs for containers */
 }

 div.header+div.nav,
 div.header+div.unit,
 div.unit+div.unit {
  margin-top: 0.5em;
 }
} /* end media all */

 div.cross,
 div.Text,
 div.MF {
  padding: 0.5em;
 }

 div.cross,
 div.Ersatz p,
 div.Text,
 div.MF {
  border: 0.21em solid #666;
  background: #fff none;
 }

 div.precross h3,
 div.Ersatz h3 {
  line-height: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.17em;
 }

 div.Ersatz p {
  margin-top: 0;
  padding: 0.1em;
 }

 div.cross td {
  border-right: 1em solid #fff;
  white-space: nowrap;
 }

 div.cross tbody + tbody td {
  border-top: 0.5em solid #fff;
 }

 table.termine,
 table.Rangfolge {
  border: 0.21em solid #666;
  border-collapse: collapse;
  background: #fff none;
  margin: 0.21em;
 }

 table.termine td,
 table.Rangfolge td {
  border: 0.07em solid #999;
 }

 table.termine td.working-day {
  background: #cfc none;
 }

 table.termine tr.Sa td {
  border-top: 0.14em solid #000;
 }

 table.termine tr.So td {
  border-bottom: 0.14em solid #000;
 }

 table.termine th,
 table.Rangfolge th {
  border: 0.14em solid #666;
 }

@media all {
 table.termine,
 table.Rangfolge {
  float: left;
 }

 .nofloat {
  float: none;
 }

 div.precross,
 div.Ersatz,
 div.Text,
 div.cross,
 table.cross,
 pre.cross {
  clear: both;
  page-break-inside: avoid;
 }
} /* end media all */

 h1 {
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: x-large;
  font-weight: bold;
 }

 h2 {
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: large;
  font-weight: bold;
 }

 h3 {
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: medium;
  font-weight: bold;
 }

 .version {
  font-size: x-small;
  text-decoration: none;
 }

 .version-frisch {
  color: #f09;
  background: #ff9 none;
  font-size: x-small;
  text-decoration: none;
 }

 .version-plan {
  color: #666;
  background: #ff9 none;
  font-size: x-small;
  text-decoration: none;
 }

 .korrektur {
  background: #ccf none;
 }

 .offen {
  color: #f00;
  background: #ccf none;
 }

 .neu {
  color: #900;
  background: #ff0 none;
  vertical-align: super;
  font-size: x-small;
  font-weight: bold;
 }

 .date-in-result {
  vertical-align: super;
  font-size: xx-small;
 }

 .line-thru {
  text-decoration: line-through;
 }

 .center {
  text-align: center;
 }

 .giant {
  font-size: xx-large;
 }

 .launig {
  font-family: "Comic Sans MS", "Comic Sans", Comic, cursive;
 }

 .MF {
  font-size: small;
 }

 .mitsfhs {
  color: #000;
  background: #cff none;
 }

 .sfhs {
  color: #c00;
  background: #cff none;
 }

 .sfhsb {
  color: #c00;
  background: #cff none;
  font-weight: bold;
  white-space: nowrap;
 }

 .jubel {
  color: #c00;
  background: #fc0 none;
 }

 .name-nowrap {
  white-space: nowrap;
 }

 ul.index {
  margin-left: 0;
  list-style-position: inside;
  list-style-type: square;
  padding: 0.5em;
  border: 0.21em solid #66f;
  background: #ff9 none;
 }

 ul.index ul {
  list-style-type: disc;
 }

 ul.index ul li {
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: small;
 }

 p.links {
  clear: both;
  margin-right: 5%;
  margin-left: 5%;
  font-size: x-small;
  background: #ffc none;
  color: #000;
  text-align: center;
  border: none;
 }

 .biglink {
  margin-right: 5%;
  margin-left: 5%;
  font-size: large;
  background: #ffc none;
  color: #000;
  text-align: center;
  border: none;
 }

 table.nav {
  border-collapse: collapse;
  border: 0.28em solid #66f;
  table-layout: fixed;
  margin-right: 0%;
  margin-left: 0%;
  padding: 0.07em;
  width: 100%;
  font-size: x-small;
  background: #ff9 none;
  text-align: left;
 }

 table.nav td {
  font-size: x-small;
 }

 table.nav td.frisch {
  color: #f09;
 }

@media print {
 p.links,
 .biglink,
 table.nav {
  display: none
 }
} /* end media print */

 img {
  border: 0;
 }

 table.cross {
  border-collapse: collapse;
  border: 0.21em solid #666;
  background: #fff none;
  white-space: nowrap;
  page-break-inside: avoid;
 }

 table.cross tbody {
  page-break-inside: avoid;
 }

 table.cross th {
  border: 0.14em solid #666;
 }

 table.cross td {
  border: 0.07em solid #666;
 }

 table.cross td.xxx {
  color: #000;
  background: #000 none;
 }

 table.cross th.sfhs {
  color: #c00;
  background: #cff none;
 }

 table.cross tr.sfhs {
  color: #c00;
  background: #cff none;
 }

 table.cross td.sfhs {
  color: #c00;
  background: #cff none;
 }

 table.cross td.sfhsxxx {
  color: #c00;
  background: #c00 none;
 }

 table.termine caption,
 table.cross caption,
 table.Rangfolge caption {
  padding-top: 0.5em;
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align: left;
 }

 input {
  font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, "Bitstream Vera Sans", FreeSans, sans-serif;
  font-size: small;
 }

 a:link {
  background: #ccc none;
  color: #00f;
  text-decoration: underline;
 }

 a:visited {
  background: #ccc none;
  color: #639;
  text-decoration: underline;
 }

@media screen {
 div.unit a:link,
 div.header a:link {
  background: #cfc none;
  color: #00f;
 }

 div.unit a:visited,
 div.header a:visited {
  background: #cfc none;
  color: #639;
 }
} /* end media screen */

@media screen {  /* hide from IE3 */
 a[href]:hover,
 div.unit a[href]:hover,
 div.header a[href]:hover {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }

 a[href]:visited:hover,
 div.unit a[href]:visited:hover,
 div.header a[href]:visited:hover {
  background: #639 none;
  color: #fff;
  text-decoration: none;
 }

 a:active,
 div.unit a:active,
 div.header a:active {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }
} /* end media screen */

 p.links a:link {
  background: #ffc none;
  color: #00f;
  text-decoration: underline;
 }

 p.links a:visited {
  background: #ffc none;
  color: #639;
  text-decoration: underline;
 }

@media screen {  /* hide from IE3 */
 p.links a[href]:hover {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }

 p.links a[href]:visited:hover {
  background: #639 none;
  color: #fff;
  text-decoration: none;
 }

 p.links a:active {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }
} /* end media screen */

 table.nav a:link,
 ul.index a:link {
  background: #ff9 none;
 }

 table.nav a:visited,
 ul.index a:visited {
  background: #ff9 none;
 }

@media screen {  /* hide from IE3 */
 table.nav a[href]:hover,
 ul.index a[href]:hover {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }

 table.nav a:active,
 ul.index a:active {
  background: #00f none;
  color: #fff;
  text-decoration: none;
 }
} /* end media screen */

 a.external:link {
  background: #ccc none;
  color: #090;
  text-decoration: underline;
 }

 a.external:visited {
  background: #ccc none;
  color: #693;
  text-decoration: underline;
 }

@media screen {
 div.unit a.external:link,
 div.header a.external:link {
  background: #cfc none;
  color: #090;
 }

 div.unit a.external:visited,
 div.header a.external:visited {
  background: #cfc none;
  color: #693;
 }

 div.unit ul.index a.external:link {
  background: #ff9 none;
 }

 div.unit ul.index a.external:visited {
  background: #ff9 none;
 }
} /* end media screen */

@media screen {  /* hide from IE3 */
 a.external:hover,
 table.nav a.external:hover,
 ul.index a.external:hover,
 div.unit a.external:hover,
 div.unit ul.index a.external:hover,
 div.header a.external:hover {
  background: #090 none;
  color: #fff;
  text-decoration: none;
 }

 a.external:visited:hover,
 table.nav a.external:active,
 ul.index a.external:visited:hover,
 div.unit a.external:visited:hover,
 div.unit ul.index a.external:visited:hover,
 div.header a.external:visited:hover {
  background: #693 none;
  color: #fff;
  text-decoration: none;
 }

 a.external:active,
 ul.index a.external:active,
 div.unit a.external:active,
 div.header a.external:active {
  background: #090 none;
  color: #fff;
  text-decoration: none;
 }
} /* end media screen */

 p.links a.external:link {
  background: #ffc none;
  color: #090;
  text-decoration: underline;
 }

 p.links a.external:visited {
  background: #ffc none;
  color: #693;
  text-decoration: underline;
 }

@media screen {  /* hide from IE3 */
 a.no-decor:link,
 a.no-decor:visited,
 a.no-decor:activ,
 a.no-decor,
 div.header a:link,
 div.header a:visited,
 div.header a[href]:visited:hover,
 div.header a:activ,
 div.header a,
 div.unit a.no-decor:link,
 div.unit a.no-decor:visited,
 div.unit a.no-decor:activ,
 div.unit a.no-decor {
  background: transparent;
  text-decoration: none;
 }
} /* end media screen */

@media print {
 a:link,
 a:visited,
 a.external:link,
 a.external:visited {
  background: transparent;
  text-decoration: none;
 }
} /* end media print */

@media aural {
  h1,
  h2,
  h3 {
   stress: 20;
   richness: 90;
  }

  .hide,
  .hide-from-aural {
   speak: none;
  }

  .version,
  .version-plan {
   volume: x-soft;
   speech-rate: x-fast;
  }

  .version-frisch {
   volume: soft;
   speech-rate: fast;
  }

  dt {
   pause-before: 20%
  }

  pre {
   speak-punctuation: code
  }
} /* end media aural */