@font-face 
{
  font-family: Suetterlin; 
  src: url( /fonts/STTERLI0.eot ); /* IE */   
  src: local("Sütterlin"), url( /fonts/suetter.ttf ) format("truetype"); /* non-IE */   
}


BODY, UL, TABLE, H1, H2, A, DIV, P, TR, TD, LI, FONT
  { 
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 16px; 
  }

A
  {
    text-decoration: none;
    color: #9C1717;
    text-align: center;
    font-weight: bold;
  }
A.goback
  {
    font-size: smaller;
  }
A:hover
  {
    text-decoration: underline;
  }
A.descendent
  {
    font-weight: 400;
  }
A.footer
  {
    text-decoration: underline;
    color: white;
    font-weight: bold;
    font-size: 12px;
    vertical-align: baseline;    
  }
A.menu
  {
    color: white;
    white-space: nowrap;
    line-height:1ex;    
    font-size: 14px;
  }
A.menu:hover
  {
    color: gold;
    font-size: 16px;
    font-weight: bold;
    line-height:2ex;    
  }
A.musicback
  {
    font-size: smaller;
    margin-left: 0;
  }
A.sidemenu
  {
    color: white;
    font-weight: 400;
    margin-left: 1ex;
  }
A.ref
  {
    vertical-align: super;
    font-size: 80%;
  }
A.song
  {
    text-decoration: none;
    color: #9C1717;
    text-align: left;
    font-weight: bold;
    margin-left: 0ex;
  }
A.table
  {
    margin-right: 5ex;
  }


BODY 
  {
    margin: 0;
    background-color: white
  }


div.caption
  {
    font-size: 80%;
    text-align: center;
    margin-top: 1ex;
  }
div.hidden
  {
    top:0;
    left:0;
    white-space: nowrap; 
    visibility: hidden;   
    font-size: 14px;
    font-weight: bold;
  }
div.indent
  {
    margin-left: 5ex;
  }
DIV.news
  {
    text-align: center;
    vertical-align: center;
    font-weight: bold;
    margin-bottom: 2px; 
    margin-top: 10px;
  }
DIV.news-box
  {
    height: 200px;
    width: 300px;
    border: 5px;
    border-style: ridge;
    border-color: red;
    overflow: auto;
    text-align: left;
    vertical-align: center;
    font-weight: normal;
    padding-left: 0px; 
  }
div.rightimage
  {
    align: right;
    float: right;
    margin-left: 3ex;
    margin-bottom: 3ex;
  }



font.album
  {
    font-size: 30px;
    text-align: left;
    font-style: italic;
    font-family: Georgia, Times, 'Times New Roman', serif;
    margin-top: 0ex;
    margin-bottom: 0ex;
  }
font.artist
  {
    font-size: 30px;
    text-align: left;
    font-family: Georgia, Times, 'Times New Roman', serif;
    margin-top: 0ex;
    margin-bottom: 0ex;
  }
font.bullet
  {
    font-size: 12px;
    margin-left: 5ex;
    margin-right: 1ex;
    color: black;
    font-weight: 800;
  }
font.error
  {
    font-size: 18px;
    color: black;
  }
font.footer
  {
    font-size: 12px;
    color: white;
    vertical-align: center;    
    line-height:1ex;
  /*  margin-bottom: 5ex;    */
  }
font.listitem
  {
    margin-left: 5ex;
  }
font.menubullet
  {
    margin-right: .5ex;
    font-weight: bold;
    font-size: 12px;
    color: white;
  }
font.menuheader
  {
    margin-left: 1ex;
    font-size: 12px;
    font-weight: bold;
    color: yellow;
  }
font.sidemenutext
  {
    color: yellow;
    font-weight: 400;
    font-size: 11px;
  }
font.tableheader
  {
    font-size: 16px;
    color: black;
    font-weight: bold;
    margin-right: 5ex;
  }
font.website-subtitle
  {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    text-align: center;  
  }


H1    { font-size: 20px; }
H2    { font-size: 16px; }
H1, H2 { margin: 0 }
H2.subtitle
  {
    font-size: 14px;
    font-style: italic;
  }

HR
  {
/*    margin-bottom: 3ex;
    margin-top: 3ex;
*/
  }

IMG
  {
    border-width:0;
    margin: 0;
    padding: 0;
  }
IMG.demo
  {
    margin-right: 5ex;
  }
IMG.gallery
  {
    border-width:.5ex;
  }
IMG.logo
  {
    margin-top: 1ex;
  }


LI
  {
    margin-bottom: 3ex;
  }
LI.folderlist
  {
    margin: 0ex;
  }


p.centertitle
  {
    font-size: 17px;
    text-align: left;
  }
P.footnote
  {
    font-size: 70%;
  }
P.heading
  {
    font-weight: bold;
  }
p.musictitle
  {
    font-size: 47px;
    text-align: center;
    font-family: Georgia, Times, 'Times New Roman', serif;
    margin-top: 0ex;
    margin-bottom: 0ex;
  }
p.tablecell
  {
    margin-top: 2ex;
    margin-right: 5ex;
  }
P.title 
  { 
    text-align: left;
    font-weight: bold;
    font-size: larger; 
    margin-bottom: 3ex;
  }


TABLE
  {
    border-collapse:collapse; 
    margin: 0;
    padding: 0;
  }
TABLE.box
  {
    border-collapse: separate; 
    border:8px solid #9C1717;
    background-color: gainsboro;
    border-style: double;
    width: 350px;
    margin: 10px;
    overflow: auto;
    height: 230px;   
  }
TD.box
  {
    vertical-align: top;
  }
TABLE.menu
  {
  }
TABLE.demo
  {
    font-size: 18px;
  }

TABLE.webpage
  {
    margin-left: 2.5ex;
    margin-right: 2.5ex;
    margin-bottom: 2.5ex;
  }


UL
  {
    font-size: 12px;
  }
UL.demo
  {
    font-size: 20px;
  }
UL.documentlink
  {
    color: #990000;
    font-size: 12px;
  }
UL.news
  {
    margin: 0;
    font-size: 15px;
    padding-left: 23px;
    padding-right: 14px;
    padding-top: 7px;
    padding-bottom: 7px; 
  }
LI.news
  {
    font-size: 15px;
  }