@charset "utf-8";

html, body
  {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  height: 100%;
  }

body
  {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color: #ffffff;
  }

strong { font-weight: bold; }

.aussen
  {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  }

.kalender
  {
  background-color: #ffffff;
  }

.kalendertitellinks
  {
  vertical-align: middle;
  text-align: left;
  }

.kalendertitelrechts
  {
  vertical-align: middle;
  text-align: right;
  }

.kalendertitelmitte
  {
  font-size: 42pt;
  font-weight: bold;
  vertical-align: bottom;
  text-align: center;
  color: #015794;
  }

.logo
  {
  height: 55px;
  }

.dropdown
  {
  position: relative;
  top: 1px;
  font-size: 42pt;
  font-weight: bold;
  vertical-align: bottom;
  background-color: #ffffff;
  color: #015794;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0px solid transparent;
  padding: 0px;
  cursor: pointer;
  }

.auflistung { font-size: 12pt; }

select::-ms-expand { display: none; } /* Speziell für IE und Edge */

.monatsrahmen
  {
  vertical-align: top;
  padding: 0px;
  }

.monatsname
  {
  font-size: 22pt;
  font-weight: bold;
  text-align: center;
  color: #015794;
  border-bottom: 3px solid #000000;
  }

.samstag { background-color: #cccccc; color: #777777; }
.sonntag { background-color: #ffcccc; color: #cc0000; }

.tagesnummer
  {
  height: 31px;
  font-size: 16pt;
  font-weight: bold;
  vertical-align: bottom;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: right;
  }

.marker
  {
  animation: blinker 0.5s infinite;
  font-size: 8pt;
  font-weight: bold;
  background-color: #cc0000;
  }
      
@keyframes blinker
  {
  from { opacity: 1.0; }
  50% { opacity: 0; }
  to { opacity: 1.0; }
  }

.tagesname
  {
  font-size: 8pt;
  vertical-align: bottom;
  padding-top: 0px;
  padding-bottom: 3px;
  text-align: left;
  }

.eintrag
  {
  width: 110px;
  font-size: 8pt;
  vertical-align: bottom;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: #000000;
  }

.wochennummer
  {
  font-size: 8pt;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
  color: #aaaaaa;
  }

.mondphase
  {
  font-size: 8pt;
  font-weight: bold;
  vertical-align: bottom;
  text-align: right;
  }

.tagesnummer, .tagesname, .mondphase
  {
  border-bottom: 1px solid #aaaaaa;
  }

.hyperhyper
  {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 36pt;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  color: #015794;
  text-decoration: none;
  }