/* alle CSS für Zeile1 */

/* Universalselektor */
*         {margin:  0 0 0 0; padding: 0 0 0 0; }
*         {box-sizing: border-box; } 

/* HTML tags */
body      {overflow-x: hidden; overflow-y: hidden; 
	         font-family: "Liberation Sans", sans-serif; font-size: 2.3vh; }
header    { }
div       { }
img       { }
span      { }
h1        { }

/* Klassen */
/* Kopfzeile */
.kofa    {background-color: rgb(245,245,245); }
/* Kopfbilder */
.kobi    {width:  50%; height: 100%; }
/* Titeltexte */
.ft46fb  {font-size: 4.6vh; font-weight: bold; color: rgb(000,000,150); }
.ft46fg  {font-size: 4.6vh; font-weight: bold; color: rgb(000,150,000); }
.ft46fs  {font-size: 4.6vh; font-weight: bold; color: rgb(100,100,100); }

/* ids  */
#Zeile1  {display: flex;                  border-bottom: 0.1vh solid black; }
#Liko1   {width: 20%; display: flex; }
#Miko1   {width: 60%; text-align: center; padding-top: 1.6vh; padding-bottom: 1.6vh; }
#Reko1   {width: 20%; display: flex; }/* alle CSS für Zeile 2 */

/* HTML tags */
/* header siehe Zeile 1 */
a          {text-decoration: none; }
h2         { }

/* Klassen */
/* linke Spalte  Z3 und Z4 */
.lifa      {background-color: rgb(245,255,245); }
/* mittlere Spalte Z3 und Z4 */
.mifa      {background-color: rgb(255,255,255); }
/* rechte Spalte Z3 und Z4 */
.refa      {background-color: rgb(245,245,255); }
/* Titeltexte */
.ft24fb    {font-size: 2.4vh; font-weight: bold; color: rgb(000,000,150); }
.ft24fg    {font-size: 2.4vh; font-weight: bold; color: rgb(000,150,000); }
.ft24fs    {font-size: 2.4vh; font-weight: bold; color: rgb(000,000,000); }

/* ids  */
#Zeile2    {display: flex;                  border-bottom: 0.1vh solid black; } 
#Liko2     {width: 20%;                     padding-top: 0.5vh; padding-bottom: 0.5vh;} 
#Z2li      {                                padding-left: 1vh; }	
#Miko2     {display: flex; width: 60%;      padding-top: 0.5vh; padding-bottom: 0.5vh; } 
#Ink1      {width: 94%; text-align: left;   padding-left: 1vh; }
#Ink2      {width:  3%; text-align: center; }
#Ink3      {width:  3%; text-align: center; padding-right: 1vh; }
#Reko2     {width: 20%;                     padding-top: 0.5vh; padding-bottom: 0.5vh;} 
#Z2re      {                                padding-left: 1vh; } 
/* alle CSS für Zeile3 */

/* Typselektor */
main      {overflow-y:  auto;  overflow-x: hidden; } 
aside     {overflow-y:  auto;  overflow-x: hidden; }
nav       {padding-top: 2vh; }
ul        { }
li        { }
p         {padding-top: 2vh; }
.p1h      {padding-top: 1vh; }
.p1hf     {padding-top; 1vh; font-weight: bold; }
.p0h      {padding-top: 0vh; }
.p0hk     {padding-top: 0vh; font-style: italic; }
.p0hf     {padding-top: 0vh; font-weight: bold; }
.p1u      {padding-bottom: 1vh; }
.p2u      {padding-bottom: 2vh; }
.p2l      {padding-left: 2vh; }
.p9l      {padding-left: 9vh; }
table     {border-width: 0.11vh; border-color: black; border-style: solid; border-collapse: collapse; }
tr        { }
th        {border-width: 0.11vh; border-color: black; border-style: solid; }
th:first-child  {text-align: left; }
th:nth-child(2) {text-align: center; }
th:nth-child(3) {text-align: center; } 

td        {border-width: 0.11vh; border-color: black; border-style: solid; }
td:first-child  {text-align: left; }
td:nth-child(2) {text-align: center; }
td:nth-child(3) {text-align: center; }
td:nth-child(4) {text-align: center; }
td:nth-child(5) {text-align: center; }
td:nth-child(6) {text-align: center; }
td:nth-child(7) {text-align: center; }
td:nth-child(8) {text-align: center; }
td:nth-child(9) {text-align: center; }
td:nth-child(10) {text-align: center; }

/* Klassen */
/* Titeltexte */
.ft24gu   {font-size: 2.4vh; color: rgb(000,150,000); text-decoration: none; }
.ft24bu   {font-size: 2.4vh; color: rgb(000,000,150); text-decoration: none; }
.ft24su   {font-size: 2.4vh; color: rgb(000,000,000); text-decoration: none; }
.ft24sub  {font-size: 2.4vh; color: rgb(000,000,000); text-decoration: none; font-weight: bold; }

.ft23gu   {font-size: 2.3vh; color: rgb(000,150,000); text-decoration: none; }
.ft23bu   {font-size: 2.3vh; color: rgb(000,000,150); text-decoration: none; }

.ft24bd   {font-weight: bold; padding-top: 1vh; }

.ft23bd   {font-weight: bold; padding-top: 1vh; }

/* Texte */
.ft22     {font-size: 2.2vh; }
.ft21     {font-size: 2.1vh; }
.ft20     {font-size: 2.0vh; }
.tabtitel {font-weight: bold; padding-bottom: 1vh; }


/* Listen */
.listn    {list-style-type: none; }
.texti    {text-indent: 2vh; }
.rechts   {text-align: right; }
.links    {text-align: left; }
.text20   {text-indent: 20vh; }
.text25   {text-indent: 25vh; }
.fett     {font-weight: bold; }
.kursiv   {font-style: italic; }

/* Tabellen */
.tabbr30  {width: 30%; margin-left: 2vh;}
.tabbr40  {width: 40%; margin-left: 2vh;}
.tabbr50  {width: 50%; margin-left: 2vh;}
.tabbr60  {width: 60%; margin-left: 2vh;}
.tabbr70  {width: 70%; margin-left: 2vh;} 
.tabbr80  {width: 80%; margin-left: 2vh;}
.tabbr90  {width: 90%; margin-left: 2vh;}
.tabbr95  {width: 95%; margin-left: 2vh;}


/* ids  */
#Zeile3   {display: flex; }
#Limi     {width: 20%; } 
#Z3li     {padding-left: 1vh; }
#Mimi     {width: 60%; display: flex; } 
#Remi     {width: 20%; } 
#Z3re     {padding-left: 1vh; }

/* Unterteilungen von Mimi */
/* eine Spalte */
#Sp1           {width: 100%;  padding-left: 1vh; padding-right: 1vh; }
/* zwei gleich große Spalten in mimi*/	              
#Sp21          {width: 50%;   padding-left: 1vh; padding-right: 1vh;}
#Sp22          {width: 50%;                      padding-right: 1vh; }	  
/* zwei Spalten im Verhältnis 2:1 in mimi*/
#Sp23          {width: 67%;   padding-left: 1vh; padding-right: 1vh; }
#Sp24          {width: 33%;                      padding-right: 1vh; }
/* drei gleich große Spalten in mimi*/
#Sp31          {width: 33.3%; padding-left: 1vh; padding-right: 1vh;}
#Sp32          {width: 33.3%;                    padding-right: 1vh; }  
#Sp33          {width: 33.3%;                    padding-right: 1vh; }
/* drei Spalten im Verhältnis 2:1:1 */
#Sp34          {width: 50%;   padding-left: 1vh; padding-right: 1vh; }
#Sp35          {width: 25%;                      padding-right: 1vh; } 
#Sp36          {width: 25%;                      padding-right: 1vh; }


/* Sprungmarken für div und Höhenausgleich */
#ankertop {font-weight: bold; padding-top: 0.5vh; padding-bottom: 0.5vh;}
#ankerbot {}

.anker {font-weight: bold; padding-top: 0.5vh; padding-bottom: 0.5vh;}


/* pseudo */
a:hover   {font-weight: bold; color: rgb(000,000,000); }

/* alle CSS für Zeile 4 */

/* HTML tags */
footer    { }	

/* Klassen */


/* ids  */
#Zeile4 {display: flex; bottom: 0;       border-top:  0.2vh solid black; }
#Lifu   {width: 20%;                     padding-top: 0.5vh; padding-bottom: 0.5vh;} 
#Z4li   {                                padding-left:  1vh; }
#Mifu   {width: 60%; display: flex;      padding-top: 0.5vh; padding-bottom: 0.5vh;} 
#Inf1   {width: 32%; text-align: left;   padding-left:  1vh; }
#Inf2   {width: 62%; text-align: left; } 
#Inf3   {width:  3%; text-align: center;  } 
#Inf4   {width:  3%; text-align: center; padding-right: 1vh; } 
#Refu   {width: 20%;                     padding-top: 0.5vh; padding-bottom: 0.5vh;} 
#Z4re   {                                padding-left:  1vh; }