/* ===================================================================== */
/* Wrapper des Seiteninhalts                                             */
/* ===================================================================== */

/* ======================================================= Wrapper für Text (nicht horizontal scrollbar) */

div.TextWrapper{
  position: relative;
  max-width: 1460px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
/* Vertikale Abstände zwischen den Objekten */
div.spacer1{margin-bottom:  25px;}
div.spacer2{margin-bottom:  50px;}
div.spacer3{margin-bottom: 100px;}


/* ======================================================= Wrapper von horizontal scrollbarem Inhalt*/

/* Wrapper von scrollbarem Inhalt 1 */
div.SeiteninhaltWrapper1 {
  position: relative;
  max-width: 1460px;
  overflow-x: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Wrapper von scrollbarem Inhalt 2 */
div.SeiteninhaltWrapper2 {
  position: relative;
  width: 1460px;
}

/* ======================================================= Eigenschaften von Absätzen, Links, etc.*/

p {padding-left: 5px; padding-right: 5px;}
a.textLink{color: #AA0000;}
a.textLink:hover{text-decoration: underline;}
p.titel{
  clear: both;  /* kein floating der Titel um andere Elemente */
  font-weight: 500;
  color: #AA0000;
  font-size: 14pt;
}

/* ===================================================================== */
/* Gesamtstatistik-Tabelle                                               */
/* ===================================================================== */

/* ======================================================= Allgemeine Tabelleneigenschaften */

table#Gesamtstatistik{
  border-collapse: collapse;
  border: 3px solid #CCCCCC;
}

/*td{border: 1px solid black;}*/

/* ======================================================= Spalteneigenschaften */

col#Kategorie {width: 120px;}
col#Kategorie2{width: 120px;}
col#Gesamt    {width: 105px;}
col#Leerspalte{width:   5px;}
td {padding-right: 21px;}
tr.Titelzeile td{padding-right: 0px;}
tr.Details td{padding-right: 0px;}
tr.StartZiel td{padding-right: 0px;}
td.Spalte1{
  text-align: left;
  padding-left: 5px;
}
td.Spalte2{
  text-align: left;
  padding-right: 0px;
}

/* ======================================================= Zeileneigenschaften */

tr.Details{text-align: center; background-color: #EEEEEE;}
tr.Details a {color: #AA0000;}
tr.Details a.ZWR-link{color: #EEA900;}
tr.Details a:hover {text-decoration: underline;}

tr.Titelzeile {background-color: #EEEEEE; text-align: left;}
tr.StartZiel  {text-align: center;}
tr.Reisedauer {text-align: right;}
tr.Strecke    {text-align: right; background-color: #EEEEEE;}
tr.Fahrzeit   {text-align: right;}
tr.Abfahrt    {text-align: right; background-color: #EEEEEE;}
tr.Ankunft    {text-align: right;}
tr#Fahrtzeit  {text-align: right; background-color: #EEEEEE;}
tr.Pausenzeit {text-align: right;}
tr.MittGeschw {text-align: right; background-color: #EEEEEE;}
tr.Aufstieg   {text-align: right;}
tr.Abstieg    {text-align: right; background-color: #EEEEEE;}
tr.SteigAnteil{text-align: right;}
tr.Ubernacht  {text-align: right; background-color: #EEEEEE;}

/* ===================================================================== */
/* Diagramme                                                             */
/* ===================================================================== */


div.DiagrammWrapper{
  /*float: left;*/
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;  
  position: relative;
  vertical-align: top;
  /* border: 1px solid red;  */
}

img.Diagramm{
  /* bisher leer; Bild wird etwas unscharf, bei anderer Groesse */
}

div.DiagrammText{
  position: relative;
  top: -8px;
  margin-left: 9px;
  width: 528px;
  color: #666666;
  /* border: 1px solid red;  */
}

/* ===================================================================== */
/* Tabellen mit Erläuterungen                                            */
/* ===================================================================== */

/* ======================================================= Allgemeine Eigenschaften */

table#erlaeuterungen{
  border-collapse: collapse;
}

table#erlaeuterungen td{
  padding-left: 10px;
  vertical-align: top;
  /*border: 1px solid #DDDDDD;*/
}

tr.topLine{border-top: 1px solid #DDDDDD;}
tr.bottomLine{border-bottom: 1px solid #DDDDDD;}

/* ======================================================= Spaltenbreiten der ersten Tabelle */

col#KategorieListe1{width:     100px;}
col#erklaerung1    {width:      25px;}
col#erklaerung2    {width:     125px;}
col#erklaerung3    {max-width: 950px;}

/* ======================================================= Spaltenbreiten der zweiten Tabelle */

col#KategorieListe2{width: 215px;}
col#erklaerung4{max-width: 985px;}