/*---------------------------------------------------------------------------*/
/* ot.css, Stand: 01.10.2006 */
/* Ab hier beginnen spezielle Definitionen nur für das Online-Tutorial 
   die generellen Styles für die DigiBib befinden sich im unteren Abschnitt */
/*---------------------------------------------------------------------------*/

html { margin-left: 30px;
	margin-right: 30px;
    marging-top: 0;
	padding-top: 0px; }

body { margin: 0;
     padding: 0;
	 background-image:url(../_bilder/backgr.gif);
	 background-repeat: repeat }

/* Headbereich - für die Überschrift */

#kopf  { padding-top:10px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 0;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.4em;
	background: #fff;
	width: 99.9%; }

/* -----------------------------------*/
/* Komplette Navigationsbereich mit Menu */

#navigation { float:left;
	padding-top: 30px;
	padding-left: 5px;
	margin: 0;
	border: 0;
	font-weight: bold;
	width: 20%; }

.hauptmenu { font-family: Verdana,Arial,Helvetica,Geneva;
	font-size: 130%;
	margin: 10px;
	border-bottom: 1px solid #003366;
	width: 96%;
	text-align: left; }

ul { list-style-type: none;
	margin-left: 5px;
	padding: 0; }

li { width: 100%;
	float: left; }  

.submenu { position: relative;
	display: none;
	margin-left: 0px;
	border-left: 1px solid #C50042; 
	font-weight: normal;
	background: #f7f7f7;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	width: 96%;
	z-index: 20; }

li a:hover { background: #dedede;
	color: #003366;
	text-decoration:none;
	border: none; }

li:hover .submenu, li.sfhover .submenu  { display:block;
	text-decoration:none;
	background: #f7f7f7; }

<!-- Bereich für die Animation des Menu -->

.item { text-decoration: none; } 

a .bullet {	visibility: hidden;
	background-color: #C50042;
	text-decoration: none; }

a:hover .bullet { visibility: visible;
	background: #C50042;
	text-decoration: none; }

.nav_icon { text-decoration: none;
   width: 98%;
   margin-left: 5px; }

.nav_icon a { display: block;
			text-decoration: none;
			color: #FFFFFF;
			padding: 4px 2px; }

/*------------------------------------------*/
/* Bereich für die Übersichtsnavigation und Bereich für die Kapitelübersicht */

#kapitel { float: right;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	margin: 0;
	border: 0;
	font-size: 9px;
	text-decoration: none;
	background: #fff;
	width: 75.9%; }
	
/*------------------------------------------*/
/* Contentbereich */

#inhalt { float: right;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	border: 0;
	background: #FFF;
	width: 75.9%; }

/* Breadcrumbs */

#breadcrumbs { font-size: 9px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right; }

/* Contentbereich - allgemeine Aufzählungen */

ul.allgemein { list-style-type: square;
	padding-left: 20px; }

/* Contentbereich - allgemeine Linkdefinitionen */

a:link, a:visited { color: #003366;
	text-decoration: none; }

a:hover { color: #003366;
	background: #dedede;
	border: none; }

/* Contentbereich - Links, die auf Seiten innerhalb des Tutorial verweisen */

a .intern {	visibility: visible;
	text-decoration: underline; }

a:hover .intern { visibility: visible;
	background: #dedede;
	text-decoration: none; }



/* ----------------------------------------------------------------------*/
/* Quelle DigiBib main.css, Stand: 01.10.2006 */
/* Hier beginnt das CSS-Style generell für die DigiBib, 
   die speziellen Styles für das Online Tutorial befinden sich im oberen Abschnitt */

  /* Hauptframe */

body {
  padding: 0px;
  background-color: #ffffff;
  font-family: Verdana,Arial,Helvetica,Geneva;
  font-size: 11px;
  color: #000000;
/*  margin-left: 4%;
  margin-right: 6%;
  margin-top: 10px;
  margin-bottom: 10px; */ }

  /* groessere Schrift im Hauptframe */

body .larger { font-size: 12px; }


/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/
   
  /* kleinere Schrift im Hauptframe */

/* body .smaller { font-size: 10px; }

  /* ganz kleine Schrift im Hauptframe */

/* body .smallest { font-size: 9px; }

  /* Statusframe links (erbt von body) */

/* body.info { font-size: 9px; }

  /* Generelle Tabellen-Einstellungen */

/* --------------------------------------------------------------------------*/

table { padding: 0px; }

  /* Jeder Eintrag der Suchhistorie und der Favoriten
     wird in einer eigenen Tabelle ausgegeben
  */

/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/

/* table.listentry { background-color: #ffffff; }

/* --------------------------------------------------------------------------*/

  /* Allgemeine Zellen-Einstellungen;
     Schriftarten- und groessen sollten dem
     "body" entsprechen
  */

td { font-family: Verdana,Arial,Helvetica,Geneva;
  font-size: 11px; 
  /* folgenden Wert nicht aendern! */
  vertical-align: top; }

  /* Zelle im Statusframe;
     erbt von "td"
  */

/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/

/* body.info td { font-size: 9px; }

  /* Groessere Schrift im Statusframe */

/* body.info .larger { font-size: 10px; }

  /* Tablle im Statusframe */

/* table.infotable { }

  /* Zeile/Zellen mit Gesamttreffer-Info o.ae.
     im Statusframe
  */

/* tr.infosummary, td.infosummary { 
  background-color: #ffffff; }

  /* Die Zellen die die kleinen Pfeile zum
     Sprung ans Seitenende bzw. an den
     Seitenanfang enthalten
  */

/* td.pagenav { text-align: center;
  vertical-align: top;
  width: 1%;
  padding-right: 5px;
  padding-top: 2px; }

  /* Zeilen mit gerader Nummer in Kurzlisten,
     sortierten Listen etc.
     s.u.
  */

/* tr.evennumbered, td.evennumbered {
  background-color: #ffffff;
  border-bottom: 1px solid #f7f7f7; }

  /* Zeilen mit gerader Nummer in Kurzlisten,
     sortierten Listen etc.
     s.o.
  */

/* tr.oddnumbered, td.oddnumbered {
  background-color: #f7f7f7; }

  /* Zellen in den listentry-Tabellen (s.o.) */

/* table.listentry td { 
  border: 1px solid #999999;
  border-spacing: 0px;
  border-collapse: collapse; }

/* --------------------------------------------------------------------------*/

  /* Ueberschriften (z.B. je Datenbank in der Kurzliste;
     auf den Suchmasken; beim Einzeltreffer etc.)
  */

th { font-family: Verdana,Arial,Helvetica,Geneva;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: dashed;
  border-bottom-color: #666666;
  border-bottom-width: 1px; }

/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/

  /* Ueberschriften der "Hinweise" und fuer 
     "Neu und Aktuell" in der Einfachsuche
  */

/* th.secondary { background-color: #ffffff;
  border: none;
  border-bottom-style: dashed;
  border-bottom-color: #666666;
  border-bottom-width: 1px;
  color: #000000; }

  /* Die (seitlich stehenden) "Ueberschriften"
     in der Suchhistorie und bei den Favoriten
  */

/* table.listentry th { 
  border: 1px solid #999999;
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: #f7f7f7; }

  /* Links in Ueberschriften-Zellen
    (insb. die "Loeschen"-Links fuer die Suchmasken)

    ACHTUNG: die Reihenfolge
    link --> visited --> hover --> active --> focus
    ist signifikant
  */

/* th a:link { color: #003366; }

th a:visited { color: #003366;
  text-decoration: none; }

th a:hover { color: #C5004;
  text-decoration: none; }

th a:active { color: #C5004;
  text-decoration: none; }

th a:focus { color: #C5004;
  text-decoration: none; }

  /* Die Einzeltreffer-Navigation */

/* td.hitnav { font-size: 10px;
  background-color: #ffffff;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7; }

  /* Separator zwischen Zellen mit Links
     in der Einzeltreffer-Navigation
  */

/* td.hitnavsep { background-color: #f7f7f7;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7; }

  /* Die Zellen mit Feldbezeichnern
     (z.B. "Autor/in:")
  */

/* td.field { background-color: #f7f7f7;
  width: 20%;
  font-weight: bold;
  vertical-align: top;
  padding: 3px; }

  /* der zugehoerige Trenner */

/* td.fieldsep	{ background-color: #ffffff;
  padding: 1px; }

  /* Feldinhalt beim Einzeltreffer */

/* td.fieldcontent	{ background-color: #ffffff;
  padding: 3px; }

  /* der zugehoerige Trenner */

/* td.fieldcontentsep { background-color: #f7f7f7;
  padding: 1px; }

  /* Die die Tabelle abschliessenden
     Zellen rechts (Einzeltreffer)
  */

/* td.fieldcontentrightsep {
  background-color: #f7f7f7;
  padding: 1px; }

/* --------------------------------------------------------------------------*/

  /* Nach unten gerichtete "Boxen";
     z.B. in den Suchmasken
  */

td.box_down { padding: 5px;
  background-color: #f7f7f7;
  border-left: #999999 solid 1px;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px; }

/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/
  
  /* Nach oben gerichtete "Boxen"
     z.B. in der Verfuegbarkeitsanzeige
  */

/* td.box_up { border: #999999 solid 1px;
  padding: 2px;
  background-color: #f7f7f7; }

  /* body von Fehlermeldungen */

/* body.error_body {  }

  /* Container-Tabelle bei Fehlermeldungen */

/* table.error_table {  }

  /* Kopfzeile der Tabelle bei Fehlermeldungen */

/* td.error_top {  }

  /* Fusszeile der Tabelle bei Fehlermeldungen */

/* td.error_main {  }

  /* Ueberschriften auf allen Seiten, die nicht
     im direkten Bezug zu einem Eintrag in der
     Navigationsleiste stehen

     ANMERKUNG:
     h2 ff. auch definieren und - wo angebracht - nutzen
  */

/* --------------------------------------------------------------------------*/

h1 { font-family: Verdana,Arial,Helvetica,Geneva;
  font-size: 130%;
  margin: 1px;
  border-bottom: 1px solid #003366;
  width: 100%;
  text-align: left; }

/* --------------------------------------------------------------------------*/
/* Dieses CSS wurde nicht für die Basisversion des Online-Tutorial verwendet,
   wurde jedoch für mögliche Eventualitäten hier belassen, Stand: 30.11.2006 */
/* --------------------------------------------------------------------------*/

  /* Fehlermeldungen */

/* .error { color: ##C5004;
  font-weight: bold; }

  /* Keine Abstaende um Formulare: nicht aendern! */

/* form { margin: 0px; }

  /* Links (Ausnahme: Links in th-Zellen: s.o.) */
/* Diese Definitionen der DigiBib sind im oberen Bereich speziell für das OT definiert */

/*

a:link { color: #003366;
  text-decoration: none; }

a:visited { color: #003366;
  text-decoration: none; }

a:hover { color: ##C5004;
  text-decoration: none; } 

a:active { color: ##C5004;
  text-decoration: none; } 

*/

/* --------------------------------------------------------------------------*/

a:focus { color: #C50042;
  text-decoration: none; }

  /* das folgende seltsame Konstrukt
     verbirgt die Informationen von NN 4.7

     Formatierung der Formular-Elemente

     input.cb gilt fuer checkboxen, um die einige Browser
     sonst einen haesslichen Rand ziehen;
     bei background-color ist die Angabe "none" nicht 
     moeglich: bitte die Hintergrundfarbe von "box_down"
     angeben   
  */

/*/*/.egal{}
input, select, textarea {
  font: 100% Verdana,Arial,Helvetica,Geneva;
  border: 1px solid #000000;  
  color: #000000;
  background-color: #f9f9f9;
  vertical-align: middle;
  margin-bottom: 1px; }

select { padding: 0px; }

input { padding: 2px; }

input.cb { padding: 0px;
  background-color: #f7f7f7;
  border: none; }
/* ENDE hide_from_nn4 */


/*-------------------------------------------------*/
/* Digilink Section s. digilink.css                */
/*-------------------------------------------------*/