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

html { margin:0; border:0 none; padding:0; }
body { color:#000000; background-color:#FFD5D5;
       margin:0; border:0 none; padding:1em;
       font-family:tahoma, helvetica, arial, sans-serif; }

a:link    { color:#000099; background-color:#FFD5D5; text-decoration:underline; }
a:visited { color:#680068; background-color:#FFD5D5; text-decoration:underline; }
a:hover   { color:#FFD5D5; background-color:#000000; text-decoration:none; }
a:active  { color:#983498; background-color:#FFD5D5; text-decoration:underline; }

h2+p    { font-weight:bold; margin:0.5em 0; }
p.photos img { vertical-align:top; }
img.cd { margin:3px; border: 1px solid #808080; }

.kleiner { font-size:smaller; }

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

img.mitrahmen { border:3px double #000000; }
a:link    img.mitrahmen  { border: 3px double #0000FF; }
a:visited img.mitrahmen  { border: 3px double #983498; }
a:hover   img.mitrahmen  { border: 3px double #FF9900; }
a:active  img.mitrahmen  { border: 3px double #983498; }

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

.inhalt p.kleiner  { max-width:45.0em; /* Faktor 0.8 */ font-size: 80%; }
.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:190%; font-weight:normal; font-style:normal;
     font-variant:normal; text-decoration:none;
     margin:0; padding: 1px 0 2px 0;
   }

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

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

p        { padding:0 0 0 0em; }
table    { margin:0.5em 0 0.5em 0; }
ol,ul,dl { margin:0.5em 0 0.5em 2em; }

table {
    border-collapse:collapse;
    border-spacing:0px;
    border:#989898 double 3px;
    width:auto;
}

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

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

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:#000000; background-color:#D9D9D9; font-style:normal; }


/* Selbst definierte Klassen: */
.groesser { font-size:1.1em;}
.kleiner  { font-size:0.9em; }
.kleinergrau  { font-size:0.8em; color:#000000; background-color:#D9D9D9;}
p.kleiner { padding:0 0 0 0; }

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

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

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

td.navbar
  { width: 13em; padding:0; border:0 none; /* border:2px solid #68CC68; */
    color:#000000; background-color:#FFD5D5; }

td.inhalt
  { padding:0.5em 1em 1em 1em; border:0 none;
    color:#000000; background-color:#FFD5D5; }

tr.fusszeile td
  {
    margin-top:3em;
    border:solid #808080; border-width:1px 0 0 0;
  }


td.fussecke   { border:0 none; }
td.impressum  { border:0 none; }
div.impressum { border:0 none; }

hr { height:3px; width:99%; color:#989898; background-color:#989897;
     border:solid 1px #D0CCD0;
     text-align:left; margin-left:auto; margin-right:auto; }
/* Horizontale Trennlinie von 80% Breite, Grau */
/* Netscape und Opera nehmen background-color, MSIE nimmt color als Farbe der Trennlinie */
/* Height ist die totale Hoehe (inkl. border) */

/* Angaben zum Logo-Bereich */
h1
 {
  font-family: "Snell BT", "Snell Bd BT", "Snell Blk BT", "Snell Roundhand", "Script MT Bold", "Liberty BT", "ZapfChan MdIt BT", cursive;
  font-size:3.1em; font-weight:bold;
  margin:0; padding:0 0 0 0.2em; border:solid #808080; border-width:0 0 1px 0;
  text-align:center; vertical-align:top;
  min-height:75px; /* notwendig wg. MS IE 9, sonst wird der border-bottom unterhalb des Bildes pink überlagert! */
 }

h1#logo a { margin:0; border:0; padding:0; text-decoration:none;
            color:#000000; background-color:#FFD5D5; }
h1#logo a img { margin:0; border:0 none; padding:0; }

/* Angaben zum Navigations-Bereich */


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

td.pfeil { /* border:1px dotted #FF00D0; */ vertical-align:middle; }

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

.navbar a:link, .navbar a:visited
   { color:#000000; background-color:#FFFFFF; text-decoration:none;
     border:thin solid; border-color:#D000D0 #FFD5D5 #FFD5D5 #D000D0;  }
.navbar a:hover, .navbar a:focus, .navbar a:active
   { color:#000000; background-color:#CED9FD; text-decoration:none;
     border:thin solid; border-color:#3000FF #FFD5D5 #FFD5D5 #3000FF; }

.navbar td span, .navbar th span
  { color:#555555; background-color:#EEEEEE;
    border:thin solid; border-color:#666666 #FFD5D5 #FFD5D5 #666666; }


p.navigation a { border:1px solid #D000D0; padding:2px; }
p.navigation a:link, p.navigation a:visited
   { color:#000000; background-color:#FFD5D5; text-decoration:none; }
p.navigation a:hover   { color:#FFDFFF; background-color:#000000; text-decoration:none; }
p.navigation a:active  { color:#000000; background-color:#FFD5D5; text-decoration:none; }
p.navigation a em { color:#000000; background-color:#FF66FF; padding:2px;
                    font-size:smaller; font-style:normal; }
p.navigation span { display:none; }


/* Angaben zum Inhaltsbereich: */

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

p#alternativen
 { margin:0; max-width:100%;
   padding:0.2em;
   color:#000000; background-color:#FFD5D5;
   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, table.thumbs {
    border:0 none;
    width:auto;
}

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

/* neu, wie bei Morgain: */
.thumbs td   { border:0 none; padding:0 40px 40px 0; width:100px;
               text-align:center; vertical-align:bottom; font-size:0.8em; }


/* alt: */
/*
.thumbs td {
    color:#000000; background-color:#FFD5D5;
    text-align:center; vertical-align:top;
    border:0 none;
    padding:10px;
}
*/



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; }

.notwendig { color:#FF0000; background-color:#FFD5D5; }


div.bildblock
  {
    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
  {
    text-align:center; max-width:99%;
  }


.keinekonzerte { margin:2em 0 4em 0; }

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

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

.fussecke p.inhaltnav, .fussecke p, .impressum p
   { font-size:0.8em; color:#000000; background-color:#FFD5D5;
     margin:0.1em 0 0 0; padding:0; max-width:100%; }
.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; }