/* Schriftarten */
* {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Hintergrundfarbe, Textfarbe */
body {
  color:rgb(0,0,0);
  background-color:rgb(122,122,122);
}

/* horizontale Trennlinie */
hr { height:2px; width:97%; color:rgb(108,108,108); background-color:rgb(108,108,108); border-style:none; }

/* Ueberschriften */
h1 { margin-left:3%; font-size:16pt; font-weight:normal; }
h2 { margin-left:3%; font-size:14pt; }
h3 { margin-left:3%; font-size:14pt; }
h4 { margin-left:3%; font-size:12pt; }

/* wichtiger Text */
.wichtig { font-size:14pt; }


/* Gestaltung der Links */
a.menu {text-decoration:none; font-size:12pt; color:black; font-weight: bold;}
a.menurot {text-decoration:none; font-size:12pt; color:rgb(255,16,27); font-weight: bold; }
a.menurechts {text-decoration:none; font-size:12pt; color:black; font-weight: bold;}
a:link.menu {color:black;}
a:visited.menu {color:black;}
a:hover.menu {color:rgb(255,16,27);}
a:hover.menurot {color:black;}

/* Zeilenabstände in der Tabellenzelle mit den Menüpunkten */
td.menu p { margin-top:2pt; margin-bottom:8pt; }

/* Elemente mit class="reportage" sollen über den Dingen schweben */
.reportage {z-index:1; text-align: justify; font-size:10pt;}

/* Impressum unten rechts */
.impressum { margin-right: 9%; text-align:right; font-size:10pt; }
/* Zeilenabstände im Impressum zwischen Abschnitten */
.impressum p { margin-top: 2px; margin-bottom: 3px; }
/* p fuer Menüpunkt rechts */
.rechts { text-align:right; }

/* Tabelle mit biographischen Angaben */
/*   - Zellen oben ausrichten         */
table.biographie       { margin-left:0.75em; }
table.biographie tr td { vertical-align:top; font-size:10pt; }
/* Biografischer Abschnitt: Jahreszahl */
p.biogrj { margin-left:0.75em; font-size:10pt; margin-top:2pt; margin-bottom:1pt; }
/* Biografischer Abschnitt: Textinhalt */
p.biogrt { margin-left:1.5em; font-size:10pt; margin-top:0pt; margin-bottom:5pt; }

/* Tabelle Vogdt-fragt-Vogdt */
table.vfv              { width:80%; }
.vfv-frage   { vertical-align:top;  }
.vfv-antwort { vertical-align:top;  }

/* Klatsche oben rechts, soll mitscrollen */
#klatsche {
  position:absolute;
  top:45px; right:9%;
}

/* Klatsche oben rechts, soll nicht mitscrollen, */
/* siehe auch vogdt_ie.css                       */
html>body #klatschefixiert { /* nur fuer moderne Browser */
  position:fixed;
}
#klatschefixiert {
  position:absolute;
  top:45px; right:9%;
}

/* Jürgen-Vogdt-Logo, 400 Pixel breit */
#logo {
  width:400px; margin-left:10px; margin-top:40px;
}

/* Positionierug des Bildes oben rechts */
#bild1 {position:absolute; top:40px;right:70px;}