/* Style-css-Datei von Kreibi*/

/* Zeichengrösse 10; Farbe rot; Text unterstrichen; Text fett */
.U1 {   font-size: 0.8em;    color: #ff00A0;    text-decoration: underline;    font-weight: bold;}

/* Zeichengrösse 10; Farbe gelb; Text unterstrichen; Text fett */
.UToolBox {    font-size: 0.7em;    color: #ffff10;    text-align: center;    text-decoration: underline;    font-weight: 700;   font-family: Arial, sans-serif;}

/* Zeichengrösse 10; Farbe schwarz; Text normal */
.txtToolBox 
{    
      font-size: 0.7em;    
      color: #FFFFFF;    
      background-color: #5000FF;                                                              /* HG */    
      text-align: justify;                                                                                  /* Blocksatz */    
      text-decoration: none;    
      font-weight: 900;    
      font-style: italic;                                                                                   /* schräg */    
      font-family: Arial, 
      courier, sans-serif;
}

/* für Links, Mailadressen,...*/
.M1 {    font-size: 9px;    color: blue;    text-align: left;}
 .S1 {    font-size: 12px;    color: blue;    font-weight: 600;}

/* ******************* Link vom KontaktFormular ************************* */
#PosKLINK {    position: absolute;    bottom: 0px;    right: 2px;    width: 150px;    height: 15px;}

/* ******************* Erscheinungsbild der Links ***********************  */
.Link {    
      border-style: outset;                                                                        /* Rahmen */    
      text-align: center;    
	  font-size: 9px; 								                                             /* Schriftgröße */    
      font-weight: bold;                                                                              /* Fett */    
      font-style: normal;                                                                             /* normal */    
      background-color: #d1d1df;                                                          /* HG */    
      color: #0f0fff;                                                                                     /* VG */  
      menu:hover {  color: #FFFFff;    background-color: #f0f0FF;        text-size: 500;    }
}


/* Textausrichtung*/
.text_L{text-align: left;}																		/* Text Links*/
.text_R{text-align: right;}																		/* Text Rechts*/
.text_C{text-align: center;}																	/* Text Zentriert*/
.text-Block{text-align: justify;;}																/* Text Blocksatz*/





.Link_M 
{
    border-style: outset;                                                                         /* Rahmen */
    text-align: center;
    font-size: 8px;                                                                                    /* Schriftgröße */
    font-weight: 400;                                                                              /* Fett */
    font-style: normal;                                                                           /* normal */
    background-color: #505050;                                                       /* HG */
    color: #0f0fff;                                                                                   /* VG */
    menu_M:hover {   color: #FFFFff;  background-color: #f0f0FF;     text-size: 800;   }
}

.Link_S 
{
    border-style: outset;                                                                /* Rahmen */
    text-align: center;
    font-size: 8px;                                                                             /* Schriftgröße */
    font-weight: 200;                                                                      /* Fett */
    font-style: normal;                                                                   /* normal */
    background-color: #d1d1df;                                                /* HG */
    color: #0f0fff;                                                                           /* VG */
    menu:hover {color: #FFFFff;  background-color: #f0f0FF;  text-size: 52; }
}

.Link_XL 
{
    border-style: outset;                                                               /* Rahmen */
    text-align: center;
    font-size: 14px;                                                                          /* Schriftgröße */
    font-weight: bold;                                                                     /* Fett */
    font-style: normal;                                                                 /* normal */
    background-color: #d1d1df;                                                /* HG */
    color: #0f0fff;                                                                          /* VG */
    menu:hover 
     {
        color: #FFFFff;
        background-color: #f0f0FF;
        text-size: 500;
    }
}

.U2_inv {    font-size: 12px;    color: #FFFFFF;    background-color: #0000FF;}
.U5 {font-size: 30px;    color: #a006ff;}
.U5_S {font-size: 18px;    color: #a006ff;}
.U5_M {font-size: 24px;    color: #a006ff;}
.U5_XL { font-size: 30px;    color: #600fff;    font-weight: bold;}

.bl
/* Darstellung der Hauptüberschrift von "Willkommen auf der ..." */
{    border-style: outset;                                                                /* Rahmen */
    font-size: 20px;                                                                          /* Schriftgröße */
    font-weight: bold;                                                                    /* Fett */
    font-style: italic;                                                                       /* schräg */
    background-color: #d0d0da;                                              /* HG */
    color: #0f0fff;                                                                           /* VG */
}
.bl2
/* Darstellung der Hauptüberschrift von "Willkommen auf der ..." */
{
    border-style: outset;                                                                 /* Rahmen */
    text-align: center;
    font-size: 26x;                                                                       /* Schriftgröße */
    font-weight: bold;                                                                    /* Fett */
    font-style: italic;                                                                   /* schräg */
    background-color: #d0d0da;                                                          /* HG */
    color: #0f0fff;                                                                     /* VG */
    font-family: Arial, Courier, sans-serif;
}

.ADR
/* ******************* Schrift für Adressen ***********************  */
{
    font-size: 10px;                                                                      /* Schriftgröße */
    font-weight: 800;                                                                     /* Fett */
    font-style: italic;                                                                   /* schräg */
    font-family: Courier, Arial, "Times New Roman",sans-serif;
}

/* Ausklappbare Menüs */
#steuerungmitdetails {    border: 1px solid orange;}
#steuerungmitdetails ul {    margin-left: 1em;    padding-left: 0;}
#steuerungmitdetails ul ul {  margin-left: 1em;    padding-left: 1em;}
#steuerungmitdetails ul li {    list-style-type: none;    margin-left: 0;    padding-left: 0;}
#steuerungmitdetails ul li li {    list-style-type: square;}
#steuerungmitdetails details details {    background-color: #eee;    margin-left: 1em;}
/* ausklappbare Menüs ENDE */


/* ******************* Schriftgröße + Art ***********************  */
.Font60Fett {    font-size: 0.6em;     font-weight: 900;    font-family: serif, courier;}
.Font80Fett {    font-size: 0.8em;     font-weight: 900;    font-family: serif, courier;}
.Font90Fett {    font-size: 0.9em;     font-weight: 900;    font-family: serif, courier;}
.Font100Fett {    font-size: 1em;      font-weight: 900;    font-family: serif, courier;}
.Font110Fett {    font-size: 1.1em;    font-weight: 900;    font-family: serif, courier;}
.Font120Fett {    font-size: 1.2em;    font-weight: 900;    font-family: serif, courier;}
.Font140Fett {    font-size: 1.4em;    font-weight: 900;    font-family: serif, courier;}
.Font160Fett {    font-size: 1.6em;    font-weight: 900;    font-family: serif, courier;}
.Font180Fett {    font-size: 1.8em;    font-weight: 900;    font-family: serif, courier;}
.Font200Fett {    font-size: 2em;      font-weight: 900;    font-family: serif, courier;}

/* prozenduale Schriftgrößenangabe */
.Font200 {  font-size: 2em;}                                                                  /*  32px */
.Font170 {  font-size: 1.7em;}                                                                  /*  28px */
.Font160 {  font-size: 1.6em;} 
.Font150 {  font-size: 1.5em}                                                                  /*  24px */
.Font140 {  font-size: 1.4em;} 
.Font130 {  font-size: 1.3em;} 
.Font120 {  font-size: 1.2em;} 
.Font110 {  font-size: 1.1em;}                                                                  /*  18px */
.Font100 {  font-size: 1em;}                                                                  /*  16px */
.Font90 {   font-size: 0.9em;}
.Font80 {   font-size: 0.8em;}                                                                  /*  13px */
.Font70 {   font-size: 0.7em;}
.Font60 {   font-size: 0.6em;}                                                                  /*  11px */
.Font50 {   font-size: 0.5em;}                                                                  /*  8px */
.Font40 {   font-size: 0.4em;}                                                                  /*  6px */


.Videos
	{
	font-size: 0.7em;
	font-weight: 700;
	color: #50A0FF;
    background-color: #000000;
	}

.PDF
	{
	font-size: 0.7em;
	font-weight: 700;
	color: #80FF80;
    background-color: #000000;
    }


/* ******************* Schriftbreite *************************  */
.Breit1 {  letter-spacing: 0.2em;}
.Breit2 {    letter-spacing: 0.4em;}
.Breit3 {    letter-spacing: 0.8em;}
.Breit4 {    letter-spacing: 1.2em;}
.Breit5 {    letter-spacing: 1.5em;}


/* **************** Farben für Vordergrund ********************  */
.Blau { color: #0000FF;}
.LBlau {  color: #A0A0FF;}
.DBlau { color: #0000AA;}

.Rot {  color: #FF0000;}
.LRot {color: #FF4444;}
.DRot {color: #CC0000;}

.Grn { color: #00E000;}
.LGrn { color: #00FF00;}
.DGrn {color: #007A00;}

.SW { color: #000000;}

.Weiss { color: #FFFFFF;}

.orange {color: #FFA500;}
.Lorange {color: #FFB73B;}
.Dorange {color: #FF7C00;}

.Lila { color: #FF00FF;}

.Gelb {color: #FFFF00;}
.LGelb {color: #FFFFA0;}
.DGelb {color: #DDDD00;}

.Grau {color: #404040;}
.LGrau {color: #E0E0E0;}
.DGrau {color: #A0A0A0;}

.LPosINFOX {color: #FFFF00;}


/* ******************* Hintergrundfarben ***********************  */

.HG_SW {background-color: #000000;}

.HG_GRN {background-color: #00FF00;}
.HG_LGRN {background-color: #00AA00;}

.HG_BL {background-color: #0000FF;}
.HG_DBLAU {background-color: #000077;}
.HG_LBLAU{background-color: #00FFFF;}

.HG_LGRAU {background-color: #E0E0E0;}
.HG_DGRAU {background-color: #ACACAC;}

.HG_ROT {background-color: #FF0000;}
.HG_LROT {background-color: #CF0000;}

.HG_LGELB {background-color: #FFFFAA;}
.HG_DGELB {background-color: #CFCF00;}
.HG_GELB {background-color: #FFFF00;}


/* versiedene Stärken der Fettschrift */
.fett1 {font-weight: 100;}
.fett2 {font-weight: 200;}
.fett3 {font-weight: 300;}
.fett4 {font-weight: 400;}
.fett5 {font-weight: 500;}
.fett6 {font-weight: 600;}
.fett7 {font-weight: 700;}
.fett8 {font-weight: 800;}
.fett9 {font-weight: 900;}


/* unterstreichen*/

.uLine {text-decoration: underline;}


/* Blinkender Text */

.blk { text-decoration: blink;}


/* Für Kontaktformular */
#KtnPosLogo { position: absolute; top: 1px; left: 2px; width: 150px;  height: 85px;}
#KtnPosZurueck {position: absolute; bottom: 2px;  left: 2px;  width: 80px;  height: 15px;  background-color: #fee;}
.KtnFormular {position: absolute;  top: 110px;  left: 35%;  width: 65%;  height: 83%;  overflow: auto;  padding: 10;}

/* ********Textpositionen vornehmlich in der Tabelle ***************  */

.APosC { text-align: center;}
.APosL { text-align: left;}
.APosR {text-align: right}

.td_oben {vertical-align: top;}
.td_Block { text-align: justify;}

/* Blocksatz */


/* ******************* HoverEffekt der Links ***********************  */
a.menu:hover {color: #709090;  background-color: #000000;  font-weight: 700;  font-size: 13px;  cursor: url}
a.menu_S:hover {color: #709090;  background-color: #000000; font-weight: 400;  font-size: 8px; cursor: url}
a.menu_M:hover { color: #00FFF0;  background-color: #0000ff;  font-weight: 700;  font-family: courier, Arial; font-size: 6px; cursor: url}
a.menu_XL:hover {color: #F090F0; background-color: #000000; font-weight: 900; font-size: 16px; cursor: url}

a.eL:link {color: #FFFF11;}
a.el:visited {color: #FF8888;}
a.el:active {color: #AA99FF;}
a.el:hover {color: #FF0055;}

/* ******************* Farben für die Links ***********************  */
.LPosFarbe {    background-color: #FFE000;  color: #0000FF;}

/* Linkfarben */
.LPosFarbeHP { background-color: #FF0000; color: #FFFFFF;}

/* Linkfarbe aktive Seite */


/* Inhalte werden Zentriert dargestellt */
.InhalteZentriert { display: flex; align-items: center; justify-content: center;}

/*  Schattenüberschriften H1  */
h1.text { position: absolute; padding-right: 6px;  color: #0000FF;}
h1.schatten1 { position: absolute; left: 3px; top: 0px; color: #00FFFF;    /* Hindergrundfarbe (Schattenfarbe ) */}
h1.platz { visibility: hidden; padding-right: 6px;}

/*  Schattenüberschriften H2  */

h2.text {
    position: absolute;
    padding-right: 2px;
    color: #0000FF;
    /* Dunkelblau */
}

h2.schatten1 {
    position: absolute;
    left: 2px;
    top: 0px;
    color: #00FFFF;
    /* Hindergrundfarbe (Schattenfarbe-Hellblau) */
}

h2.platz {
    visibility: hidden;
    padding-right: 2px;
}

.schatten {
    position: relative;
    letter-spacing: 0.8em;
}

.schatten1 {
    position: relative;
    letter-spacing: 0.3em;
}