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

   Stylesheet für die öffentliche Webseite Verbundprojekt FA-DVA-Mainz.

   Soweit möglich, wird die Barrierefreiheit angestrebt.

   Dies bedeutet: keine absoluten Massangaben, keine geringen Farbkontraste
   etc.

   Absolute Massangaben sind nur erlaubt:
     - Rahmenbreiten (sehen sonst u.U. scheisse aus)
     - Padding, Margins - wenn die bezüglich einer Bitmap Grafik sind
     - Boxen, die Bitmap grafiken enthalten
     - Abstände, die bewusst nicht mitskalieren sollen (z.B. der Abstand
       des Menüs nach oben).

   Alle anderen Grössenangaben (Schriften, Abstände etc.) sind nur mit den
   relativen Angaben "%", "ex" und "em" erlaubt.

   Das Stylesheet unterstützt die Browsergeneration N4/IE4 NICHT mehr. Sorry
   (hey, ich benutze selbst noch N4 - aber der zusätzliche Arbeitsaufwand ist
   im Rahmen dieses Projektes nicht zu rechtfertigen).

   Version:  $LastChangedRevision: 118 $
   Gesamtv.: $Rev: 118 $
   Update:   $LastChangedDate: 2005-07-08 21:45:43 +0200 (Fri, 08 Jul 2005) $

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

   Zu den Links: Reihenfolge :link, :visited, :hover, :active muss
   eingehalten werden, weil es sonst nicht geht.
  #############################################################################
*/

/*******************************************************************
  Body: darf keine Angabe zur Schriftgrösse enthalten, da die
  in Abhängigkeit der gewählten Schriftgrösse in einem zusätzlichen
  Stylesheet gesetzt wird.
 *******************************************************************/
body	{
 color: black;
 background-color: #FFFcf4; /* white; */

 margin: 0px;

 padding-top:  0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 5px;

 font-variant: normal;
 font-style:   normal;

 /* Statt Arial immer das Original Helvetica bevorzugen. Die Vera Sans
    leist sich meiner Meinung nach am Besten.
    Prinzipiell: serifenlose Schrift Standard (wg. Lesbarkeit am Monitor) */
 font-family:  "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

a:link,a:visited {
  color:        #1751AC; /* #1856b6; */
  text-decoration: none;
}

/* Links leuchten beim Überfahren ,a:visited:hover */
a:hover,a:active  {
  color:    #E16A1E;
  text-decoration: none;
}

/* Die Standardtags für Überschriften werden als einzige Möglichkeit
   für die Ausgabe von Überschriften genutzt.
   Die Schriftgrössen sind im Vergleich zu den Standardeinstellungen sehr
   defensiv. */
h1 {
     font-size:   1.3em;
     font-weight: normal; }
h2 { font-size:   1.2em;
     font-weight: normal; }
h3 { font-size:   1.1em;
     font-weight: normal; }

table {
	empty-cells: show;
	caption-side: top;
}

th {
	text-align: center;
/*	font-weight: bold; */
	font-weight: normal;
	border-bottom: 1px solid black;
	padding: 0.25em;
}

td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 0.2em;
	border-bottom: 1px solid #e0e0e0;
}

textarea, input {
/*	font-size:   11pt; */
	font-weight: normal;

  font-family:   Tahoma, Helvetica, sans-serif;

	border:      1px solid black;
	padding:     2px;
	cursor:      text
}

select {
  border:      1px solid black;
  cursor:      pointer;
}

input:focus, textarea:focus, select:focus {
  background-color: #FFFFd0;
}

.submit {
/*  -moz-border-radius: 7px; */
  background-color: #FEFFD3;
  cursor: pointer;

  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;  
}

.submit:hover {
  background-color: #D3D8FF;
  cursor: pointer;
}

.noBorder {
  border: 0px solid white;
}

/*****************************************************************************
 * Spezifischen Farben für die Lied- und Gedichtabteilung.
 * Werden hier zentral gemanagt.
 *****************************************************************************/
.txtColorSong, .txtColorSong a {
	color: orange;
}

.backgroundSong {
/*	background-color: orange; */
  border-bottom: 1px solid orange;
}

.borderBottomSong {
	border-bottom: 1px solid orange;
}

.txtColorPoem, .txtColorPoem a {
	color: #6A80A8;
}

.backgroundPoem {
/*	background-color: #6A80A8; */
	border-bottom: 1px solid #6A80A8;
}

.borderBottomPoem {
	border-bottom: 1px solid #6A80A8;
}

/*****************************************************************************
 *****************************************************************************
 *
 * Die Stile für die einzelnen (spezifischen) Elemente der Webseite.
 *
 *****************************************************************************
 *****************************************************************************/

/* Allg. Stil für ausgewählte Elemente */
.selected {
	border-left: 1px solid orange;
	border-right: 1px solid orange;
	padding: 1px;
}

/*****************************************************************************
 * History.
 *****************************************************************************/
#history {
  width: 100%;

  text-align: center;
  vertical-align: middle;

/*  background-color: #B5CDE0; */
/*  background-color: #BAD1A9; */
  background-color: #8094B9;
/*  background-color: #7981ae; */
  color: white;

  border-top:    1px solid black; /* #efefef; */
  border-bottom: 1px solid black;

  padding: 0.2em;

  height: 1.2em;

  font-size: 80%;
}

#history a {
  color: white;
}

/* Hier ist alles enthalten. */
#page {
}

#header {
  width: 100%;
/*  border: 4px solid green;	*/
}

#contentBlock {
  margin: 0 2em 1em 15.5em;
  padding: 1.25em 1em;
/*   border: 1px dashed silver; */
}

#contentBlockBenennung, #contentBlockCenterBenennung {
  margin: 0 2em 0 13.1em;    /* alt: 14 -> 15.5 */

  padding-right:  0em;
  padding-bottom: 0em;
  padding-left:   0em;
  padding-top:    1em;

  text-align:  left;
/*  text-indent: 0.5em; */

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

/*  border-bottom: 1px solid silver; */
}

#contentBlockCenterBenennung {
  margin: 0 13em 1em 13.1em;    /* alt: 14 -> 15.5 */
}

#contentBlockCenterColumn {
  margin: 0 13em 1em 15.5em;
  padding: 0.5em 1em;           /* Alt: 1.25 1em */
}


.contentInner {
	padding: 1em 1em 1em;
/*  border:  1px dashed silver; */
}

/* Base Klasse für ein Menü rechts. */
#rightColumn {
  float: right;
  margin: 1.75em 0.2em 1.1em 0;
  padding-top: 0;

/*  border: 1px dashed silver; */

	/* Min. Breite in Pixeln wegen der Logos */
	min-width: 180px;
  width: 13em;
}

/* Holly Hack für die floating Probleme des IE.
   Betrifft hier aktuell nur die Probleme mit Menü und rechter Box.
   Quelle u.a.: http://jassesnee.de/easyclear/ (und hundert andere
	Seiten im Netz). */
#contentBlock:after, #contentBlockCenterColumn:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div#contentBlock {height: 1%;}
* html div#contentBlockCenterColumn {height: 1%;}
/* End hide from IE-mac */


/*****************************************************************************
 * Menüs links.
 *****************************************************************************/
#menue {
  width: 18em;
  float: left;

  text-align: left;

  vertical-align: top;

  font-size:  0.8em;

  margin-left:   0.0em;
  margin-right:  0;
  margin-top:    1em;
  margin-bottom: 0;

  padding:       0;
}

#menue ul {
	margin:  0;
	padding: 0.5em;
}

#menue ul li {
	list-style-type: none;

	margin-bottom:  0em;
	margin-top:     0.5em;
	margin-left:    0.25em;
	margin-right:   0.25em;
	
	/* IE braucht hier irgendwie noch den Border - sonst rendert er eine Menge
	   Leerraum */
/*	border: 0px solid white; */
  border: 0;
}

#menue li a {
  display: block;

	color: black;
/*  background-color: #efdcae; */
/*	background-color: white; */

  height: auto;
  
  overflow: hidden;
  padding: 2px;
/*  text-indent: 3px; */
/*  border: 1px solid #c0c0c0; */

/*	border-left: 1px solid silver; */
	border-bottom: 1px solid silver;

}

#menue li a:hover, #menue a:focus {
  border-bottom: 1px solid black;

  padding-left:   3px;
  padding-right:  1px;
  padding-bottom: 1px;
  padding-top:    3px;
}

#menue #selected {
	text-align: right;
/*	background-color: #5174a9; */

	color: black; /* #400000; */
	font-style: italic;
	font-weight: bold;
	padding: 2px;
	
  border-bottom: 1px solid black;
}

#menue #menueEntrySub {
	margin-left: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;

	padding-right: 0.25em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

#menue li#menueEntryAdd {
	margin-left: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-right: 0.25em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	
	text-align: right;
}

.menueCount {
  font-size: 0.9em;
  margin-left: 0.4em;
}

/*****************************************************************************
 * Allgemeine Stilelemente.
 *****************************************************************************/

/* Allgemeine Systemnachrichten, z.B. : "kein Ergebnis" */
.message {
	padding: 1em;
	font-style: italic;
}

.warningMessage {
  font-style: italic;
  color: orange;
  
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.doneMessage {
	color: green;
	font-size: 1em;
	
	padding: 3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.errorMessageUser, .errorMessage {
	color: red;
	white-space: pre;
	font-size: 1em;
	
	padding: 3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
 
/* Copyrightmeldung im Footer jeder Seite. */
.copyright {
	      text-align:  left;
	      font-size:   0.75em;
	    }

/****************************
 * Listen der öffentlichen Webseite.
 * Unterscheiden sich ziemlich von denen der Administration.
 * Stile bis zur dritten Verschtelung definiert.
 ****************************/
ul#list {
}

ul#list li {
	list-style: none;
	margin-top: 1em;
}

ul#row li {
	list-style: none;
	margin-top: 0em;
}

ul#list ul {
}

ul#list ul li {
  margin-top: 0.75em;
}

ul#list ul ul {
}

ul#list ul ul li {
  padding: 0;
  margin-top: 0.5em;
}

.authorListAuthor {
  margin-top: 0.5em;
  border-bottom: 1px solid #e0e0e0;
}

.list {
/*	border: 1px solid green; */
	margin-top: 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

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

	margin-top: 1em;
}

.listRowHead {
	border-bottom: 1px solid #e0e0e0;
	font-weight: bold;
	width: 60%;
}

.listRowSub {
	margin-left: 5em;
/*	border: 1px solid orange; */
}

/* Formularboxen.
   Mit Überschriften und Body */
.formBox {
/*	background-color: #f8f8fc; */
/*	border: 1px solid #e0e0e0; */
	
/*	font-size: 0.8em; */
	
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	
	padding: 1ex;
}

.formBoxHeading, .formBoxHeadingNoBg {
/*   width: 100%; */
/*	border: 1px solid #e0e0e0; */
	padding: 0.2em;
	text-align: center;
	color: black;
	font-weight: normal;
}

.formBoxHeadingNoBg {
}

.formBoxHeading {
	/* background-color: #e0e0f0; */ /* #92cc20; */
	border-bottom: 1px solid silver;
}

.formBoxLinkBox {
	margin-top: 0.5em;
	text-align: center;
}

/****************************************************************************
 * Alles, was mit dem Rendern von Kommentaren und Einzelbelegen zu tun hat,
 * aber nicht in text.css ausgelagert ist.
 ****************************************************************************/
.eb {
	border: 1px solid #e0e0e0;
	margin: 0.25em;
	padding: 0.25em;
	background-color: white;
	color: black;
}

.eb .author {
	font-size:     1em;
	margin-left:   0em;
/*	margin-bottom: 0.25em; */
}

.eb .biblio {
	font-size: 0.9em;
}

.eb .signature {
	margin-top: 0.2em;
	font-size: 0.9em;
}

.eb .signatureHeading {
	font-weight: normal;
}

.eb .kommAllgemein {
	margin-left:	1em;
	margin-top:		0.25em;
	font-size: 0.9em;
}

.eb .persAuthor {
}

.met_strophe {
  color: #808080;
  margin-top: 0.5em;
  font-variant: small-caps;
}

.eb .met_strophe {
  padding-left: 1em;
}

.met_verse {
/*  color: blue; */
  font-variant: small-caps;
  margin-top: 0.25em;
}

.eb .met_rhyme {
/*  color: green; */
  margin-top: 0.25em;
  font-variant: normal;
}

.localst {
  color: red;
}

.local {
  color: orange;
}

.global {
  color: green;
}

.eb .persFkt {
	font-style: italic;
}

#ebPersFkt td, #ebPersFkt th {
  border-bottom: 0;
}

.eb .persAtt {
	font-size: 0.8em;
}

.eb .persKomm {
	margin-left: 1em;
	margin-top:	 0.25em;
	font-size:   0.8em;
}

.thumbnail {
	border: 1px solid #e0e0e0;
	padding: 2px;
}

/* Generelle Abstände nach oben. */
.picRightColumnSong {
  margin-top: 3.7em;
}

.picRightColumnPoem {
  margin-top: 6em;
}

.picRightPoem, .picRightSong {
	text-align: center;
	font-size: 0.8em;
}

.picRightSong {
	margin-bottom: 1.5em;
}

.picRightPoem {
	margin-bottom: 1.5em;
}

.picWindowText {
	margin: 0.75em;
	font-size: 0.9em;
}

/* Der Header auf jeder Seite. */
.pageheaderLogo {
  margin: 0;

  background-color: #FFFBC3;
/*  background-color: #FFECB8; */
/*  background-color: #efdcae; */
  
  padding-left:   0;
  padding-right:  0;
  padding-top:    0.5em;
  padding-bottom: 0.25em;

  font-size: 1em;

  border: 0;

	/* Minimale Breite, damit die Schriftgrössen und Sprachicons nicht in den
	   Text rutschen */  
  min-width: 500px;
}

.mainPage_languageSel {
	position: absolute;
	right:  0em;
	top:    1.6em;

/*
   background-color: #f0f0f0;
   border: 1px solid black;
 */

/*
   width:           95%;
   margin-right:    5%;
 */
/*   margin-top:      1em; */

	 width: 5em;
	 height: 1.5em;

   padding-left:    2px;
   padding-top:     4px;
   padding-bottom:  2px;
   padding-right:   2px;
   text-align:      center;
}

.mainPage_languageSelImgSel {
  border: 1px solid orange;
  
  padding: 1px;
}

.mainPage_languageSelImgSel {
  border: 0px solid blue;
  margin: 1px;
  padding: 1px
}

.mainPage_fontsizeSel {
	position: absolute;
	right:  0em;
	top:    0em;

	width: 5em;

/*
   background-color: #f0f0f0;
   border: 1px solid black;
 */

/*
   width:           95%;
   margin-right:    5%;
 */

   padding-left:    2px;
   padding-top:     2px;
   padding-bottom:  4px;
   padding-right:   2px;

   text-align: center;
}

.mainPage_fontsizeSel a {
  padding: 2px;
  color:   black;

/*  background-color: orange; */
/*  vertical-align: middle; */
  padding: 2px;
}

.mainPage_fontsizeSelected {
  color: black;
  border-left: 1px solid orange;
  border-right: 1px solid orange;
  padding: 1px;
  text-decoration: none;
}

.mainPage_fontsizeSel a:hover {
  color: black;
  border-left: 1px solid orange;
  border-right: 1px solid orange;
  padding: 1px;
  text-decoration: none;
/*  padding: 1px; */
}

/****************************************************************************
 * Stile für einzelne Webseiten/Funktionen.
 ****************************************************************************/

div#mainPage_topNews {
  font-size:    80%;

  width:        94%;
  margin-right: 3%;
	margin-left:  3%;
	margin-top:   0.5em;
  
/*  border: 1px dashed silver; */
}

div .mainPage_news {
	margin-bottom: 1em;
	padding: 0.15em;

	background-color: #f8f8f8;
	border: 1px solid silver;

	min-height: 2em;
	max-height: 15em;

	overflow: hidden;
}

div .newsPage_news {
  border: 1px solid silver;
  padding: 0.2em;
  margin-bottom: 1em;
  background-color: white;
}

div .newsPage_topNews {
  border: 1px solid silver;
  padding: 0.2em;
  margin-bottom: 1em;
  background-color: #f8f8f8;
}

/* Bearbeiter und Datum */
div .newsPage_newsFooter {
  text-align: right;
  font-size: 0.8em;
  font-style: italic
}

div#registerTypesCharlist {
	font-size: 80%;
	text-align: center;
	
	padding-bottom: 1px;
	
	border-bottom: 1px solid #e0e0e0;
}

div#registerTypesCharlist a {
  margin-right: 0.25em;
  margin-left: 0.25em;
}

div#registerTypesCharlist a:hover {
  text-decoration: underline;
}

span#registerTypesCharlistSelected {
	border: 1px solid orange;
	padding: 1px;
}

/***************************************************************************
 * Suchergebnis.
 ***************************************************************************/
.suchergebnis {
/*  border: 1px dashed gold; */
}

.suchergebnis td, .suchergebnis th {
  border: 0;
}

ul#suchergebnisListe {
/*  border: 1px dashed gold; */

	list-style-type: none;
	
	font-variant: small-caps;
	font-size: 90%;
	
	margin-left: 0;
	padding-left: 0;
}

ul#suchergebnisListe li {
/*  border: 1px solid blue; */
  
  margin-top: 0.8em;

	list-style-type: none;
}

ul#suchergebnisListe li ul {
/*  border: 1px solid red; */
  
  margin-top: 0;

	list-style-type: none;
}

ul#suchergebnisListe li ul li {
/*  border: 1px solid yellow; */
  
  margin-top: 0.25em;

	font-variant: normal;
  font-size: 110%;

	list-style-type: none;
}

ul#suchergebnisListe .match {
  font-weight: bold;
}

ul#suchergebnisListe .titel {
  font-variant: small-caps;
  font-size: 0.8em;
}

.match {
  font-weight: bold;
}

.suchergebnisTreffer {
  font-weight: bold;
  font-size: 0.8em;
}

.sucheNavigation {
  font-size: 0.9em;
  margin-top: 0.5em;
  width: 100%;
  text-align: center;
}

.admin {
  margin-top: 0.75em;
  padding: 0.25em;
  border: 1px dashed red;
}