@import url(https://fonts.googleapis.com/css?family=Noto|Noto Sans);

a { padding-top:2px; padding-bottom:2px; }
article a {  background-color:#fbeff5; }
a:link    { text-decoration:none; color:#3104b4; } /* 642efe */
a:visited { text-decoration:none; color:#006060; }
a[href]:hover   { color:#008080; background-color:#ffe0e0; }
a:active  { text-decoration:none; color:#B607F8; background-color:#e0e0f8; }
[title] { border:solid 1px #333399; cursor:help }
/* background-color war: #efefff */

/* Hauptelemente der Seite */

html {
  font-family:"Noto Sans", sans-serif; /* gilt für alle Sektionen außer dem Haupttext */
  font-size: 12pt;
/*background-color:#d0e0f8; könnte man auch hier setzen; würde dann auch für Seiten gelten, deren Body kein Skript ist. */
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0em 0em 1.0em 0em;
	width:  100%;
	color:#000000;
}
/* margin im body hat keinen Effekt. Ich habe ihn stattdessen in article und anderen Blöcken gesetzt. */

body.skript {
 	line-height:130%;
/* 	margin-top:0;
 	margin-left:0;
 	margin-right:1.0em; */
 	background-color:#d0e0f8;
/* #bbdaff; */
 }


/* Kopfzeile der Seite */

aside {
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	height: 3.0em;
	width: 20%;
	box-sizing: border-box;
	display: table;
  border-right: 1px solid #0000ff;
  border-bottom: 1px solid #0000ff;
 	color:#0000cc;
  font-weight: bold;
     }
/* wird von hochgeschobener Navigationsleiste überlappt */

	aside a { font-size: 0.9em;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}

*.up_arrow { font-size:1.3em;}

header {
	position: fixed;
	top: 0;
	right: 0%;
  	height: 3.0em;
	width: 80%;
   margin-left: 20%;
	box-sizing: border-box;
	vertical-align: middle;
 	color:#0000ff;
   border-bottom: 1px solid #0000ff;
  }

header table {
 width:100%; height:100%; margin:0; padding:0; border: 0
}

  #title {
	text-align:center;
 	font-size: 1.1em;
 	font-weight:bold;
  }

  #age {
  	width:8em;
	text-align:center;
	border-left: 1px solid black;}


/* Navigationsleiste */

nav {
	float: left;
	position: fixed;
	top: 3.3em;  /* d.i. 3.0em ÷ 0.9 Schriftgröße */
	left: 0;
	bottom: 0;
	margin: 0;
	width: 20%;
	box-sizing: border-box;
	overflow-y: auto;
	padding-top: 1.0em;
	padding-right: 0;
   padding-left:0.5em;
 	color:#0000ff;
   border-right: 1px solid #0000ff;
   font-size: 0.9em;
}

	#sitetitle {
	 		font-weight:bold;
	 		margin: 0px;
			padding-top:0.2em;
			padding-bottom:0.5em;
			border-bottom:solid 1px;
			display: inline-block;
			text-align: center;
			 }
	#sitetitle:hover { color:#008080; background-color:#ffe0e0;
			}

	nav ol {  }
	nav ul { list-style-type: none; }
	ol ol { margin-top: 0 }
	ol ul { margin-top: 0 }
	ul ul { list-style-type: circle; }
	ul.plain { list-style-type: none; font-weight: normal }
	nav li { padding-top:0.5em; line-height:120%; }
	nav li.subtitle { padding-top:0.6em; font-weight: bold; } /*hier war: display: block;*/

/* Hauptteil der Seite */

article {
    position:fixed;
    top: 3.0em;
    bottom:0;   /* Das ist fürs Scrolling nötig*/
    margin-left: 20%;
    padding: 0.5em 1.0em 1.0em 1.0em;
    box-sizing: border-box;
    width: 80%;
 	 font-family:Noto, serif;
    overflow:auto;
    background-color:#efefff;
   }


blockquote {
	margin-top:0.5em;
	padding-bottom:0;
	margin-bottom:0.5em;
	margin-left:2.0em;
	margin-right:2.0em;
	padding-top:0px;
	background-color:#fdd017;
	font-family:"Book Antiqua",Garamond, serif;
	}

code {
 	color:#0B3861;
 	font-weight:600;
 	}

*.code {
 	background-color:#ffffff;
 	color:#0B3861;
 	font-weight:600;
 	}

p.code {
	border:none;
	margin-left:2.0em;
	margin-top:1.0em;
	margin-bottom:0;
	margin-right:2.0em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0;
	padding-bottom:0;
	}

dfn { background-color:#c0e0f8; font-style:normal } /* 99efff */
*.dfn { background-color:#c0e0f8; font-style:normal }

div.inset { background-color:#ffffff; color:#000033; border-style:solid; border-width:0.1em; border-color:#9999cc; padding:1.0em }

*.fn  { font-size:0.9em; margin-top:0.25em; margin-bottom:0px; }


/* Überschriften */

h1 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em }
h2 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em }
h3 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em  }
h4 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em  }
h5 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em }
h6 { font-weight:bold; font-size:1.0em; margin-top:2.3em; margin-bottom:0.25em }


h1.two_levels { font-size:1.05em }

h1.three_levels { font-size:1.1em;  }
h2.three_levels { font-size:1.05em; }

h1.four_levels { font-size:1.15em;  }
h2.four_levels { font-size:1.1em;  }
h3.four_levels { font-size:1.05em; }

h1.five_levels { font-size:1.2em; }
h2.five_levels { font-size:1.15em;  }
h3.five_levels { font-size:1.1em;  }
h4.five_levels { font-size:1.05em; }

h1.six_levels { font-size:1.25em;  }
h2.six_levels { font-size:1.2em; }
h3.six_levels { font-size:1.15em;  }
h4.six_levels { font-size:1.1em; }
h5.six_levels { font-size:1.05em; }

*.below_title { margin-top:1.1em }
*.below_text  { margin-top:2.3em }
/* Das ist der Default. */


/* Listen: */
ol { margin-top:0.5em; margin-bottom:0.3em; margin-left:0;
	padding-top:0px; padding-bottom:0px; padding-left:1.25em;
 	}

ul { margin-top:0.5em; margin-bottom:0.3em; margin-left:0;
	padding-top:0px; padding-bottom:0px; padding-left:1.25em; }

hr.fn_divide  { text-align:left; margin-left:0; width:70%; color:#c0c0c0;
 height:2px; margin-top:20px; margin-bottom:20px }


/* Absätze: */
p { padding-top:0px; margin-top:0.65em; padding-bottom:0px; margin-bottom:0.3em }

p.bibl {
	margin-left:2.0em;
	margin-top:0.2em;
	margin-bottom:0px;
	text-indent:-2.0em;
	font-size:0.9em;
	}

*.main_section { font-size:2.0em; margin-top:2.5em; margin-bottom:1.0em; text-align:center }

/* Tabellen */
caption { caption-side:top; text-align:center;
    margin-top:0.7em; padding-bottom:0.2em;
    font-size:0.9em; font-style:italic; color:#0B3861 }
/* Für IE 5.5 gehört die Caption zum Table. Margin-top des Table setzt daher die Caption vom Text darüber ab.
Für Firefox 1.5 dagegen gehört die Caption nicht zum Table. Margin-top des Table setzt daher die Caption von diesem ab.
Ferner ignoriert IE 5.5 den margin-top der Caption; d.h. Abstand nach oben kann man nur durch margin-top des Table bekommen.
Folglich ist dieser Konflikt nicht lösbar.
*/

*.caption { margin-top:1.5em; padding-bottom:0px; margin-bottom:0px;
    font-size:0.9em; font-style:italic; font-weight:bold; color:#0B3861 }


table  { margin-top:0.65em;
	 border-collapse:collapse;
	}
/* Es gibt in CSS keine Anweisung, die Tabellen horizontal zentriert. */

*.insert { background-color:#ffffff; color:#000033; border-style:solid; border-width:0.1em; border-color:#9999cc; }

table.bsp { margin-left:1.0em; background-color:#ddf3ff; }
/* unterscheidet sich von table.example in maya_styles nur durch die Hintergrundfarbe*/

tr { vertical-align:top }
*.script  { color:#000000;  }
*.orig { color:#004400 }
tr.phon { color:#440000; padding-top:0px; margin-top:0px; line-height:95% }
*.imt  { color:#5b0010; font-size:0.8em }
*.translat  { color:#953c00; }
   *.translat:before { content:'‘'}  /* müssten für Deutsch doppelte Anführungszeichen sein */
   *.translat:after { content:'’'}

tr.spanish { color:#669900 }
tr.span  { color:#004080 }
tr.dt  { color:#0B3861 }


td { padding-left:6px; padding-right:6px; border-color:#9999cc; }
*.criteria  { border-right-style:solid; border-bottom-style:solid; border-width:1px; font-size:0.9em; }
*.lg { font-variant:small-caps; color:#004400 }
td.code {
	border:none;
	margin-top:1.0em;
	margin-bottom:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0;
	padding-bottom:0;
	}

*.long { padding-right:200px }

/* für die Präsentation: */
	*.bsp td:hover { background-color: #ffffff; }
	*.insert td:hover { background-color: #ffdddd; }


th { font-weight:bold; background-color:#dedede; text-align:left;
        padding-left:6px; padding-right:6px; border-color:#9999cc }
/*  font-style:normal funktioniert für th, aber in Mozilla wird es leider auf die ganze Tabelle übertragen */

/* Das folgende ist ein abgesetztes Beispiel. Inline-Beispiele werden mit <samp> gemacht. */
*.example {
        font-size:0.9em; background-color:#e0ff00; padding:0.65em;
        border:solid black; border-width:thin }

*.small_caps { font-variant:small-caps }

*.sperr { letter-spacing:0.25em }
/* font-stretch wird 2017 von keinem Browser unterstützt.*/


/* Durchschüsse */
*.lead05 { margin-top:0.5em }
*.lead10 { margin-top:1.0em }
*.lead15 { margin-top:1.5em }
*.lead20 { margin-top:2.0em }
*.lead25 { margin-top:2.5em }
*.lead30 { margin-top:3.0em }


/* Farben: */

*.faint { color:#dddddd  }

*.rotlila { background-color:#ff99ff }
*.karmin  { background-color:#ff99cc }
*.orange { background-color:#ffcc99 }
*.gelb   { background-color:#ffff99 }
*.gruenbeige { background-color:#cccc99 }
*.lindgruen { background-color:#ccff99 }
*.blassgruen { background-color:#99ffcc }
*.blassblaugruen { background-color:#99cccc }
*.azur    { background-color:#99ffff }
*.marine  { background-color:#99ccff }
*.violettblau { background-color:#ccccff }
*.lila    { background-color:#cc99ff }
*.karminviolett { background-color:#cc99cc }
*.hellgrau   { background-color:#cccccc }
*.weiss      { background-color:#ffffff }
*.cl_background { background-color:#e0e0f8 }