body {
  font-family:Arial,sans-serif;background-color:#f0f0f0
}

.ruhrbruecke {
  width: 250px;
  height: 147px;
  border:2px solid #fff;
  background: url(/images/ruhrbruecke.png) no-repeat;
  -moz-box-shadow: inset 10px 10px 50px #fff;
  -webkit-box-shadow: inset 10px 10px 50px #fff;
  box-shadow: inset 10px 10px 50px #fff;
}

.t5 {padding:5px}
.stdtab {background-color:#f0f0f0;align:center;margin-left: auto;margin-right: auto;max-width:900px}
.std { width:1000px;height:1000;margin: 0 auto;}
.full { width:100%;height:100%;margin: 5 auto;}
a.red { font-family: Arial,Helvetica; color:#800000; text-decoration: none}
a.black { font-family: Arial,Helvetica; color:#000000; text-decoration: none}
a.green { font-family: Arial,Helvetica; color:#008000; text-decoration: none}
a.white { font-family: Arial,Helvetica; color:#ffffff; text-decoration: none}
a            { font-family: Arial,Helvetica; color:#3040a0; text-decoration: none}
a.red           { font-family: Arial,Helvetica; color:#a00000;font-weight:light;font-size:10pt;}
a.grey           { font-family: Arial,Helvetica; color:#dddddd;}
a:hover      { color:#ee4400;text-decoration:underline}
a.a8 {font-size:8pt; color:#000080; font-family:Arial;}
a.top12 {font-size:12pt; color:#000080; font-weight:bold; font-family:Arial;}
td.title    {font-family:Arial;font-size:12pt; font-weight:bold;text-align:center}
.liste     {font-family:arial;color:#ffffff;font-size:10pt;}
.list     {font-family:arial;color:#ffffff;font-size:12pt;padding:5px}
.x {margin-left: 20px;margin-top:5px;margin-bottom:5px}
.n {margin-top:5px;margin-bottom:5px}
.t5 {margin-top:5px;}
.n10 {margin-left:10px; margin-top:5px;margin-bottom:5px}
.r40 {margin-left:40px}
.b20 {margin-bottom:10px;margin-top:10px;}
.e20 {margin-bottom:10px;margin-top:10px;font-size:14pt;color:#58D3e0;text-shadow: 3px 3px 2px black;}
.big {font-size:14pt;}
.r10 {margin:10px}

.t6  {padding:6px}
.r20 {margin-left:20px;margin-right:20px}
.kal {font-size:10pt;}
.training {font-size:10pt;text-align:center;background-color:#DCEFF8}
li.f12 {font-size:14pt;}
.Auflistung {width:70%; padding:6px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.TabListe {width:70%; padding:6px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
 
.Auflistung100 {width:100%; padding:6px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.AuflistungC {width:auto;padding:6px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.Auflistung30 {width:30%; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.Auflistung50 {width:50%; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.dblau {color:#000080}



.mitte  {margin-left: auto;margin-right: auto;}
.green {color:green}
.red {color:red}
.bred {color:red;font-weight:bold;font-style:italic}
.small {font-size:8pt}
p.red        {color:#80000}
.f18  {font-size:18pt}
.kaltn  {font-size:10pt; color:#909090;margin-left:30px;}
.kaltz  {font-size:10pt; color:#B40404;margin-left:50px;margin-bottom:20px}
.fett {font-weight:bold;color:#802020}
H4 {font-family: Arial,Helvetica; color:#000070;margin-left:5px;}
h1 {font-family:Arial; font-size: 18pt; font-weight:bold; color: #000060;text-align:center}
h2             {font-family:Arial;font-size:14pt; font-weight:bold; color:#0A0A2A; }
h7             {font-family:Arial;font-size:14pt; font-weight:bold; color:#ffffff; text-align:center}
h3             {font-family:Arial;font-size:14pt; font-weight:bold; color:#08088A; text-align:center}
h6             {font-family:Arial;font-size:15pt; font-weight:bold; color:#585858; text-align:left}
h5             {font-family:Arial;font-size:13pt; font-weight:bold; color:#000075; text-align:center}
.sonne         {font-family:Arial;font-size:10pt; color:#610B0B; text-align:left;margin-bottom:8px}
p.PegelM0        {font-family:Arial;font-size:10pt; color:#000061; text-align:right;margin-bottom:8px}
p.PegelM1       {font-family:Arial;font-size:10pt; font-weight:bold; color:#8A0808; text-align:right;margin-bottom:8px}
p.PegelM2        {font-family:Arial;font-size:10pt; font-weight:bold; color:#ff0000; text-align:right;margin-bottom:8px}

td.l10 {margin-left:10px}	
.badge {
  height: 20px;
  width: 20px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: cyan;
}
.circles {
  display: flex;
 justify-content:center;
 align-items : center
}
.circleT {
  background: linear-gradient(cyan, white);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #d0d0d0;
}
.circleTgrey {
  background: linear-gradient(darkgrey, grey);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #fff;
}

.circleTred {
  background: red;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #fff;
}
.multi-line-text {
  font-size: 20px;
}