/* ------------------------------------------------------------- */
/* Allgemeine Formate                                            */
/* ------------------------------------------------------------- */

a:link      { text-decoration: none;      color: #800000; }
a:visited   { text-decoration: none;      color: #800000; }
a:focus     { text-decoration: underline; color: #800000; }
a:hover     { text-decoration: underline; color: #800000; }
a:active    { text-decoration: none;      color: #800000; }

.farbe, #tabelle h1, .zitat
{
  color: #006873;
}

.farbe-alt
{
  color: #0B8E4C;
}

.text-hintergrund
{
  background-color: #E5E5E5;
  opacity: 75%;
  padding: 1ex 1em;
}

.unten
{
  vertical-align: bottom;
}

.verteilen
{
  display: flex;
  justify-content: space-between;
}

.zitat
{
  font-style: italic;
}

/* ------------------------------------------------------------- */
/* Außenbereich                                                  */
/* ------------------------------------------------------------- */

#rahmen
{
  margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;
  width: 90%; min-width: 565px;
}

/* ------------------------------------------------------------- */
/* tabelle                                                          */
/* ------------------------------------------------------------- */

#tabelle
{
  margin: auto;
  width: 100%;
}

#tabelle td
{
  width: 50%;
  font-weight: normal;
/*  border: 1px dotted blue;  */
}

#tabelle .pfeile
{
  min-width: 2em;
  width: 2em;
  text-align: center;
}

#tabelle .spalte-links
{
  padding-right: 10%;
}

#tabelle img
{
  width: 100%;
}

#tabelle h1
{
  margin-bottom: 0pt;
}

#tabelle .firma, h1
{
  font-size: 16pt;
  font-weight: bold;
}

#tabelle h2
{
  font-size: 14pt;
  font-weight: bold;
}

#tabelle .adresse
{
  font-size: 12pt;
  font-weight: bold;
}

#tabelle .name, .telefon, .mobil, .email
{
}

#tabelle .motto
{
  font-size: 32pt;
}

#tabelle .abstand
{
  margin-bottom: 96pt;
}

#tabelle .abstandszeile
{
  height: 48pt;
}

#tabelle .rechts
{
  text-align: left;
}

#tabelle a:link    { text-decoration: none;      color: #800000; }
#tabelle a:visited { text-decoration: none;      color: #800000; }
#tabelle a:focus   { text-decoration: underline; color: #800000; }
#tabelle a:hover   { text-decoration: underline; color: #800000; }
#tabelle a:active  { text-decoration: none;      color: #800000; }

#bilder
{
  width: 100%;
}

#bilder td
{
  width: 50%;
}

#bilder .abstand
{
  padding-right: 5%;
}

#bilder .pfeile
{
  vertical-align: middle;
}

#tabelle .sanierung
{
  width: 30%;
}

.bildbeschreibung
{
  font-size: 10pt;
  font-style: italic;
  white-space: nowrap;
}

#tabelle .hochschieben
{
  height: 100%;
}

.nebeneinander
{
  display: inline-block;
}

#tabelle #schaffitzel
{
  width: 26.6%;
}

#tabelle #vorarlberg
{
  width: 29.0%;
}

#tabelle #vellberg
{
  width: 42.4%;
}

#tabelle .container
{
  position: relative;
}

#tabelle .basis
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#tabelle #einkauf
{
  z-index: 1;
  position: absolute;
  width: 25%;
  right: 0;
  top: 15%;
}

#tabelle #rosenbuehl1
{
  width: 9.66%;
}

#tabelle #rosenbuehl2
{
  width: 9.20%;
}

#tabelle #rosenbuehl3
{
  width: 12.22%;
}

#tabelle #rosenbuehl4,
#tabelle #rosenbuehl5,
#tabelle #rosenbuehl6
{
  width: 21.73%;
}

/* ------------------------------------------------------------- */