/*  neu 9.3.2012 z-index überall in Zehnerwerten 10,20,..., nur div next jetzt 2; div back 3 */
body { 
   background-image : url(bilder/Terminal-65-6c.jpg); /* Original terminal-65-5.jpg*/
   background-position : left 1px; 
   background-attachment : scroll; 
   background-repeat : repeat-y; /* no-repeat; */
   background-color : #000020; /* white */
 } 
/* Sonderzeichen
Anführungszeichen deutsch
 „“ doppelt 
 ‚‘ einfach
Leerzeichen
 Mehrere aufeinander folgende normale Leerzeichen werden zu einem Leerzeichen zusammengefasst.
   schmales Leerzeichen
  	Leerzeichen ohne Trennung
   	Leerzeichen in der Breite eines n Hier: =2*&nbsp
   	Leerzeichen in der Breite eines m Hier: =4*&nbsp
Gedankenstrich
 Breite n 	– 
 Breite m 	—
Auslassungszeichen 	…
*/
/* Dunkelblau (zunehmend)
 Indigo		4B0082 rotblau
 Blue 		0000FF 
 MediumBlue	0000CD 
 DarkBlue 	00008B 
 Navy 		000080 
 MidnightBlue 	191970 
 Schwarzblau	11114E
 black		000000
*/ 
/* Reihenfolge der Definitionen einhalten: link, visited, hover, active ! */
.grau {
	color : grey; /* #aaaaaa; */
	font-size : 12px; 
}
.schwarz {
	color : black;
	font-size : 12px; 
}
a:link { 
   Color : MidnightBlue; /* DarkBlue; */
   font-weight : bold; 
   Text-decoration : none; 
 } 
a:visited { 
   Color : MidnightBlue; /* Indigo; DarkSlateGray; #666699; Blue Grey */
   font-weight:normal; 
   Text-decoration : none; 
 } 
a:focus { 
   Color : MidnightBlue; /* DarkBlue; */
   font-weight : bold; 
   Text-decoration : underline; 
 } 
a:hover { 
   Color : MidnightBlue; /* DarkBlue; */
   font-weight : bold; 
   Text-decoration : underline; 
 } 
a:active { 
   Color : MidnightBlue; /* Navy; */
   font-weight : normal; 
   Text-decoration : underline; 
 } 
a.nav:link { 
   Color : White; 
   Text-decoration : none; 
 } 
a.nav2:link { 
   Color : White; 
   font-weight : normal; 
   Text-decoration : none; 
 } 
a.nav:visited { 
   Color : White; 
   Text-decoration : none; 
 } 
a.nav2:visited { 
   Color : White; 
   font-weight : normal; 
   Text-decoration : none; 
 } 
a.nav:hover { 
   color : White; 
   text-decoration : underline; 
 } 
a.nav2:hover { 
   color : White; 
   font-weight : normal; 
   text-decoration : underline; 
 } 
a.print:link { 
   color : black; 
   font-weight : normal; 
   Text-decoration : none; 
 } 
a.print:visited { 
   color : black; 
   font-weight : normal; 
   Text-decoration : none; 
 } 
a.print:hover { 
   color : black; 
   font-weight : normal; 
   text-decoration : underline; 
 } 
a.inline:link { 
   Color : White; 
   font-weight : bold; 
   Text-decoration : underline; 
 } 
a.inline:visited { 
   Color : White; 
   font-weight : bold; 
   Text-decoration : none; /* underline; */
 } 
a.inline:hover { 
   color : White; 
   font-weight : bold; 
   text-decoration : underline; 
 } 
img { 
   border : none; 
 } 
/* Grundschrift. Arial sieht bei 12px besser aus, läuft schmaler als Verdana und wirkt kleiner.*/
 p ,td { 
   font-family : Arial, Helvetica, sans-serif; 
   font-size : 12px; /* war in Firefox immer als minimale Schriftgröße eingestellt */
 } 
th { 
   Color : MidnightBlue; 
   Text-decoration : none; 
 } 
 
h1 { /* Überschrift vor main auf Hintergrund*/
   margin : 0px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 14px; 
   font-weight : bold; 
   text-align : left; 
   color : white; 
 } 

div.ueber1 { /* Container für artibeau-Überschrift vor main auf Hintergrund*/
   position : absolute; 
   z-index : 10; 
   left : 230px; 
   width : 520px; 
   top : 10px; 
   padding : 10px; 
/*   border : 1px solid white; */
   } 

div.ueber2 { /* oben rechts, Suchformular und Nächstes. Formular liegt immer on top. */
/* wie beseitigt man die Überlagerung von ueber1 und ueber2? Durch Angabe von right und left und min-width */
   position : absolute; 
   z-index : 2; /* muss unter div.next liegen */
   right : 80px; 
   left : 810px; 
   min-width : 130px; 
   top : 20px; 
   text-align : right; 
   color : white; 
/*   border : 1px solid white; */
   } 

div.nav { /* Linke Randspalte Navigation*/
   position : absolute; 
   z-index : 10; 
   left : 30px; 
   width : 170px; 
   top : 48px; 
   padding : 10px; 
   color : white; 
 } 

div.main { /* Container für fliesstext und unten */
   position : absolute; 
   z-index : 10; 
   top : 60px; /*140px*/
   left : 230px; 
} 
div.main2 { /* index, mosaik*/
   position : absolute; 
   min-width : 680px; 
   z-index : 10; 
   top : 50px; /*140px*/
   left : 240px; 
/*   border : 1px solid white; */
} 

div.fliesstext { /* Kind von main Weisser Hintergrund */
   position : static; 
   z-index : 20; 
   width : 560px; 
   font-family : Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   padding : 10px; 
   visibility : visible; 
   overflow : visible; 
   background-color : white; 
   margin-top : 10px; /* neu 9.3.2012 verhindert Überdeckung von 'nächstes' bei schmalem Fenster */
 } 

/*<div id="gallery-area" style="width: 550px; height: 380px; margin: 0; padding: 0; border: 0px; overflow: hidden;">*/
#gallery-area {
   position : relative; 
   width:   550px; 
   height:  380px; 
   margin:  0px; 
   padding: 0px; 
   border:  0px; 
   overflow: hidden;
}   

div.tabelle { /* Kind von main Weisser Hintergrund, für breite Tabelle*/
   position : static; 
   z-index : 20; 
   width : 825px; /* für volles Änderungsdatum 800px; */
   font-family : Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   padding : 10px; 
   visibility : visible; 
   overflow : visible; 
   background-color : white; 
   margin-top : 10px; /* neu 9.3.2012 verhindert Überdeckung von 'nächstes' bei schmalem Fenster */
 } 
div.whitetext { /* weißer Text auf Hintergrund (Impressum) */
   position : static; 
   z-index : 20; 
   width : 560px; 
   padding : 10px; 
   color : white; 
 } 
div.unter { /* für Claim unten, jetzt als H1 */
   position : static; 
   z-index : 10; 
   height : 100px; 
   margin-top : 3em; 
   margin-left : 10px; 
} 

div.chronologie { /* Rechte Spalte Chronologie in weißer Schrift auf Hintergrund */
   position : absolute; 
   z-index : 30; 
   top : 60px; 
   left : 840px; 
   /* width : 250px; * Feste Breite, kein Zeilenumbruch */
   max-width: 350px; /* Auto-Zeilenumbruch */
   padding : 10px; 
   overflow : visible; 
   font-family : Arial, Helvetica, sans-serif; /* schmalere Schrift erwünscht */
   font-size : 12px; 
   color : white; 
   text-align : left; 
 } 

 /* mit <span class=nofocus> aktivieren: in div back und next keine gepunkteten Rahmen für Focus zeigen */
.nofocus a:active, a:focus {outline: none}

/* Zum Blättern am linken und rechten Rand 200 Pixel Grafik mit href auf Vorgänger/Nachfolger */
/*  neu 9.3.2012 z-index 3 löst das Problem, dass 'next' sich bei schmalem Browserfenster über die Tabelle Werkverzeichnis schieben kann. */
/*  neu 9.3.2012 z-index 3 löst das Problem, dass 'back' unterschiedliche obere Ränder braucht, je nach Navigations-Menu. */
/* obsolet durch z-index 3: back2 (index.htm), back3 (index-spezial.htm, mosaik.htm) */
div.back { 
   position : absolute; 
   z-index : 3; /* 99; */
   top : 43px; /*235px*/
   left : 0px; 
 } 

div.next { 
   position : absolute; 
   z-index : 3; /* 99; */ 
   top : 43px; /*43 45*/
   right : 0px; 
/*   border : 1px solid white; */
 } 

span.quelle { /* nach Zitat, nicht kursiv <span class=quelle></span> */
   font-style : normal; 
 } 
span.zitat { /* für Zitat in Zeile */
   font-style : italic; 
 } 
span.hide { 
   visibility : hidden; 
} 
span.ueber { /* Zwischenüberschrift in fliesstext inline */
   color : MidnightBlue; /*indigo; */
   font-weight : bold; 
 } 

p.ueber1 { /* Seitenüberschrift in fliesstext */
   margin-top : 0em; 
   color : MidnightBlue; /*indigo; */
   font-weight : bold; 
 } 
p.ueber2 { /* Chronologie */
   margin-top : 0em; 
   color : white; /*indigo*/
   font-weight : bold; 
   padding-left : 3.5em; 
   /*     notwendig ür IE, sonst verschwinden die Jahreszahlen */
   text-indent : -3.5em; 
 } 
p.ueber3 { /* index */
   margin-top : 0em; 
   color : white; /*indigo*/
   font-weight : bold; 
   text-align : center; 
 } 
p.bildtext { /* selten verwendet für Einzelbild im Fliesstext (z.B. 0080.htm) */
   clear : both; 
   padding : 0em; 
   margin : 0em; 
   color : indigo; 
 } 
p.jahr { /* Chronoloie */
   padding-left : 3.5em; 
   /*                   notwendig ür IE, sonst verschwinden die Jahreszahlen */
   text-indent : -3.0em; 
   margin : 0em; 
 } 
p.zitat { 
   margin-top   : -0.5em;    /* Ausgleich für vorhergehenden Absatzabstand */
   margin-left  : 1em; 
   margin-right : 4em; 
   font-style : italic; 
 } 
p.daten { /* Künstler etc. */
   margin-right : 3em; 
 } 
p.center { /* verwendet in 0460.htm */
   margin-top   : -0.5em;    /* Ausgleich für vorhergehenden Absatzabstand */
   margin-right : 2em; 
   text-align : center; 
   font-style : italic; 
 } 
p.clear { /* nach p.daten */
   clear : both; 
 } 
p.naechstes { /*für 'Nächstes' unter Suchfeld */
   margin-top : 5px
} 
 
/* Sortable tables */
table.sortable thead {
    text-align : left; 
    cursor: default;
}
td.neu { /*obsolet, ersetzt durch Datumsangabe */
/*    background-color: #FFFFAA; *//* #FFFF80; gold; LightGreen; Aquamarine; PaleGreen; LightGrey; grey; */
/*    color:#666666; */
/*    font-weight: bold; */
}
td.datum { /*kleinere Schrift in Spalte NEU */
   font-size : 11px; /* 12px; war in Firefox immer als minimale Schriftgröße eingestellt */
   white-space : nowrap;
}