/* Inhalt des Stylesheets
 15 body
 38 Navigationsleiste
 60 Sonderformate fuer index
114 Titelbalken
130 Haupt-Seiteninhalte
143 Ueberschriften
187 Textformate
219 Aufzaehlungen
238 Tabellen
310 Termintabellen
376 Links
429 Bilder
*/

body
{
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: Garamond, Times New Roman, Bodoni, serif;
        font-size: 100%;
}

/*change: Kein Hintergrund fuer die Startseite*/

#dark
{
background:white;
}

/*change: kein Hintergrund fuer die anderen Seiten*/

#light
{
background:white;
}

  /*================  Navigationsleiste  ========================*/
  /*change: wird unterdrückt*/

#navi
{
display: none;
}


/*================  Sonderformate fuer index  ========================*/
 /*change: Navigation wird unterdrückt*/

#navistart
{
display:none;
}

a:link.start
{
display:none;
}


a:visited.start
{
display:none;
}

/* Startseitencontent*/
/*change: kein float, kein overflow, margins und width raus*/
div.start
{
float:none;
text-align:center;
}

/* fuer Bild auf der Startseite*/

img.start
{

margin-top:0.5em;
margin-bottom:1em;
}

div.news
/*wird unterdrückt*/
{
display:none;
}


/*================  Titelbalken  ========================*/
/* Im html header muss bei h1 class=header angegeben werden
change: margins raus, width raus, float none*/

#header
{
float:none;
height: 3em;
min-height:45px;
padding-top:2px;
background-image: url("../foto/cellotextur2.jpg");
background-repeat:no-repeat;
}

/*================ Haupt-Seiteninhalt Standardformate ========================*/

/*Standardcontainer
change: overflow auto weg, verhindert vernünftigen Seitenumbruch*/

div.main
{
float:none;
width: 100%;
padding: 0;
font-size:12px;
}

/* Text in Blocksatz und Absaetzen*/
div.main p
{
text-align:justify;
margin-right:0.5em;
}


 /* ================   Ueberschriftenformate   ========================*/
/* Ueberschrift im Seitenheader*/

h1
{
        margin: 0;
        font-size: 28px;
        font-weight: bold;
        color:#EBCE87;
        text-align:center;
}

 /*Namen der Musiker auf "Musiker"  und Oberabteilungen in Klangbeispiele */

h2 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        text-align:left;
}

/*Instrument auf "Musiker" ,"naechster Termin" auf Termine,*/
/*Ueberschriften bei CD/DVD Aufnahmen, Startseitentitel */

h3 {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        text-align:left;
}

/*Unterrubriken bei Klangbeispiele, Aufteilung in Impressum*/

h4 {
        margin: 1em 0em 0em 0em;
        font-size: 1.3em;
        font-weight:normal;
        color: #000000;
}


/* ==========Textformate===================*/

/*kleinerer fortlaufender Text fuer Dateigroessen und Samplelaengen*/
 p.sample
{
display:inline;
font-size:10px;
}


/*===================   Aufzaehlungen    ===============*/
/*Standardaufzaehlung , change: kein float*/
ul
{
float:none;
line-height:1.3em;
list-style-type:none;
list-style-position:outside;
}


/*mit Notenzeichen fuer Audiosamples*/
li.audio:before
{
display:marker;
content: "\266B";
padding-right:1em;
color:#811C08;
}

 /*neue Repertoireformate*/
/*Komponisten in Repertoire*/
ul.comp
{
font-weight:bold;
margin:0.5em 0em 0.2em 1em;
padding:0em;
}

ul.werk
{
display:block;
font-weight:normal;
font-style:italic;
text-indent:1em;
font-size:0.9em;
padding:0em 0em 1em 1em;
}

ul.satz
{
display:none;
font-weight:normal;
font-style:italic;
text-indent:1em;
font-size:0.9em;
padding:0em 0em 1em 0.5em;
}

ul.werk:hover > ul.satz
{
display:block;
font-weight:normal;
font-style:italic;
text-indent:1em;
font-size:0.9em;
padding:0em 0em 1em 1em;
}
/*Ende der neuen Repertoireformate*/

/*CD-Inhalte*/
ul.cd
{
line-height:1.3em;
list-style-type:none;
list-style-position:outside;
margin-left:0em;
padding-left:0em;
margin-top:5px;
padding-top:0px;
margin-bottom:10px;
padding-bottom:0px;
}





/*======Tabellenformate==============*/
/*Standardtabelle*: change: Breite angepasst*/

table.main
{
float:none;
table-layout:auto;
width: 100%;
margin-top:1em;
overflow: auto;
border=0;
cell-spacing:0px;
font-size:12px;
}

/*tabelle für buttonleiste, identisch mit main, wird aber im Druck ausgeblendet*/
table.button
{
display:none;
}

/*Bilderzellen in Musiker, Bildgroesse 200x200*/
td.img200
{
width:22%;
margin-right:1em;
vertical-align:top;
}

/*Beschreibungstexte in Musiker*/
td.musician
{

vertical-align:top;
text-align:justify;
}

/*Hoerbeispiele in Musiker*/
td.audio
{
width:57%;
vertical-align:top;
text-align:right;
padding-bottom:1em;
padding-top:0.3em;
}


/*CD-Bilder bei Aufnahmen*/
td.img170
{
vertical-align:top;
width:15%;
padding-right:1em;
padding-bottom:1.5em;
}

/*Beschreibungstexte bei Aufnahmen
change: kein Seitenwechsel innerhalb einer CD Beschreibung*/
td.cdtext
{
width:64%;
vertical-align:top;
text-align:left;
padding-bottom:1.5em;
page-break-inside:avoid;
}


/*fuer zentrierte Bilderzellen in Fotos*/
td.imgc
{
padding:1em;
text-align:center;
vertical-align:middle;
}


/*Zelle zwischen CD-Bildern auf sound*/
td.center
{
width:40%;
vertical-align:top;
text-align:justify;
padding-right:2em;
padding-left:0em;
}

/*===================Termine==========================*/

table.date
/*ohne float, width, margin*/
{
float:none;
width: 100%;
font-size:12px;
line-height:16px;
border:none;
}

caption.date
{
caption-side:top;
width:auto;
text-align:center;
font-size:1.3em;
font-weight:bold;
padding-top:0.3em;
}

col.when
{width:22%}

col.where
{width:20%}

col.what
{width:58%}


td.when
{
vertical-align:top;
text-align:right;
padding-right:1em;
padding-bottom:5px;
padding-top:5px;
border:none;
}

td.where
{
vertical-align:top;
text-align:left;
padding-bottom:5px;
padding-top:5px;
border:none;
}

td.what
{
vertical-align:top;
text-align:left;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
border:none;
}

/*======= Links ==================*/
/*Links in der Navigationsleiste */

a:link.navi
{
display:none;
}

a:visited.navi
{
display:none;
}

/*Standardlinks im Text - neu ohne .main*/
a:link
{
      color:#811C08;
      font-size:12px;
      text-decoration:none;
}

a:visited
{
      color:#811C08;
      font-size:12px;
      text-decoration:none;
}


 /*leicht nach unten versetzter Link */
 /*"more" link in Musiker*/
a:link.down
{
    color:#A22C16;
    font-size:12px;
    font-style:italic;
    position:relative;
    top:0.8em;
    text-decoration:none;
}


a:visited.down
{
    color:#A22C16;
    font-size:12px;
    font-style:italic;
    position:relative;
    top:0.8em;
    text-decoration:none;
}

/*============================Bildformate====================*/

/*fuer Bilder, die ein link sind*/
img.li
{
border-style:none;
}


/*fuer die kleinen Faehnchen vor den links*/
img.flag
{
border-style:none;
width:20px;
height:12px;
margin-right:2px;
}

/* fuer grosses Bild rechts innerhalb von div.main*/
img.rechts
{
float:right;
margin-top:0.5em;
margin-right:1em;
margin-left:2em;
margin-bottom:1em;
}