/* Inhalt des Stylesheets
 16 body
 43 Navigationsleiste
 62 Sonderformate fuer index
130 Titelbalken
146 Haupt-Seiteninhalte
159 Ueberschriften
202 Textformate
220 Aufzaehlungen
255 neue Repertoireformate
313 Tabellen
407 Termintabellen
469 Links
523 Bilder

*/

body
{
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: Verdana, Helvetica, Univers,sans-serif;
        font-size: 100%;
}

/*Dunkler Hintergrund fuer die Startseite, Aufruf mit body id=".."*/

#dark
{
background-image:url("../foto/cello-bg-neu.jpg")
}

/*Heller Hintergrund fuer die anderen Seiten*/

#light
{
background-image:url("../foto/cello-bg-neu-emboss-sand.jpg")
}

  /*================  Navigationsleiste  ========================*/
  /*wird in navi.inc geladen*/
  /*links in der Navigationsleiste muessen die class "navi" erhalten*/

#navi
{
float:left;
margin-top: 0.7em;  /*muss derselbe Abstand sein wie bei header*/
margin-left:1%;
margin-right:2%;
width: 17%; /*17% oder 10.88em*/
height:768px;
padding-top:1em;  /*bestimmt H�he des ersten links */
padding-left:1em;
background-image: url("../foto/cello-lang2.jpg");
background-repeat:x-repeat;
overflow:auto;
color:#EBCE87;
line-height:2.5em;
font-size:0.9em;
}


/*================  Sonderformate fuer index  ========================*/
/* Navigationslinks muessen die class "navi" erhalten*/

#navistart
{
float:left;
margin-top: 0.7em;
margin-left:1%;
margin-right:2%;
width: 15%;
height:768px;
padding-top:2.3em;
padding-left:1em;
overflow:auto;
font-size:0.8em;
line-height:2.5em;
}

a:link.start
{
color:#EBCE87;
font-weight:bold;
}


a:visited.start
{
color:#EBCE87;
}

/* Startseitencontent*/

div.start
{
float:left;
width: 60%;
margin-top:1.5em;
margin-left:2em;
overflow: auto;
text-align:center;
}

/* fuer Bild auf der Startseite*/

img.start
{

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

div.news
{
position:absolute;
top:6em;
right:4em;
text-align:center;
width:160px;
color:#EBCE87;
}

div.news > p   /*Nachrichtenblob auf Index*/
{
color:#EBCE87;
font-size:0.9em;
font-weight:500;
}


/*================  Titelbalken  ========================*/
/* Im html header muss bei h1 class=header angegeben werden */

#header
{
float:left;
margin-top:0.7em;  /*muss derselbe Abstand sein wie bei navi*/
margin-bottom: 0.7em;
width:77%;
height: 3em;
min-height:45px;
padding-top:2px;
background-image: url("../foto/cellotextur2.jpg");
background-repeat:no-repeat;
}

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

/*Standardcontainer*/

div.main
{
float:left;
width: 77%;
padding: 0;
overflow: auto;
font-size:0.9em;
}

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

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

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

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

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

/*Instrument auf "Musiker" ,"naechster Termin" auf Termine, Startseitentitel*/

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

/* h3 hat Spezialformat bei CD/DVD Aufnahmen */


/*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:0.7em;
}


/*===================   Aufzaehlungen    ===============*/
/*Standardaufzaehlung  */
ul
{
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;
}

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

ul.werk
{
font-weight:normal;
font-size:0.92em;
font-style:italic;
padding:0em 0em 1em 0.6em;
line-height:1.5em;
text-indent:-5px;
width:70%;
}

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 Repertoireformate*/


/*======Tabellenformate==============*/
/*Standardtabelle*/

table.main
{
float:left;
table-layout:auto;
width: 77%; /*wie header*/
margin-top:1em;
overflow: auto;
border=0;
cell-spacing:0px;
font-size:0.8em;
}
/*für buttonleiste in Terminen, für Bildschirm identisch mit main, wird im Druck-css ausgeblendet

table.button
{
float:left;
table-layout:auto;
width: 77%; /*wie header
margin-top:1em;
overflow: auto;
border=0;
cell-spacing:0px;
font-size:0.8em;
}
   */

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

/*Beschreibungstexte in Musiker*/
td.musician
{
width:57%;
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 Listen===========================*/

/*CD-Bilder bei Aufnahmen*/

td.img170
{
vertical-align:top;
width:15%;
padding-right:1em;
padding-bottom:1.5em;
}


 /*Beschreibungstexte bei Aufnahmen*/

td.cdtext
{
width:64%;
vertical-align:top;
text-align:left;
padding-bottom:1.5em;
}

/*Variante von h3 mit geändertem margin */
td.cdtext h3
{
margin: 0em 0em 0.4em 0em;
}

/*CD-Inhalte - Liste mit zwei Ebenen*/
td.cdtext ul
{
margin-left:0em;
padding-left:0em;
margin-top:5px;
padding-top:0px;
margin-bottom:10px;
padding-bottom:0px;
}

td.cdtext * ul
{
display:block;
font-weight:normal;
font-style:italic;
text-indent:1em;
padding:0em 0em 0em 1em;
margin:2px 0px 5px 0px;
}
/*================= Ende CD Listen ===========================*/


/*===================Ende Aufnahmeformate======================*/

/*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
{
float:left;
width: 77%;
margin-top:1em;
margin-bottom:0px;
font-size:0.8em;
line-height:1.3em;
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
{
color: #EBCE87;
font-size:0.9em;
font-weight: bold;
}

a:visited.navi
{
color: #EBCE87;
font-size:0.9em;
font-weight: bold;
}

/*Standardlinks im Text*/
a:link
{
      color:#811C08;
      font-weight: bold;
      font-size:0.9em;
}

a:visited
{
      color:#811C08;
      font-size:0.9em;
}


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


a:visited.down
{
    color:#A22C16;
    font-size:0.9em;
    font-style:italic;
position:relative;
top:0.8em;
}

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

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


/*fuer die kleinen F�hnchen 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;
}