@import "Fuszleiste.css" ;
@import "Nav_links.css";
body{
  background:#ffc;
  width:700px;
  margin-left:3px; margin-bottom:36pt;
  margin-bottom: 48pt;
  padding-bottom: 48pt;
}
td{vertical-align:top}

/* Navigation, formatiert als Tabelle
Variante 1: echte Tabelle */
table.Navigation, div.Navigation{
  display:table;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing: 6pt 3pt;
  width:100%}

/* Variante 2: NavigationT = nur Aussehen wie Tabelle */
div.NavigationT
 {display:table;
  border-spacing:6pt 2pt;
  background: #e6f5b3}
div.NavigationT p{display:table-row;   }
div.NavigationT a{display:table-cell; vertical-align:middle;
  border: outset 1.5pt #888;
  padding:1pt;
  text-decoration:none;
  text-align:center}
.Navigation td{vertical-align:middle; text-align:center}
div.Navigation a.hier{border-style:none !important; padding:2pt}
.s5 {display:table-row}
.s5 a, .s5 span{width:18%}

/* gemeinsam fuer beide Varianten */
div.NavigationT a.hier, div.Navigation a.hier
 {border:none;
  background:transparent}
.Navigation a, .NavigationT a
 {text-decoration: none; background:#efc}
div.Navigation a.extern, div.NavigationT a.extern
  {color:#00a; border-color:#008}
.Navigation a, .NavigationT a
  {text-decoration:none !important; text-align:center}

/* ist der Mauszeiger über einem Link zu einer fremden Seite,
   bzw. die den bisherigen Rahmen überschreibt,
   erscheint der Hintergrund gelb */
a[target="_top"]:hover{outline: solid #ff0}
a[target="_blank"]:hover{background:#ff0 !important}
a[target="_parent"]:hover{background: #aaff42}

/* wenn verlinkte Seiten standardmäßig in einem neuen Tab bzw. Fenster geoeffnet werden ... */
a[target="_self"]:hover{
    background: transparent !important;
    
}
body.target_blank a[href]:hover{
    background: #ff0;
}

.kleiner{font-size:80%}

/* nicht am Bildschirm anzeigen */
.nur_drucken{display:none}