/* villa.css  (Papaki-Fassung)  2021-04-02 */

*          { color:#202060; font:12pt verdana,arial,sans-serif; }

h1         { margin:0; font-size:160%; color:#2020B0; padding:12px 0 8px; }
h2         { margin:0; font-size:140%; color:#2020B0; text-align:left; }
h3         { margin:0; font-size:120%; color:#2020B0; padding-top:12px; }
h6         { margin:0 0 8px 30px; font-weight:normal; display:list-item; text-align:left; }

p          { width:97%; margin:0; padding:8px 3px; text-align:left; line-height:140%; }
iframe     { width:100%; height:200px; border:none; }

html, body { margin:0; padding:0; }
th         { font-weight:bold; }
b          { font-weight:bold; font-size:100%; }
strong     { font-weight:bold; color:#2020B0; }

.flagge        { border:solid 1px #8080A0; border-radius:4px; }
.rahmen5       { background:white; border:solid 1px #808080; border-radius:5px; padding:5px 12px; }
.rahmen5:hover { border-color:#0050FF; }

.mapframe  { width:750px; height:500px; margin:0; border:none; border:solid 1px #C0C0C0; border-radius:10px; }
.kopfzeile { width:98%; }

.auf       { font-size:140%; color:#0030FF; text-align:right; display:table-cell; }
.zu        { font-size:140%; color:#0030FF; text-align:right; display:none; }

.dias      { width:97%; padding:8px 3px 0; text-align:center; }
.diarahmen { max-width:100%; border:solid 1px #C0C0C0; border-radius:10px; }
.diatitel  { font-style:italic; text-align:center; }
.diaminus  { position:absolute; cursor:pointer; left:0; top:0; width:48%; height:100%; }
.diaplus   { position:absolute; cursor:pointer; right:0; top:0; width:48%; height:100%; }
.dialinks  { position:absolute; cursor:pointer; left:10px; top:220px; }
.diarechts { position:absolute; cursor:pointer; right:10px; top:220px; }
.diapfeil  { display:none; opacity:80%; filter:alpha(opacity=0.8) }

.linksA    { font-size:140%; color:#0030FF; width:30px; text-align:left; cursor:pointer; }
.linksI    { font-size:140%; color:#808080; width:30px; text-align:left; }
.rechtsA   { font-size:140%; color:#0030FF; width:30px; text-align:right; cursor:pointer; }
.rechtsI   { font-size:140%; color:#808080; width:30px; text-align:right; }

.ticker1   { font-size:140%; color:#2020B0; margin:10px 0 5px; }
.ticker2   { font-size:110%; color:#2020B0; margin:5px 0 10px; }
.t-frame   { height:350px; width:100%; border:none; }

.bereich-D { display:block; }
.bereich-M { display:none; }

a:link     { color:#0030FF; text-decoration:none; }
a:visited  { color:#0030FF; text-decoration:none; }
a:active   { color:#E03000; text-decoration:none; }
a:hover    { color:#E03000; text-decoration:none; }

a.menu         { color:white; font-size:85%; cursor:pointer; padding:4px; text-decoration:none; white-space:nowrap; }
a.menu:link    { color:white; }
a.menu:visited { color:white; }
a.menu:hover   { color:#60E0FF; }
a.menu:active  { color:#60E0FF; }

.popup         { color:#0030FF; font-size:15pt; cursor:pointer; padding:4px 0; text-align:left; white-space:nowrap; }
.popup:link    { color:#0030FF; }
.popup:visited { color:#0030FF; }
.popup:hover   { color:#60E0FF; }
.popup:active  { color:#60E0FF; }

.header1       { font-size:160%; color:white; }
.header1:hover { color:#60E0FF; }
.header2       { font-size:100%; color:white; }

.anzeige       { font-size:95%; text-align:left; border:1px solid #A0A0A0; border-radius:3px; padding:4px 6px;
                 background:linear-gradient(white,#D0D0D0); }
.button        { font-size:95%; border:1px solid #A0A0A0; border-radius:3px; padding:2px 10px 5px;
                 color:#0030FF; background:linear-gradient(white,#D0D0D0); }
.button:hover  { color:white; background:#0040FF; }

.heute         { width:33px; height:24px; text-align:center; background:#FFE040; }
.normal        { width:33px; height:24px; text-align:center; background:#E0E0E0; }
.samstag       { width:33px; height:24px; text-align:center; background:#BDD6F0; }
.sonntag       { width:33px; height:24px; text-align:center; background:#99CCFF; }

.normal-0      { width:33px; height:24px; text-align:center; background:#E0E0E0; color:#A0A0A0; }
.samstag-0     { width:33px; height:24px; text-align:center; background:#BDD6F0; color:#A0A0A0; }
.sonntag-0     { width:33px; height:24px; text-align:center; background:#99CCFF; color:#A0A0A0; }

.wochentag     { width:33px; height:24px; font-weight:bold; color:white; background:#707080; }
.blaettern     { font-size:130%; width:25px; text-align:center; }

input[type="email"] { font-size:100%; border:1px solid #A0A0A0; border-radius:3px; padding:2px 0 3px 6px;
                      background:linear-gradient(white,#D0D0D0); }

@media only screen and (max-width:530px) {
  h1 { font-size:135%; padding-top:8px; }
  h2 { font-size:120%; }
  h3 { font-size:110%; }
  h6 { margin:2px 0 12px 30px; }

  p      { line-height:130%; }
  iframe { height:150px; }

  .rahmen5   { padding:3px 8px; }
  .mapframe  { width:100%; height:360px; }

  .dialinks  { display:none; }
  .diarechts { display:none; }

  .t-frame   { height:250px; }

  .bereich-D { display:none; }
  .bereich-M { display:block; }

  .header1   { font-size:140%; }
  .header2   { font-size:100%; }

  .heute     { width:38px; height:28px; }
  .normal    { width:38px; height:28px; }
  .samstag   { width:38px; height:28px; }
  .sonntag   { width:38px; height:28px; }

  .normal-0  { width:38px; height:28px; }
  .samstag-0 { width:38px; height:28px; }
  .sonntag-0 { width:38px; height:28px; }

  .wochentag { width:38px; height:28px; }
  .blaettern { font-size:160%; width:30px; }

  input[type="email"] { font-size:110%; padding:5px 0 3px 6px; }
}