@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;
                }

/****************************************************/
/*                                                  */
/*     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-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-A0A0A0-02 { 
                    border-width: 2px;
                    border-style: solid;
                    border-color: #A0A0A0;
                  }

.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-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-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-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;
                 }

/**************************************/
/*          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-0000FF {
                color:#0000FF;
              }

.color-008800 {
                color:#008800;
              }

.color-009090 {
                color:#009090;
              }

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

.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-DDDDDD {
                color:#DDDDDD;
              }

.color-E8E8E8 {
                color:#E8E8E8;
              }

.color-F08040 {
                color:#F08040;
              }

.color-F0F0F0 {
                color:#F0F0F0;
              }

.color-FF0000 {
                color:#FF0000;
              }

.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-120   { width:   120px; }
.width-145   { width:   145px; }
.width-170   { width:   170px; }
.width-180   { width:   180px; }
.width-190   { width:   190px; }
.width-200   { width:   200px; }
.width-205   { width:   205px; }
.width-210   { width:   210px; }
.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-282   { width:   282px; }
.width-290   { width:   290px; }
.width-300   { width:   300px; }
.width-310   { width:   310px; }
.width-313   { width:   313px; }
.width-320   { width:   320px; }
.width-355   { width:   355px; }
.width-360   { width:   360px; }
.width-380   { width:   380px; }
.width-447   { width:   447px; }
.width-512   { width:   512px; }
.width-525   { width:   525px; }
.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-859   { width:   859px; }
.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; }


.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-160   { height:  160px; }
.height-180   { height:  180px; }
.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-530   { height:  530px; }
.height-535   { height:  535px; }
.height-540   { height:  540px; }
.height-555   { height:  555px; }
.height-560   { height:  560px; }
.height-580   { height:  580px; }
.height-600   { height:  600px; }
.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 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: 15px; 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 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         */
/*                                                                                           */
/*********************************************************************************************/