/*
      In dieser Datei können Schriftart, Schriftgrösse, Schriftfarbe, 
      linker/rechter Rand und der Hintergrund (auch mit Bildern und Grafiken etc.)
      für SÄMTLICHE HTML-Ausgaben nach Ihrem Geschmack verändert/angepasst werden.

      Sollte eine Formatierung nicht Ihren Wünschen und Vorstellungen entsprechen,
      lassen Sie sich den Quelltext der entsprechenden Ausgabe anzeigen und suchen darin
      jene Stelle, die Ihnen nicht zusagt. Merken Sie sich den entsprechenden CSS-Style
      (z.B. z.B. <div class="memo"), suchen diesen Style unten in dieser Datei und
      ändern ihn eben. Mit ein bisschen experimentieren, werden Sie sicher zu einem
      Ihnen genehmen Ergebnis gelangen

      Da es jedoch ZIG Variationsmöglichkeiten gibt, möchte ich darum bitten,
      bei Fragen zu diesem Komplex nicht beim Programmautor anzurufen, sondern
      ausschließlich diverse Literatar zu bemühen.

      Alle Änderungen geschehen auf eigene Gefahr! Der Autor leistet keine
      Unterstützung bei Anzeigeproblemen, die durch Änderungen in dieser Datei
      zustande kommen!

      Um den Ursprungszustand wieder herzustellen, genügt es, die Datei(en)
      "FORMATE.CSS" zu löschen. PC-AHNEN erzeugt beim nächsten Bedarf auto-
      matisch (eine) neue Datei(en). Mit der Option "gesicherte FORMATE.CSS 
      wieder herstellen" kann der alte Zustand ebenfalls wieder hergestellt werden

      ***************************************************************************
      Bitte beachten Sie auch, dass bei Weitergabe oder Veröffentlichung Ihrer
      HTML-Dateien die Datei FORMATE.CSS mitgeliefert werden muss.
      ***************************************************************************

      Zeilen und Absätze wie diese, die mit Schrägstrich und Stern beginnen und mit Stern
      und Schrägstrich enden, sind Kommentarzeilen.

      Es folgen die Style-Festlegungen, die geändert werden können:
      Unterhalb jedes Styls steht eine entsprechende Kurzerklärung
      */

body { font-family:verdana; font-size:8pt; color:black; background-color:white } 
      /* Festlegung der Schriftfamilie, -größe, -farbe und Hintergrund für alle HTML-Ausgaben
      font-family      = Schriftfamilie           (kann geändert werden)
      font-size        = Schriftgröße in Punkt    (kann geändert werden)
      color            = Schriftfarbe             (kann geändert werden)
      background-color = Hintergrundfarbe         (kann geändert werden)
      mit
      background-image:url(Dateiname.gif) kann sogar ein Bild (jpg, gif) als Hintergrund definiert werden
                    z.B. "Kacheln.gif" wobei im Beispiel die Datei im gleichen Ordner vorhanden sein muss
      */

div.li        { text-align:justify; font-size:8pt; margin-left :1cm} 
div.re        { text-align:justify; font-size:8pt; margin-right:1cm} 
div.lr        { text-align:justify; font-size:8pt; margin-left :1cm; margin-right:1cm} 
div.memo      { text-align:justify; font_size:8pt; margin-left :0cm} 
blockquote.re { text-align:justify; font-size:8pt; margin-right:1cm} 
blockquote    { font-size:8pt; margin-left:1cm} 
      /* Festlegungen für diverse Einrückungen und Blocksatz mit etwas kleinerer Schrift
      text-align:justify = Textausrichtung Blocksatz
      font-size          = Schriftgröße in Punkt    (kann geändert werden)
      margin-left        = linker Seitenrand in cm  (kann geändert werden)
      margin-right       = rechter Seitenrand       (kann geändert werden)

      Bei allen nachbennanten Style-Sheets können optional auch andere Schriftarten
      und -farben verwendet werden, z.B. Beispiel mit Zufügen von:
      font-family:schriftart;  color:farbe;  (Semikolon nicht vergessen !!)

      Eine kleine Auswahl an Farbnamen: black, maroon, green, olive, navy, purple, teal, gray, silver,
      red, lime, yellow, blue, fuchsia, aqua, white 

      weitere Farbnamen finden Sie unter http://wiki.selfhtml.org/wiki/Grafik/Farbpaletten#Farbnamen
      im Internet
      */


span.gr { font-size:10pt; color:blue } 
      /* Namen in Sippen/Familienbuch etc. in blau und etwas größer */

span.kl { font-size:8pt } 
      /* Schrift etwas kleiner*/

span.higru { background-color:#E0FFFF }
      /* Hintergrundfarbe Kästchen Ahnentafel 20 Gen */

span.vogru { color:blue }
      /* Schriftfarbe im Kästchen Ahnentafel 20 Gen */

pre.vorf {font-family:Courier New,Courier; font-size:8pt; color:darkblue } 
      /* Festlegung der Schriftfamilie, -größe und -farbe für Ahnentafel 20 Generationen */

h1 {font-size:16pt}
      /* Überschrift */

h2 {font-size:14pt}
      /* Überschrift */

h3 {font-size:12pt}
      /* Überschrift */

h3.ue { font-size:14pt; color:blue } 
      /* Größere Überschrift*/

h5 {font-size:10pt}
      /* Überschrift */

span.hinw {font-size:6pt; color:black } 
      /* Festlegung für Hinweise am Seitenende */

table {font-size:10pt}
      /* Schriftgröße in Tabellen (auch in unsichtbaren Tabellen) */

table.ap {font-size:8pt}
      /* Schriftgröße für Ahnentafel 4 Gen. (Ahnenpass)*/

pre.memo    {font-family:Courier New,Courier; font-size:8pt; color:black; margin-top:0.0cm; margin-bottom:0.0cm } 
pre.tab     {font-family:Courier New,Courier; font-size:8pt; color:black } 
pre.uebersi {font-family:Courier New,Courier; font-size:8pt; color:black } 
pre.sonst   {font-family:Courier New,Courier; font-size:8pt; color:black } 
      /* Festlegung der Schriftfamilie, -größe und -farbe für vorformatierten Text wie
      Memo, Kästchen, Tabellen etc.)
      font-family   = Schriftfamilie Courier  (kann geändert werden)
      font-size     = Schriftgröße 8 punkt    (kann geändert werden)
      color         = Schriftfarbe schwarz    (kann geändert werden)
      */

a:link       { color:blue }
a:visited    { color:blue }
a:hover      { color:red }
a:active     { color:blue }
      /* Farben für aktive bzw. besuchte Links */


      /*
      ------------------------------------------------------------------------------------
      Steuerung für Ahnentafel seitlich A4/quer
      Nachfolgende Positionen, ausser Farbangaben, NICHT ändern !!!!
      beim Style #haupt kann mit background-image:url(Dateiname.gif) eine Grafik als Hintergrund eingebunden werden
      */

#haupt       { position:absolute; top:10px; left:10ppx; width:1000px; height:560px; 
               font-family:arial; font-size:8pt; color:black;
               background-color:white; border-style:none; border-width:0px }
#box1        { position:absolute; top:255px; left:0px; width:220px; height:50px; 
               background-color:#E0FFFF; overflow:hidden; 
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box2        { position:absolute; top:115px; left:240px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box3        { position:absolute; top:395px; left:240px; width:220px; height:50px; 
               background-color:#E0FFFF; overflow:hidden; 
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black; 
               border-bottom:1px solid black; padding:3 }
#box4        { position:absolute; top:45px; left:480px; width:220px; height:50px; 
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box5        { position:absolute; top:185px; left:480px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box6        { position:absolute; top:325px; left:480px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box7        { position:absolute; top:465px; left:480px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#box8        { position:absolute; top:10px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box9        { position:absolute; top:80px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box10       { position:absolute; top:150px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box11       { position:absolute; top:220px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box12       { position:absolute; top:290px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box13       { position:absolute; top:360px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#box14       { position:absolute; top:430px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden; 
               border:1px solid black; padding:3 }
#box15       { position:absolute; top:500px; left:720px; width:220px; height:50px;
               background-color:#E0FFFF; overflow:hidden; 
               border:1px solid black; padding:3 }
#oo23        { position:absolute; top:270px; left:240px; width:220px; height:20px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#oo45        { position:absolute; top:130px; left:480px; width:220px; height:20px;
               absolute:white; border-style:none; border-width:medium;
               padding:3 }
#oo67        { position:absolute; top:410px; left:480px; width:220px; height:20px;
               absolute:white; border-style:none; border-width:medium; 
               padding:3 }
#oo89        { position:absolute; top:64px; left:720px; width:220px; height:12px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#oo1011      { position:absolute; top:204px; left:720px; width:220px; height:12px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#oo1213      { position:absolute; top:344px; left:720px; width:220px; height:12px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#oo1415      { position:absolute; top:484px; left:720px; width:220px; height:12px;
               background-color:white; border-style:none; border-width:medium; padding:3 }
#v23         { position:absolute; top:140px; left:220px; width:19px; height:280px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#v45         { position:absolute; top:70px; left:460px; width:19px; height:140px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#v67         { position:absolute; top:350px; left:460px; width:19px; height:140px;
               background-color:white; border-left:1px solid black; 
               border-right-style:none; border-right-width:0px; 
               border-top:1px solid black; border-bottom:1px solid black }
#v89         { position:absolute; top:39px; left:700px; width:19px; height:70px; 
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#v1011       { position:absolute; top:179px; left:700px; width:19px; height:70px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#v1213       { position:absolute; top:319px; left:700px; width:19px; height:70px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#v1415       { position:absolute; top:459px; left:700px; width:19px; height:70px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#r8          { position:absolute; top:10px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none;
               border-width:medium; padding:3 }
#r9          { position:absolute; top:80px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none;
               border-width:medium; padding:3 }
#r10         { position:absolute; top:150px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#r11         { position:absolute; top:220px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#r12         { position:absolute; top:290px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#r13         { position:absolute; top:360px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#r14         { position:absolute; top:430px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#r15         { position:absolute; top:500px; left:950px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#pca         { position: absolute; bottom: 0px; left: 0px; width: 200px; height: 20px;
               background-color: white; overflow: hidden; font-family: arial;
               font-size: 5pt; border-style: none; border-width: medium;
               padding: 3 }

      /*
      Steuerung für Ahnentafel A4/längs
      Nachfolgende Positionen, ausser Farbangaben, NICHT ändern !!!!
      beim Style #ahaupt kann mit background-image:url(Dateiname.gif) eine Grafik als Hintergrund eingebunden werden
      */

#ahaupt       { position:absolute; top:0px; left:50px; width:571px; height:941px; 
               font-family:arial; font-size:8pt; color:black;
               background-color:white; border-style:none; border-width:0px }
#abox1        { position:absolute; top:420px; left:0px; width:120px; height:100px; 
               background-color:#E0FFFF; overflow:hidden; 
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox2        { position:absolute; top:180px; left:140px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox3        { position:absolute; top:660px; left:140px; width:120px; height:100px; 
               background-color:#E0FFFF; overflow:hidden; 
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black; 
               border-bottom:1px solid black; padding:3 }
#abox4        { position:absolute; top:60px; left:280px; width:120px; height:100px; 
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none; 
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox5        { position:absolute; top:300px; left:280px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox6        { position:absolute; top:540px; left:280px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox7        { position:absolute; top:780px; left:280px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border-left:1px solid black; border-right-style:none;
               border-right-width:0px; border-top:1px solid black;
               border-bottom:1px solid black; padding:3 }
#abox8        { position:absolute; top:0px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox9        { position:absolute; top:120px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox10       { position:absolute; top:240px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox11       { position:absolute; top:360px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox12       { position:absolute; top:480px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox13       { position:absolute; top:600px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden;
               border:1px solid black; padding:3 }
#abox14       { position:absolute; top:720px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden; 
               border:1px solid black; padding:3 }
#abox15       { position:absolute; top:840px; left:420px; width:120px; height:100px;
               background-color:#E0FFFF; overflow:hidden; 
               border:1px solid black; padding:3 }
#aoo23        { position:absolute; top:460px; left:140px; width:120px; height:20px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#aoo45        { position:absolute; top:220px; left:280px; width:120px; height:20px;
               absolute:white; border-style:none; border-width:medium;
               padding:3 }
#aoo67        { position:absolute; top:700px; left:280px; width:120px; height:20px;
               absolute:white; border-style:none; border-width:medium; 
               padding:3 }
#aoo89        { position:absolute; top:104px; left:420px; width:120px; height:20px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#aoo1011      { position:absolute; top:344px; left:420px; width:120px; height:20px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#aoo1213      { position:absolute; top:584px; left:420px; width:120px; height:20px;
               background-color:white; border-style:none; border-width:medium;
               padding:3 }
#aoo1415      { position:absolute; top:824px; left:420px; width:120px; height:20px;
               background-color:white; border-style:none; border-width:medium; padding:3 }
#av23         { position:absolute; top:230px; left:120px; width:19px; height:486px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#av45         { position:absolute; top:110px; left:260px; width:19px; height:246px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#av67         { position:absolute; top:590px; left:260px; width:19px; height:246px;
               background-color:white; border-left:1px solid black; 
               border-right-style:none; border-right-width:0px; 
               border-top:1px solid black; border-bottom:1px solid black }
#av89         { position:absolute; top:50px; left:400px; width:19px; height:126px; 
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#av1011       { position:absolute; top:290px; left:400px; width:19px; height:126px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#av1213       { position:absolute; top:530px; left:400px; width:19px; height:126px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#av1415       { position:absolute; top:770px; left:400px; width:19px; height:126px;
               background-color:white; border-left:1px solid black;
               border-right-style:none; border-right-width:0px;
               border-top:1px solid black; border-bottom:1px solid black }
#ar8          { position:absolute; top:25px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none;
               border-width:medium; padding:3 }
#ar9          { position:absolute; top:145px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none;
               border-width:medium; padding:3 }
#ar10         { position:absolute; top:265px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#ar11         { position:absolute; top:385px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#ar12         { position:absolute; top:505px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#ar13         { position:absolute; top:625px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#ar14         { position:absolute; top:745px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#ar15         { position:absolute; top:865px; left:550px; width:20px; height:50px; 
               background-color:white; overflow:hidden; border-style:none; 
               border-width:medium; padding:3 }
#apca         { position:absolute; top:920px; left:50px; width: 120px; height: 20px;
               background-color: white; overflow: hidden; font-family: arial;
               font-size: 5pt; border-style: none; border-width: medium;
               padding: 3 }
      /*
      Steuerung für Ahnentafel mit Fotos
      Nachfolgende Positionen, ausser Farbangaben, NICHT ändern !!!!
      beim Style #fhaupt kann mit background-image:url(Dateiname.gif) eine Grafik als Hintergrund eingebunden werden
*/
#fhaupt      { position:absolute; top:50px; left:60px; width:880px; height:580px; 
               font-family:arial; font-size:7pt; color:black;
               background-color:white; border-style:none; border-width:0px }
h1.f         { font-family:arial; font-size:18pt; color:red; text-align:center }
      /*
      Boxen Reihe 8 - 15
      */
#fbox8       { position:absolute; top:0px; left:6px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden; 
               border:1px solid red }
#fbox9       { position:absolute; top:0px; left:116px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox10      { position:absolute; top:0px; left:226px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox11      { position:absolute; top:0px; left:336px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox12      { position:absolute; top:0px; left:446px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox13      { position:absolute; top:0px; left:556px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox14      { position:absolute; top:0px; left:666px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox15      { position:absolute; top:0px; left:776px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
      /*
      untere Verbinder Reihe 8-15
      */
#fv89        { position:absolute; top:131px; left:50px; width:110px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
#fv1011      { position:absolute; top:131px; left:270px; width:110px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
#fv1213      { position:absolute; top:131px; left:490px; width:110px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
#fv1415      { position:absolute; top:131px; left:710px; width:110px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
      /*
      Obere Verbinder 4-7
      */
#fo45        { position:absolute; top:143px; left:105px; width:220px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-bottom-style:none; border-bottom-width:0 }
#fo67        { position:absolute; top:143px; left:545px; width:220px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-bottom-style:none; border-bottom-width:0 }
      /*
      boxen Reihe 4-7
      */
#fbox4       { position:absolute; top:155px; left:61px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox5       { position:absolute; top:155px; left:281px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox6       { position:absolute; top:155px; left:501px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox7       { position:absolute; top:155px; left:721px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
      /*
      untere Verbinder Reihe 4-7
      */
#fv45        { position:absolute; top:287px; left:105px; width:220px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
#fv67        { position:absolute; top:287px; left:545px; width:220px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
      /*
      oberer Verbinder Reihe 2-3
      */
#fo23        { position:absolute; top:299px; left:215px; width:440px; height:11px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-bottom-style:none; border-bottom-width:0 }
      /*
      boxen 2 + 3
      */
#fbox2       { position:absolute; top:310px; left:171px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
#fbox3       { position:absolute; top:310px; left:611px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }
      /*
      unterer Verbinder 2+3
      */
#fv23        { position:absolute; top:442px; left:215px; width:440px; height:9px;
               background-color:white; border-left:1px solid black;
               border-right:1px solid black; border-top-style:none;
               border-top-width:medium; border-bottom:1px solid black }
      /*
      KINDER von 2+3
      */
#fkind1      { position:absolute; top:453px; left:390px; width:90px; height:130px;
               background-color:#fE0FFFF; overflow:hidden;
               border:1px solid red }