/*

  CSS fuer THW-News-Artikel
  (c) 2000 Thorsten Drewes
  tdrewes@gmx.net

*/

div.htmlbody {
max-width:650px;
width:expression(document.body.clientWidth > 650? "650px": "auto" );
}

body

{

/*
scrollbar-face-color: #d3d6ff; 
scrollbar-shadow-color: #dde0ff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #f1f4ff; 
scrollbar-darkshadow-color: #00309c; 
scrollbar-track-color: #f1f4ff; 
scrollbar-arrow-color: #00309c
*/

}

/* Seitenueberschrift */
h2 {
  font-family:Arial,Helvetica,sans-serif;
  font-style:italic;
  color: #00309c;
  font-size: x-large;
  background: #f1f4ff;
  border: none;
}

/* Artikelueberschrift */
h3 {
  margin-top: 10px;
/*  clear: both; */
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  background: #f1f4ff;
  border: none;
  width: 100%;
  margin-right: 0px;
}

/* Artikelunterueberschrift, Radio-Tip */
h4 {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  background: #f1f4ff;
  border: none;
  width: 100%;
}


/* Artikelunterueberschrift */
h5 {
  color: #00309c;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  background: #f1f4ff;
  border: none;
  width: 100%;
}

/* Artikelunterueberschrift */
h5.matchdata {
  color: #00309c;
  font-style: italic;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 80%;
  background: #f1f4ff;
  border: none;
  width: 100%;
}


/* TV/Radio-Tip */
h4.tvradio {
  color: #00309c;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  background: #f1f4ff;
  border: none;
  width: 50%;
  margin-left: 0px;
}
h5.tvradio {
  color: #00309c;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  background: #f1f4ff;
  border: none;
  margin-left: 20px;
  width: 50%;
}

/* Trenner der Monate in der News-Uebersicht */
h3.month {
  margin-top: 15px;
/*  clear: both; */
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  background: #f1f4ff;
  border: none;
  width: 100%;
}

/* Trenner der Rubriken im Archiv */
h3.archive {
  margin-top: 15px;
/*  clear: both; */
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  background: #f1f4ff;
  border: none;
  width: 100%;
}





/* Ueberschrift zu den Links */
h4.altlinks {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  background: #f1f4ff;
  border: none;
  width: 100%;
  margin-bottom: 0;
  margin-top: 50px;
  padding-left: 20px;
}

/* Links-Box */
div.links {
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
  padding: 5px 5px 5px 20px;
  border: thin solid #f1f4ff;
  margin-top: 0;
}



/* Datumsangabe des Artikels */
em.date {
/*  clear: both;
  background: #f1f4ff;
  margin-top: 10px;
  color: #00309c;
  border: none;
  width: 100%; */
}

/* Datumsangabe des Artikels */
em.subdate {
  clear: both;
  background: #f1f4ff;
  margin-top: 20px;
  color: #00309c;
  border: none;
  /* width: 100%; */
}


table.newsfooter em.date {
  margin-top: 0px;
  color: #00309c;
}
table.newsfooter td
{
  font-family:Arial,Helvetica,sans-serif;
  font-size: 90%;
}

div.artstart {
  font-weight: bold;
  margin-bottom: 1em;
}



table.newshead td.lastdate {
  color: #00309c;
  font-style: italic;
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
}
span.lastupdate {
  font-size = 60%;
}

table.newshead td.topics {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial,Helvetica,sans-serif;
}

table.newshead td.update {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial,Helvetica,sans-serif;
}

table.newshead td.english {
  color: #00309c;
  font-style: italic;
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
}

table.newshead td.updateinfo {
  color: #00309c;
  font-style: italic;
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
}




/* Links-Box */
div.update {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial,Helvetica,sans-serif;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 5px 5px 5px 5px;
}





/* Spielstatistik-Rahmen */
div.stat {
/*  clear: both; */
  border: solid;
  border-color: #00309c;
  border-width: thin;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0 0 0 0;
  width: 100%;
}

/* Spielstatistik Titel */
div.stat h4.stat {
  margin: 0;
  padding: 0.5em;
  padding-bottom: 0.25em;
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  color: #ffffff;
  background: #00309c;
  border: none;
  border-color: #00309c;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* Spielstatistik-Liste */
div.stat dl.stat {
  padding-top: 0mm;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
div.stat dd {
  padding-left:30px;
  margin-left:0px;
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
}
div.stat dd.gfx {
  padding-left:10px;
  margin-left:0px;
}

/* Spielstatistik-Liste */
div.stat dl.stat {
  padding-top: 0mm;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

/* Spielstatistik Rubrik */
dl.stat dt {
  margin-top: 10px;
  clear: both;
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  background: #f1f4ff;
}







/* Stimmen zum Spiel-Block */
div.voices {
  background: #f1f4ff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* šberschrift "Stimmen zum Spiel" */
div.voices .voicehead
{
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  background: #ffffff;
  border: none;
  width: 100%;
}

/* Eine einzelne Stimme */
div.voices h5.voice
{
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  background: #ffffff;
  border: none;
  width: 100%;
}

/* Eine einzelne Stimme */
div.voices .question
{
  color: #00309c;
  font-style: italic;
  background: #ffffff;
}

a.extern:link {
  color: #c000c0;
}
a.extern:visited {
  color: #800080;
}

a:visited
{
  color: #000080;
}
/*
div.links a.extern:link {
  color: #004000;
}
div.links a.extern:visited {
  color: #003000;
}
*/




/* Aufgetunte Rubrikenliste */

dt {
           margin-top: 15px;
           margin-bottom: 5px;
           color: #00309c;
           font-style: italic;
           font-weight: bold;
           font-family: Arial,helvetica,sans-serif;
           font-size: 90%;  
           background: #f1f4ff;
}
dd {
  margin-left: 15px;
}


/* Definition fuer Design-Tabellen */
table.design {
  border: none;
}

table.design th {
  background-color: #dde0ff;
  border: none;
}

table.design th.small {
  background-color: #dde0ff;
  border: none;
  font-size: 0.8em;
}

table.design td {
  background-color: #f1f4ff;
  border: none;
}

table.design td.hi {
  background-color: #dde0ff;
  border: none;
}

table.design tr.hi td {
  background-color: #dde0ff;
  border: none;
}

table.design td.small {
  background-color: #f1f4ff;
  border: none;
  font-size: 0.8em;
}



blockquote
{
  background-color: #f1f4ff;
  padding: 5px 5px 5px 5px;
}

blockquote.joke
{
  font-family: Arial,helvetica,sans-serif;
  font-size: 150%;
  font-style: italic;
  font-weight: bold;
  color: #00309c;
}
blockquote.headline
{
  font-family: Arial,helvetica,sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #000000c;
}

span.ltxt
{
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 120%;
}


/* Definition fuer restprog */
table.restprog {
  border: none;
}

table.restprog th {
  background-color: #dde0ff;
  border: none;
}

table.restprog th.e {
  background-color: d3d6ff;
  border: none;
}

table.restprog td    {
  background-color: #f1f4ff;
  border: none;
}

table.restprog td.e {
  background-color: #e7eaff;
  border: none;
}

div.inhalt
{
           background: #f1f4ff;
           border: thin solid #dde0ff 1px;
           color: #00309c;
           padding: 5px 5px 5px 5px;
           vertical-align: middle;
           align: right;
}
div.inhalt span.kopf
{
           font-family: Arial,helvetica,sans-serif;
           font-weight: bold;
           font-style: italic;
           font-size: x-small;
}
div.inhalt span.liste
{
           font-family: Arial,helvetica,sans-serif;
           font-size: xx-small;
           
}

/* Unteruebrschrift links */
h5.sublinkshead {
  color: #00309c;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  background: #f1f4ff;
  border: none;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
}

div.sublinks {
  margin-left: 20px;
  margin-bottom: 10px;
  font-family: Arial,helvetica,sans-serif;
  font-size: x-small;
}

div.links
{
  margin-top: 0px;
}

/* Ueberschrift zu den Links */
h4.links {
  color: #00309c;
  font-style: italic;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  background: #f1f4ff;
  border: none;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 50px;
  padding-left: 20px;
}

td.galpic {
  background-color: #f1f4ff;
  border: none;
}
td.galpiccomm {
  background-color: #f1f4ff;
  border: none;
  font-family: Arial,helvetica,sans-serif;
  font-size: 11px;  
}
td.galpicinfo {
  background-color: #f1f4ff;
  border: none;
  font-family: Arial,helvetica,sans-serif;
  font-size: 9px;  
}
div.galnote {
  font-family: Arial,helvetica,sans-serif;
  font-size: small;  
  font-style: italic;
}

table.foto {
  border: none;
}

table.fotol {
  border: none;
  margin: 5px 10px 5px 0px;
}

table.fotor {
  border: none;
  margin: 5px 0px 5px 10px;
}

table.foto td, table.fotol td,  table.fotor td {
  border: none;
  background: #d1e0f8;
  font-family: Arial,Helvetica,sans-serif;  
  font-size: 8pt;
  text-align: left;
  padding: 2px 2px 2px 2px;
}

div.knpresenter {
  text-align:center;
}