/* ========================================================================== */
/* =======   |XL|   |XL|   |XL|   |XL|   |XL|   |XL|   |XL|   |XL|   ======== */
/* ========================================================================== */
@media screen and (min-width: 1681px)
{
   tt.CSSTEST
   { 
   margin-top:       35px;
   color:            #FF0000;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.375em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  2.0em;
   padding-right: 3.25em;
   padding-bottom:0.7em;
   padding-top:   0.7em;
   width: 120px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.75em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none; background-color:#80FF80;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height: 144px;
   top:     50px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:       35px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        2.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:       35px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:45px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   }
   
   td.Navigation
   {
   padding-top:         6px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.375em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         6px;
   padding-left:       35px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.5em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         6px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.5em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         6px;
   padding-right:       35px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.5em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:40px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      1.5em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       35px;
   line-height:      1.75em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.625em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       25px;
   line-height:      1.5em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.375em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     40px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.625em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     40px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.375em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     30px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.75em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000; background-color:#80FF80;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:35px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       35px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   position:relative;
   margin-left:10px; margin-top:20px; margin-bottom:70px; 
   width:95%; z-index:3;
   }
   
   em.Print
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Print:link    { color:blue; text-decoration:underline;}
   a.Print:visited { color:blue; text-decoration:underline;}
   a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
   a.Print:focus   { color:blue; text-decoration:underline;}
   a.Print:active  { color:blue; text-decoration:underline;}
}

/* ========================================================================== */
/* =======   |-L|   |-L|   |-L|   |-L|   |-L|   |-L|   |-L|   |-L|   ======== */
/* ========================================================================== */
@media screen and (min-width: 1025px) and (max-width: 1680px)
{
   tt.CSSTEST
   { 
   margin-top:       27px;
   color:            #FF00FF;
   line-height:      1.375em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  1.25em;
   padding-right: 2.25em;
   padding-bottom:0.7em;
   padding-top:   0.7em;
   width: 100px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none; background-color:#80FF80;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height: 124px;
   top:     30px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:       27px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.625em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:       27px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:45px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   }
   
   td.Navigation
   {
   padding-top:         7px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.250em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         7px;
   padding-left:       25px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.250em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         7px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.250em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         7px;
   padding-right:       25px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.250em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:35px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       35px;
   line-height:      1.625em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       25px;
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       20px;
   line-height:      1.375em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     35px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.5em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     35px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.25em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     25px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.75em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000; background-color:#80FF80;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:35px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       35px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   position:relative;
   margin-left:10px; margin-top:20px; margin-bottom:70px; 
   width:95%; z-index:3;
   }
   
   em.Print
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Print:link    { color:blue; text-decoration:underline;}
   a.Print:visited { color:blue; text-decoration:underline;}
   a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
   a.Print:focus   { color:blue; text-decoration:underline;}
   a.Print:active  { color:blue; text-decoration:underline;}
}

/* ========================================================================== */
/* =======   |-M|   |-M|   |-M|   |-M|   |-M|   |-M|   |-M|   |-M|   ======== */
/* ========================================================================== */
@media screen and (min-width:  801px) and (max-width: 1024px)
{
   tt.CSSTEST
   { 
   margin-top:       20px;
   color:            #FFFF00;
   line-height:      1.250em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  1.0em;
   padding-right: 1.625em;
   padding-bottom:0.5em;
   padding-top:   0.5em;
   width:  90px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none; background-color:#80FF80;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height: 107px;
   top:     30px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:       20px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:       20px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:30px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   }
   
   td.Navigation
   {
   padding-top:         1px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         1px;
   padding-left:       20px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         1px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         1px;
   padding-right:       20px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:30px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      1.0em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       25px;
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       15px;
   line-height:      1.250em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       10px;
   line-height:      1.250em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     30px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.5em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     30px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.25em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     20px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.75em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000; background-color:#80FF80;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:35px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       35px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.5em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   position:relative;
   margin-left:10px; margin-top:20px; margin-bottom:70px; 
   width:95%; z-index:3;
   }
   
   em.Print
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Print:link    { color:blue; text-decoration:underline;}
   a.Print:visited { color:blue; text-decoration:underline;}
   a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
   a.Print:focus   { color:blue; text-decoration:underline;}
   a.Print:active  { color:blue; text-decoration:underline;}
}

/* ========================================================================== */
/* =======   |-S|   |-S|   |-S|   |-S|   |-S|   |-S|   |-S|   |-S|   ======== */
/* ========================================================================== */
@media screen and (min-width:  501px) and (max-width:  800px)
{
   tt.CSSTEST
   { 
   margin-top:       14px;
   color:            #00FFFF;
   line-height:      1.250em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  0.75em;
   padding-right: 1.125em;
   padding-bottom:0.5em;
   padding-top:   0.5em;
   width:  60px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none; background-color:#80FF80;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height:  77px;
   top:     22px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:       14px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:       14px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:30px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   }
   
   td.Navigation
   {
   padding-top:         2px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:        0.85em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         3px;
   padding-left:       12px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         3px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:         1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         2px;
   padding-right:       12px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:25px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      1.0em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       25px;
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       20px;
   line-height:      1.250em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       17px;
   line-height:      1.250em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     30px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.375em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     30px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.25em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     20px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.75em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000; background-color:#80FF80;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:35px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       35px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   position:relative;
   margin-left:10px; margin-top:20px; margin-bottom:70px; 
   width:95%; z-index:3;
   }
   
   em.Print
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Print:link    { color:blue; text-decoration:underline;}
   a.Print:visited { color:blue; text-decoration:underline;}
   a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
   a.Print:focus   { color:blue; text-decoration:underline;}
   a.Print:active  { color:blue; text-decoration:underline;}
}

/* ========================================================================== */
/* =======   |XS|   |XS|   |XS|   |XS|   |XS|   |XS|   |XS|   |XS|   ======== */
/* ========================================================================== */
@media screen and (min-width:    1px) and (max-width:  500px)
{
   tt.CSSTEST
   { 
   margin-top:        8px;
   color:            #00FF00;
   line-height:      1.125em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  0.5em;
   padding-right: 0.750em;
   padding-bottom:0.375em;
   padding-top:   0.375em;
   width:  50px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none; background-color:#80FF80;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height:  64px;
   top:     22px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:        8px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:        6px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:30px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   }
   
   td.Navigation
   {
   padding-top:         4px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         5px;
   padding-left:        8px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         5px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         5px;
   padding-right:        5px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       0.625em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:20px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      0.875em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       15px;
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       15px;
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       15px;
   line-height:      1.125em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     25px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.375em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     25px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.25em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     15px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.75em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000; background-color:#80FF80;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:35px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       35px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.125em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   position:relative;
   margin-left:10px; margin-top:20px; margin-bottom:70px; 
   width:95%; z-index:3;
   }
   
   em.Print
   { 
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.875em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Print:link    { color:blue; text-decoration:underline;}
   a.Print:visited { color:blue; text-decoration:underline;}
   a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
   a.Print:focus   { color:blue; text-decoration:underline;}
   a.Print:active  { color:blue; text-decoration:underline;}
}

/* ========================================================================== */
/* =======   |PR|   |PR|   |PR|   |PR|   |PR|   |PR|   |PR|   |PR|   ======== */
/* ========================================================================== */
@media print
{
   tt.CSSTEST
   { 
   margin-top:       20px;
   line-height:      1.250em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.375em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   #LOGO
   {
   padding-left:  0.5em;
   padding-right: 1.25em;
   padding-bottom:0.5em;
   padding-top:   0.5em;
   width:  90px;
   height: auto;
   }
   
   /* -------------------------------------------------------------------------- */
   h4.Eyecatcher
   { 
   color:            #FF0000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   line-height:      1.5em;
   }
   a.Eyecatcher:link    { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:visited { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:hover   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:focus   { color:#FF0000; text-decoration:none;}
   a.Eyecatcher:active  { color:#FF0000; text-decoration:none;}
   
   h4.Eyecatcher {animation: textwelle 4s;}
   @keyframes textwelle {
    30%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    35%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    40%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    45%  {transform: scale(1.5) translatex(350px) translatey(10px); opacity: 1;}
    50%  {transform: scale(1.5) translatex(350px) translatey(-10px);opacity: 1;}
    80%  {transform: scale(1.5) translatex(350px);opacity: 1;}
    100% {transform: scale(1.0);opacity: 1;}}
    
   /* -------------------------------------------------------------------------- */
   #TITLE
   {
   position:static;
   height: 107px;
   top:     30px;
   margin:  -8px;
   padding: -4px;
   border:   0px;
   background-image: linear-gradient(to left, transparent, #0098d4),url("../graphics/bayernflagge.gif");
   background-size: cover;
   overflow:hidden;
   z-index:3;
   }
   
   h1.Title
   { 
   margin-top:       20px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Title
   { 
   margin-top:       20px;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #NAVIGATION
   {
   position:fixed; height:30px; bottom:0px; left:0px; right:0px; width:100%;
   
   border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
   display: none;
   }
   
   td.Navigation
   {
   padding-top:         0px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_left
   {
   padding-top:         0px;
   padding-left:       30px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_center
   {
   padding-top:         0px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:       1.125em;
   font-weight:      normal;
   font-style:       normal;
   }
   td.Navigation_right
   {
   padding-top:         0px;
   padding-right:        0px;
   font-family:     "Verdana","Arial", sans-serif;
   font-size:           0em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   a.Navigation:link    { color:#222222; text-decoration:none;}
   a.Navigation:visited { color:#222222; text-decoration:none;}
   a.Navigation:hover   { color:#222222; text-decoration:none;}
   a.Navigation:focus   { color:#222222; text-decoration:none;}
   a.Navigation:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   span.MAINMENU
   {
   padding-right:    2px;
   color:            #303030;
   font-weight:      bold;
   }
   
   /* -------------------------------------------------------------------------- */
   #CONTENT
   {
   position:static;
   margin-left:10px; margin-top:30px; margin-bottom:60px;
   width:95%; z-index:3;
   }
   
   em.Content
   { 
   line-height:      1.0em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   }
   
   h1.Content
   { 
   margin-top:       25px;
   line-height:      1.375em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.25em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h2.Content
   {
   margin-top:       15px;
   line-height:      1.250em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   h3.Content
   {
   margin-top:       10px;
   line-height:      1.250em;
   color:            #0000FF;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       italic;
   text-align:       left;
   }
   h4.Content
   {
   margin-top:       20px;
   line-height:      1.5em;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.2em;
   font-weight:      bold;
   font-style:       normal;
   text-align:       left;
   }
   
   img.Content
   {
   max-width: 100%;
   height:  auto;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   }
   
   video.Content
   {
   max-width: 100%;
   height:  auto;
   }
   
   a.Content:link    { color:#222222; text-decoration:none;}
   a.Content:visited { color:#222222; text-decoration:none;}
   a.Content:hover   { color:#222222; text-decoration:none;}
   a.Content:focus   { color:#222222; text-decoration:none;}
   a.Content:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste
   {
   padding-left:     30px;
   list-style-type:  none;
   }
   
   li.Liste
   {
   margin-top:       0px;
   line-height:      1.5em;
   color:            red;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.0em;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste:link    { color:#222222; text-decoration:none;}
   a.Liste:visited { color:#222222; text-decoration:none;}
   a.Liste:hover   { color:#222222; text-decoration:none;}
   a.Liste:focus   { color:#222222; text-decoration:none;}
   a.Liste:active  { color:#222222; text-decoration:none;}
   
   /* -------------------------------------------------------------------------- */
   ul.Liste2
   {
   padding-left:     30px;
   list-style-type:  disc;
   }
   
   li.Liste2
   {
   margin-top:       0px;
   line-height:      1.125em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   /* -------------------------------------------------------------------------- */
   ol.Liste3
   {
   padding-left:     20px;
   }
   
   li.Liste3
   {
   margin-top:       0px;
   line-height:      1.375em;
   color:            #000000;
   font-family:      "Verdana","Arial", sans-serif;
   font-weight:      normal;
   font-style:       normal;
   text-align:       left;
   text-decoration:  none;
   }
   
   a.Liste3:link    { color:#000000;}
   a.Liste3:visited { color:#000000;}
   a.Liste3:hover   { color:#000000;}
   a.Liste3:active  { color:#000000;}
   
   /* ----------------------------------------------------------- text-decoration:none;----------#80FF80----- */
   #REFERENCES
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.References
   {
   line-height:      0.75em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   a.References:link    { color:#222222; text-decoration:none;}
   a.References:visited { color:#222222; text-decoration:none;}
   a.References:hover   { color:#222222; text-decoration:none;}
   a.References:focus   { color:#222222; text-decoration:none;}
   a.References:active  { color:#222222; text-decoration:none;}
   
   h1.References
   {
   margin-top:       0px;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        1.125em;
   font-weight:      bold;
   font-style:       italic;
   text-align:       left;
   }
   
   /* -------------------------------------------------------------------------- */
   #FOOTER
   {
   position:relative;
   margin-left:10px; margin-top:20px;
   width:95%; z-index:3;
   }
   
   em.Footer
   {
   line-height:      1.0em;
   color:            #222222;
   font-family:      "Verdana","Arial", sans-serif;
   font-size:        0.75em;
   font-weight:      normal;
   font-style:       italic;
   }
   
   /* -------------------------------------------------------------------------- */
   #PRINT
   {
   display: none;
   }
   /* -------------------------------------------------------------------------- */
   #NEWPAGE
   {
   page-break-before:always;
   }
}

