@charset "UTF-8";

/****************************************************/
/****************************************************/
/**                                                **/
/**   datei:  belhamel10-beer-uebersicht-01.css    **/
/**                                                **/
/****************************************************/
/****************************************************/

/****************************************************/
/*   pseudo-elemente : link visited hover active    */
/****************************************************/

a:link    {
    	    color: #606060; text-decoration: none; 
          }

a:visited {
            color: #606060; text-decoration: none; 
          }

a:hover   {
            color: #F08040; text-decoration: none; 
          }

a:active  {
            color: #606060; text-decoration: none;
          }
		  
/**************************************************************/
/*                                                            */
/*     wichtige elemente :  html   body  align  scrolling     */
/*                                                            */
/**************************************************************/
		  
.html-01 { 
	       height: 100%; 
	       margin: 0;
 	       background-color: #FFFFFF;
         }
				   
.body-01 { 
	       height: 100%; 
	       margin: 0;
 	       background-color: #FFFFFF;
         }

.horiz-align-01 { 
	              text-align: left;
                }

.horiz-align-02 { 
	              text-align: center;
                }

.horiz-align-03 { 
	              text-align: right;
                }

.vert-align-01  { 
	              vertical-align: top;
                }

.vert-align-02  { 
	              vertical-align: middle;
                }

.vert-align-03  { 
	              vertical-align: bottom;
                }

.scrolling-00   { 
	              overflow: hidden;
                }

.nobrake-00     { 
	              white-space: nowrap;
                }

/****************************************************/
/*                                                  */
/*     html , body , horizontale zentrierung        */
/*                                                  */
/****************************************************/
		  
.html-horiz-01 { 
	             height: 100%; 
	             margin: 0;
 	             background-color: #FFFFFF;
               }
				   
.body-horiz-01 { 
	             height: 100%; 
	             margin: 0;
 	             background-color: #FFFFFF;
               }

.horizontal-01 {
	             margin: 0 auto;
	             width: 960px; height: 720px;
	             background-color: transparent;
               }

.horizontal-02 {
	             margin: 0 auto;
	             width: 100%;
	             background-color: transparent;
               }
					  
/***********************************************************/
/*                                                         */
/*    html, body, horizontale und vertikale zentrierung    */
/*                                                         */
/***********************************************************/

.html-horiz-vert-01 { 
	                  height: 100%; 
	                  margin: 0;
 	                  background-color: #FFFFFF;
                    }
				   
.body-horiz-vert-01 { 
	                  height: 100%; 
	                  margin: 0;
 	                  background-color: #FFFFFF;
                    }
						  
.horiz-vert-01      {
	                  float: left; 
	                  width: 1px; height: 50%;
	                  margin-bottom: -360px;
					  background-color: transparent;
                    }
					  
.horiz-vert-02      {
	                  clear: left;
	                  margin: 0 auto;
	                  width: 960px; height: 720px;
	                  background-color: transparent;
                    }

/*****************************************************************/
/*                                                               */
/*    border : rahmen-staerke, ohne-mit-rahmen, rahmen-farbe     */
/*                                                               */
/*****************************************************************/

.border-zus {
              border-collapse: collapse;
            } 

.border-00  { 
              border-style: none;
            }

.border-000000-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #000000;
                  }

.border-000000-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #000000;
                  }

.border-000000-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #000000;
                  }

.border-008800-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #008800;
                  }

.border-008800-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #008800;
                  }

.border-008800-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #008800;
                  }

.border-00A0A0-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #00A0A0;
                  }

.border-00A0A0-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #00A0A0;
                  }

.border-00BBBB-01 { 
                    border-width: 1.5px;
                    border-style: solid;
                    border-color: #00BBBB;
                  }

.border-00BBBB-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #00BBBB;
                  }

.border-00BBBB-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #00BBBB;
                  }

.border-606060-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #606060;
                  }

.border-606060-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #606060;
                  }

.border-606060-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #606060;
                  }

.border-880000-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #880000;
                  }

.border-880000-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #880000;
                  }

.border-880000-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #880000;
                  }

.border-A0A0A0-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #A0A0A0;
                  }

.border-DD0000-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #DD0000;
                  }

.border-DD0000-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #DD0000;
                  }

.border-DDDDDD-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #DDDDDD;
                  }

.border-DDDDDD-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #DDDDDD;
                  }

.border-DDDDDD-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #DDDDDD;
                  }

.border-DDDDDD-04 { 
                    border-width: 4px;
                    border-style: solid;
                    border-color: #DDDDDD;
                  }

.border-E8E8E8-10 { 
                    border-width: 10px;
                    border-style: solid;
                    border-color: #E8E8E8;
                  }

.border-F08040-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #F08040;
                  }

.border-F08040-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #F08040;
                  }

.border-F08040-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #F08040;
                  }

.border-FF0000-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #FF0000;
                  }

.border-FF0000-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #FF0000;
                  }

.border-FF0000-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #FF0000;
                  }

.border-FFAA00-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #FFAA00;
                  }

.border-FFAA00-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #FFAA00;
                  }

.border-FFFFFF-01 { 
                    border-width: 1px;
                    border-style: solid;
                    border-color: #FFFFFF;
                  }

.border-FFFFFF-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #FFFFFF;
                  }

.border-FFFFFF-03 { 
                    border-width: 3px;
                    border-style: solid;
                    border-color: #FFFFFF;
                  }

.border-black-white-01 { 
                         border-width: 1px;
                         border-style: solid;
                         border-color: black;
                         border-left-color: white;
                         border-top-color: white;
                       }

.border-white-black-01 { 
                         border-width: 1px;
                         border-style: solid;
                         border-color: white;
                         border-left-color: black;
                         border-top-color: black;
                       }

/*****************************************************************/
/*                                                               */
/*     shadow : staerke, re un, li ob, farbe, verlauf, etc       */
/*                                                               */
/*****************************************************************/

.box-shadow-A0A0A0-01mp {
                          box-shadow: -5px -5px 10px #A0A0A0,
                                       0px  0px 10px #A0A0A0;
                        }

.box-shadow-A0A0A0-02mp {
                          box-shadow: -0px -5px 10px #A0A0A0,
                                       5px  0px 10px #A0A0A0;
                        }

.box-shadow-A0A0A0-03mp {
                          box-shadow: -5px -5px 10px #A0A0A0,
                                       0px  5px 10px #A0A0A0;
                        }

.box-shadow-A0A0A0-04mp {
                          box-shadow: -5px -5px 10px #A0A0A0,
                                       5px  5px 10px #A0A0A0;
                        }

.box-shadow-A0A0A0-05mp {
                          box-shadow: -1px -3px  5px #A0A0A0,
                                       2px  5px  5px #A0A0A0;
                        }

.box-shadow-00A0A0-01mp {
                          box-shadow: -1px -3px  5px #00A0A0,
                                       2px  5px  5px #00A0A0;
                        }

/**************************************/
/*      font   arial    verdana       */
/**************************************/

.font-arial-9    {
                   font-family:arial,sans-serif; font-size:9px; font-weight:bold;
                 }

.font-arial-10   {
                   font-family:arial,sans-serif; font-size:10px; font-weight:bold;
                 }

.font-arial-11   {
                   font-family:arial,sans-serif; font-size:11px; font-weight:bold;
                 }

.font-arial-12   {
                   font-family:arial,sans-serif; font-size:12px; font-weight:bold;
                 }

.font-arial-13   {
                   font-family:arial,sans-serif; font-size:13px; font-weight:bold;
                 }

.font-arial-14   {
                   font-family:arial,sans-serif; font-size:14px; font-weight:bold;
                 }

.font-arial-15   {
                   font-family:arial,sans-serif; font-size:15px; font-weight:bold;
                 }

.font-arial-16   {
                   font-family:arial,sans-serif; font-size:16px; font-weight:bold;
                 }

.font-arial-17   {
                   font-family:arial,sans-serif; font-size:17px; font-weight:bold;
                 }

.font-arial-18   {
                   font-family:arial,sans-serif; font-size:18px; font-weight:bold;
                 }

.font-arial-19   {
                   font-family:arial,sans-serif; font-size:19px; font-weight:bold;
                 }

.font-arial-20   {
                   font-family:arial,sans-serif; font-size:20px; font-weight:bold;
                 }

.font-arial-25   {
                   font-family:arial,sans-serif; font-size:25px; font-weight:bold;
                 }

.font-arial-28   {
                   font-family:arial,sans-serif; font-size:28px; font-weight:bold;
                 }

.font-arial-30   {
                   font-family:arial,sans-serif; font-size:30px; font-weight:bold;
                 }

.font-verdana-9  {
                   font-family:verdana,sans-serif; font-size:9px; font-weight:bold;
                 }

.font-verdana-10 {
                   font-family:verdana,sans-serif; font-size:10px; font-weight:bold;
                 }

.font-verdana-12 {
                   font-family:verdana,sans-serif; font-size:12px; font-weight:bold;
                 }

.font-verdana-13 {
                   font-family:verdana,sans-serif; font-size:13px; font-weight:bold;
                 }

.font-verdana-14 {
                   font-family:verdana,sans-serif; font-size:14px; font-weight:bold;
                 }

.font-verdana-15 {
                   font-family:verdana,sans-serif; font-size:15px; font-weight:bold;
                 }

.font-verdana-16 {
                   font-family:verdana,sans-serif; font-size:16px; font-weight:bold;
                 }

.font-verdana-17 {
                   font-family:verdana,sans-serif; font-size:17px; font-weight:bold;
                 }

.font-verdana-18 {
                   font-family:verdana,sans-serif; font-size:18px; font-weight:bold;
                 }

.font-verdana-19 {
                   font-family:verdana,sans-serif; font-size:19px; font-weight:bold;
                 }

.font-verdana-20 {
                   font-family:verdana,sans-serif; font-size:20px; font-weight:bold;
                 }

.font-verdana-25 {
                   font-family:verdana,sans-serif; font-size:25px; font-weight:bold;
                 }

.font-verdana-28 {
                   font-family:verdana,sans-serif; font-size:28px; font-weight:bold;
                 }

.font-verdana-30 {
                   font-family:verdana,sans-serif; font-size:30px; font-weight:bold;
                 }

/**************************************/
/*          diverse farben            */
/**************************************/

.bgcolor-trans  {
	              background-color: transparent;
                }

.bgcolor-000000 {
	              background-color: #000000;
                }

.bgcolor-00A0A0 {
	              background-color: #00A0A0;
                }

.bgcolor-C9C9C9 {
	              background-color: #C9C9C9;
                }

.bgcolor-D0D0D0 {
	              background-color: #D0D0D0;
                }

.bgcolor-F08040 {
	              background-color: #F08040;
                }

.bgcolor-F0F0F0 {
	              background-color: #F0F0F0;
                }

.bgcolor-FFFFFF {
	              background-color: #FFFFFF;
                }

.color-trans  {
                color:transparent;
              }

.color-000000 {
                color:#000000;
              }

.color-009933 {
                color:#009933;
              }

.color-0000FF {
                color:#0000FF;
              }

.color-008800 {
                color:#008800;
              }

.color-009090 {
                color:#009090;
              }

.color-00A0A0 {
                color:#00A0A0;
              }

.color-00BBBB {
                color:#00BBBB;
              }

.color-606060 {
                color:#606060;
              }

.color-808080 {
                color:#808080;
              }

.color-909090 {
                color:#909090;
              }

.color-A0A0A0 {
                color:#A0A0A0;
              }

.color-C0C0C0 {
                color:#C0C0C0;
              }

.color-C3C3C3 {
                color:#C3C3C3;
              }

.color-CC0000 {
                color:#CC0000;
              }

.color-D0D0D0 {
                color:#D0D0D0;
              }

.color-DD0000 {
                color:#DD0000;
              }

.color-DDDDDD {
                color:#DDDDDD;
              }

.color-E8E8E8 {
                color:#E8E8E8;
              }

.color-F08040 {
                color:#F08040;
              }

.color-F0F0F0 {
                color:#F0F0F0;
              }

.color-FF0000 {
                color:#FF0000;
              }

.color-FF9933 {
                color:#FF9933;
              }

.color-FFBB33 {
                color:#FFBB33;
              }

.color-EEAA22 {
                color:#EEAA22;
              }

.color-FFAA00 {
                color:#FFAA00;
              }

.color-FFFFFF {
                color:#FFFFFF;
              }

/****************************************************/
/*                                                  */
/*       wichtige attribute :  width  height        */
/*                                                  */
/****************************************************/

.width-1     { width:     1px; }
.width-5     { width:     5px; }
.width-10    { width:    10px; }
.width-15    { width:    15px; }
.width-20    { width:    20px; }
.width-25    { width:    25px; }
.width-30    { width:    30px; }
.width-35    { width:    35px; }
.width-40    { width:    40px; }
.width-45    { width:    45px; }
.width-50    { width:    50px; }
.width-55    { width:    55px; }
.width-60    { width:    60px; }
.width-65    { width:    65px; }
.width-70    { width:    70px; }
.width-75    { width:    75px; }
.width-80    { width:    80px; }
.width-85    { width:    85px; }
.width-90    { width:    90px; }
.width-95    { width:    95px; }
.width-100   { width:   100px; }
.width-101   { width:   101px; }
.width-115   { width:   115px; }
.width-120   { width:   120px; }
.width-130   { width:   130px; }
.width-135   { width:   135px; }
.width-140   { width:   140px; }
.width-145   { width:   145px; }
.width-150   { width:   150px; }
.width-165   { width:   165px; }
.width-170   { width:   170px; }
.width-180   { width:   180px; }
.width-190   { width:   190px; }
.width-195   { width:   195px; }
.width-200   { width:   200px; }
.width-205   { width:   205px; }
.width-210   { width:   210px; }
.width-220   { width:   220px; }
.width-225   { width:   225px; }
.width-230   { width:   230px; }
.width-240   { width:   240px; }
.width-250   { width:   250px; }
.width-260   { width:   260px; }
.width-263   { width:   263px; }
.width-265   { width:   265px; }
.width-270   { width:   270px; }
.width-275   { width:   275px; }
.width-280   { width:   280px; }
.width-282   { width:   282px; }
.width-290   { width:   290px; }
.width-300   { width:   300px; }
.width-310   { width:   310px; }
.width-313   { width:   313px; }
.width-320   { width:   320px; }
.width-330   { width:   330px; }
.width-355   { width:   355px; }
.width-360   { width:   360px; }
.width-380   { width:   380px; }
.width-400   { width:   400px; }
.width-410   { width:   410px; }
.width-420   { width:   420px; }
.width-430   { width:   430px; }
.width-440   { width:   440px; }
.width-447   { width:   447px; }
.width-450   { width:   450px; }
.width-460   { width:   460px; }
.width-470   { width:   470px; }
.width-480   { width:   480px; }
.width-490   { width:   490px; }
.width-495   { width:   495px; }
.width-500   { width:   500px; }
.width-510   { width:   510px; }
.width-512   { width:   512px; }
.width-520   { width:   520px; }
.width-525   { width:   525px; }
.width-530   { width:   530px; }
.width-540   { width:   540px; }
.width-545   { width:   545px; }
.width-560   { width:   560px; }
.width-655   { width:   655px; }
.width-685   { width:   685px; }
.width-715   { width:   715px; }
.width-730   { width:   730px; }
.width-800   { width:   800px; }
.width-850   { width:   850px; }
.width-859   { width:   859px; }
.width-865   { width:   865px; }
.width-870   { width:   870px; }
.width-900   { width:   900px; }
.width-920   { width:   920px; }
.width-940   { width:   940px; }
.width-945   { width:   945px; }
.width-950   { width:   950px; }
.width-955   { width:   955px; }
.width-960   { width:   960px; }
.width-965   { width:   965px; }
.width-970   { width:   970px; }
.width-980   { width:   980px; }
.width-990   { width:   990px; }
.width-1000  { width:  1000px; }


.height-1     { height:    1px; }
.height-5     { height:    5px; }
.height-10    { height:   10px; }
.height-15    { height:   15px; }
.height-20    { height:   20px; }
.height-25    { height:   25px; }
.height-30    { height:   30px; }
.height-35    { height:   35px; }
.height-40    { height:   40px; }
.height-45    { height:   45px; }
.height-50    { height:   50px; }
.height-55    { height:   55px; }
.height-60    { height:   60px; }
.height-61    { height:   61px; }
.height-62    { height:   62px; }
.height-63    { height:   63px; }
.height-64    { height:   64px; }
.height-65    { height:   65px; }
.height-70    { height:   70px; }
.height-75    { height:   75px; }
.height-80    { height:   80px; }
.height-85    { height:   85px; }
.height-90    { height:   90px; }
.height-95    { height:   95px; }
.height-100   { height:  100px; }
.height-104   { height:  104px; }
.height-110   { height:  110px; }
.height-120   { height:  120px; }
.height-130   { height:  130px; }
.height-135   { height:  135px; }
.height-140   { height:  140px; }
.height-150   { height:  150px; }
.height-160   { height:  160px; }
.height-170   { height:  170px; }
.height-175   { height:  175px; }
.height-180   { height:  180px; }
.height-200   { height:  200px; }
.height-260   { height:  260px; }
.height-378   { height:  378px; }
.height-384   { height:  384px; }
.height-440   { height:  440px; }
.height-447   { height:  447px; }
.height-475   { height:  475px; }
.height-480   { height:  480px; }
.height-485   { height:  485px; }
.height-490   { height:  490px; }
.height-510   { height:  510px; }
.height-530   { height:  530px; }
.height-535   { height:  535px; }
.height-540   { height:  540px; }
.height-550   { height:  550px; }
.height-555   { height:  555px; }
.height-560   { height:  560px; }
.height-580   { height:  580px; }
.height-580   { height:  580px; }
.height-600   { height:  600px; }
.height-610   { height:  610px; }
.height-620   { height:  620px; }
.height-680   { height:  680px; }
.height-690   { height:  690px; }
.height-695   { height:  695px; }
.height-700   { height:  700px; }
.height-720   { height:  720px; }
.height-800   { height:  800px; }
.height-960   { height:  960px; }

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 01  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation01
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation01 li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation01 a, ul#Navigation01 span
  {
    float: left;
    width: 101px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 16px; font-weight: bold;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    color: #606060;
    background-color: #D0D0D0;
  }

ul#Navigation01 a:hover, ul#Navigation01 span
  {
    border-color: #FFFFFF;
    border-left-color: black;
    border-top-color: black;
    color: #F0F0F0; 
    background-color: #F08040;
  }

ul#Navigation01 div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 01  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 02  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation02
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation02 li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation02 a, ul#Navigation02 span
  {
    float: left;
    width: 101px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 16px; font-weight: bold;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    color: #909090;
    background-color: #F0F0F0;
  }

ul#Navigation02 a:hover, ul#Navigation02 span
  {
    border-color: #FFFFFF;
    border-left-color: black;
    border-top-color: black;
    color: #F0F0F0; 
    background-color: #00A0A0;
  }

ul#Navigation02 div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 02  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 03  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation03
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation03 li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation03 a, ul#Navigation03 span
  {
    float: left;
    width: 101px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 15px; font-weight: bold;
    border: 1px solid #808080;
    color: #A0A0A0;
    background-color: #FFFFFF;
  }

ul#Navigation03 a:hover, ul#Navigation03 span
  {
    border-color: #009090;
    color: #009090; 
    background-color: #FFFFFF;
  }

ul#Navigation03 div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 03  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 04  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation04
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation04 li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation04 a, ul#Navigation04 span
  {
    float: left;
    width: 101px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 15px; font-weight: bold;
    border: 1px solid #808080;
    color: #A0A0A0;
    background-color: #FFFFFF;
  }

ul#Navigation04 a:hover, ul#Navigation04 span
  {
    border-color: #009090;
    color: #BB0000; 
    background-color: #FFFFFF;
  }

ul#Navigation04 div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 04  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 01a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation01a
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation01a li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation01a a, ul#Navigation01a span
  {
    float: left;
    width: 102.7px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 16px; font-weight: bold;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    color: #606060;
    background-color: #D0D0D0;
  }

ul#Navigation01a a:hover, ul#Navigation01a span
  {
    border-color: #FFFFFF;
    border-left-color: black;
    border-top-color: black;
    color: #F0F0F0; 
    background-color: #F08040;
  }

ul#Navigation01a div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 01a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 02a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation02a
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation02a li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation02a a, ul#Navigation02a span
  {
    float: left;
    width: 102.7px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 16px; font-weight: bold;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    color: #909090;
    background-color: #F0F0F0;
  }

ul#Navigation02a a:hover, ul#Navigation02a span
  {
    border-color: #FFFFFF;
    border-left-color: black;
    border-top-color: black;
    color: #F0F0F0; 
    background-color: #00A0A0;
  }

ul#Navigation02a div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 02a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*     beginn 03a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation03a
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation03a li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation03a a, ul#Navigation03a span
  {
    float: left;
    width: 102.7px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 13.4px; font-weight: bold;
    border: 1px solid #808080;
    color: #A0A0A0;
    background-color: #FFFFFF;
  }

ul#Navigation03a a:hover, ul#Navigation03a span
  {
    border-color: #009090;
    color: #009090; 
    background-color: #FFFFFF;
  }

ul#Navigation03a div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*       ende 03a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation        */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*    beginn 04a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation04a
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation04a li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation04a a, ul#Navigation04a span
  {
    float: left;
    width: 102.5px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 13.4px; font-weight: bold;
    border: 1.4px solid #808080;
    color: #A0A0A0;
    background-color: #FFFFFF;
  }

ul#Navigation04a a:hover, ul#Navigation04a span
  {
    border-color: #009090;
    color: #009090; 
    background-color: #FFFFFF;
  }

ul#Navigation04a div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*      ende 04a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*    beginn 05a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

ul#Navigation05a
  {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
  }

ul#Navigation05a li
  {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

ul#Navigation05a a, ul#Navigation05a span
  {
    float: left;
    width: 71px;
    margin: 1px;
    padding: 1px 1px;
    text-decoration: none;
    font-family: arial,sans-serif; font-size: 13.4px; font-weight: bold;
    border: 1.4px solid #808080;
    color: #A0A0A0;
    background-color: #FFFFFF;
  }

ul#Navigation05a a:hover, ul#Navigation05a span
  {
    border-color: #009090;
    color: #009090; 
    background-color: #FFFFFF;
  }

ul#Navigation05a div
  {
     clear: left;
  }

/*********************************************************************************************/
/*                                                                                           */
/*      ende 05a  :  horizontale navigations-leiste : fuer dynamische CSS-navigation         */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*    beginn  :  transformation, animation, uebergaenge : z.b tooltip, raender, zoom-in      */
/*                                                                                           */
/*********************************************************************************************/

.rand-shadow-0-5px-AAAAAA-00BBBB-0p6mp           {
                                                   box-shadow: -0.6px -0.6px 0px #AAAAAA,
                                                                0.6px  0.6px 0px #AAAAAA;
                                                 }
.rand-shadow-0-5px-AAAAAA-00BBBB-0p6mp:hover     {
                                                   box-shadow: -0.6px -0.6px 5px #00BBBB,
                                                                0.6px  0.6px 5px #00BBBB;
                                                 }

.rand-shadow-0-5px-AAAAAA-00BBBB-01-02mp         {
                                                   box-shadow: -2px -2px 0px #AAAAAA,
                                                                2px  2px 0px #AAAAAA;
                                                 }
.rand-shadow-0-5px-AAAAAA-00BBBB-01-02mp:hover   {
                                                   box-shadow: -1px -1px 5px #00BBBB,
                                                                1px  1px 5px #00BBBB;
                                                 }

.info-tip-01                            {
                                          position: relative;
                                          opacity: 0;
                                          top: -1225px; left: -205px;
                                          width: 135px;
                                          height: 170px;
                                          box-shadow: -1px -1px 5px #00BBBB,
                                                       1px  1px 5px #00BBBB;
                                          background-color: #FFFFFF;
                                          transition: all 1.5s ease;
                                        }
.bereich-info-tip-01:hover .info-tip-01 {
                                          position: relative;
                                          opacity: 1;
                                          top: 239px; left: 213px;
                                        }

.info-tip-02                            {
                                          position: relative;
                                          opacity: 0;
                                          top: -1225px; left: 120px;
                                          width: 135px;
                                          height: 170px;
                                          box-shadow: -1px -1px 5px #00BBBB,
                                                       1px  1px 5px #00BBBB;
                                          background-color: #FFFFFF;
                                          transition: all 1.5s ease;
                                        }
.bereich-info-tip-02:hover .info-tip-02 {
                                          position: relative;
                                          opacity: 1;
                                          top: 239px; left: -300px;
                                        }

/*********************************************************************************************/
/*                                                                                           */
/*      ende  :  transformation, animation, uebergaenge : z.b tooltip, raender, zoom-in      */
/*                                                                                           */
/*********************************************************************************************/