body{
		--p-farbe: #9c27b0;  /* p o01 #9c27b0  Personen */
		--b-farbe: #ff5722;  /* b o02 #ff5722  Bücher   */
		--t-farbe: #ff9800;  /* t o03 #ff9800  Texte    */
		--f-farbe: #cddc39;  /* f o04 #cddc39  Fragen   */
		--a-farbe: #8bc34a;  /* a o05 #8bc34a  Aussagen */
		--w-farbe: #81d4fa;  /* w o08 #81d4fa  Begriffe */
		--g-farbe: #795548;} /* g o17 #795548  Themen   */

	#menubalken.o01, #titelmenu li.p, body.o01 ul.iconboxen li, body.o01 ul.buchstaben li, p.preview-p, div.p_box          {background-color:var(--p-farbe)}
  #menubalken.o02, #titelmenu li.b, body.o02 ul.iconboxen li, body.o02 ul.buchstaben li, p.preview-b, ul.jahreszahlen li {background-color:var(--b-farbe)} 
	#menubalken.o03, 
	#menubalken.o29, #titelmenu li.t, body.o03 ul.iconboxen li, body.o03 ul.buchstaben li, p.preview-t 	                   {background-color:var(--t-farbe)} 
	#menubalken.o04, #titelmenu li.f                                                                                       {background-color:var(--f-farbe)} 
	#menubalken.o05, #titelmenu li.a                                                                                       {background-color:var(--a-farbe)}  
	#menubalken.o08, #titelmenu li.w, body.o08 ul.iconboxen li, body.o08 ul.buchstaben li  		                             {background-color:var(--w-farbe)} 
	#menubalken.o17, #titelmenu li.g                                                                                       {background-color:var(--g-farbe)} 

	#menubalken.o20, #titelmenu li.hit                                                                                     {background-color:silver}
	#menubalken.o21, #titelmenu li.news                                                                                    {background-color:silver}

	#titelmenu  li.p a,
	#titelmenu  li.b a,
	#titelmenu  li.t a,
	#titelmenu  li.g a,
	#menubalken.o01  a,
	#menubalken.o02  a,
	body.o01 ul.iconboxen a,
	body.o02 ul.iconboxen a,
	body.o01 ul.buchstaben a, 
	body.o02 ul.buchstaben a,
	body.o02 ul.jahreszahlen a
 {color:white}

/* Titel */

	h2.o1,  .nf1,  td.vleft1  {border-color:var(--p-farbe)} 
	h2.o2,  .nf2,  td.vleft2  {border-color:var(--b-farbe)}
	h2.o26, .nf26, td.vleft26 {border-color:var(--b-farbe)}
	h2.o3,  .nf3,  td.vleft3,
	h2.o29, .nf29, td.vleft29 {border-color:var(--t-farbe)}
	h2.o4,  .nf4,  td.vleft4  {border-color:var(--f-farbe)}
	h2.o5,  .nf5,  td.vleft5  {border-color:var(--a-farbe)}
	h2.o8,  .nf8,  td.vleft8  {border-color:var(--w-farbe)}

  h2.o17, .nf17             {border-color:var(--g-farbe)}
  h2.o25                    {border-color:#CCFF99}
	
	h2.o99:hover, h2.inactive {background: silver}

  h2.o1.inactive  {background: var(--p-farbe);color:white}
  h2.o2.inactive  {background: var(--b-farbe);color:white}
  h2.o26.inactive {background: var(--b-farbe);color:white}
  h2.o3.inactive  {background: var(--t-farbe);color:white}
  h2.o4.inactive  {background: var(--f-farbe)}
  h2.o5.inactive  {background: var(--a-farbe)}
  h2.o8.inactive  {background: var(--w-farbe)}
  h2.o17.inactive {background: var(--g-farbe);color:white}
  
  h2.o25:hover, h2.o25.inactive {background: #CCFF99}

  h1, h2, h3 {
    clear:        left;
    font-family:  Arial, Geneva, Helvetica, Helv, Syntax, sans-serif;
   }

  h2 img {
  	vertical-align: middle;
	  padding-left:   12px;
	  padding-right:  24px;
  }
  
  @media (max-width:820px) { 
  h2 img {
	  padding-right:  6px;
	  }
	}

  h2 {
	margin-left:    -15px;
	margin-right:   -15px;
	margin-bottom:    0px;
	padding-top:     10px;
	padding-left:    15px;
	padding-bottom:  0px; 
	
	cursor:          ns-resize;
	
	border-bottom-style:solid; 
	border-color:silver;
	border-bottom-width:4px; 
}

/* Links */	
	
  a.w, span.w, .ow {background-color:#81d4fa;border-color:#81d4fa;} 
  a.a, span.a, .oa {background-color:#8bc34a;border-color:#8bc34a;}
	a.f, span.f, .of {background-color:#cddc39;border-color:#cddc39;}		

	a.p:hover,   ol .p,         table.gehtsum .p,         .au2 .p         {color:#ccc;  background-color:#9c27b0;} 
	.op:link,    ol .p:link,    table.gehtsum .p:link,    .au2 .p:link    {color:white; }
	.op:visited, ol .p:visited, table.gehtsum .p:visited, .au2 .p:visited {color:#eee;  }

  a.b:hover,  ol .b,          table.gehtsum table tr td:nth-child(4) .b, .bib .b, div.au a.j {color: white;background-color:#ff5722;border-color:#ff5722;}
  a.t:hover,  .ot, ol a.t, ol span.t, table.gehtsum table tr td:nth-child(4) .t, table.gehtsum span.t {background-color:#ff9800;border-color:#ff9800;}


div.b_mz a {color:white} 

/* Boxen */

  div.bgrid div.b_mz,
  div.tgrid div.t_mz 
  	{
    	float:left; 
      width:35ex;
      max-width:50ex; 
      min-height:100px;
      max-height:100px;
      overflow:hidden;
      margin:1ex;
      color:#ddd;
    }

   div.bgrid div.b_mz {
      background: var(--b-farbe);
   }

   div.tgrid div.t_mz {
      background: var(--t-farbe);
   }

   div.t_mz a {color:white}   
   
div.p_box {float:left; 
    width:21ex;
    max-width:21ex;
    margin:10px;
    min-height:5ex;
    max-height:5ex;
    overflow:hidden;
  }


img.bimage 
	{height:         9ex; 
	 float:         left; 
	 margin-right:  12px;
	 margin-bottom:  5px;
	}
	
	img.timage 
	{height:         13ex; 
	 float:         left; 
	 margin-right:  12px;
	 margin-bottom:  5px;
	}

/* svg */

	polygon.b {fill:#ff5722}
	polygon.t {fill:#ff9800}
	polygon.f {fill:#cddc39}
	polygon.a {fill:#8bc34a}
	ellipse.w, 
	polygon.w {fill:#81d4fa}

/* Buttons */

  button {border-style:none;background-color: #ddd;padding:5px;margin:5px}

	

/*
   o2 Bücher
   ---------------------------------------------------------------------------------------------------------
*/
  
  /* Hintergrund und Rahmen */
  table.bem a.b,      /* Buchlink in den Bemerkungen einer Person */
	table.bem span.b    /* Buchtitel in den Bemerkungen einer Person */
		{
			background-color:#ff5722;
			border-color:#ddaa77;
		}

	#buchverweise th {background-color:#ff5722;}
		
/*
   o3 Texte
   ---------------------------------------------------------------------------------------------------------
*/

	#textverweise th {background-color:#ff9800;}
	
  /* Hintergrund und Rahmen */
  table.bem a.t,      /* Buchlink in den Bemerkungen einer Person */
	table.bem span.t    /* Buchtitel in den Bemerkungen einer Person */
		{
			background-color:#ff9800;
			border-color:#ddaa77;
		}

	div.p_box
 {color:white}

	/* Unbesuchte Links */
  table.bem a.b:link,         /* Buchlink in den Bemerkungen einer Person */	
  table.bem a.t:link          /* Textlink in den Bemerkungen einer Person */	
		{
			color: white
		}
		
	/* Besuchte Links */
  table.bem a.b:visited,      /* Buchlink in den Bemerkungen einer Person */	
  table.bem a.t:visited       /* Textlink in den Bemerkungen einer Person */	
		{
			color: #ddd
		}

	div.bgrid div.b_mz, div.tgrid div.t_mz, div.p_box, ul.iconboxen li, ul.buchstaben li, ul.jahreszahlen li {
  	  padding:15px;
}

/* Tabellen */

table.sortable
	{
		margin-top:10px;
	}

table.sortable th 
  {
  	cursor:          ns-resize;
  	padding:         10px;
  }

#tp th,
table.personenliste th
	{
		background: 		#9c27b0;
		color:      		white;
		vertical-align:	middle;
	}

#tp td,
table.personenliste td
	{
		border-bottom:   solid;
		border-bottom-color:    #9c27b0;
		border-width:    1px;
		background: white !important;
	}

table.personenliste 
	{
		  	border:0px;
		  	cellpadding:5px;
		  	width:100%;
	}
	
body.o05 th 
	{
	  background:#dcedc8;	
	} 
	
	body.o04 th 
	{
	  background:#cddc39;	
	}
	

	.j00, .j0, .j1, .j2, .j3, .j4, .j5, .j6, .j7, .j8, .j9 {border-width:0px 0px 1px 5px !important;border-style:solid;padding:4px;zoom:1; }