/* DATEI: screen.css */
/* Standard-CSS fuer Bildschirmanzeige (screen und projection) */

html { margin:0; border:0 none; padding:0; }
body { color:#ffffff; background-color:#000000;
       margin:0; border:0 none; padding:0;
       font-size:100%;
       font-family: helvetica, arial, sans-serif; }

a:link    { color:#99CCFF; background-color:#000000; text-decoration:underline; }
a:visited { color:#CCFFFF; background-color:#000000; text-decoration:underline; }
a:hover  {  color:#000066; background-color:#FFFFCC; text-decoration:none; }
a:active  { color:#CCFFFF; background-color:#000000; text-decoration:underline; }

a img,  a img.ohnerahmen { border:0 none; }

.inhalt p, .inhalt ul, .inhalt ol, .inhalt dl, .blindtab
 { max-width:36em; /* = Bezugsgroesse, muss durch Faktor dividiert werden. */ }

.inhalt p.kleiner  { max-width:40.0em; /* Faktor 0.9 */ font-size: 90%; }
.inhalt p.groesser { max-width:32.7em; /* Faktor 1.1 */ font-size:110%; }

/* h1 ist das Logo - in Screen-Ansicht ausgeblendet. */
h1#logo { display:none; }

/* h2 wird fuer die eigentlichen Haupt-Ueberschriften verwendet. */
h2 { font-size:170%; font-weight:bold;
     margin-top:0;
   }

/* Falls gewuenscht wie bisher: Ueberschrift in Brush Script - grosser font-size Faktor notwendig!
h2 { font-size:220%; font-weight:bold; font-style:normal;
     font-family: "Brush Script", "BrushScript BT", BrushScriptBT, BrushScript, Banff, Brussels, Bankoli, Tropical, Motif, "Angel Brush", "Brush Stroke", "Brush 451", "Script MT Bold", "URW Chancery L", "ZapfChan MdIt BT", "Liberty BT", helvetica, arial, sans-serif;
     font-variant:normal; text-decoration:none;
     margin-top:0;
   }
*/

/* Weitere Ueberschriften: fett, Schriftgroessen relativ zur Standardschrift */
h3 { font-size:130%; font-weight:bold; }
h4 { font-size:100%; font-weight:bold; }
h5 { font-size:100%; font-weight:bold; }
h6 { font-size:100%; font-weight:bold; font-style:italic; }

h1,h2,h3,hr,address,p.putzer,*.putzer
   { clear:both; }

/* Tabellen ohne Klasse: Feiner grauer Rahmen */
table {
    border-collapse:collapse;
    border-spacing:0px;
    border:#989898 solid 1px;
    /* width:auto; */
}

th {
    font-weight:bold;
    text-align:left; vertical-align:top; padding:3px;
    border:#989898 solid 1px;
}

td {
    font-weight:normal;
    text-align:left; vertical-align:top; padding:3px;
    border:#989898 solid 1px;
}

caption { caption-side:top; font-weight:bold; width:auto; height:auto;
          text-align:center; }

dt { font-weight:bold; font-style:normal; }
dd { font-weight:normal; font-style:normal;
     padding-bottom:0.7em; }

/* =============================================== */
/* Schrift- und Farbangaben fuer Hervorhebungen   : */
/* =============================================== */

/* HTML-eigene Hervorhebungen und Markup: */
pre,tt,code { font-family:"courier new",courier,monospace; }
b { font-weight:bold; }
i { font-style:italic; }
u { text-decoration:underline; }
s { text-decoration:line-through; }
em     { font-style:normal; font-weight:bold; }
strong { font-style:normal; font-weight:bold; }


/* Selbst definierte Klassen: */
.groesser { font-size:1.1em;}
.kleiner  { font-size:0.9em; }
/* p.kleiner { padding:0 0 0 7em; } */

.kapitaelchen { font-variant:small-caps; }

/* =============================================== */
/* Schrift- und Farbangaben fuer einzelne Bereiche: */
/* =============================================== */

/* Layout-Tabelle: */
table.layouttab
  {
    width:100%;
    margin:0;
    border:0 none; border-spacing:0; border-collapse:collapse;
    padding:0;
  }

td.inhalt
  {
     padding:1em 2em 0.5em 2em;
     /* border:0 none; */
     border:dotted #666666; border-width:0 0 1px 1px;
  }

hr { height:3px; width:100%; color:#66CCCC; background-color:#66CCCD;
     border-style:solid; border-width:1px; border-color:#009999;
     text-align:center; margin-left:auto; margin-right:auto; }
/* Horizontale Trennlinie */
/* Mozilla und Opera nehmen background-color, MSIE nimmt color als Farbe der Trennlinie */
/* Height ist bei Mozilla und MS IE die totale Hoehe (inkl. border)
   bei Opera nur die Hoehe des "Contents" */


/* Angaben zum Navigations-Bereich */

td.navbar
  {
    margin:0; padding:1em;
    /* border:0 none; */
    border:dotted #666666; border-width:0 0 1px 0;
    color:#ffffff; background-color:#000000;
    width:11em;
  }

td.navbar p { text-align:center; }
td.navbar p a img { border:0 none; vertical-align:bottom; }

/* Navigations-UL:  */
.navbar ul
 { list-style-type:none;
   margin:0;
   border:0 none;
   padding:0;
   font-size:1em; font-weight:bold;
   width:11em;
 }

.navbar ul li ul
 { list-style-type:none;
   margin:0; padding:0 0 0 1.5em;
   border:0 none;
   font-size:0.9em; font-weight:normal;
   width:100%; /* fuer MS IE */
   max-width:10.6em; /* Fuer anstaendige Browser, gemaess Box-Modell */
 }

.navbar ul.sprachliste
 { list-style-type:none;
   margin:2em 0 0 1.5em; padding:0;
   border:0 none;
   font-size:0.9em; font-weight:normal;
   width:10.6em;
 }

.navbar ul li ul li ul
 { font-size:1em; }

.navbar ul li, .navbar ul li ul li
 {
   margin:0; padding:0;
   border-bottom:1px #000001 solid; /* notwendig fuer MS IE inkl. 6.0  */
  }

.navbar ul li.aktiv
 { border-bottom:1px #000001 solid; }

.navbar li a, .navbar li span
 {
   display:block;
   margin:0; padding:3px 5px;
   text-decoration:none;
 }

.navbar ul a:link, .navbar ul a:visited
 {
   text-decoration:none;
   color:#cccccc; background-color:#000000;
   border-color:#000001;
   border-style:solid;
   border-width:1px 0px 0px 5px;
 }

.navbar ul a:hover, .navbar ul a:focus, .navbar ul a:active
 { text-decoration:none;
   color:#000000; background-color:#CCFFFF;
   border-color:#00CCFF;
   border-style:solid none none solid;
   border-width:1px 0px 0px 5px;
 }

.navbar ul li.aktiv span
 { text-decoration:none;
   color:#66CCFF;
   background-color:#000000;
   border-color:#174bac;
   border-style:solid none none solid;
   border-width:1px 0px 0px 5px;
 }

.navbar ul li.aktiv span.noshow
 { display:none; }


/* Angaben zum Inhaltsbereich: */

.inhalt ul li { margin-bottom:0.7em; }
.inhalt ul li ul li, .inhalt table.blindtab ul li { margin-bottom:0; }

td.mailtext { white-space:pre; }

/* Tabelle mit der Klasse "blindtab": Kein Rahmen */
table.blindtab {
    border:0 none;
}

.blindtab td, .blindtab th {
    text-align:left; vertical-align:top; padding:0 1em 0.7em 0;
    border:0 none;
}

/* Tabelle mit der Klasse "thumbs": Kein Rahmen, etwas mehr
Innenabstand in den einzelnen Zellen, zwecks Bilder-Anordnung. */

table.thumbs { border:0 none; margin:1em 0 -20px 0; }
.thumbs td   { border:0 none; padding:0 40px 40px 0;
                     text-align:center; vertical-align:top; }
.thumbs img { margin:0 0 5px 0; }
/* Falls Rahmen um klickbare Thumbnails gewuenscht: */
/* .thumbs a img  { border:2px solid; } */



.notwendig { color:#FF99CC; background-color:#000000; }
/* Stern-Symbol fuer notwendige Angaben beim Formular */

address
  {
    margin:2em 0 2em 0;
    border:solid #009999;
    border-width:1px 0 1px 0;
    padding:1em;
  }
address, address em { font-style:normal; font-weight:normal; }
address strong
  { font-weight:bold; }

p.fusszeile
 {
  margin:1em 0 0 auto;
  text-align:right;
  font-size:0.9em;
 }

p.sprachkopfzeile
 { margin:0 0 -0.5em auto; text-align:right;
    width:auto;
    font-size:0.9em; }

.noshow    { display:none; }
.noprint   { }

.printonly { display:none; }