/* CSS (Cascading Style Sheet) is using the Script-File : style.css                       */
/* ################################################################                       */
/* This Script-File is taken for design and formatting control of own homepage websites   */
/* ###################################################################################### */

 /**********************************************\
|          TEXT AUSRICHTUNGSKLASSEN              |
 \**********************************************/
/* Horizontale Text-Ausrichtung */
/* <div class="linksbuendig">Dieser Absatz ist linksbuendig ausgerichtet</div>		      */
.linksbuendig {text-align: left;}

/* <div class="rechtsbuendig">Dieser Absatz ist rechtsbuendig ausgerichtet</div>          */
.rechtsbuendig {text-align: right;}

/* <div class="zentriert">Dieser Absatz ist zentriert</div>					              */
.zentriert {text-align: center;}

/* <div class="blocksatz">Dieser Absatz ist im Blocksatz gesetzt</div>			          */
.blocksatz {text-align: justify;}
/* ====================================================================================== */

 /***********************************************************\
|		UEBERSCHRIFT-TAG EINE SCHRIFTGROESSE ZUORDNEN         |
 \***********************************************************/
/* tag	<hx> --> Textsize and textposition of headings <-- </hx> */
h1		{ font-size: xx-large; text-align:center;  /* xx-large= font-size/line-height= 32/16px= 2.0000em=200%   */
		}
h2		{ font-size: x-large; text-align:center;   /*  x-large= font-size/line-height= 24/16px= 1.5000em=150%   */
		}
h3		{ font-size: large; text-align:center;     /*    large= font-size/line-height= 19/16px= 1.1875em=120%   */
		}
h4		{ font-size: medium; text-align:center;    /*   medium= font-size/line-height= 16/16px= 1.0000em=100%   */
		}
h5		{ font-size: small; text-align:center;     /*    small= font-size/line-height= 14/16px= 0.8750em= 89%   */
		}
h6		{ font-size: xx-small; text-align:center;	/* xx-small= font-size/line-height= 10/16px= 0.6250em= 60%  */
		}
/* ============================================================================================================ */

 /**********************************************\
|		TEXTBLOCK-SCHRIFTGROESSE KLASSEN         |
 \**********************************************/
/* <em class="xx-large">The Text-Size changed into 200%</em> */ 
.xx-large	{ font-size: xx-large;		          /* xx-large= font-size/line-height= 32px/16px= 2.0000em= 200%  */ 
              font-style:  normal; }	          /* normal font */

/* <em class=" x-large">The Text-Size changed into 150%</em> */ 
.x-large	{ font-size:  x-large;		          /*  x-large= font-size/line-height= 24px/16px= 1.5000em= 150%  */ 
              font-style:  normal; }	          /* normal font */

/* <em class="   large">The Text-Size changed into 120%</em> */ 
.large	    { font-size:    large;		          /*    large= font-size/line-height= 19px/16px= 1.5000em= 120%  */ 
              font-style:  normal; }	          /* normal font */

/* <em class="  medium">The Text-Size changed into 100%</em> */ 
.medium	    { font-size:   medium;		          /*   medium= font-size/line-height= 16px/16px= 1.0000em= 100%  */ 
              font-style:  normal; }	          /* normal font */

/* <em class="   small">The Text-Size changed into  89%</em> */ 
.small	    { font-size:    small; 		          /*    small= font-size/line-height= 14px/16px= 0.8750em=  89%  */ 
              font-style:  normal; }	          /* normal font */

/* <em class="xx-small">The Text-Size changed into  60%</em> */ 
.xx-small	{ font-size: xx-small;		          /* xx-small= font-size/line-height= 10px/16px= 0.6250em=  60%  */ 
              font-style:  normal; }	          /* normal font */
/* ============================================================================================================== */

 /**********************************************\
|		TEXTBLOCK-SCHRIFTBREITE TAGS             |
 \**********************************************/
/* Textblock "font-size" and "font-weight"                                                                        */
/* <p> --> Textblock changed into given font-size=16px and font-weight=normal <-- </p>                            */
p			{ font-size:   medium;	            /* medium= font-size/line-height= 16px/16px= 1.0000em= 100%       */
		  	  font-weight: normal;	            /* Schrift-Breite = normal                                        */
			}

p.absatz1	{ margin: 2px 0px 2px 0px ;
			}

/* Textblock "font-weight"                                                                                        */
/* <em> --> Textblock changed into font-weight=bold <-- </em>                                                     */
em          { font-weight: bold;                  /* Schrift-Breite = fett                                        */
			}
/* ============================================================================================================== */

 /**********************************************\
|		TEXTBLOCK-STYLE KLASSEN                  |
 \**********************************************/
/* <em class="normal"> --> Textblockstyle changed into normal + bold <-- </em>                                    */
.normal		{ font-style :normal;	   /* Schrift-Style  = standard                                               */
			  font-weight:bold;	   /* Schrift-Breite = fett                                                       */
			}

/* <em class="normal2"> --> Textblockstyle changed into normal + small + bold <-- </em>                           */
.normal2	{ font-style : normal;	/* Schrift-Style   = standard                                                 */
	          font-size  : small;   /* Schrift-Groesse = small                                                    */
     		  font-weight: bold;	/* Schrift-Breite  = fett                                                     */
			}

/* <em class="kursiv"> --> Textblockform changed into kursiv  <-- </em>                                           */
.kursiv	   	{ font-style:italic;      /* Schrift-Style  = kursiv                                                  */
            }

 /**********************************************\
|		  TEXTBLOCK-FARBE KLASSEN                |
 \**********************************************/
/* <em class="black">       --> Textblockcolor changed into black     <-- </em>                                   */
.black    	{ color:black;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="blue">   	    --> Textblockcolor changed into blue   <-- </em>                                      */
.blue	    { color:blue;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="bluegreen">   --> Textblockcolor changed into bluegreen <-- </em>                                   */
.bluegreen	{ color:#1ECADA;
              background-color:transparent;                                                   /* Added 27.01.2025 */ 
			}

/* <em class="brown">       --> Textblockcolor changed into brown     <-- </em>                                   */
.brown	    { color:#A52A2A;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="green">       --> Textblockcolor changed into green     <-- </em>                                   */
.green	    { color:#00AA00;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="dkgreen">     --> Textblockcolor changed into darkgreen <-- </em>                                   */
.dkgreen	{ color:#008300;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="grey">        --> Textblockcolor changed into grey      <-- </em>                                   */
.grey	    { color:#696969;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="lgblue">      --> Textblockcolor changed into lightblue <-- </em>                                   */
.lgblue	    { color:#9CDFFF;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="olive">       --> Textblockcolor changed into olive     <-- </em>                                   */
.olive	    { color:#006600;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="orange">      --> Textblockcolor changed into orange    <-- </em>                                   */
.orange	   	{ color:#FF9900;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="violet">      --> Textblockcolor changed into violet    <-- </em>                                   */
.violet	   	{ color:#CC33CC;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="pink">        --> Textblockcolor changed into pink      <-- </em>                                   */
.pink	    { color:#FF1A8B;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="red">         --> Textblockcolor changed into red       <-- </em>                                   */
.red	    { color:red;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="redws">       --> Textblockcolor changed into red       <-- </em>                                   */
/*                              with background-color white                                                       */
.redws      { color:red;
			  background-color:#FFFFFF;
	          vertical-align: text-bottom;
			}

/* <em class="white">  --> Textblockcolor changed into white  <-- </em>                                           */
.white	    { color:white;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}

/* <em class="yellow">    --> Textblockcolor changed into yellow <-- </em>                                        */
.yellow     { color:#FFFF80;
              background-color:transparent;                                                   /* Added 27.01.2025 */
			}


/* tag		<pre> --> Textblock appears preformatted, Textcolor=red, Textfont=bold <-- </pre>                     */
pre			{ font-family:monospace,"Courier New",Courier; 
              color:#FF0000;
			  background-color:transparent;                                                   /* Added 27.01.2025 */
              font-weight:bold;
    		}

/* <pre class="tis620"> -> Textblock appears preformatted, Textcolor=red, Textfont=bold, Fontsize=small <- </pre> */
.tis620		{ font-family:monospace,"Courier New",Courier; 
              color:#FF0000;
			  background-color:transparent;                                                   /* Added 27.01.2025 */
              font-weight:bold;
			  font-size:small;
    		}

/* tag		<var> --> Defines a variable part of a text <-- </var>                                                */
var         { color:#AA0033;
              background-color:transparent;                                                   /* Added 27.01.2025 */
              font-style:normal;
			} 
/* ============================================================================================================== */


 /****************************************************\
|	        GRAFIK - UMRANDUNG : EIN/AUS               |
 \****************************************************/
/* Blaue Grafikumrandung einschalten, vertikale Ausrichtung unten                                                 */
.border_on          { border-width: 1px;     		           /*   Umrandungslinienbreite der Umrandung = 1px    */
	       			  border-style: solid;                     /*   Umrandungsart = durchgezogene Rahmenlinie     */
                          /* border-color:  #0000FF;                Umrandungsfarbe = blau (default)              */
                             vertical-align: text-bottom;      /*   align=bottom (fuer IE8-Browser erforderlich   */
					}

/* Blaue Grafikumrandung einschalten, vertikale Ausrichtung unten                                                 */
.border_on2         { border-width: 3px;     		           /*   Umrandungslinienbreite der Umrandung = 3px    */
	       			  border-style: solid;                     /*   Umrandungsart = durchgezogene Rahmenlinie     */
                   /* border-color:  #0000FF;                       Umrandungsfarbe = blau (default)              */
                      vertical-align: text-bottom;             /*   align=bottom (fuer IE8-Browser erforderlich   */
					}

/* Grafikumrandung ausschalten, vertikale Ausrichtung unten                                                       */
.border_off         { border: 0px;                             /*   border = "0" (fuer IE8-Browser erforderlich   */
                      vertical-align: text-bottom;             /*   align=bottom (fuer IE8-Browser erforderlich   */
					}

/* Grafikumrandung ausschalten                                                                                    */
.border_off2        { border: 0px;                             /*   border = "0" (fuer IE8-Browser erforderlich   */
 					}



 /**********************************************\
|	        GRAFIK - POSITIONIERUNGEN            |
 \**********************************************/
/* Grafik#0: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung            */
.graphic_align0     {
		                  border: 0px;                            /*    border = "0"                              */
                          width : 40px;                           /*    width  = "40"                             */
			              height: 25px;                           /*    height = "25"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#1: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung  */
.graphic_align1     {
                          margin: 2px auto 2px auto;              /*    align = "center", vspace = "2+2"          */
			              border: 1px solid #0000FF;              /*    border = "1", durchgezogene Linie, blau   */
                          width : 80px;                           /*    width  = "80"                             */
		     	          height: 26px;                           /*    height = "26"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#2: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung  */
.graphic_align2     {
		                  margin:  0px auto 0px auto;             /*    align = "center", vspace = "0"            */
			              border:  0px;                           /*    border = "0"                              */
                          width : 80px;                           /*    width  = "80"                             */
			              height: 35px;                           /*    height = "35"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#3: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung  */
.graphic_align3     {
		                  margin:  0px auto 0px auto;             /*    align = "center", vspace = "0"            */
                          border:  1px solid #0000FF;             /*    border = "1", durchgezogene Linie, blau   */
                          width : 80px;                           /*    width  = "80"                             */
			              height: 26px;                           /*    height = "26"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#4: Mittige Grafik mit blauer Umrandung, Festlegung von Grafikbreite, Grafikhoehe                        */
.graphic_align4     {
		                  margin: 2px auto 2px auto;              /*    align = "center", vspace = "2+2"          */
			              border: 1px solid #0000FF;              /*    border = "1", durchgezogene Linie, blau   */
                          width : 45px;                           /*    width  = "45"                             */
			              height: 45px;                           /*    height = "45"                             */
					}

/* Grafik#5: Mittige Grafik mit blauer Umrandung, Festlegung von Grafikbreite, Grafikhoehe                        */
.graphic_align5     {
  		                  margin: 2px auto 2px auto;              /*    align = "center", vspace = "2+2"          */
			              border: 1px solid #0000FF;              /*    border = "1", durchgezogene Linie, blau   */
                          width : 80px;                           /*    width  = "80"                             */
			              height: 26px;                           /*    height = "26"                             */
					}

/* Grafik#6: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe                                      */
.graphic_align6     {
		                  border:  0px;                           /*    border = "0"                              */
                          width : 12px;                           /*    width  = "12"                             */
			              height: 12px;                           /*    height = "12"                             */
					}

/* Grafik#7: Grafik mit blauer Umrandung, Festlegung von Grafikbreite, Grafikhoehe                                 */
.graphic_align7     {
		                  border:  3px solid #0000FF;             /*    border = "1", durchgezogene Linie, blau   */
                          width : 40px;                           /*    width  = "40"                             */
			              height: 40px;                           /*    height = "40"                             */
					}

/* Grafik#8: Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung          */
.graphic_align8     {
		                  border:  3px solid #0000FF;             /*    border = "3", durchgezogene Linie, blau   */
                          width :120px;                           /*    width  = "120"                            */
			              height: 40px;                           /*    height = "40"                             */
                 /*       vertical-align: text-bottom; */         /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#9: Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung          */
.graphic_align9     {
		                  border:  2px solid #0000FF;             /*    border = "2", durchgezogene Linie, blau   */
                          width :120px;                           /*    width  = "120"                            */
			              height: 20px;                           /*    height = "20"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#10: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align10    {
		                  margin:  2px auto 2px auto;             /*    align  = "center", vspace = "2+2"         */
                          border:  2px solid #0000FF;             /*    border = "2", durchgezogene Linie, blau   */
                          width : 50px;                           /*    width  = "50"                             */
			              height: 50px;                           /*    height = "50"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#11: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align11    {
		                  margin:  0px auto 0px auto;             /*    align  = "center", vspace = "0"           */
                          border:  2px solid #0000FF;             /*    border = "2", durchgezogene Linie, blau   */
                          width : 80px;                           /*    width  = "80"                             */
			              height: 50px;                           /*    height = "50"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#12: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align12    {
		                  margin:  0px auto 0px auto;             /*    align  = "center", vspace = "0"           */
                          border:  2px solid #0000FF;             /*    border = "2", durchgezogene Linie, blau   */
                          width : 30px;                           /*    width  = "30"                             */
		 	              height: 30px;                           /*    height = "30"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
     		        }


 /**********************************************\
|		GRAFIK - POSITIONIERUNG - HTML 5      |
 \**********************************************/
/* Grafik#13: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align13    {
		                  border:  0px;                           /*    border = "0"                              */
                          width : 16px;                           /*    width  = "16"                             */
			              height: 16px;                           /*    height = "16"                             */
                 /*       vertical-align: text-bottom;                  align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#14: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align14    {
		                  border:  0px;                           /*    border = "0"                              */
                          width : 20px;                           /*    width  = "20"                             */
						  height: 13px;                           /*    height = "13"                             */
                 /*       vertical-align: text-bottom;                  align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#15: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align15    {
		                  border: 0px;                            /*    border = "0"                              */
                          width : 80px;                           /*    width  = "80"                             */
			              height: 30px;                           /*    height = "30"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#16: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align16    {
		                  border: 0px;                            /*    border = "0"                              */
                          width : 45px;                           /*    width  = "45"                             */
			              height: 25px;                           /*    height = "25"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}

/* Grafik#17: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align17    {
                          border-width: 1px;		              /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 70px;                           /*  width  = "70" --> Grafikbreite = 70px       */
                          height: 70px;                           /*  height = "70" --> Grafikhoehe  = 70px       */
					}

/* Grafik#18: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align18    {
                          border-width: 1px;		              /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 90px;                           /*  width  = "90" --> Grafikbreite = 90px       */
                          height: 60px;                           /*  height = "60" --> Grafikhoehe  = 60px       */
					}

/* Grafik#19: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align19    {
                          border-width: 1px;			          /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 90px;                           /*  width  = "90" --> Grafikbreite = 90px       */
                          height: 40px;                           /*  height = "40" --> Grafikhoehe  = 40px       */
					}

/* Grafik#20: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align20    {
                          border-width: 1px;		              /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 90px;                           /*  width  = "90"                               */
		                  height: 35px;                           /*  height = "35"                               */
					}

/* Grafik#21: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align21    {
                          border-width: 1px;		              /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 70px;                           /*  width  = "90" --> Grafikbreite = 70px       */
                          height: 53px;                           /*  height = "53" --> Grafikhoehe  = 53px       */
					}

/* Grafik#22: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align22    {
                          border-width: 1px;                      /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width : 80px;                           /*  width  = "80"                               */
			              height:100px;                           /*  height = "100"                              */
					}

/* Grafik#23: Grafik mit durchgezogener, 1px breiter Umrandung, Festlegung von Grafikbreite, Grafikhoehe          */
.graphic_align23    {
                          border-width: 1px;			          /*  border = "1"  --> Rahmenliniebreite = 1px   */
			              border-style: solid;                    /*  border = "1"  --> durchgezogene Rahmenlinie */
                          width :120px;                           /*  width  = "120"                              */
			              height: 80px;                           /*  height = "80"                               */
					}

/* Grafik#24: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align24    {
                          border: 0px;                            /*  border = "0"                                */
                          width : 30px;                           /*  width  = "30"                               */
			              height: 30px;                           /*  height = "30"                               */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}

/* Grafik#25: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align25    {
                          margin:  2px auto 2px auto;             /*  align  = "center", vspace = "0"             */
                          border:  2px solid #0000FF;             /*  border = "2", durchgezogene Linie, blau     */
                          width :100px;                           /*  width  = "100"                              */
			              height: 50px;                           /*  height = "50"                               */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}

/* Grafik#26: Grafik ohne Umrandung Festlegung von Grafikbreite, Grafikhoehe                                      */
.graphic_align26    {
                          border:  0px;                           /*  border = "0"                                */
                          width :468px;                           /*  width  = "468"                              */
			              height: 60px;                           /*  height = "60"                               */
					}
				
/* Grafik#27: Grafik ohne Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung           */
.graphic_align27    {   
                          border: 0px;                            /*  border = "0"                                */
                          width : 100px;                          /*  width  = "100"                              */
			              height: 100px;                          /*  height = "100"                              */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}
					
/* Grafik#28: Grafik mit blauer Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung     */
.graphic_align28    {   
                          border: 2px solid #0000FF;              /*  border = "2", durchgezogene Linie, blau     */
                          width : 360px;                          /*  width  = "360"                              */
			              height: 120px;                          /*  height = "180"                              */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}
					
/* Grafik#29: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align29    {
             	          margin: 2px auto 2px auto;              /*  align  = "center", vspace = "2+2"           */
                          border: 2px solid #0000FF;              /*  border = "2", durchgezogene Linie, blau     */
                          width : 190px;                          /*  width  = "190"                              */
			              height: 100px;                          /*  height = "100"                              */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}

/* Grafik#30: Grafik mit blauer Umrandung, Festlegung von Grafikbreite, Grafikhoehe und vertikale Ausrichtung     */
.graphic_align30    {   
                          border: 2px solid #0000FF;              /*  border = "2", durchgezogene Linie, blau     */
                          width : 120px;                          /*  width  = "120"                              */
			              height: 120px;                          /*  height = "120"                              */
                          vertical-align: text-bottom;            /*  align=bottom (fuer IE8-Browser erforderlich)*/
					}
					
/* Grafik#31: Mittige Grafik mit blauer Umrandung, Festlegung Grafikbreite, Grafikhoehe und vertikale Ausrichtung */
.graphic_align31    {
		                  margin:  2px auto 2px auto;             /*    align  = "center", vspace = "2+2"         */
                          border:  2px solid #0000FF;             /*    border = "2", durchgezogene Linie, blau   */
                          width : 50px;                           /*    width  = "50"                             */
			              height: 25px;                           /*    height = "25"                             */
                          vertical-align: text-bottom;            /*    align=bottom (fuer IE8-Browser noetig)    */
					}
/* ============================================================================================================== */


 /**********************************************\
|  		 BODY - DARSTELLUNGSARTEN                |
 \**********************************************/
/* Font-Family, Font-Size	( g.e.: <BODY> -->Used in all classes<-- </BODY> )
   selector		{ property1:value1; property2:value2; }					        */
body			{ font-family: arial, verdana, times, sans-serif;
			      font-size: 100%;
			    }

/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x1.jpg, background-repeat=no, Fontsize=0.875em;
   			                                                          ( g.e.: <BODY CLASS="start_dt"></BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_dt 	{ color:white;
		   	      background-color:black;
			      background-image:url(/reichstag1024x768.jpg);
		   	      background-repeat:no-repeat;
                  background-attachment:fixed;
              /*  background-position:left top;          --> Bildposition: horizontal=links,   vertikal=oben      */
              /*  background-position:center top;        --> Bildposition: horizontal=mittig,  vertikal=oben      */
                  background-position:center center;  /* --> Bildposition: horizontal=mittig,  vertikal=mittig    */
			      font-size: 0.875em;                 /*     font-size = small (14px/16px=0.8750em -  89% -       */
		   	    }

/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x2.jpg, Background-repeat=no, Fontsize=0.875em;
   			                                                          ( g.e.: <BODY CLASS="start_en"></BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_en 	{ color:white;
		   	      background-color:black;
			      background-image:url(/towerbridge1024x768.jpg);
		   	      background-repeat:no-repeat;
                  background-attachment:fixed;
              /*  background-position:left top;          --> Bildposition: horizontal=links,   vertikal=oben      */
              /*  background-position:center top;        --> Bildposition: horizontal=mittig,  vertikal=oben      */
                  background-position:center center;  /* --> Bildposition: horizontal=mittig,  vertikal=mittig    */
			      font-size: 0.875em;                 /*     font-size = small (14px/16px=0.8750em -  89% -       */
		  	    }

/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x3.jpg, Background-repeat=no, Fontsize=0.875em;
   			                                                          ( g.e.: <BODY CLASS="start_th"></BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_th	{ color:white;
		   	      background-color:black;
		   	      background-image:url(/phuket1024x768.jpg);
		   	      background-repeat:no-repeat;
                  background-attachment:fixed;
              /*  background-position:left top;          --> Bildposition: horizontal=links,   vertikal=oben      */
              /*  background-position:center top;        --> Bildposition: horizontal=mittig,  vertikal=oben      */
                  background-position:center center;  /* --> Bildposition: vertikal=mittig, horizontal=mittig     */
			      font-size: 0.875em;                 /*     font-size = small (14px/16px=0.8750em -  89% -       */
		  	    }

/* Textcolor=black, Backgroundcolor=yellow, Fontsize=0.625em;               ( g.e.: <BODY CLASS="auswahl"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }							              */
body.auswahl	{ color:#000000;
			      background-color:#FFFF80;
			      font-size: 0.625em;                      /* font-size = xx-small (14px/16px=0.6250em -  60% -   */
			    }

/* Textcolor=orange, Backgroundcolor=black, Fontsize=0.875em;               ( g.e.: <BODY CLASS="autor"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }                                       */
body.autor		{ color:#EE5522;
			      background-color:#000000;
			      font-size: 0.875em;
			    }

/* Textcolor=white, Backgroundcolor=black, Fontsize=0.875em;                ( g.e.: <BODY CLASS="bestprice"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }	                                      */
body.bestprice	{ color:#FFFFFF;
			      background-color:#000000;
			      font-size: 0.875em;                         /* font-size = small (14px/16px=0.8750em -  89% -   */
			    }
						
		/* Textcolor=black, Backgroundcolor=violet, Fontsize=0.875em;       ( g.e.: <BODY CLASS="corona"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }	                                      */
body.corona		{ color:#FFFFFF;
			      background-color:#F8E0F7;
			      font-size: 0.875em;                         /* font-size = small (14px/16px=0.8750em -  89% -   */
			    }	
			
/* Textcolor=white, Backgroundcolor=black, Fontsize=0.875em;                ( g.e.: <BODY CLASS="hlpguide"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }						                  */
body.hlpguide	{ color:#FFFFFF;
			      background-color:#000000;
			      font-size: 0.875em;                         /* font-size = small (14px/16px=0.8750em -  89% -   */
			    }

/* Textcolor=black, Backgroundcolor=beige, Fontsize=0.875em;                ( g.e.: <BODY CLASS="tcp"></BODY> )
/* selector.class { property1:value1; property2:value2; property3:value3; }		       				              */
body.tcp    	{ color:#000000;
		   	      background-color:#FFF8DC;
			      font-size: 0.875em;
			    }

/* Textcolor=white, Backgroundcolor=black, Fontsize=0.875em;                ( g.e.: <BODY CLASS="translate"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }						       */
body.translate	{ color:#FFFFFF;
			      background-color:#000000;
			      font-size: 0.875em;                         /* font-size = small (14px/16px=0.8750em -  89% -   */
			    }

/* Textcolor=white, Backgroundcolor=black, Fontsize=0.875em;		    ( g.e.: <BODY CLASS="avtvlive"></BODY> )
   selector.class { property1:value1; property2:value2; property3:value3; }						                  */
body.avtvlive	{ color:#FFFFFF;
			      background-color:#000000;
			      font-size: 0.875em;                         /* font-size = small (14px/16px=0.8750em -  89% -   */
			    }

 /**********************************************\
|		BODY - DARSTELLUNGSARTEN (HTML5)         |
 \**********************************************/
/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x1_hd.jpg, background-repeat=no;
   			( g.e.: <BODY CLASS="start_dt_hd"> -->Used in class="start_dt_hd" only<-- </BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_dt_hd  { color:white;
		   	        background-color:black;
			        background-image:url(/reichstag1920x1080.jpg);
		   	        background-repeat:no-repeat;
                    background-attachment:fixed;
                /*  background-position:left top;          --> Hintergrungbild Positionierung: default            */
                /*  background-position:center center;     --> Hintergrundbild Positionierung: zentriert          */
                    background-position:center top;    /*  --> Bildposition: horizontal=mittig,  vertikal=oben    */
			        font-size: 0.875em;                /*  --> font-size = small (14px/16px=0.8750em -  89% -     */
		   	      }

/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x2_hd.jpg, background-repeat=no;
   			( g.e.: <BODY CLASS="start_en_hd"> -->Used in class="start_en_hd" only<-- </BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_en_hd  { color:white;
		   	        background-color:black;
			        background-image:url(/towerbridge1920x1080.jpg);
		   	        background-repeat:no-repeat;
                    background-attachment:fixed;
                /*  background-position:top left;          --> Hintergrundbild Positionierung: default            */
                /*  background-position:center center;     --> Hintergrundbild Positionierung: zentriert          */
                    background-position:center top;    /*  --> Bildposition: horizontal=mittig,  vertikal=oben    */
			        font-size: 0.875em;                /*  --> font-size = small (14px/16px=0.8750em -  89% -     */
		  	      }

/* Textcolor=black, Backgroundcolor=black, Backgroundimage=/x3.jpg, background-repeat=no;
   			( g.e.: <BODY CLASS="start_th_hd"> -->Used in class="start_th_hd" only<-- </BODY> )
   selector.class { property1:value1; .. ; property6:value6; }                                                    */
body.start_th_hd  { color:white;
		   	        background-color:black;
		   	        background-image:url(/bigbuddha-kohsamui1920x1080.jpg);
		   	        background-repeat:no-repeat;
                    background-attachment:fixed;
                /*  background-position:top left;                   --> Hintergrundbild Positionierung: default   */
                /*  background-position:center center;              --> Hintergrundbild Positionierung: zentriert */
                    background-position:center top;    /*  --> Bildposition: horizontal=mittig,  vertikal=oben    */
			        font-size: 0.875em;                /*  --> font-size = small (14px/16px=0.8750em -  89% -     */
		  	      }
/* ============================================================================================================== */



/* ############################################## ANFANG: Kommentar ############################################# */
 /**********************************************\
|		LINK - DARSTELLUNGSART 1 (default)       |
 \**********************************************/
/*    - Kind of Link -     		- Link Color -			 - Link Background -	    - Link-Textdecoration 
      Unvisited Link:		    #0000EE; (blue)               none;			        underline;
 	  Visited Link:             #551A8B; (darkviolet)         none;				    underline;
      Mouseover Link:           #FF1A8B; (pinkred)            none;				    underline;
      Activated Link:           #00AA00; (green)              none;				    none; 
			
( g.e.: <A HREF="abc.html">Unvisited Standard Link is blue, without background, underlined</A> )
selector:pseudo-classes		{ property1:value1; property2:value2; property3:value3; }	  				          */

/*
a:link				{ color:#0000EE; background:none; text-decoration:underline; }
a:visited			{ color:#551A8B; background:none; text-decoration:underline; }
a.autor:hover		{ color:#FF1A8B; background:none; text-decoration:underline; }
a:active			{ color:#00AA00; background:none; text-decoration:none; }                                     */
/* ############################################## ENDE: Kommentar ############################################### */



 /**********************************************\
|		LINK - DARSTELLUNGSART 2                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			 - Link Background -	  - Link-Textdecoration 
      Unvisited Link:		    #EE5522; (darkred)            none;			        none;
 	  Visited Link:             #FFCF79; (yellowbeige)        none;				    none;
      Mouseover Link:           #FF1A8B; (pinkred)            none;                 underline;
      Activated Link:           #00AA00; (green)              none;				    underline; 

( g.e.: <A CLASS="autor" HREF="abc.html">Unvisited Link is darkred, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.autor:link			{ color:#EE5522; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.autor:visited			{ color:#FFCF79; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.autor:hover			{ color:#FF1A8B; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.autor:active			{ color:#00AA00; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 3                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		  - Link-Textdecoration 
      Unvisited Link:	        #FFCF79; (yellowbeige)        none;			        underline;
 	  Visited Link:             #FFCF79; (yellowbeige)        none;				    underline;
      Mouseover Link:           #FF1A8B; (pinkred)            none;                 underline;
      Activated Link:           #00AA00; (green)              none;				    underline; 
			
( g.e.: <A CLASS="yellow" HREF="abc.html">Unvisited Link is yellowbeige, without background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.beige:link			{ color:#FFCF79; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.beige:visited			{ color:#FFCF79; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.beige:hover			{ color:#FF1A8B; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.beige:active			{ color:#00AA00; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\ 
|		LINK - DARSTELLUNGSART 4                 |
 \**********************************************/
/*	  - Kind of Link -		    - Link Color -			- Link Background -		  - Link-Textdecoration 
      Unvisited Link:		    #FF1A8B; (gelb)               none;			        none;
 	  Visited Link:             #FF1A8B; (gelb)               none;				    none;
      Mouseover Link:           #FF1A8B; (gelb)               none;				    none; 
      Activated Link:           #00AA00; (green)              none;				    none; 
		
( g.e.: <A CLASS="lgblue" HREF="abc.html">Unvisited Link is lightblue, without background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.gelb:link	     		{ color:#FFFF80; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.gelb:visited	    	{ color:#FFFF80; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.gelb:hover			{ color:#FFFF80; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.gelb:active			{ color:#00AA00; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 5                 |
 \**********************************************/
/*	  - Kind of Link -		    - Link Color -			- Link Background -		  - Link-Textdecoration 
      Unvisited Link:		    #9CDFFF; (lightblue)          none;			        underline;
 	  Visited Link:             #9CDFFF; (lightblue)          none;				    underline;
      Mouseover Link:           #9CDFFF; (lightblue)          none;				    underline; 
      Activated Link:           #00AA00; (green)              none;				    none; 
		
( g.e.: <A CLASS="lgblue" HREF="abc.html">Unvisited Link is lightblue, without background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.lgblue:link			{ color:#9CDFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.lgblue:visited		{ color:#9CDFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.lgblue:hover			{ color:#9CDFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.lgblue:active			{ color:#00AA00; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 6                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		   - Link-Textdecoration 
      Unvisited Link:		    #0000EE; (blue)               none;			         none;
 	  Visited Link:             #0000EE; (blue)               none;				     none;
      Mouseover Link:           #551A8B; (darkviolet)         #FFFFFF; (white)       underline;
      Activated Link:           #0000EE; (blue)               none;				     underline; 
			
( g.e.: <A CLASS="blue" HREF="abc.html">Unvisited Link is blue, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.blue:link 			{ color:#0000EE; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.blue:visited			{ color:#0000EE; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.blue:hover			{ color:#551A8B; background:#FFFFFF;     text-decoration:underline; }
a.blue:active			{ color:#0000EE; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 7                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		   - Link-Textdecoration 
      Unvisited Link:		    #00AA00; (green)              none;			         none;
 	  Visited Link:             #00AA00; (green)              none;				     none;
      Mouseover Link:           #551A8B; (darkviolet)         #FFFFFF; (white)       underline;
      Activated Link:           #00AA00; (green)              none;				     underline; 
			
( g.e.: <A CLASS="green" HREF="abc.html">Unvisited Link is green, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.green:link			{ color:#00AA00; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.green:visited			{ color:#00AA00; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.green:hover			{ color:#551A8B; background:#FFFFFF;     text-decoration:underline; }
a.green:active			{ color:#00AA00; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 8                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		   - Link-Textdecoration 
      Unvisited Link:		    #FF1A8B; (pinkred)            none;			         none;
 	  Visited Link:             #FF1A8B; (pinkred)            none;				     none;
      Mouseover Link:           #551A8B; (darkviolet)         #FFFFFF; (white)       underline;
      Activated Link:           #FF1A8B; (pinkred)            none;				     underline; 
			
( g.e.: <A CLASS="red" HREF="abc.html">Unvisited Link is pinkred, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */
 
a.red:link				{ color:#FF1A8B; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.red:visited			{ color:#FF1A8B; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.red:hover				{ color:#551A8B; background:#FFFFFF;     text-decoration:underline; }
a.red:active			{ color:#FF1A8B; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 9                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #FFFFFF; (white)              black;			      none;
 	  Visited Link:             #FFFFFF; (white)              black;				  none;
      Mouseover Link:           #FFFFFF; (white)              none;                   underline;
      Activated Link:           #FFFFFF; (white)              #000000; (black)		  underline; 

( g.e.:  <A CLASS="white" HREF="abc.html">Unvisited Link is white, with black background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.white:link			{ color:#FFFFFF; background:#000000;     text-decoration:none;      }
a.white:visited			{ color:#FFFFFF; background:#000000;     text-decoration:none;      }
a.white:hover			{ color:#FFFFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.white:active			{ color:#FFFFFF; background:#000000;     text-decoration:underline; }
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 10                 |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #FF1A8B; (pinkred)            #FFFF80; (yellow)	      none;
 	  Visited Link:             #FF1A8B; (pinkred)            #FFFF80; (yellow)		  none;
      Mouseover Link:           #FF1A8B; (pinkred)            #FFFFFF; (white)        underline;
      Activated Link:           #00AA00; (green)              none;           		  underline; 
			
( g.e.: <A CLASS="yellow" HREF="abc.html">Unvisited Link is darkred, with yellow background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }           			  */

a.yellow:link			{ color:#FF1A8B; background:#FFFF80;     text-decoration:none;      }
a.yellow:visited		{ color:#FF1A8B; background:#FFFF80;     text-decoration:none;      }
a.yellow:hover			{ color:#FF1A8B; background:#FFFFFF;     text-decoration:underline; }
a.yellow:active			{ color:#00AA00; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 11                |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #FFA500; (orange)             none;			          none;
 	  Visited Link:             #FFA500; (orange)             none;				      none;
      Mouseover Link:           #551A8B; (darkviolet)         #FFFFFF; (white)        underline;
      Activated Link:           #FFA500; (orange)             none;			          underline; 
			
( g.e.: <A CLASS="orange" HREF="abc.html">Unvisited Link is orange, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.orangebrown:link		{ color:#FFA500; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.orangebrown:visited	{ color:#FFA500; background:transparent; text-decoration:none;      } /* Added 27.01.2025 */
a.orangebrown:hover		{ color:#551A8B; background:#FFFFFF;     text-decoration:underline; }
a.orangebrown:active	{ color:#FFA500; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 12                |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #FF0000; (red)                #FFFFFF; (white)	      none;
 	  Visited Link:             #FF0000; (red)                #FFFFFF; (white)		  none;
      Mouseover Link:           #FF0000; (red)                #FFFFFF; (white)        underline;
      Activated Link:           #00AA00; (green)              #FFFFFF; (white)     	  underline; 
                                                                                                                 		
( g.e.: <A CLASS="redwhite" HREF="abc.html">Unvisited Link is red, with white background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }      					  */

a.redwhite:link			{ color:#FF0000; background:#FFFFFF; text-decoration:none;      }
a.redwhite:visited		{ color:#FF0000; background:#FFFFFF; text-decoration:none;      }
a.redwhite:hover		{ color:#FF0000; background:#FFFFFF; text-decoration:underline; }
a.redwhite:active		{ color:#00AA00; background:#FFFFFF; text-decoration:underline; }
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 13                |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -	  	    - Link-Textdecoration 
      Unvisited Link:		    #FF0000; (red)                #FFFFFF; (white)	      none;
 	  Visited Link:             #FF0000; (red)                #FFFFFF; (white)		  none;
      Mouseover Link:           #FF0000; (red)                #FFFFFF; (white)        none;
      Activated Link:           #FF0000; (red)                #FFFFFF; (white)     	  none; 
			
( g.e.: <A CLASS="redwhite2" HREF="abc.html">Unvisited Link is red, with white background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; } 					      */

a.redwhite2:link		{ color:#FF0000; background:#FFFFFF; text-decoration:none; }
a.redwhite2:visited		{ color:#FF0000; background:#FFFFFF; text-decoration:none; }
a.redwhite2:hover		{ color:#FF0000; background:#FFFFFF; text-decoration:none; }
a.redwhite2:active		{ color:#FF0000; background:#FFFFFF; text-decoration:none; }
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 14                |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #FFFFFF; (white)              none;			          none;
 	  Visited Link:             #FFFFFF; (white)              none;				      none;
      Mouseover Link:           #FFFFFF; (white)              none;                   none;
      Activated Link:           #FFFFFF; (white)              #000000; (black)		  none; 

( g.e.:  <A CLASS="white2" HREF="abc.html">Unvisited Link is white, without background, not underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.white2:link			{ color:#FFFFFF; background:transparent; text-decoration:none; } /* Added 27.01.2025 */
a.white2:visited		{ color:#FFFFFF; background:transparent; text-decoration:none; } /* Added 27.01.2025 */
a.white2:hover			{ color:#FFFFFF; background:transparent; text-decoration:none; } /* Added 27.01.2025 */
a.white2:active			{ color:#FFFFFF; background:#000000;     text-decoration:none; }
/* ============================================================================================================== */

 /**********************************************\
|		LINK - DARSTELLUNGSART 15                |
 \**********************************************/
/*	  - Kind of Link -			- Link Color -			- Link Background -		    - Link-Textdecoration 
      Unvisited Link:		    #008300; (darkgreen)          none;			          underline;
 	  Visited Link:             #008300; (darkgreen)          none;				      underline;
      Mouseover Link:           #9CDFFF; (lightblue)          none;				      underline; 
      Activated Link:           #9CDFFF; (lightblue)          none;				      none; 
		
( g.e.: <A CLASS=dkgreen"" HREF="abc.html">Unvisited Link is dark green, without background, underlined</A> )
selector.class:pseudo-classes	{ property1:value1; property2:value2; property3:value3; }					      */

a.dkgreen:link			{ color:#008300; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.dkgreen:visited		{ color:#008300; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.dkgreen:hover			{ color:#9CDFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
a.dkgreen:active		{ color:#9CDFFF; background:transparent; text-decoration:underline; } /* Added 27.01.2025 */
/* ============================================================================================================== */
/*                                                                                                                */
/*                                                                                                                */
 /**********************************************\
|		TABELLEN - DARSTELLUNG                   |
 \**********************************************/

/* tag	<th> --> Color adjustment of table cells <-- </th>
   th   { background-color:#000000;
		}
		
   td	{ background-color:#000000;   
		}				                                                                                    */
/*                                                                                                          */
/*                                                                                                          */
 /**********************************************\
|		TABELLEN - ZELLENABSTAND (HTML5)         |
 \**********************************************/
.width25				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 25px;                     /* <TD width  = "25"></TD>                  */
    					}

.width40				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 40px;                     /* <TD width  = "40"></TD>                  */
    					}

.width50				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 50px;                     /* <TD width  = "50"></TD>                  */
    					}

.width100				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 100px;                    /* <TD width  = "100"></TD>                 */
    					}

.width140				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 140px;                    /* <TD width  = "140"></TD>                 */
						}	  
							  
.width160				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 160px;                    /* <TD width  = "160"></TD>                 */
						}

.width300				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
                              width : 300px;                    /* <TD width  = "300"></TD>                 */
    					}

.width360				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
                              width : 360px;                    /* <TD width  = "360"></TD>                 */
    					}

.width500				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
                              width : 500px;                    /* <TD width  = "500"></TD>                 */
    					}

.width800				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
                              width : 800px;                    /* <TD width  = "800"></TD>                 */
    					}

.valigntop                              {                       /* Tabellenzelle: Vertikale Ausrichtung     */
                              vertical-align: top;              /* <TR VALIGN=TOP>                          */
    					}

.width10p				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 10%;                      /* <TD width  = "10%"></TD>                 */
    					}

.width25p				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 25%;                      /* <TD width  = "25%"></TD>                 */
    					}

.width40p				{                                       /* Tabellenzelle: Horizontale Ausrichtung   */
	                          width : 40%;                      /* <TD width  = "40%"></TD>                 */
    					}
/* ======================================================================================================== */
/*                                                                                                                */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 1                    |
 \**********************************************/
/* Tabellen Darstellung Style 1 : Mittige Tabelle mit Zeilen, Spalten mit beigefarbener Umrandung,
                                  zentrierter Text
     <TABLE class="box1"> = <TABLE ALIGN="CENTER" RULES="ALL" BORDER="1">
selector.class			{ property1: text-align="center";	    --> Choose text-alignment of TABLE cells      
                          property2: margin-left: auto;         --> For TABLE align <TABLE ALIGN="CENTER">    
                          margin-right: auto;                   --> set property2: margin-left/right: auto;   
                          property3: collapse;                  --> Show TABLE columns+rows separate/collapse 
                          property4: border:1px solid beige" }  --> With Border --> border: width style color 
                                                                                                                  */
table.box1     			{ text-align: center;
                          margin-left: auto;                    /* ALIGN = "CENTER" (Part 1/2)                    */
                          margin-right: auto;                   /* ALIGN = "CENTER" (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 1px solid #ffcf79; }          /* RULES = "ALL", BORDER = "1", yellowbeige       */
/* ============================================================================================================== */
/*                                                                                                                */
/**********************************************\
|		TABELLE - STYLE BOX 2                |
\**********************************************/
/* Tabellen Darstellung Style 2 : Mittige Tabelle ohne Zeilen, Spalten und ohne Umrandung,
                                  zentrierter Text               
     <TABLE class="box2"> =  <TABLE ALIGN="CENTER" RULES="NONE" BORDER="0">
selector.class			{ property1: text-align:center;	        --> Choose text-alignment of TABLE cells   
                          property2: margin-left: auto;         --> For TABLE align <TABLE ALIGN="CENTER"> 
                          margin-right: auto;                   --> set property2: margin-left/right: auto;
                          property3: border: hidden; }          --> No BORDER
                                                                                                                  */
table.box2     			{ text-align: center;	
                          margin-left: auto;    		        /* ALIGN = "CENTER" (Part 1/2)                    */
                          margin-right: auto;			        /* ALIGN = "CENTER" (Part 2/2)                    */
					      border: hidden; }    			        /* RULES = "NONE", BORDER = "0"                   */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 3                    |
 \**********************************************/
/* Tabellen Darstellung Style 3 : Mittige Tabelle ohne Zeilen, Spalten mit goldfarbener Umrandung,
                                  zentrierter Text
<TABLE class="box3"> =  <TABLE ALIGN="CENTER" RULES="ALL" BORDER="1">
selector.class			{ property1: text-align="center";        --> Choose text-alignment of TABLE cells      
                          property2: margin-left: auto;          --> For TABLE align <TABLE ALIGN="CENTER"     
                          margin-right: auto;                    --> set property2: margin-left/right: auto;   
                          property3: collapse;                   --> Show TABLE columns+rows separate/collapse 
                          property4: border="5px ridge gold"; }  --> With border-parameter: width style color  
                                                                                                                  */
table.box3     			{ text-align: center;
                          margin-left: auto;                    /* ALIGN = "CENTER" (Part 1/2)                    */
                          margin-right: auto;                   /* ALIGN = "CENTER" (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 5px ridge #FFD700; }     		/* RULES = "ALL", BORDER = "5", goldfarben        */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 4                    |
 \**********************************************/
/* Tabellen Darstellung Style 4 : Linksbuendige Tabelle ohne Zeilen, Spalten und ohne Umrandung,
                                  zentrierter Text
     <TABLE class="box4"> =  <TABLE ALIGN="LEFT" RULES="NONE" BORDER="0">
selector.class			{ property1: text-align:left; 	        --> Choose text-alignment of TABLE cells   
                          property2: margin-left: 0px;          --> For TABLE align <TABLE ALIGN="LEFT">   
                          margin-right: auto;                   --> set property2: margin-left/right: auto;
                          property3: border: hidden; }          --> No BORDER
                                                                                                                  */
table.box4     			{ text-align: center;	
                          margin-left: 0px;     		        /* ALIGN = "LEFT"   (Part 1/2)                    */
                          margin-right: auto;			        /* ALIGN = "AUTO"   (Part 2/2)                    */
					      border: hidden; }    			        /* RULES = "NONE", BORDER = "0"                   */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 5 (HTML5)            |
 \**********************************************/
/* Tabellen Darstellung Style 5 : Mittige Tabelle mit Zeilen, Spalten mit schwarzer Umrandung,
                                  zentrierter Text
     <TABLE class="box5"> = <TABLE ALIGN="CENTER" RULES="ALL" BORDER="1">
selector.class			{ property1: text-align="center";	    --> Choose text-alignment of TABLE cells      
                          property2: margin-left: auto;         --> For TABLE align <TABLE ALIGN="CENTER">    
                          margin-right: auto;                   --> set property2: margin-left/right: auto;   
                          property3: collapse;                  --> Show TABLE columns+rows separate/collapse 
                          property4: border:1px solid schwarz"} --> With border-parameter: width style color  
                                                                                                                  */
table.box5     			{ text-align: center;
                          margin-left: auto;                    /* ALIGN = "CENTER" (Part 1/2)                    */
                          margin-right: auto;                   /* ALIGN = "CENTER" (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 1px solid #000000; }          /* RULES = "ALL", BORDER = "1", schwarz           */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 6 (HTML5)            |
 \**********************************************/
/* Tabellen Darstellung Style 6 : Linksbuendige Tabelle mit Zeilen, Spalten mit schwarzer Umrandung,
                                  zentrierter Text
     <TABLE class="box6"> = <TABLE ALIGN="LEFT" RULES="ALL" BORDER="1">
selector.class			{ property1: text-align="center";	    --> Choose text-alignment of TABLE cells      
                          property2: margin-left: 0;            --> For TABLE align <TABLE ALIGN="LEFT">      
                          margin-right: auto;                   --> set property2: margin-left/right: auto;   
                          property3: collapse;                  --> Show TABLE columns+rows separate/collapse 
                          property4: border:1px solid schwarz" }--> With border-parameter: width style color  
                                                                                                                  */
table.box6     			{ text-align: center;
                          margin-left: 0;                       /* ALIGN = "LEFT"   (Part 1/2)                    */
                          margin-right: auto;                   /* ALIGN = "LEFT"   (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 1px solid #000000; }          /* RULES = "ALL", BORDER = "1", schwarz           */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 7 (HTML5)            |
 \**********************************************/
/* Tabellen Darstellung Style 7 : Linksbuendige Tabelle mit Zeilen, Spalten mit schwarzer Umrandung,
                                  zentrierter Text
     <TABLE class="box6"> = <TABLE ALIGN="LEFT" RULES="ALL" BORDER="1">
selector.class			{ property1: text-align="center";	    --> Choose text-alignment of TABLE cells      
                          property2: margin-left: 0;            --> For TABLE align <TABLE ALIGN="LEFT">      
                          margin-right: auto;                   --> set property2: margin-left/right: auto;   
                          property3: collapse;                  --> Show TABLE columns+rows separate/collapse 
                          property4: border:1px solid schwarz"} --> With border-parameter: width style color  
                                                                                                                  */
table.box7     			{ text-align:  center;
                          margin-left:  auto;                   /* ALIGN = "LEFT"   (Part 1/2)                    */
                          margin-right: 10px;                   /* ALIGN = "LEFT"   (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 1px solid #000000; }          /* RULES = "ALL", BORDER = "1", schwarz           */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLE - STYLE BOX 8 (HTML5)            |
 \**********************************************/
/* Tabellen Darstellung Style 8 : Mittige Tabelle, Zeilen und Spalten mit schwarzer Umrandung,
                                  zentrierter Text, 90% Tabellenbreite
     <TABLE class="box8"> = <TABLE ALIGN="CENTER" RULES="ALL" BORDER="1" WIDTH="90%">
selector.class			{ property1: text-align="center";	    --> Choose text-alignment of TABLE cells      
                          property2: margin-left: auto;         --> For TABLE align <TABLE ALIGN="CENTER">    
                          margin-right: auto;                   --> set property2: margin-left/right: auto;   
                          property3: collapse;                  --> Show TABLE columns+rows separate/collapse 
                          property4: border:1px solid schwarz"} --> With border-parameter: width style color  
                                                                                                                  */
table.box8     			{ text-align: left;
                          margin-left: auto;                    /* ALIGN = "CENTER" (Part 1/2)                    */
                          margin-right: auto;                   /* ALIGN = "CENTER" (Part 2/2)                    */
                          border-collapse: collapse;            /* Table columns and rows shown separate          */
					      border: 1px solid #000000;            /* RULES = "ALL", BORDER = "1", schwarz           */
                          width: 90%;                }          /* Table WIDTH=90%                                */
/* ============================================================================================================== */
/*                                                                                                                */
/*                                                                                                                */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 1                 |
 \**********************************************/
/* Umrandungsart#1: Umrandung einer Tabellenzelle in der Farbe yellowbeige                                        */
/*   <TD, TH class="border1"> = <TD, TH BORDER="1">                                                               */
.border1      			{ border: 1px solid #ffcf79; }  /* border: border-width, border-style, border-color       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 2                 |
 \**********************************************/
/* Umrandungsart#2: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border2"> = <TD, TH CELLPADDING="5" BORDER="0">                                               */
.border2      			{ border: hidden;              		    /* no border                                      */
                          padding: 2px 5px 2px 5px; }  		    /* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 3                 |
 \**********************************************/
/* Umrandungsart#3: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border3"> = <TD, TH CELLPADDING="10" BORDER="0">                                              */
.border3      			{ border: hidden;              	 	    /* no border                                      */
                          padding: 10px; }            		    /* padding: all four paddings are 10px            */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 4                 |
 \**********************************************/
/* Umrandungsart#4: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border4"> = <TD, TH CELLPADDING="30" BORDER="0">                                              */
.border4      			{ border: hidden;               		/* no border                                      */
                          padding: 15px 30px 15px 30px; }       /* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 5                 |
 \**********************************************/
/* Umrandungsart#5: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border5"> = <TD, TH PADDING-RIGHT="15" PADDING-LEFT="15" PADDING-TOP/BOTTOM="10" BORDER="0">  */
.border5      			{ border: hidden;               		/* no border                                      */
                          padding: 10px 15px 10px 15px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 6                 |
 \**********************************************/
/* Umrandungsart#6: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border6"> = <TD, TH CELLPADDING="5" BORDER="0">                                               */
.border6      			{ border: hidden;               		/* no border                                      */
                          padding: 10px 5px 10px 8px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 7                 |
 \**********************************************/
/* Umrandungsart#7: Keine Umrandung und Abstand einer Tabellenzelle                                               */
/*   <TD, TH class="border7"> = <TD, TH CELLPADDING="25", BORDER="0">                                             */
.border7      			{ border: hidden;               		/* no border                                      */
                          padding: 10px 30px 10px 30px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 8  (HTML5)        |
 \**********************************************/
/* Umrandungsart#8: Keine Umrandung einer Tabellenzelle                                                           */
/*   <TD, TH class="border8"> = <TD, TH BORDER="0">                                                               */                                                                                                                    
.border8      			{ border: hidden; }                     /* no border                                      */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 9  (HTML5)        |
 \**********************************************/
/* Umrandungsart#9: Umrandung in der Farbe yellowbeige und rechtsbuendige Textausrichtung einer Tabellenzelle     */
/*   <TD, TH class="border9"> = <TD, TH BORDER="1", ALIGN="RIGHT">                                                */

/*   <TD, TH class="border9"> = <TD, TH BORDER="1", ALIGN="RIGHT">                                                */
.border9      			{ border: 1px solid #ffcf79;            /* with border: width, style, color               */
                          text-align: right; }                  /* Text rechtsbuendig ausgerichtet                */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 10 (HTML5)        |
 \**********************************************/
/* Umrandungsart#10: Keine Umrandung, Hoehe und rechtsbuendige Textausrichtung einer Tabellenzelle                */
/*   <TD, TH class="border10"> = <TD, TH BORDER="0", HEIGHT="80" ALIGN=CENTER">                                   */
.border10        		{ border: hidden;                       /* no border                                      */
                          height: 80px;                         /* height = "80"                                  */
                          text-align: right; }                  /* Text rechtsbuendig ausgerichtet                */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 11 (HTML5)        |
 \**********************************************/
/* Umrandungsart#11: Umrandung in yellowbeige, Breite und mittige Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border11"> = <TD, TH BORDER="1", WIDTH="125" ALIGN="CENTER">                                  */
.border11        		{ border: 1px solid #ffcf79;            /* border= "1", border-style, border-color        */
                          width: 125px;                         /* width = "125"                                  */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 12 (HTML5)        |
 \**********************************************/
/* Umrandungsart#12: Umrandung in yellowbeige, Breite und mittige Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border12"> = <TD, TH BORDER="0", WIDTH="40" ALIGN="CENTER">                                   */
.border12        		{ border: 1px solid #ffcf79;            /* border= "1", border-style, border-color        */
                          width: 40px;                          /* width = "40"                                   */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 13 (HTML5)        |
 \**********************************************/
/* Umrandungsart#13: Umrandung in yellowbeige, Breite und mittige Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border13"> = <TD, TH BORDER="1", WIDTH="170" ALIGN="CENTER">                                  */
.border13        		{ border: 1px solid #ffcf79;            /* border= "1", border-style, border-color        */
                          width:  170px;                        /* width = "170"                                  */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 14 (HTML5)        |
 \**********************************************/
/* Umrandungsart#14: Umrandung in yellowbeige, Breite und mittige Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border14"> = <TD, TH BORDER="0", WIDTH="225" ALIGN="CENTER">                                  */
.border14        		{ border: 1px solid #ffcf79;            /* border= "1", border-style, border-color        */
                          width: 225px;                         /* width = "225"                                  */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 15 (HTML5)        |
 \**********************************************/
/* Umrandungsart#15: Umrandung in yellowbeige, Breite und mittige Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border15"> = <TD, TH BORDER="1", WIDTH="62" ALIGN="CENTER">                                   */
.border15        		{ border: 1px solid #ffcf79;            /* border= "1", border-style, border-color        */
                          width:  62px;                         /* width = "62"                                   */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 16 (HTML5)        |
 \**********************************************/
/* Umrandungsart#16: Schwarze Umrandung, linksbuendige und vertikale Textausrichtung einer Tabellenzelle          */
/*   <TD, TH class="border16"> = <TD, TH BORDER="1", ALIGN="LEFT" WIDTH="51%" VALIGN="TOP">                       */
.border16      			{ border: 1px solid #000000;            /* with border: width, style, color               */
                          text-align: left;                     /* Text linksbuendig ausgerichtet                 */
                          width: 51%;                           /* <TD WIDTH="51%"                                */
                          vertical-align: top; }                /* <TD VALIGN=TOP>
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 17 (HTML5)        |
 \**********************************************/
/* Umrandungsart#17: Yellowbeige Umrandung, mittige und vertikale Textausrichtung einer Tabellenzelle             */
/*   <TD, TH class="border17"> = <TD, TH BORDER="1", ALIGN="CENTER" VALIGN="TOP">                                 */
.border17      			{ border: 1px solid #ffcf79;            /* with border: width, style, color               */
                          text-align: center;                   /* Text mittig ausgerichtet                       */
                          vertical-align: top; }                /* <TD VALIGN=TOP>                                */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 21  (HTML5)       |
 \**********************************************/
/* Umrandungsart#21: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border21"> = <TD, TH CELLPADDING="5" BORDER="0" WIDTH="90">                                   */
.border21      			{ border: hidden;               		/* no border                                      */
                          padding: 2px 5px 2px 5px;   		    /* padding: top right bottom left                 */
                          width: 90px; }                        /* width = "90"                                   */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 22  (HTML5)       |
 \**********************************************/
/* Umrandungsart#22: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border22"> = <TD, TH CELLPADDING="5" BORDER="0" WIDTH="180">                                  */
.border22      			{ border: hidden;               		/* no border                                      */
                          padding: 2px 5px 2px 5px;   		    /* padding: top right bottom left                 */
                          width: 180px; }                       /* width = "180"                                  */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 26 (HTML5)        |
 \**********************************************/
/* Umrandungsart#26: Keine Umrandung und linksbuendige und vertikale Textausrichtung einer Tabellenzelle          */
/*   <TD, TH class="border26"> = <TD, TH BORDER="1", ALIGN="LEFT">                                                */
.border26      			{ border: hidden;                       /* no border                                      */
                          text-align: left; }                   /* Text linksbuendig ausgerichtet                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 31  (HTML5)       |
 \**********************************************/
/* Umrandungsart#31: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border31"> = <TD, TH CELLPADDING="10" BORDER="0" WIDTH="140">                                 */
.border31      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          width: 140px; }                       /* width = "140"                                  */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 32  (HTML5)       |
 \**********************************************/
/* Umrandungsart#32: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border32"> = <TD, TH CELLPADDING="10" BORDER="0" WIDTH="160">                                 */
.border32      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          width: 160px; }                       /* width = "160"                                  */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 33  (HTML5)       |
 \**********************************************/
/* Umrandungsart#33: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border33"> = <TD, TH CELLPADDING="10" BORDER="0" WIDTH="180">                                 */
.border33      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          width: 180px; }                       /* width = "180"                                  */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 34  (HTML5)       |
 \**********************************************/
/* Umrandungsart#34: Keine Umrandung und Abstand einer Tabellenzelle, Tabellenzellebreite                         */
/*   <TD, TH class="border34"> = <TD, TH CELLPADDING="10" BORDER="0" WIDTH="220">                                 */
.border34      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          width: 220px; }                       /* width = "220"                                  */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 35  (HTML5)       |
 \**********************************************/
/* Umrandungsart#35: Keine Umrandung und Abstand einer Tabellenzelle, mittige Textausrichtung der Tabellenzelle   */
/*   <TD, TH class="border35"> = <TD, TH CELLPADDING="10" BORDER="0" ALIGN="center">                              */
.border35      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 36  (HTML5)       |
 \**********************************************/
/* Umrandungsart#36: Keine Umrandung und Abstand einer Tabellenzelle, mittige Textausrichtung der Tabellenzelle   */
/*   <TD, TH class="border36"> = <TD, TH CELLPADDING="10" BORDER="0" ALIGN="left">                                */
.border36      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px;              		    /* padding: all four paddings are 10px            */
                          text-align: left; }                   /* Text linksbuendig ausgerichtet                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 40 (HTML5)        |
 \**********************************************/
/* Umrandungsart#40: Yellowbeige Umrandung, Tabellenzellebreite, linksbuendige Textausrichtung der Tabellenzelle  */
/*   <TD, TH class="border40"> = <TD, TH BORDER="1", WIDTH="200" ALIGN="left">                                    */
.border40        		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 200px;                         /* width = "200"                                  */
                          text-align: left; }                   /* Text linksbuendig ausgerichtet                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 41 (HTML5)        |
 \**********************************************/
/* Umrandungsart#41: Yellowbeige Umrandung, Tabellenzellebreite, mittige Textausrichtung der Tabellenzelle        */
/*   <TD, TH class="border41"> = <TD, TH BORDER="1", WIDTH="200" ALIGN="center">                                  */
.border41        		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 200px;                         /* width = "200"                                  */
                          text-align: center; }                 /* Text mittig ausgerichtet                       */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 51                |
 \**********************************************/
/* Umrandungsart#51: Keine Umrandung und Abstand einer Tabellenzelle                                              */
/*   <TD, TH class="border51"> = <TD, TH PADDING-RIGHT="27" PADDING-LEFT="49" PADDING-TOP/BOTTOM="10 "BORDER="0"> */
.border51      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px 27px 10px 54px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 52                |
 \**********************************************/
/* Umrandungsart#52: Keine Umrandung und Abstand einer Tabellenzelle                                              */
/*   <TD, TH class="border52"> = <TD, TH PADDING-RIGHT="9" PADDING-LEFT="20" PADDING-TOP/BOTTOM="10 "BORDER="0">  */
.border52      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px 5px 10px 10px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */
/*                                                                                                                */
 /**********************************************\
|		TABELLENZELLE - BORDER 53                |
 \**********************************************/
/* Umrandungsart#53: Keine Umrandung und Abstand einer Tabellenzelle                                              */
/*   <TD, TH class="border53"> = <TD, TH PADDING-RIGHT="13" PADDING-LEFT="21" PADDING-TOP/BOTTOM="10 "BORDER="0"> */
.border53      			{ border: hidden;              		    /* no border                                      */
                          padding: 10px 18px 10px 24px; }  		/* padding: top right bottom left                 */
/* ============================================================================================================== */



 /**********************************************\
|		TABELLE - Spaltenbreite  (HTML5)         |
 \**********************************************/
/*                                                                                                                */
/* Umrandungsart#040: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte040"> = <TD, TH BORDER="1", WIDTH="40">                                                 */
.spalte040       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width:  40px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#060: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte060"> = <TD, TH BORDER="1", WIDTH="60">                                                 */
.spalte060       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width:  60px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#080: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte080"> = <TD, TH BORDER="1", WIDTH="80">                                                 */
.spalte080       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width:  80px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#100: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte100"> = <TD, TH BORDER="1", WIDTH="100">                                                */
.spalte100       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 100px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#120: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte120"> = <TD, TH BORDER="1", WIDTH="120">                                                */
.spalte120       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 120px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#130: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="spalte130"> = <TD, TH BORDER="1", WIDTH="130">                                                */
.spalte130       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 130px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#180: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="border180"> = <TD, TH BORDER="1", WIDTH="180">                                                */
.spalte180       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 180px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#258: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="border258"> = <TD, TH BORDER="1", WIDTH="258">                                                */
.spalte258       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 258px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#283: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="border283"> = <TD, TH BORDER="1", WIDTH="283">                                                */
.spalte283       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 283px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/* Umrandungsart#284: Umrandung in yellowbeige, Festlegung der Tabellenzellebreite                                */
/*   <TD, TH class="border284"> = <TD, TH BORDER="1", WIDTH="284">                                                */
.spalte284       		{ border:  1px solid #ffcf79;           /* border= "1", border-style, border-color        */
                          width: 284px;       }                 /* Breite der Tabellenzelle                       */
/* ============================================================================================================== */
/*                                                                                                                */
/*                                                                                                                */
/*                                                                                                                */
/* ===================================== Begin of localTimes.info script ======================================== */
/*                                                                                                                */
 /**********************************************\
|		TEXT AUSRICHTUNGSKLASSEN  (HTML5)        |
 \**********************************************/
/* Textausrichtung, Textfeldlaenge, Umrandungsart, Hintergrund-/Textfarbe, Textbreite fuer den Text: Bangkok Time */
/* <DIV class="clock2"></DIV> = <DIV align="center" style="width:260px; border:1px solid #ccc;                    */
/*                               background: #DBCF9B; color: #000080; font-weight:bold;"></DIV>                   */
.clock2                 { text-align: center;               /* clock alignment                                    */
                          width: 150px;                     /* textfield width                                    */
 					      border:  1px solid #ccc;          /* border                                             */
					      background-color: #DBCF9B;        /* background color                                   */
                          color: #000080;                   /* font color = blue                                  */
                          font-weight: bold;		        /* font weight = bold                                 */
                          margin: 10px 25px 10px auto; }    /* clock margin: oben, rechts, unten, links           */
/*                                                                                                                */
/* Textgroesse, Zeilenhoehe, Abstand zum Rand, Schriftart, Linkdarstellungsart und Textfarbe                      */
/* <A class="clock3"></A> = <A style="font-size:13px; line-height:16px; padding:2px 0px;                          */
/*                           font-family:arial; text-decoration: none; color: #;"                                 */
.clock3                 { font-size: 13px;                  /* font size                                          */
                          line-height: 16px;                /* line height                                        */
 					      padding: 2px 0px;                 /* padding                                            */
					      font-family: Arial, sans-serif;   /* font-family                    /* Added 27.01.2025 */
                          text-decoration: none;      }     /* text-decoration                                    */
/*                                                                                                                */
/* Keine Umrandungsart, kein Text-Randabstand und kein Abstand zu den Nachbarzellen des Stadtnamens               */
/* <IMG class="clock4" ></A> = <IMG SRC="xyz.png" style= border:0; margin:0; padding:0;>                          */
.clock4                 { border:  0;                       /* no border                                          */
                          margin : 0;                       /* no margin                                          */
 					      padding: 0;                 }     /* no padding                                         */
/*                                                                                                                */
/* Textausrichtung, keine Umrandung, Textfarbe, Schriftart und Randbreite der Bangkok-Uhr                         */
/* <DIV class="clock5"></DIV> = <DIV align="center" style="border: 0; color: #000080;                             */
/*                                                         font-weight:bold; margin: 0px auto 0px 385px;"></DIV>  */
.clock5                 { text-align: center;               /* clock alignment                                    */
 					      border:  0;                       /* no border                                          */
                          color: #000080;                   /* font color = blue                                  */
						  background-color: transparent;    /* background color = transparent /* Added 27.01.2025 */
                          font-weight: bold;		        /* font weight = bold                                 */
                          margin: 0px auto 0px 385px; }     /* clock margin: oben, rechts, unten, links           */
/* ===================================== End of localTimes.info script ========================================== */