/* ++++ DATEIWEITE STYLES +++++ */

body    {
        background-color: white;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 1.0em;
        text-align: left;
        color: #4B4B4B;
        line-height: 1.0em;
        }


/* +++++ ÜBERSCHRIFTEN +++++ */

h1      {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background-image: linear-gradient(to right, white, #FFFFC1 15% 85%, white);
        font-size: 2em;
        font-variant:small-caps;
        font-style:oblique;
        text-align:center;
        padding: 0.4em 0 0.4em 0;
        border-bottom-style:solid;
        border-top-style:solid;
        border-color:#606060;
        border-width: 0.5mm;
        line-height: 1.2em;
        }

h2      {
        display: inline;
        font-size:1.1em;
        font-style:oblique;
        border-bottom:1px solid grey;
        border-top:1px solid grey;
        background-image: linear-gradient(to right, white, #FFFFC1 15% 85%, white);
        padding: 0.4em 2em 0.4em 2em;
        line-height: 2.0em;
        }

h3      {
        font-size:1.0em;
        font-style:bold;
        margin-top: 2.0em;
        margin-bottom: 0;
        }




/* ABSATZFORMATE +++++ */

/* normaler Absatz, Textblock */
p        {
         text-align: justify;
         line-height: 1.4em;
         }


/* Ortsangabe unterhalb Überschrift H1 */
p.ort {
        font-size:1.3em;
        text-align: center;
        margin-bottom: 2em;
        font-weight: bold;
        }


/*zusätzlicher Text unter H1 */
p.subtitle {
        font-size:1.2em;
        text-align: center;
        line-height: 1.1em;
        }


/* Zitat mit Einrückung */
p.zitat  {
         margin-right:50px;
         margin-left:50px;
         font-style: italic;
         }


/* Teaser am Beginn des Textes */
p.teaser {
        font-weight: bold;
        }


/*Bildüberlappung verhindern*/
p.clear:after {
        content: "";
        display: block;
        clear: both;
       }


/* +++++ AUFZÄHLUNGEN, LISTEN +++++ */


/*** Tabellen - graues Design ***/

grau_links table,
grau_rechts table {
       color: black;
       border-collapse: collapse;
       padding: .3em .5em;
       font-size: 0.95em;
       border-bottom: thin solid #666;
       }

grau_links table {
       float: left;
       margin: 0 1.5em 1.5em 0;
       }

grau_rechts table {
       float: right;
       margin: 0 0 1.5em 1.5em;
       }

grau_links th,
grau_rechts th {
       vertical-align: bottom;
       padding: .3em .5em;
       font-size: 0.95em;
       background-color: #666;
       color: #fff;
       border: thin solid #666;
       }

grau_links td,
grau_rechts td {
       padding: .3em .5em;
       font-size: 0.95em;
       background-image: linear-gradient(#f9f9f9, #e3e3e3);
       border-left: thin solid #666;
       border-right: thin solid #666;
       }

grau_links caption,
grau_rechts caption {
       background-color: #666;
       color: #fff;
       caption-side: top;
       font-size: 1.2em;
       line-height: 1.2em;
       border-radius: .5em .5em 0 0;
       padding: 0.6em 0 0.7em 0;
       margin-bottom: 0;
       }




/*** Tabellen - braunes Design ***/

braun_links table,
braun_rechts table {
       vertical-align: bottom;
       color: black;
       border-collapse: collapse;
       padding: .3em .5em;
       font-size: 0.95em;
       border-bottom: thin solid #666;
       }

braun_links table {
       float: left;
       margin: 0 1.5em 1.5em 0;
       }

braun_rechts table {
       float: right;
       margin: 0 0 1.5em 1.5em;
       }

braun_links th,
braun_rechts th {
       padding: .3em .5em;
       font-size: 0.95em;
       background-color: #666;
       color: #fff;
       border: thin solid #666;
       }

braun_links td,
braun_rechts td {
       padding: .3em .5em;
       font-size: 0.95em;
       background-image: linear-gradient(#f9f9f9, #FFDEAD);
       border-left: thin solid #666;
       border-right: thin solid #666;
       }

braun_links caption,
braun_rechts caption {
       background-color: #6D4218;
       color: #fff;
       caption-side: top;
       font-size: 1.2em;
       line-height: 1.2em;
       border-radius: .5em .5em 0 0;
       padding: 0.6em 0 0.7em 0;
       margin-bottom: 0;
       }




/* +++++ LINKS +++++ */

a:link    {
          text-decoration: none;
          font-weight:bold;
          color:#000080;
          }

a:visited {
          text-decoration: underline;
          color:#000000;
          font-weight:bold;
          }

a:focus   {
          text-decoration: underline;
          color:#000000;
          font-weight:bold;
          }

a:hover   {
          text-decoration: none;
          font-weight:bold; color:#FFFFFF;
          background-color: #000080;
          }

a:active  {
          text-decoration: underline;
          background-color:#7D7DFF;
          font-weight:bold;
          }



/* +++++ BILDER +++++ */

/* Bilder im normalen Text */
img.ci {
     margin: 0 15px 15px 0; /* Abstände um das Bild */
     border: 1px solid black;
     border-radius: 15px;
     box-shadow: 10px 10px 10px 0px grey; /*Schattendefinition*/
     }


img.start {
     margin: 0 15px 15px 0; /* Abstände um das Bild */
     border: 1px solid black;
     border-radius: 0px;
     box-shadow: 10px 10px 10px 0px grey; /*Schattendefinition*/
     }


/* Bilder am Beginn des Textes, sowie links bzw. rechts ausgerichtete Bilder */

table.bild_oben,
table.bild_mitte,
table.bild_links,
table.bild_rechts {
        color: #800000;
        font-size: 0.9em;
        }

table.bild_oben {
        width: 100%;
        margin-bottom: 70px;
        text-align: center;
        }

table.bild_mitte {
        width: 100%;
        margin: 25px 0 25px 0;
        text-align: center;
        }

table.bild_links {
        float: left;
        margin: 0 15px 20px 0;
        text-align: left;
        }

table.bild_rechts {
        float: right;
        margin: 0 0 20px 20px;
        text-align: right;
        }



p.copyright_links,
p.copyright_rechts,
p.copyright_oben,
p.copyright_mitte {
        font-size: 0.9em;
        color: #4b4b4b;
        margin-top: .5em;
        }

p.copyright_links {
        text-align: left;
        }

p.copyright_rechts {
        text-align: right;
        }

p.copyright_oben,
p.copyright_mitte {
        text-align: center;
        }




/* +++++ TABELLEN +++++ */

/* Tabelle mit den wichtigsten Brückendaten */

table.steckbrief_links {
         margin: 0px 10px 10px 0;
         background-color: mistyrose;
         padding: 5px;
         float: left;
         line-height:1.4em;
         border-style: ridge;
         border-width: 2px;
         border-color: silver;
         border-radius:0em 1em 1em 1em;
         }

table.steckbrief_links td.l {
         text-align: right;
         vertical-align: top;
         padding-right: 5px;
         }

table.steckbrief_links td.r {
         vertical-align: top;
         font-weight: bold;
         padding-right: 5px;
         }

table.steckbrief_rechts {
         margin: 0px 0px 10px 10px;
         background-color:honeydew;
         padding: 5px;
         float: right;
         line-height:1.4em;
         border-style: ridge;
         border-width: 2px;
         border-color: silver;
         border-radius:1em 0em 1em 1em ;
         }

table.steckbrief_rechts td.l {
         text-align: right;
         vertical-align: top;
         padding-right: 5px;
         }

table.steckbrief_rechts td.r {
         vertical-align: top;
         font-weight: bold;
         padding-right: 5px;
         }

caption.steckbrief {
         font-weight: bold;
         caption-side: top;
         }





/* Tabelle Startseite */

table.neues {
         border-spacing: 1.0em;
         display: flex;
         justify-content: center;
         text-decoration-skip: objects;
         }




/* +++++ THEMENBOX +++++ */

#themenbox_links,
#themenbox_rechts {
         text-align: left;
         color: black;
         text-align: justify;
         font-size: 0.9em;
         border-style: ridge;
         border-width: 2px;
         border-color: silver;
         border-radius:1em 1em 1em 1em;
         padding: 10px;
         }


#themenbox_rechts p,
#themenbox_links p {
         line-height: 1.3em;
         }

#themenbox_rechts {
         background-color:honeydew;
         float: right;
         margin: 0 0 2em 2em;
         }

#themenbox_links {
         background-color:mistyrose;
         float: left;
         margin: 0 2em 2em 0;
         }


/* Bilder in der Themenbox */
img.box {
         margin: 5px 10px 10px 10px; /* Abstände um die Bildbox */
         border: 1px solid black;
         border-radius: 5px;
         box-shadow: 10px 10px 10px 0px grey; /*Schattendefinition*/
         float: right;
         }





/* +++++ TOOLTIP +++++ */

/* Hervorhebung des Tooltip */
.tooltip {
         position: relative;
         display: inline-block;
         border: 1px dotted red;
         cursor: help;
         }

/* Aussehen des Tooltip */
.tooltip .tooltiptext {
         visibility: hidden;
         width: 100%;
         background-color: #A60000;
         font-size: 0.9em;
         color: #fff;
         text-align: left;
         border-radius: 6px;
         padding: 5px 5px;

/* Position des Tooltip */
         position: absolute;
         z-index: 1;
         bottom: 35px;
         left: 0;
         box-shadow: 10px 10px 12px #111;
         }

/* Hinzufügen eines Pfeiles wie bei einer Sprechblase */
.tooltip .tooltiptext::after {
         content: "";
         position: absolute;
         top: 100%;
         left: 50%;
         margin-left: -5px;
         border-width: 5px;
         border-style: solid;
         border-color: #A60000 transparent transparent transparent;
         }

.tooltip:hover .tooltiptext {
         visibility: visible;
         }




/* +++++ STYLES FÜR DEN FUSSBEREICH +++++ */

/* für den ganzen Bereich ID=Fusszeile */
#fusszeile {
         margin-top: 2em;
         background-color: honeydew;
         padding: 1.0em;
         line-height: 0.8em;
         border-style: ridge;
         border-width: 2px;
         border-color: silver;
         border-radius: 1em;
         }

/* Trennlinie*/
#fusszeile hr {
         margin-top: 5mm;
         margin-bottom: 5px;
         width: 100%;
         color: silver;
         }


/*Tabelle Fußbereich class=quellen*/

table.quellen {
         width:98%;
         table-layout: fixed;
         margin-left: auto;
         margin-right: auto;
         color: #4b4b4b;
         font-size: 0.8em;
         }


table.quellen th {
         padding: 10px;
         text-align:center;
         font-weight: bold;
         font-size: 1.4em;
         background-color: #006400;
         color: white;
         }


/* Liste im Fussbereich */

li {
         margin-bottom: 0.3em;
         }


/* Links im Fussbereich */

#quellen {
         vertical-align:top;
         padding-right:20px;
         line-height: 1.5em;
         }


#link_allg {
         margin-left: auto;
         margin-right: auto;
         text-align: left;
         white-space: nowrap;
         vertical-align: bottom;
         list-style-image: url(../../grafik/link.gif);
         line-height: 1.4em;
         }


#link_sides {
         margin-left: auto;
         margin-right: auto;
         text-align: left;
         white-space: nowrap;
         vertical-align: top;
         list-style-image: url(../../grafik/link.gif);
         line-height: 1.4em;
         }


/* Versionsangabe */
#version {
         text-align: right;
         font-size: 0.8em;
         line-height: 1.2em;
         }