/* Dateiweite Styles */

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

img { border: 0; }

/* Überschriften */

h1{
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background-color: #FFFFC1;
        font-size:23pt;
        font-variant:small-caps;
        font-style:oblique;
        text-align:center;
        margin:5mm 3mm 5mm 3mm;
        padding-top:3mm;
        padding-bottom:3mm;
        border-bottom-style:solid;
        border-top-style:solid;
        border-color:#606060;
        border-width: 0.5mm;
        line-height: 1.2em;
        }

h2 {
        font-size:1.2em;
        text-align: center;
        margin-top: 1.4em;
        }

h2.signatur {
        text-align: left;
        font-style:oblique;
        margin-left:50px;
        }

h2.literatur {
        font-family:Arial,Helvetica;
        color:#4B4B4B;
        margin-top:20mm;
        margin-bottom:20mm;
        margin-left:10mm;
        margin-right:10mm;
        padding:3mm;
        border-style: ridge;
        border-color:#E3E3E3;
        border-width:2px;
        background-color:#FFFFC1;
        }


/* Alte Überschrift im Text
h3.alt {
        font-size:1.0em;
        text-align: left;
        text-decoration: underline;
        margin-top: 1.5em;
        line-height: 1.5em;
        }
*/


/* Neue Überschrift 3 im Text*/
h3 {
        display:inline;
        font-size:1.1em;
        font-style:oblique;
        text-align:left;
        border-bottom:1px solid grey;
        border-top:1px solid grey;
        background-color:#FFFFC1;
        padding-top:2mm;
        padding-bottom:2mm;
        padding-left:5mm;
        padding-right:5mm;
        margin-top: 5mm;
        line-height: 2.0em;
        }


h4 {
        font-size:1.0em;
        text-align: center;
        margin: 1.0em 5% 0.5em 5%;
        }

h5 {
        font-size:0.9em;
        text-align: center;
        }



/* Absatz, Textblock */

p {
         text-align: justify;
         line-height: 1.4em;
        }

p.unterh1 {
         text-align: center;
         font-size:1.2em;
         }

p.zitat {
         margin-right:50px;
         margin-left:50px;
         font-style: italic;
         }


/* Zitat ohne Einrückung */

p.zitat_o {
        font-style: italic;
        }



/* Zitat ohne Einrückung, Überschrift */

p.zitat_ou {
        font-style: italic;
        text-decoration: underline;
        }

p.teaser {
        font-weight: bold;
        }

p.fussnote {
        font-style: italic;
        font-size:0.8em;
        margin-top:50px;
        margin-right:50px;
        margin-left:50px;
        line-height: 1.5em;
        }



/* Listen */

ul {
         list-style-type: disc;
         }

li.mail {
          text-decoration: underline;
          font-family: Comic Sans MS;
          list-style-image:url(grafik/mail7.gif);
         }


/* Aufzählungen */

ul.aufzaehlung {
          margin-left:100px;
          margin-right:100px;
          text-decoration: none;
          font-family: Arial, Helvetica, Verdana, sans-serif;
          font-style: italic;
          font-size: 1.0em;
          color: #4B4B4B;
          line-height: 1.2em;
          list-style-image:url(grafik/aufz.gif);
         }



/* Links */

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

a:visited {
          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 */

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

#bild_oben {
         margin-top: 30px;
         margin-bottom: 70px;
        }

table.bild_links {
        float: left;
        margin: 5px 10px 10px 0px;
         }

table.bild_rechts {
        float: right;
        margin: 5px 0px 10px 10px;
        }

p.copyright {
        font-size: 80%;
        color: #4b4b4b;
        text-align: center;
        margin-top: 0;
        }



/* Tabellen */

table.links,
table.rechts {
         font-family: Arial;
         font-size: 0.9em;
         text-align: left;
         background-color: #E8E8E8;
         border-collapse: collapse;
         border-style: solid;
         border-width: 1px;
         border-color: silver;
         margin-top: 0px;
         margin-bottom: 10px;
         }

table.links {
         float: left;
         margin-right: 15px;
         }

table.rechts {
         float: right;
         margin-left: 15px;
         }

caption {
         font-size:1.1em;
         caption-side: bottom;
         margin: 10px 0 10px 0;
         color: #800000;
         }

table.links th,
table.rechts th {
         font-weight: bold;
         background-color: #C5C5C5;
         border-collapse: collapse;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         padding: 5px;
         }

table.links td,
table.rechts td {
         border-collapse: collapse;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         padding: 5px;
         vertical-align: top;
         }


/* Tabellen 'Werke der Baumeister' */

table.werke_links,
table.werke_rechts {
         border-collapse: collapse;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         background-color: #EAEAFF;
         font-size: 1em;
         margin-bottom:40px;
         }

table.werke_links {
         float: left;
         margin-right: 15px;
         }

table.werke_rechts {
         float: right;
         margin-left: 15px;
         }

table.werke_links th,
table.werke_rechts th {
         border-style: solid;
         border-width: 1px;
         border-color: black;
         padding: 5px;
         text-align: center;
         background-color: #CACAFF;
         font-weight: bold;
         }

table.werke_links td,
table.werke_rechts td {
         border-style: solid;
         border-width: 1px;
         border-color: black;
         padding: 5px;
         vertical-align: top;
         }

table.werke_links caption,
table.werke_rechts caption {
         caption-side: bottom;
         margin: 10px 0 10px 0;
         color: #800000;
         font-size: 1.0em;
         }


/* Style für Zitate */

table.spruch {
         border-style: solid;
         border-width: 2px;
         border-color: silver;
         text-align: center;
         padding: 5px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 80px;
         font-style: italic;
         font-size: 1.1em;
         line-height: 1.1em;
         background-color: #EAEAFF;
         }


/* Styles für die Sitemap */

table.sitemap {
         width: 99%;
         margin-top:1em;
         margin-left:1mm;
         margin-right:1mm;
         padding: 1em 0 1em 0;
         font-family: Arial;
         vertical-align: top;
        }

table.sitemap th {
         height:1.5em;
         font-style:italic;
         font-family: Arial;
         color: #0000FF;
         font-size: 1em;
         text-align: left;
         vertical-align: middle;
         background: #C0C0C0;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         }

table.sitemap td {
         height:1em;
         font-style:normal;
         font-family: Arial;
         color: #0000FF;
         font-size: 0.7em;
         text-align: left;
         vertical-align: middle;
         background: #F3F3F3;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         }


/** Farbige Themenbox **/

table.themenbox_links,
table.themenbox_rechts {
         text-align: left;
         color: #753A00;
         background-color: #DAF5D9;
         text-align: justify;
         font-size: 0.9em;
         padding: 5px;
         margin-bottom: 10px;
         margin-top: 0px;
         border-style: ridge;
         border-width: 2px;
         border-color: silver;
         padding: 5px;
         line-height: 1.0em;
         }

table.themenbox_rechts {
         float: right;
         margin-left: 15px;
         }

table.themenbox_links {
         float: left;
         margin-right: 15px;
         }


/* Tabelle mit den wichtigsten Brückendaten */

table.steckbrief_links {
         margin: 0px 10px 10px 0;
         background-color: #DAF5D9;
         padding: 5px;
         float: left;
         line-height:1.2em;
         }

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: #DAF5D9;*/
         background-color: #ECD0B3;
         padding: 5px;
         float: right;
         line-height:1.2em;
         }

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;
         }


/* Links auf Beispielseiten zu ausführlichen Artikeln */

table.themen {
         width: 500px;
         margin-left: 250px;
         padding-left: 0;
         font-size: 0.8em;
         font-weight: lighter;
         }


/* styles für die Fusszeile */

#fusszeile {
         margin-top: 100px;
         background-color: #DFDFDF;
         padding: 5px;
         text-align: center;
         line-height: 1.0em;
         }

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

table.fuss {
         margin-left: 8%;
         margin-right: 8%;
         color: #4b4b4b;
         font-size: 0.8em;
         text-align:left;
         }


/* Styles für mail und interne Links */

th {
         vertical-align: top;
         padding: 10px;
         }

td.mail {
         vertical-align: top;
         padding-left: 20px;
         padding-right: 20px;
         }

#links {
         width: 200px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 10mm;
         text-align: left;
         white-space: nowrap;
         }

td.intern {
         vertical-align: bottom;
         text-align: center;
         list-style-image: url(../grafik/link.gif);
         }

ul.intern {
         vertical-align: bottom;
         text-align: left;
         list-style-image: url(../grafik/link.gif);
         font-size: 0.8em;
         font-style: normal;
         }

ul.aufz {
         vertical-align: bottom;
         text-align: left;
         list-style-type: disc;
         }

li.aufz  {
         line-height: 1.4em;
         }



/* Styles für die Versionsangabe */

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


/* Styles für Beispielfotos */

table.mehrfotos {
         margin-left: auto;
         margin-right: auto;
         }

table.mehrfotos td {
         text-align: center;
         }

h2.mehrfotos {
         text-align: center;
         font-size: 0.9em;
         margin: 1.0em 10% 1.0em 10%;
         }


/* Styles für Werke von Ingenieuren - Bildseiten - */

#werke {
         width: 800px;
         background-color: #D3D3D3;
         border-style: double;
         border-width: 3px;
         margin-top: 3mm;
         margin-bottom: 3mm;
         text-align: center;
         }

h3.werke {
         font-size: 1.0em;
         color: #0000D5;
         text-decoration: none;
         margin-top: 3mm;
         margin-bottom: 1mm;
         text-align: center;
         }

table.werke {
         margin-left: auto;
         margin-right: auto;
         margin-top: 3mm;
         margin-bottom: 3mm;
         }



/* Beispielseiten */

iframe.beispiele {
         margin-top: 1em;
         border-style: solid;
         border-width: 1px;
         border-color: black;
         }



/* Fußnote, bzw. "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;
         }