$knopfbreite:180;
  $oberknopfbreite:$knopfbreite*0.9;
  $obererknopfbreite:$knopfbreite*0.8;
  $obersterknopfbreite:$knopfbreite*1;


body {
  text-decoration: none;
  color:#ffffff;
}

a:link {
  text-decoration: none;
   color:#ffffff;
}
a:visited {
  text-decoration: none;
   color:#ffffff;
}
a:hover {
  text-decoration: none;
   color:#ffffff;
}
a:active {
  
  text-decoration: none;
   color:#ffffff;
}

.alertpos {
 width:250px; height:40px;
 background-color: #00ff00;
  color: #0000ff;
  display:block;
  }
  
  .alertneg {
 width:250px; height:40px;
 background-color: #ff0000;
  color: #0000ff;
 display:block;
  }
  
.alertnorm {
 width:250px; height:40px;
 background-color: #0000ff;
  color: #ffffff;
  display:block;
  }

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  }
  
  .klein { 
font-size:44px;
  }

  .mittel { 
font-size:56px;
  }

  .gross {
 font-size:88px; 
  }

.schwarz
{
 color:000000; 
}
dialog.neutral
{
background-color:ffff00;
 color:0000ff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}
dialog.positiv
{
background-color:00ff00;
 color:0000ff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}
dialog.negativ
{
background-color:ff0000;
 color:ffffff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}
dialog.bayern
{
background-color:0000ff;
 color:ffffff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
width:500px;
}
dialog.bw
{
background-color:000000;
 color:ffff00;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}
dialog.pfalz
{
background-color:000000;
 color:ffff00;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}
dialog.eu
{
background-color:0000ff;
 color:ffff00;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
width:500px;
}
dialog.de
{
background-color:aa0000;
 color:ffffff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}

button.innenobenaktiv
{
  background-color:c0c0c0;
  color:000000;
  
    

}
button.innenobeninaktiv
{
background-color:daa520;
  color:ff0000;
}
button.innenuntenaktiv
{
background-color:0000ff;
  color:ffffff;
}
button.innenunteninaktiv
{
  
}
button.aussenobenaktiv
{
background-color:00ff00;
  color:000000;
}
button.aussenobeninaktiv
{
background-color:ff0000;
  color:ffffff;
}
button.aussenmitteaktiv
{
background-color:ee3388;
  color:000000;
}
button.aussenmitteinaktiv
{
  background-color:00eeaa;
  color:000000;
}
button.aussenuntenaktiv
{
 background-color:0000ff;
  color:000000;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}
button.aussenunteninaktiv
{
  
}

button.tram
{
 background-color:ffff00;
  color:0000ff;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.bus
{
 background-color:00ffff;
  color:000000;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.ubahn
{
 background-color:0000ff;
  color:ffffff;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.sbahn
{
 background-color:00ff00;
  color:ffffff;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.zug
{
 background-color:ffff00;
  color:000000;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.rosi
{
 background-color:ffffff;
  color:000000;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}
button.fips
{
 background-color:ffff00;
  color:0000ff;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

button.versux
{
 background-color:ffff00;
  color:0000ff;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

a.innenobenaktiv
{
  background-color:c0c0c0;
  color:ff0000;
}
a.innenobeninaktiv
{
background-color:daa520;
  color:ff0000;
}
a.innenuntenaktiv
{
background-color:0000ff;
  color:000000
}
a.innenunteninaktiv
{
  
}
a.aussenobenaktiv
{
background-color:00ff00;
  color:000000;
}
a.aussenobeninaktiv
{
background-color:ff0000;
  color:0000ff;
}
a.aussenmitteaktiv
{
background-color:ee3388;
  color:000000;
}
a.aussenmitteinaktiv
{
  background-color:00eeaa;
  color:000000;
}
a.aussenuntenaktiv
{
 background-color:0000ff;
  color:000000;
border-radius:6px;
  box-shadow: 2px 2px 2px #000000;
}

dialog.ladenadresse
{
  background-color:00ff00;
 color:0000ff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:500px;
}

td.meldungskopfzeile
{
font-size:40pt;  
}

td.meldungsueberschrift
{
font-size:50pt;
}

td.meldungstext
{
 font-size:20pt; 
}

dialog.losungen
{
border-radius:24px;
border-color:daa520;
width:600px;
box-shadow: 16px 16px 16px #000000;
}
button.hauptseite1
{
background-color:ffff00;
 color:0000ff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:320px;
  font-size:16px;
 a {
 text-decoration:none;
  color:0000ff;
  }
}
button.hauptseite2
{
background-color:00ff00;
 color:ff00ff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:400px;
  font-size:16px;
  a {
 text-decoration:none;
  color:ff00ff;
  }
}
button.hauptseite3
{
background-color:0000ff;
 color:ffffff;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:270px;
  font-size:16px;
  a {
 text-decoration:none;
  color:ffffff;
  }
}
button.hauptseite4
{
background-color:ffffff;
 color:ff0000;
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:300px;
  font-size:16px;
  a {
 text-decoration:none;
  color:ff0000;
  }
}
button.hauptseite5
{
background-color:ffff00;
 color:0000ff;
  
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:300px;
  font-size:16px;
 a {
 text-decoration:none;
  color:0000ff;
  }
}
button.meldungen
{
background-color:ffff00;
 color:0000ff;
  
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:300px;
  font-size:16px;
 a {
 text-decoration:none;
  color:0000ff;
  }
}
button.meldungsarchiv
{
background-color:ffff00;
 color:0000ff;
  
border-radius:24px;
  box-shadow: 4px 4px 4px #000000;
  width:300px;
  font-size:16px;
 a {
 text-decoration:none;
  color:0000ff;
  }
}

m