/*=========== class definition fuer Ueberschriften ===========*/

div.ueberschriftleft{
  font-family: arial narrow, arial, helvetica, verdana, sans-serif;
  color: black;
  font-size: 18pt;
  text-align: left;
}


/*=========== id und class definition fuer Inhalte ===========*/


/*=========== Ende id und class definition fuer Inhalte ===========*/

/*=========== id und class definition fuer Tabellen der Inhalte ===========*/

#tabelle{
  width: 760px;
  margin: auto;
  text-align: center;
  border: 0px solid black;
}
table.top{
  table-layout: fixed;
  width:100%;
  max-width: 800px;
  margin: auto;
  border-collapse: collapse;
  border: 1px solid;
  border-color: #aaaaaa;
}

table.center{
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

table.center450{
  width:360px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
  border-color: #aaaaaa
}

table.sitemap{
  width:600px;
  margin-left: 0;
  font-family: arial narrow, arial, helvetica, verdana, sans-serif;
  color: black;
  font-size: 15px;
  text-align: left;
}


tr.center{
  text-align: center;
}

tr.top{
  vertical-align: top;
}


td.titel{
  height: 30px;
}

td.titel a{
  font-family:: 'Roboto', sans-serif;
  color: black;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}

td.titel15{
  height: 15px;
  font-family: arial narrow, arial, helvetica, verdana, sans-serif;
  color: black;
  font-size: 10px;
  text-align: center;
}

td.rahmen{
  text-align: center;
  border: 1px solid;
  border-color: #aaaaaa;
}

td.tdcenter{
  text-align: center;
}

td.leer{
  height: 135px;
  text-align: center;
  border: 1px solid;
  border-color: #aaaaaa;
}

td.top{
  vertical-align: top;
}

td.rose{
  width: 33%;
  height: 19px;
  background-color: #ffd6c6;
  margin-left: 0px;
  padding-left: 0px;
  font-family: arial, helvetica, verdana, sans-serif;
  color: black;
  font-size: 13px;
  text-align: center;
}

td.blau{
  width: 66%;
  height: 19px;
  background-color: #a2e0ff;
  margin-left: 0px;
  padding-left: 0px;
  font-family: arial, helvetica, verdana, sans-serif;
  color: black;
  font-size: 13px;
  text-align: center;
}

/*=========== Ende id und class definition fuer Tabellen ===========*/


/*=========== class definition fuer Bilder (Tabellen und Inhalte) ===========*/

img.tabelle {
width: 100%;
/*  max-width: 400px; */
/*  height: 300px;  */
height: 100%
  object-fit: contain;
  /* filter drop-shadow erzeugt einen Bilderrahmen für object-fit Bilder anstatt border */
  filter: drop-shadow(0 -1px 0 #aaaaaa)
          drop-shadow(0 1px 0 #aaaaaa)
          drop-shadow(-1px 0 0 #aaaaaa)
          drop-shadow(1px 0 0 #aaaaaa);
}

/*=========== Ende class definition fuer Bilder (Tabellen und Inhalte) ===========*/