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

html { margin:0; border:0 none; padding:0; }
body { color:#98FF98; background-color:#555555;
       margin:0; border:0 none; padding:0;
       font-family:"lucida sans",tahoma,arial,helvetica,sans-serif;
       font-size:100%; }

a:link    { color:#CCCCFF; background-color:transparent; text-decoration:underline; }
a:visited { color:#FFCCFF; background-color:transparent; text-decoration:underline; }
a:hover, a:focus   { color:#FFFFFF; background-color:#000000; text-decoration:none; }
a:active  { color:#98FF98; background-color:transparent; text-decoration:underline; }

h2+p      { font-weight:bold; margin:0.5em 0; }
h2+p span { font-weight:normal; }

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

.inhalt p, .inhalt ul, .inhalt ol  /* .inhalt dl */
 { 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, wird sonst nicht verwendet. Definitionen weiter unten */

h2 { font-size:180%; font-weight:bold; font-style:normal;
     font-variant:normal; text-decoration:none;
     margin-top:0;
   }

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

h1,h2,h3,hr,p.putzer,*.putzer, div#adresse
   { clear:both; }

table {
    border-collapse:collapse;
    border-spacing:0px;
    border:#989898 solid 2px;
    width:auto;
}

th {
    color:#BBFFBB; background-color:#555555;
    font-weight:bold;
    text-align:left; vertical-align:top; padding:3px;
    border:#989898 solid thin;
}

td {
    color:#BBFFBB; background-color:inherit;
    font-weight:normal;
    text-align:left; vertical-align:top; padding:3px;
    border:#989898 solid thin;
}

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; }
cite   { color:#98FF98; background-color:#683333; font-style:normal; }


/* Selbst definierte Klassen: */
.groesser { font-size:1.1em;}
.kleiner  { font-size:0.9em; }
.kleinergrau  { font-size:0.8em; color:#98FF98; background-color:#333333; }
/* 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 1em 2em; border:0 none;
    color:#BBFFBB; background-color:#686868; }

tr.fusszeile
  {
    border:solid #808080; border-width:thin 0 0 0;
  }

td.fussecke   { border:0 none; padding:0.3em 0 0 0; }
td.impressum  { border:0 none; padding:0.3em 0.5em 0 2em; }
div.impressum { margin:0; border:0 none; }

tr.fusszeile td, tr.fusszeile *
  { color:#98FF98; background-color:#555555; }

td.impressumhp
  { border:0 none;
    padding:0.3em 0.5em 0 2em;
    min-height:86px; height:86px; overflow:visible;
    text-align:right; vertical-align:bottom;
    color:#98FF98;
    background: #494949 url("../img/hg_unten_2d.jpg") no-repeat top left;
  }


tr.fusszeile td.impressumhp p,
div.impressumhp p
  {
    font-size:90%;
    margin:2px 0; border:0; padding:0;
    color:#98FF98;
    background-color:transparent;
  }

tr.fusszeile a:link    { color:#CCCCFF; background-color:#555555; text-decoration:underline; }
tr.fusszeile a:visited { color:#FFCCFF; background-color:#555555; text-decoration:underline; }
tr.fusszeile a:hover, tr.fusszeile a:focus   { color:#FFFFFF; background-color:#000000; text-decoration:none; }
tr.fusszeile a:active  { color:#98FF98; background-color:#555555; text-decoration:underline; }

hr { height:3px; width:100%; color:#66FF66; background-color:#66FF67;
     border-style:solid; border-width:1px; border-color:#98FF98;
     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 Logo-Bereich */
h1
 {
  font-size:1.5em;
  margin:0; padding:0 0.2em 0 0.2em;
  text-align:center; vertical-align:top;
  color:#98FF98; background-color:#545254;
 }

h1#logo a { margin:0; border:0; padding:0; text-decoration:none;
            color:#98FF98; background-color:#545254;
          }

h1#logo a img { margin:0; border:0 none; padding:0; }

h1 strong { font-weight:bold; font-style:normal; }
h1 span   { font-weight:normal; font-style:normal; }


/* Angaben zum Navigations-Bereich */

td.navbar
  {
    margin:0; padding:1em 0 0 0; border:0 none;
    color:#FFFFFF; background-color:#444444;
    width:11em;
  }

.navbar table { margin:0; border:0 none; padding:0;
                width:10em;
                empty-cells:show;
                border-spacing:0.2em; border-collapse:separate; }
.navbar th
   { margin:0; border:0 none; padding:0;
     color:#FFFFFF; background-color:#444444;
     font-weight:bold;
   }
.navbar td
   { margin:0; border:0 none; padding:0 0 0 1em;
     color:#FFFFFF; background-color:#444444;
     font-weight:normal;
   }

td.pfeil { padding:0; vertical-align:middle; width:20px; }

.navbar td a, .navbar td span
   { display:block; margin:0; padding:0.2em 0.2em 0.2em 0.5em;
     font-size:0.9em; text-decoration:none; }
.navbar th a, .navbar th span
   { display:block; margin:0; padding:0.2em 0.2em 0.2em 0.3em; text-decoration:none; }

.navbar a:link, .navbar a:visited
  { color:#EEEEEE; background-color:#686868;
    border:1px solid; border-color:#D0CCD0 #555555 #555555 #D0CCD0; }
.navbar a:hover, .navbar a:focus, .navbar a:active
   { color:#FFFF99; background-color:#777766; text-decoration:none;
     border:1px solid; border-color:#FFFF98 #6C6C00 #6C6C00 #FFFF98; }

.navbar td span, .navbar th span
   { color:#CCCCCC; background-color:#444444; text-decoration:none;
     border:1px solid; border-color:#660000 #660000;  }

/* Navigations-UL:  */
.navbar ul
 { list-style-type:none;
   margin:0 3px 3px 3px;
   border:1px solid #444444;
   padding:0px;
   color:#FFFFFF; background-color:#444444;
   font-size:1em; font-weight:bold;
 }

.navbar ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   border:0 none;
   font-size:0.9em; font-weight:normal;
   color:#FFFFFF; background-color:#444444;
 }

.navbar ul li ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-size:1em; font-weight:normal;
   color:#FFFFFF; background-color:#444444;
 }

.navbar ul li
 { color:#FFFFFF; background-color:#444444;
   margin:0; padding:0;
   border:1px solid #444444;
  }

.navbar ul li.aktiv
 { color:#BBFFBB; background-color:#444444; margin:0; padding:0;
   border:1px solid #444444;
  }

.navbar ul li ul li
 { color:#FFFFFF; background-color:#444444; margin:0;
   padding:0 0 0 15px;
   border:1px solid #444444;
 }

.navbar ul li ul li.aktiv
 { color:#BBFFBB; background-color:#444444; margin:0;
   padding:0 0 0 15px;
   border:1px solid #444444;
 }

.navbar ul li ul li ul li
 { color:#FFFFFF; background-color:#444444;
   margin:0;
   padding:0 0 0 25px;
   border:1px solid #444444;
 }

.navbar ul li ul li ul li.aktiv
 { color:#BBFFBB; background-color:#444444; margin:0;
   padding:0 0 0 25px;
   border:1px solid #444444;
 }
   /* Border notwendig wegen MS IE Bug (sonst zu grosse Abstaende unten) */
   /*   " "     auch, weil li.aktiv auch einen feinen Rahmen hat */

.navbar ul a
 {
   display:block; /* width:100%; */
   margin:0; padding:3px 5px;
   text-decoration:none;
   /* border:1px solid; border-color:#D0CCD0 #555555 #555555 #D0CCD0; */
 }

/*  Hier kann man noch einen schoenen Kringel oder so vor jedem Menuepunkt einfuegen: */
/*
.navbar ul a:before, .navbar ul span:before
  { content: url("../img/ar_bl_rt.gif") " ";}
*/

.navbar ul a:link, .navbar ul a:visited
 {
   text-decoration:none; display:block; padding:3px 5px;
   color:#98FF98; background-color:#686868; text-decoration:none;
   border:1px solid; border-color:#D0CCD0 #555555 #555555 #D0CCD0;
   /* border:1px dotted #FFFF68; */
 }

.navbar ul a:hover, .navbar ul a:focus, .navbar ul a:active
 { text-decoration:none; display:block; padding:3px 5px;
   color:#FFFF99; background-color:#777766; text-decoration:none;
   border:1px solid; border-color:#FFFF98 #6C6C00 #6C6C00 #FFFF98;
 }

.navbar ul li.aktiv span
 { text-decoration:none; display:block; padding:3px 5px;
   color:#BBFFBB; background-color:#444444; text-decoration:none;
   border:1px solid; border-color:#660000 #660000;
 }


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


/* Angaben zum Inhaltsbereich: */

p#kruemel
 { margin:0 0 1em 0; max-width:100%;
   padding:0.2em;
   font-size:90%;
 }

p#alternativen
 { margin:0; max-width:100%;
   padding:0.2em;
   font-size:90%;
   text-align:right; }

p#kruemel img, p#alternativen img
  { margin:0; border:0; padding:0; float:right; text-align:right; vertical-align:top; }

.inhalt p.inhaltnav { font-size:0.8em; }

td.chf
 { text-align:right; vertical-align:top; font-family:"courier new",courier,monospace; }

table.blindtab {
    border:0 none;
    width:auto;
}

.blindtab td, .blindtab th {
    color:#BBFFBB; background-color:#686868;
    text-align:left; vertical-align:top; padding:3px;
    border:0 none;
}

table.thumbs { border:0 none; }
.thumbs td   { border:0 none; padding:0 40px 40px 0; width:100px;
               text-align:center; vertical-align:bottom; font-size:0.8em; }
.thumbs th   { padding:1em 3px 3px 3px; text-align:center; font-size:1.2em; }
/* .thumbs img  { border:2px solid #0068FF; } */

table.minipix
  {
    margin:10px 0 30px 0;
    border:0 none;
    width:100%;
  }

table.minipix td
 { border:0 none; padding:0; width:16%; }

div.bildblock
  { color:#BBFFBB; background-color: #686868;
    text-align:center;
    margin:-1em -2em auto -2em; /* Um das padding von td.inhalt aufzuheben. */
    padding:1em 2em 0 2em;
  }

div.bildblock p, div.bildblock p.kleiner
  { color:#BBFFBB; background-color: #686868;
    text-align:center; max-width:99%;
  }

/*
div.cdblock ol, div.cdblock ul
  { width:15em; float:left;  }
div.cdblock p
  { width:340px; float:left; }

div.cdblock3 p
  { padding:20px; }

div.cdblock3 p img
  { float:right; width:340px; }
*/

img.portraet
  { float:left; margin:0 20px 10px 0; }

p.stammfotorechts { width:300px; float:right; }

p.homefoto { max-width:99%; }

p.zentriert { max-width:99%; text-align:center; padding-bottom:2em; }

p.zentriert img { margin-bottom:10px; }

div.bodykonzert { margin-top:3em; margin-bottom:3em; }

div.bodykonzert h3 { clear:none; }

div.mithintergrund { background:url("../fotos/morgain_gf_col234x126.jpg") right top no-repeat;
                     min-height:126px; padding-right:240px; }

p.merksatz { margin:1em 1em 1em 3em; border:3px double #FFCC68; padding:0 0.5em;
             text-align:center; color:#000000; background-color:#FFFF98; }
.merksatz strong { font-weight:bold; font-style:normal; color:#000000; background-color:#FFFF98; }

div.gedichtspalte { width:20em; padding-right:2em; float:left; }

.cdspalte { width:220px; padding-right:20px; float:left; }

body div.cdspalte p a { padding:0px; }
body div.cdspalte p a:hover, body div.cdspalte p a:focus
  { color:#ffffff; background-color:#686868; padding:0px; border:0 none; } /* wg. MS IE 8 Bug. */

body div.cdspalte p a.imglink
  { margin:0; border:1px solid #686868; padding:0; } /* wg. MS IE 8 Bug. */

.notwendig { color:#FF98FF; background-color:#686868; }

.normal { font-weight:normal; font-style:normal; }

div.hellergrau
  { color:#BBFFBB; background-color:#777777; padding:5px; }

.inhalt div.hellergrau p
  { max-width:100%; }

div.adresse
  { margin:0 0 1em 0; /* border:2px solid #C0C0C0; */ padding:0; }
.adresse em, address { font-style:normal; font-weight:normal; }
.adresse strong
  { font-weight:bold; }
.adresse em { font-size:0.8em; }

.fussecke p.inhaltnav, .fussecke p, .impressum p
   { font-size:0.9em;
     margin:0.1em 0 0 0; padding:0; }
.impressum p { max-width:95%; }
.impressum p span.noprint { color:#983430; background-color:#FFD5D5; }

.fussecke img, .impressum img
  { border:0 none; margin:0 5px 0 0;}

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

.printonly { display:none; }

.printonlykopf { display:none; }