/*  Erstellt von Rene Philipp fuer die eigene Seite
	einige Definitionen wurden notwendig wegen des Tooltip-Javascripts von Walter Zorn,
	da dort eigene Formatierungen vorliegen, die mit hiesigen nicht kollodieren sollen.
	Daher werden hier viele Klassen angewandt.

	Das ist die bei modernen Browser aktive Standard-CSS-Datei mit hellem Hintergrund und
	dunkler Schrift */

	body  { margin:0px;
		padding:0px;
		background-attachment:fixed;
		background-color:White;
		font-family:arial, verdana, helvetica,sans-serif;
		/*font-size:10pt;*/
		font-size: 1.2em;
		background-image:url(../bildoj/fonoj/kalsono1_f2b.jpg);
	}

	/* Hintergruende festlegen  */
	body.esp-o {
		background-image:url(../bildoj/fonoj/fono2.gif);
	}
	body.kitaka {
		background-image:url(../bildoj/fonoj/fono_kitaka.gif);
	}
	body.griza {
		background-image:url(../bildoj/fonoj/fono3.gif);
	}
	body.bruna {       background-image:url(../bildoj/fonoj/fono4.gif);
	}
	body.chielo1 {
		background-image:url(../bildoj/fonoj/chielo1.jpg);
	}
	#kitakujo h1 {margin:5px;}
	#kitakujo h1 a span.teksto,
	#kitakujo h1 a:hover span.teksto {position:absolute;left:-999px;}
	#kitakujo h1 a span.bildo {display:block;width:130px;height:40px;
		background: url(../bildoj/flagoj/flago_kitaka2.gif) no-repeat;
		background-position: 50px 0px;}

	/* Duenner Rahmen um die Navigation   */
	#navi {
		border:1px solid Blue;
		/*	-moz-border-radius:10px;  Mozilla 1.x und Netscape 7.x */
		height:40px;
	}
	#menuo {  }

	/* Nach complexspiral.com - farblich angepaszt */
	#menuo .naviul { background: transparent; padding: 5px 10px 2px; margin: 0;
		list-style: none; font: bold 0.8em Verdana, sans-serif;  }
	#menuo .naviul li { display: inline; padding: 2px 0; background: #d6d6d6; }
	#menuo .naviul li a { padding: 2px 10px; text-decoration: none; }
	#menuo .naviul li a:link { background-color: #5c6f90; color: #cc0; }
	#menuo .naviul li a:visited { background-color: #5c6f90;color: #fff; }
	#menuo .naviul li a:hover { background-color:#43616b;
		color:#eee; }

	/* Korrekturen fuer Internetexplorer 6  */
	* html #menuo .naviul li   { margin-right: 5px; }
	* html #menuo .naviul li a { margin: -2px -5px -2px 0; }

	/*  Weitere Infos  */
	#menuo a span.aldono { display:none; }
	#menuo a:hover span.aldono  { position: absolute;
		top: 160px;
		left:315px;
		display: block;
		width: 150px;
		font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
		background: #ccf;
		border: 1px dotted #257;
		/*       -moz-border-radius:10px;  */
		color: #000;
		padding: 5px; }
	#menuo a:hover span.aldono em {border:1px dotted #c00;font-style:normal;}

	/* Anpassung fuer IE, weil bei 1px dotted nicht geht */
	* html #menuo a:hover span.aldono {border-width:2px;}

	/* Kennzeichnung des aktiven Menuepunktes */
		#index #menuo .msp1 a:link,
		#index #menuo .msp1 a:visited,
		#impressum #menuo .msp2 a:link,
		#impressum #menuo .msp2 a:visited,
		#kitaka #menuo .msp3 a:link,
		#kitaka #menuo .msp3 a:visited,
		#jovida #menuo .msp6 a:link,
		#jovida #menuo .msp6 a:visited,
		#aliaj #menuo .msp7 a:link,
	#aliaj #menuo .msp7 a:visited { background-color:#c0c;color:#fff; }

		#index #menuo .msp1 a:hover,
		#impressum #menuo .msp2 a:hover,
		#kitaka #menuo .msp3 a:hover,
		#jovida #menuo .msp6 a:hover,
	#aliaj #menuo .msp7 a:hover {color:#fff;}
	/* Infos ausblenden */
		#index .msp1 a:hover span.aldono,
		#impressum .msp2 a:hover span.aldono,
		#kitaka .msp3 a:hover span.aldono,
		#jovida .msp6 a:hover span.aldono,
	#aliaj .msp7 a:hover span.aldono  {display:none;}


	#menuo .naviul #saluto  { visibility:hidden;}

	#MenuPos { position:relative;width:280px;height:50px;
		left:-150px;
	}

	/* Infozeile definieren */
	#info { border: 1px solid #cc0;
		/*  -moz-border-radius:10px;   Mozilla 1.x und Netscape 7.x  */
	}

	/* Inhaltsbereich */
	#enhavo        {
		margin:10px;
		border:1px solid #ffa500;
		/*   -moz-border-radius:10px;   Mozilla 1.x und Netscape 7.x  */
	}

	/* Tabellen definieren   */
	table.norm,
	table.hide  { border-collapse:collapse;  /*  Linien zusammenfassen */ }

	/* l = linke Linie, o = obere Linie, u = untere Linie, r = rechte Linie,
	z = zentriert */
	table.norm,            /* normale d.h. sichtbare Tabellen */
	td.norm,
	td.linie_lor,
	td.linie_lur,
	td.linie_lr,
	td.linie_r,
	td.linie_l,
	td.linie_lrz,
	td.linie_lz,
	td.linie_rz    {
		text-align:left;
		vertical-align:top;
		font-family:arial, verdana, helvetica,sans-serif;
		font-size:10pt;
	}
	table.norm,
	table.norm td,
	table.norm th  {
		border:1px solid #000000;    /* Rand drumrum in Schwarz*/
		padding:2px;
	}
	td.linie_lor {
		border:1px solid #000000;
		border-bottom:0px;    /* Linie unten weg
	und links, oben, rechts vorhanden */
	}
	td.linie_lur {
		border:1px solid #000000;
		border-top:0px;  /* Linie oben weg
	und links, unter, rechts vorhanden */
	}

	td.linie_l {
		border-left:1px solid Black;
		border-collapse:collapse;
	}
	td.linie_r {
		border-right:1px solid Black;
	}

	/* fuer uebergrosse Tabellen  */
	table.grosz,
	td.grosz  {
		border:1px solid #000000;
		font-size:12pt;
	}
	/* Mit zentrierten Zellen */
	td.linie_lrz,
	td.linie_rz,
	td.linie_lz,
	td.linie_lr  {
		border:1px solid #000000;
		border-top:0px;   /* Linie oben weg */
		border-bottom:0px;   /* Linie unten weg */
		text-align:center;
		vertical-align:middle;
	}
	td.linie_rz  {
		border-left:0px;     /* Linie links weg */
	}
	td.linie_lz  {
		border-right:0px;   /* Linie rechts weg */
	}
	td.linie_lr  {
		text-align:left;  }

	/* unsichtbare Tabelle */
	table.hide,
	td.hide  {
		font-family:arial, verdana, helvetica,sans-serif;
		font-size:10pt;
		text-align:left;
		vertical-align:top;
		border:0;
		padding:2px;
	}
	tr.kursiv,
	td.kursiv {
		font-style:italic; }
	td     {
		text-align:left;
		vertical-align:top;
		/*   border:1px solid #000000;  weg (siehe Klasse: norm) wegen Tooltips von Walter Zorn */
	}
	td.link  {
		font-size:16pt;
		color:#FF0060;
		background-color:#00FF00;
		text-align:center;
	}
	td.center,
	p.center,
	div.center,
	td.center2,
	td.center3 {
		text-align:center;
		font-family:arial, verdana, helvetica,sans-serif;
		font-size:10pt;
	}
	td.center,
	td.center3 {
		vertical-align:middle;
	}
	td.center2 {
		border:1px solid #000000;
		background-color:#E7DBC6;
	}
	/* zentriert ohne Rahmen */
	td.center3 {
		border-width:0px;
	}

	td.rechts {
		text-align:right;
	}
	td.dick  {
		text-align:left;
		vertical-align:top;
		border-width:2px;
	}
	td.mittig  {
		border:1px solid #000000;
		text-align:center;
		vertical-align:middle;
	}
	/* Hier sind die Ueberschriften definiert */
	h1,h2,h3,h4,h5,h6 {
		margin-bottom: 10px;
		text-align: center;
		text-decoration: none;
		border: none;
		width: 100%;
		/*	-moz-border-radius: 10px;  Mozilla 1.x und Netscape 7.x */
		/*	-moz-opacity: .5;  Mozilla ab 1.x, Netscape ab 6.x */
		opacity: .5; /* css3 ab Mozilla 1.7 */
	}
	h1,h2,h3,h4 {
		font-weight:bold;
	}
	h1 {
		font-size:14pt;
		background-color: Yellow;
	}

	h2 {
		font-size: 13pt;
		background-color: #FFA500;
	}

	h3 {
		font-size:12pt;
		background-color:Aqua;
	}
	h4,h5,h6 {
		font-size:11pt;
	}
	h4 {
		background-color:Silver;
	}
	h5 {
		font-style:italic;
		font-weight:normal;
		background-color:#ff99cc;
	}
	h6 {
		background-color:#ffcc00;
	}

	/* ohne Formate */
	h1.of,
	h2.of,
	h3.of,
	h4.of,
	h5.of,
	h6.of  {
		text-decoration:none;
		text-align:left;
		background-color:transparent;
	}
	/* Formate fuer Absaetze */
	p  {
		font-size:10pt;
		padding:1px;
	}
	/* Nur fuer Mozilla, Netscape 6+, Firefox und Opera */
		p:hover,
		li:hover,
	td:hover  {background-color:#fff;}

	p.block {
		text-indent:5mm;
		text-align:justify;
	}
	p.block2 {
		text-align:justify;
	}
	p.wo {
		font-size:10px;
		margin:5px;
	}
	p.rimarko  {background-color:#ffc;text-align:justify;
		border:2px dotted #ccf; padding:5px;}


	/* Meine eigenen Links sollen Rottoene haben! */
	a,
	a:link {
		color:#FF0000;
		background-color:transparent;
	}
	a:visited {
		color:#FF9900;
		background-color:transparent;
	}
	a:hover {
		color:#FF0000;
		background-color:#00FFFF;
		text-decoration:underline;
	}
	a:active {
		color:#FF0099;
		background-color:transparent;
	}
	/* Alle fremden Links sollen Blautoene haben! */
	a.fremd,
		a.fremd:link,
	a.frmg,
		a.frmg:link,
	a.ddbullet,
	a.ddbullet:link {
		color:#0000FF;
		background-color:transparent;
	}
		a.fremd:visited,
		a.frmg:visited,
	a.ddbullet:visited  {
		color:#0099FF;
		background-color:transparent;
	}
		a.fremd:hover,
		a.frmg:hover,
	a.ddbullet:hover   {
		color:#0000FF;
		background-color:#FFFF00;
		text-decoration:underline;
	}
		a.fremd:active,
		a.frmg:active,
	a.ddbullet:active  {
		color:#9900FF;
		background-color:transparent;
	}

	/* zusaetzlichen Formate fuer Fremdlinks   */
		a.frmg:before,
	a.frmg:link:before {
		content:url(../bildoj/bobeloj/marmelbl.gif);
		display:inline;
		width:13px;
		height:13px;
		white-space:nowrap;
	}
	a.frmg:hover:before {
		content:url(../bildoj/smiley/smileys35_15x15.gif);
		display:inline;
		width:13px;
		height:13px;
		white-space:nowrap;
	}

	/* Links zu fremden Esperanto-Seiten werden gruen */
	a.fremd2,
	a.frmg2,
		a.fremd2:link,
	a.frmg2:link {
		color:#009900;
		background-color:transparent;
	}
		a.fremd2:visited,
	a.frmg2:visited {
		color:#00CC66;
		background-color:transparent;
	}
		a.fremd2:hover,
	a.frmg2:hover {
		color:#009900;
		background-color:#FFCCFF;
		text-decoration:underline;
	}
		a.fremd2:active,
	a.frmg2:active {
		color:#99CC66;
		background-color:transparent;
	}

	/* zusaetzlichen Formate fuer Esperanto-Fremdlinks   */
		a.frmg2:before,
	a.frmg2:link:before {  content:url(../bildoj/globetoj/greengem.gif);
		display:inline;
		width:13px;
		height:13px;
		white-space:nowrap;
	}
	a.frmg2:hover:before {
		content:url(../bildoj/smiley/smileys35_15x15.gif);
		display:inline;
		width:13px;
		height:13px;
		white-space:nowrap;
	}

	/* Grafische Links sollen bei Ueberstreichen vom Mauszeiger keinen Hintergrund
	haben */
	a.grafik,
		a.grafik:link,
		a.grafik:active,
		a.grafik:hover,
	a.grafik:visited {
		text-decoration:none;
		background-color:transparent;
	}

	img.rand {
		border-width:1px;
		border-color:#9932CC;
	}

	/* Formatierungen fuer Elemente mit Infofenster */
	.noto    {
		color:#990099;
	}
	/* schwarzer Text fuer hellen Hintergrund */
	.noto2  {
		color:#000000;
		border:2px dashed Green;
	}
	/*  hellgelber Text fuer dunklen Hintergrund  */
	.noto3  {
		color:#ffff99;
		border:2px dotted Blue;
	}
	.noto4    {
		color:#009900;
	}

	/* Formate fuer Listen     - nur wenn allgemeine Konfiguration ganz oben Raender auf 0 setzt
	ol, ul { margin-left:30px; }     */
	/*  Der voranstehende id-Teil soll Wechselwirkungen mit anderen Formatierungen
	ausschalten */

	#enhavo ol li  {
		display:list-item;
		list-style:decimal inside none;
	}
	#enhavo ul li  {
		display:list-item;
		list-style-image:url(../bildoj/bobeloj/marmelbl.gif);
		/* list-style-image: url(../bildoj/bobeloj/ull001.gif);
		list-style-image:url(../bildoj/bobeloj/bullets_balls_pp_028.gif) ;*/
	}
	#enhavo ul ul li  {
		display:list-item;
		list-style-image:url(../bildoj/bobeloj/marmelli.gif);
		/* list-style-image: url(../bildoj/bobeloj/ull006.gif);
	bullets_balls_pp_028_verde.gif */
	}
	#enhavo ul ul ul li {
		display:list-item;
		list-style-image:url(../bildoj/bobeloj/marmeltu.gif);
	}
	#enhavo li.nude          {
		display:list-item;
		list-style:disc inside none;
	}
	#enhavo ul ul li.nude  {
		display:list-item;
		list-style:circle inside none;
	}
	#enhavo ul.sen, li.sen          {
		display:list-item;
		list-style:none outside none;
	}
	#enhavo li { font-size:10pt;
		padding:1px; }

	hr {
		color:#ffa500;
		background-color:#ffa500;
		/* margin: auto 0px auto auto;
		width: 100%;  */
		border:1px solid #ffa500;
	}
	img.fluss {
		float:left;
		margin-right:10px;
	}

	.initiale {
		margin-top:-5px;
		margin-right:5px;
		font-size:30px;
		font-weight:bold;
		float:left;
	}

	/* Hoch- und Tiefgestellter Text  */
	sub,sup {
		font-size:8pt;
	}

	/* fetter Text */
	.fett      {
		font-weight:bold;
	}

	/* Fuer Quelltexte */
	p.code, pre  {
		background-color:#ffffff;
		margin-left:15px;
		margin-right:15px;
		padding:20px;
	}
	p.tag,
	span.tag { background-color:#ffffff; }

	/* Fuer ein Menue aus Links in einer Tabelle - z.B. in der CSS-Referenz   */
	a.menu,
	a.menu:link {
		color:Red;
		background-color:transparent;
	}
	a.menu:visited {
		color:#9400D3;
		background-color:transparent;
	}
	a.menu:hover {
		color: #FF1493;
		background-color:transparent;
	}
	a.menu:active {
		color:#CE6163;
		background-color:transparent;
	}
	/* Link fuer E-Mail */
	a.post,
	a.post:link {
		color:#00c;
		background-color:#ff0;
	}
	a.post:visited {
		color:#90c;
		background-color:#ff0;
	}
	a.post:hover {
		color:#00c;
		background-color:transparent;
	}
	a.post:active  {
		color:#36f;
		background-color:#ff0;
	}
		a.post:after,
	a.post:link:after {
		content:url(../bildoj/poshto/leteroj.gif);
		display:inline;
		width:16px;
		height:15px;
		white-space:nowrap;
	}
	a.post:hover:after {
		content:url(../bildoj/poshto/leteroj.gif);
		display:inline;
		width:16px;
		height:15px;
		white-space:nowrap;
	}

	/*  Formate fuer meine kleine CSS-Referenz */
	/* die zweite Variante jeweils bei Tooltips */
	.ja, .jo {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#00c000;
		text-align:center;
	}
	.teilweise, .deil {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#c0c000;
		text-align:center;
	}
	.falsch, .mess  {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#c0aa80;
		text-align:center;
	}
	.murx, .murxig    {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#c08080;
		text-align:center;
	}

	.nein, .nee {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#c00000;
		text-align:center;
	}
	.alternativ, .alt {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#00c0c0;
		text-align:center;
	}
	.quirks, .qui {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#80c080;
		text-align:center;
	}
	.groest, .grot {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#a0c0a0;
		text-align:center;
	}
	.wenig, .wen  {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#a99;
	}

	.jo, .deil, .mess, .nee, .alt, .qui, .grot, .murxig, .wen {
		/* color:#990099; */
		text-decoration:underline;
	}
	/* por smurfo-dosiero */
	.angla {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#f9c;
		text-align:center;
		padding-left:5px;
	}
	.franca {
		font-weight:bold;
		font-size:14px;
		color:#fff;
		background-color:#9cf;
		text-align:center;
		padding-left:5px;
	}

		.jo:after, .deil:after, .mess:after, .nee:after, .alt:after, .qui:after,
	.grot:after, .murxig:after, .wen:after {
		content:url(../bildoj/simboloj/demando4.gif);
		display:inline;
		width:16px;
		height:16px;
		white-space:nowrap;
	}

	/* zur Kennzeichnung der CSS-Version */
	.eins, .een  {
		color:#000;
		background-color:Lime;
	}
	.zwei, .twee {
		color:#000;
		background-color:Yellow;
	}
	.drei, .dree {
		color:#000;
		background-color:#FFA500;
	}
	/* Mit Tooltip  */
	.een, .twee, .dree {
		text-decoration:underline;
	}
	/* Ergaenzung fuer Mozilla und Opera 7  */
	.een:after, .twee:after, .dree:after {
		content:url(../bildoj/simboloj/demando4.gif);
		display:inline;
		width:12px;
		height:12px;
		white-space:nowrap;
		text-decoration:none;
	}

	/* Unterscheidung zwischen Candidate Recommendation und Working Draft  */
	.cr {
		color:#000;
		background-color:#00CCCC;
	}
	.wd {
		color:#000;
		background-color:#FFCC00;
	}
	/* Esperantostrukturen */
	.radiko { font-weight:bold;
		font-size:14px;
		color:#ffffff;
		background-color:#00c000;
		text-align:center;
		text-decoration:underline; }
	.rad1, .rad2, .rad3, .rad4, .rad5, .rad6, .rad7, .rad8, .rad9, .rad10, .rad11  {
		font-weight:bold;
		font-size:14px;
		color:#000;
		text-align:center;
		text-decoration:underline;
	}
	.rad1 { background-color:Lime; }
	.rad2 {
		background-color:Yellow;
	}
	.rad3 {
		background-color:#FFA500;
	}
	.rad4  {
		background-color:#ff33cc; }
	.rad5  {
		background-color:#f36; }
	.rad6 {
		background-color:#cf3; }
	.rad7  {
		background-color: Aqua;
	}
	.rad8  {
		background-color: #FFE4C4;
	}
	.rad9  {
		background-color: #8FBC8F;
	}
	.rad10  {
		background-color: #00CED1;
	}
	.rad11  {
		background-color: #00BFFF;
	}

	.fino { font-weight:bold;
		font-size:14px;
		color:#ffffff;
		background-color:#00c0c0;
		text-align:center; }
	.prefikso { font-weight:bold;
		font-size:14px;
		color:#ffffff;
		background-color:#c0c000;
		text-align:center; }
	.sufikso { font-weight:bold;
		font-size:14px;
		color:#ffffff;
		background-color:#c00000;
		text-align:center; }


	/* Abstand zwischen Linie um Inhalte und Ueberschrift soll weg */
	#enhavo h2  {
		margin-top:0px;
	}
	/* Abstand zwischen Linie und Text */
	#enhavo p,
	#info p {
		margin-left:10px;
		margin-right:10px;
	}

	/* Abstand zwischen Linie und Aufzaehlungspunkt */
	#enhavo li { margin-right:10px; }

	/* Kennzeichnung der Infos ueber proprietaere Eigenschaften */
	.prop {
		background-color:#AFEEEE;
	}

	dt {
		font-weight: bold;
		margin-left: 15px;
	}

	/*  Schriften */
	.lucida {
		font-family: "Lucida Sans Unicode",sans-serif;
	}
	.ms  {         font-family:"Arial Unicode MS",sans-serif;
	}

	.mondo  {
		text-transform: uppercase;
	}

	/* koloroj por kodoj */
	.soci  {
		background: #FF9900;
	}
	.region  { background-color: #CC99FF;

	}
	.lit   {
		background-color: Aqua;
	}
	.slang {
		background-color: Olive;
		color:#00ffff;
	}
	.malnova {
		background-color: #D9D9D9;
	}
	.ne_ebla {
		background-color: Black;
		color:#ffffff;
	}
	.nur_ebla {
		background-color: Red;
	}
	.rango_1 {
		background-color: #CCFFCC;
	}
	.rango_2 {
		background-color: #FFFF99;
	}
	.rango_3 {
		background-color: #FFCC99;
	}
	.rango_4 {
		background-color: #FF99CC;
	}
	.rango_5 {
		background-color: #CCFFFF;
	}

	.durch  { text-decoration:line-through; }

	abbr {
		border-bottom: 2px dotted Gray;
		cursor: help;
	}

	/* Netscape 4 Texte bzw. Infos verstecken */
	#nn4  { display:none; }

	/* Formate fuer die unteren Grafiken */
	/* fuer Mozilla, Firefox und Netscape 6+ */
	*:not(hr) #redakti { float:right;margin-top:-36px; }
	/* fuer IE - laesst sich mit der Korrektur darueber nicht zusammenfassen, da dann
	bei einigen Browsern wirkungslos  */
	* html #redakti  { float:right;margin-top:-36px; }
	/* fuer Opera 7 und 8 (nicht 6) */
	html:first-child>b\ody #redakti { float:right;margin-top:-15px; }
	/*    html * body #redakti[id] { margin-top:0; }  */

	.klarigo { border-bottom:2px dotted blue;cursor:help; }

	/* Zusatzinfos mit # und Nummerierung */
	#enhavo ul.pluso,
	#enhavo ul.aldono  {margin-left:20%;width:76%;border:2px dotted #fcc;
		background-color:#dfd;padding-left:5px;padding-right:5px;}
	#enhavo ul.pluso li,
	#enhavo ul.aldono li { list-style-image: none;
		list-style-type:none;

	}