/*
  #############################################################################

   Stylesheet für die Ausgabe von Texten im internen XML Format.

   Dies betrifft Einzelbelege und Kommentare.
   
   Alle Klassen, die für EB und Kommentar identisch sind haben das Präfix
   "text", alle EB spezifischen Klassen "eb" und alle kommentarspezifischen
   Klassen "kommentar"
   
   Hier werden nur abweichende und zusätzliche Styles zum Standardfile
   ('styles.css') beschrieben.

   Version:  $LastChangedRevision: 32 $
   Gesamtv.: $Rev: 32 $
   Update:   $LastChangedDate: 2005-03-04 18:09:41 +0100 (Fri, 04 Mar 2005) $

   Das Stylesheet unterstützt N4/IE4 NICHT mehr.

   Tipp: Mozilla braucht für jede Längenangabe die Einheit (1px
   statt 1 was der IE schluckt. Ansonsten sieht man die Elemente nicht).

  #############################################################################
*/

/* Die Basisklasse für die Vorschau von Text.

   Der Trick: die einzige Möglichkeit, die ich gefunden habe, eine Box an
   ihrem Inhalt zu skalieren (also ohne irgendeine Angabe der Breite) ist
   sie fliessend in den Text einzubauen.
   Das bedeutet indirekt auch, dass nach dem Text eine leere Box eingebunden
   sein muss, die das Fliessen stoppt und in die nächste Zeile springt (dies
   macht die Rendermethode selbständig.
*/
.text {
/*  border: 1px solid red; */
/*  max-width: 99%; */

/*  border: 1px solid red; */
}

/* Kleines Problem: Neuigkeiten sind XML Dokumente, können auf der Startseite
   aber in sehr kleinen Boxen präsentiert werden.
   Deshalb muss min-width auf der Startseite unbedingt entfallen. */


/*
.text:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
  display: inline-block;
}
*/

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

.textWebseite {
/*  border: 1px solid yellow; */

	/* Massiv verkleinerte minimale Breite, damit z.B. die Newsboxen auf der
	   Startseite korrekt dargestellt werden. */
  min-width: 70px;

  margin: 0;
}

/* Basisklasse für die EB Ansicht. */
.textEB {
/*  border: 1px solid blue; */

  min-width: 300px;
  width: auto;

  margin-left:    0;
  margin-right:   0;
  margin-top:     1.5em;
  margin-bottom:  0;

  padding-left:   0.25em;
  padding-right:  0.25em;
  padding-top:    0.0em;
  padding-bottom: 0.1em;
}

/* Basisklasse für die Kommentaransicht. */
.textKommentar {
/*  width: 100%; */

  min-width: 300px;

  padding-left:   0.1em;
  padding-right:  0.1em;
  padding-top:    0.1em;
  padding-bottom: 0.1em;
  margin: 0.1em;
}

/* Betrifft pre und posttext (bei EB) - müssen eingerückt sein, da ja Strophen und
   Seitennummern überbrückt werden wollen. */
.textEBMarginLeft {
/*  border: solid 1px blue; */

	margin-left: 3.85em;
	padding: 0;
}

/* Klasse für Strophen. */
.text_strophe {
/*  border: 1px solid green; */

/*  margin-top:  0.5em; */
  margin-top:    0.1em;
  margin-bottom: 0.4em;
  margin-left:   1em;
  padding-left:  0;

  /* Max. Breite, damit noch Platz für die Seitennummer bleibt. */
  max-width: 95%;

  /* Position relativ, damit die eingebetteten absoluten Elemente bezüglich
     Strophe gesetzt werden (Strophennummer, Seitennummer). */
  position: relative;

  font-size:   1em;
  line-height: 1.25em;

  color: black;
/*  background-color: yellow; */

  /* Kein automatischer Umbruch - das könnte den Eindruck des Bearbeiters
     über den Beleg verfälschen.
     Doch, Doch, Doch!!!*/
/*   white-space: nowrap; */
  white-space: nowrap;
}

/* Klasse für Strophenüberschriften */
.text_strophe_heading {
  font-size: 125%;
  font-family: sans-serif;

  font-style: normal;
/*  font-weight: bold; */

  margin-left: 2.1em;
  margin-top: 0.75em;
  margin-bottom: 0.25em;
  padding: 0em;
}

/* Klasse für allgemeine Paragraphen (<p>). */
.text_paragraph {
/*  margin-top: 20px; */
/*  color: red; */
/*  border: 1px solid green; */
  margin:  0;
  padding-bottom: 0.5em;
  
  line-height: 1.25em;
}

/* Klasse für Verse (EB Ausgabe):
   Wichtig: relative Positionierung, da ansonsten die (absolute) Positionierung der
	Zeilennummern nicht geht (bzw. an der Strophe ausgerichtet wird). */
.text_verse {
/*  border: 1px solid orange; */
  position: relative;

  margin-left: 2.5em;
  padding: 0.1em;
  
  overflow: show;
}

/* Die Überschriftenebenen. */
.text_section_heading {
  font-size:    125%;
  font-family:  sans-serif;
/*  font-style:   oblique; */
  font-weight:  bold;

  margin-top: 1em;
}

.text_subsection_heading {
  font-size:   12pt;
  font-family: sans-serif;
  font-weight: bold;
  font-style:  italic;

  margin-top: 1em;
}

.text_subsubsection_heading {
  font-size:   11pt;
  font-family: sans-serif;
  font-weight: bold;
  font-style:  italic;

  margin-top: 1em;
}

/* Sektionsinhalte: der eigentliche Kommentartext. */
.text_section, .text_subsection, .text_subsubsection {
  margin-left: 1em;

  /* Abstand am unteren Rand. */
  margin-bottom: 1em;

  font-size:   11pt;
  font-family: sans-serif;
  font-weight: normal;
  font-style:  normal;

  color:       #000000;
}

/* Klasse für Strophenüberschriften */
.text_paragraph_heading {
  font-size: 125%;
  font-family: sans-serif;
/*  font-style: oblique; */
  font-weight: bold;
}

/* Seitennummer direkt neben dem Text positionieren.
   Darf nur innerhalb von .text_verse vorkommen.
	Wird absolut zu text_verse positioniert und skaliert damit korrekt zur
	Zeile mit.
 */
.text_verse .text_seitennummer {
/*  border: 1px dashed red; */

  position: absolute;
  right: 1.5em;
  top: 0em;

  width: auto;
  overflow: show;

  /* Lol, das funktioniert: mit einer Höhe von 0 wird der Zeilenabstand im
     Haupttext nicht verändert, die Seitennummer aber trotzdem ausgegeben
     (da overflow deaktiv ist) */
  height:     1em;
  max-height: 1em;

  font-size:  0.75em;
  font-style: italic;

  color:      #C0C0C0;

  text-align:     right;

  margin-bottom:  0px;
  margin-top:     0px;
  padding-top:    0px;
  padding-bottom: 0px;
}

.text_strophennr_vis {
  font-size: 0.6em;

  color: #b00000;
  
  vertical-align: top;
  padding-top: 1em;
}

.text_strophennummer {
/*  border: 1px solid red; */

  position: absolute;
  left: -1.75em;
  top: 0px;

  /* Die maximale Höhe gibt den Zeilenabstand vor! */
  max-height: 0.25em;
  height: 0.25em;

/*  font-style: italic; */
  font-size: 0.6em;

  color: #b00000;

  text-align: right;

/*
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
*/
  margin: 0;
  padding: 0;
}

.formatZeilennummer, .text_zeilennummer {
  font-size: 0.6em;

  color: #C0C0C0;

  text-align: right;
}

.formatZeilennummer {
  font-size: 0.7em;
  
  vertical-align: middle;

  min-width: 3em;
}

.text_zeilennummer {
  position: absolute;
  left: -3em;
/*  top:  -0.20ex; */
  top: 0px;

  /* Die maximale Höhe gibt den Zeilenabstand vor! */
  max-height: 0.25em;
  height: 0.25em;

/*  font-style: italic; */
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.text_fussnotenzeichen_text {
  font-size: smaller
}

.text_trennlinie {
  width: 25%;
  height: 1px;
  background-color: black;
}

.text_fussnotenbereich {
  max-width: 90%;
  margin-top: 15px;
/*  border-top: 1px solid #ADADAD;
  border-width: 25% */
}

.text_erklaerungsbereich {
  border-top: 1px solid black;
  max-width: 90%;
  margin-top: 15px;
/*  background-color: #e0e0e0; */
}

.text_erklaerung {
  padding:2px;
  font-style:italic;
}

.text_erklaerung_art {
  padding:2px;
  font-variant: small-caps
}

/****************************
 * Einzelstellenkommentare.
 ****************************/
.text_erl_werl, .text_erl_serl, .text_erl_nerl, .text_erl_gerl,
.text_erl_ferl {
  color: red;
}

.text_erl_komm, .text_erl_intt, .text_erl_drkf, .text_erl_glos,
.text_erl_merl {
  color: orange;
}
  

.text_erl_einzelstelle {
  color: Blue;
}

.text_fussnote {
  width: 100%;

  font-size: small
}

.text_fussnotenzeichen {
  width: 20px;
  text-align: right;
}

.text_unknown {
  color: #FF0000;
}

.text_zitat, .text_blockzitat {
  font-style: italic;
}

.text_blockzitat {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 1em;
  margin-bottom: 1em;
}

/****************************************************************************
 Einzelbeleg (bzw. Quellen-) spezifische Klassen.
 ****************************************************************************/
.text .eb_titel {
  text-align: left;

  font-weight: normal;
  font-size:   1.2em;

  margin-bottom:  0.5em;
/*  margin-left: 0.25em; */
}

.text .eb_author {
  margin-bottom: 1.5em;
}

.text .eb_untertitel {
  text-align: left;
  
/*  font-style: italic; */

  margin-bottom: 0.5em;

/*
  margin-top: 0.75em;
 */
}

.text .eb_motto {
/*  font-size:  0.8em; */
/*  font-style: italic; */
  margin-bottom: 0.5em;
}

/* Paragraphenauszeichnung innerhalb des Metatextes ausschalten */
.text .eb_motto p {
  margin: 0;
  padding: 0;
}

.text .eb_zitat {
/*
  font-size:  0.8em;
  font-style: italic;
 */
  margin-bottom: 0.5em;
}

/* Paragraphenspacing innerhalb des Mottos ausschalten. */
.text .eb_zitat p {
  margin: 0;
  padding: 0;
}

.text .eb_melodiezuweisung {
/*
	margin-top: 1em;
	font-size: 0.8em;
 */
  margin-bottom: 0.5em;
}

/****************************************************************************
 Kommentar spezifische Klassen.
 ****************************************************************************/
.komm_image {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  font-style: italic;
  
/*  border: 1px solid green; */
}

.komm_image_legend {
	text-align: center;

  margin-top: 0.5em;
  font-style: italic;

/*  border: 1px solid blue; */
}

/****************************************************************************
 * Spezifische Klassen für die Ausgabe von Webseitentexten.
 ****************************************************************************/
ul.web, ol.web {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0;
  padding-top: 0;

	list-style-type:circle;
}

ul.web ul.web {
  margin-bottom: 0.25em;
}