/* stylesheet  ab 6.11.20 https://www.mediaevent.de/css/media-queries.html */

/* Standard: Wird die Breite des Viewports mit width=device-width angegeben, skaliert der Browser die Seite automatisch auf die 100%-Ansicht. */
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
 @viewport {
   width: device-width;
   zoom:1;   
}
body { 
   background-image:url(starsinspace.gif);   background-repeat:repeat;    background-attachment:scroll; 
    margin-left: auto; margin-right: auto; }




a:link { font-weight:bold; font-size:90%; color:#B40431; text-decoration:none; }
a:visited { font-weight:bold; font-size:90%; color:dimgray; text-decoration:none }
a:hover { font-weight:bold; font-size:90%; text-decoration:underline; color:red; }
a:active { font-weight:bold; font-size:90%; color:#0B2161; text-decoration:none;}






p  { font-family:arial, helvetica, sans-serif; font-size:90%;  font-weight:normal; color:#222222 }
h6 { font-family:arial, helvetica, sans-serif; font-size:medium; font-weight:normal; color:#222222 }
h5 { font-family:arial, helvetica, sans-serif; font-size:medium; font-weight:normal; color:#003366 }
h4 { font-family:arial, helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:navy}
h3 { font-family:arial, helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:darkblue }
h2 { font-family:arial, helvetica, sans-serif; font-size:1.125em; font-weight:normal; color:darkblue }
h1 { font-family:arial, helvetica; sans-serif; font-size:1.375em; color:darkblue }
em  { font-weight:bold; font-size:90%; }
emblue { font-style:normal; font-size:90%; font-weight:bold; color:#0033cc }
b { font-size:90%; font-weight:bold }
ks { font-family:arial, helvetica, sans-serif; font-size:small;  font-weight:normal; color:#222222 } 
i { font-style:italic; font-size:90%; font-weight:bold; color:#0033cc }



a.menu {
      display:block;
      color:#000000;
      background-color:white;
      width:140px;
      height:22px; 
      padding:0px;
      font-size:80%;
      font-family:arial, helvetica, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:2px;
      border:0px;
      background-image:url(butlavend3.jpg);
      }

a.menu:link   { display:block; color:white; background-color:transparent; background-image:url(butblue.jpg);}

a.menu:visited { display:block; color:white; background-color:transparent; text-decoration:none}
a.menu:hover   { display:block; color:black; background-color:transparent; background-image:url(butpink.jpg);}
a.menu:active  { display:block; color:#003399; background-color:#a03; text-decoration:none }



/* stylesheet  ab 6.11.20 https://www.mediaevent.de/css/media-queries.html */