a:link { background-color: transparent; color: #CC3300; }
a:visited { background-color: transparent; color: #AA8800; }
a:hover { background-color: transparent; color: #FF4500; }
a:active { background-color: transparent; color: #CC3300; }
body { background: #FFFAF6; background: #FFF;  color: #000; font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 0.7em; line-height: 1.4; margin: 0 0 10px 0; padding: 0; }
caption { font-weight: bold; padding-bottom: 0.25em; text-align: left; }
fieldset { background-color: #FAF0E6; border: 1px solid #C71585; color: #000000; margin: 0.25em 0 1em 0; padding: 0.5em; }
form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { background-color: transparent; color: #333333; margin: 1em 0 0.25em 0; }
h1 { font-size: 1.5em; color: #fff; background-color: #333; border-bottom: 5px solid #FF4500; margin: 0; padding: 0.25em 0.5em;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
img { border: 1px solid; margin: 0.25em 0; }
img.floatleft { float: left; margin-right: 0.5em; }
img.floatright { float: right; margin-left: 0.25em; }
input.submit { background-color: #C71585; color: #FFFFFF; }
label { background-color: transparent; color: #C71585; font-weight: bold; }
legend { background-color: #FFFFFF; border: 1px solid; color: #C71585; padding: 0.25em 0.5em; }
ol, ul, li { padding: 0; margin: 0; }
li { margin-bottom: 0.75em; }
ol { margin: 0.25em 0.5em 1em 2em; }
p { margin: 0.25em 0 0.75em 0; }
table { border: 0; border-collapse: collapse; font-size: 1em; }
table.formlayout th { background-color: transparent; color: #C71585; }
table.formlayout, table.formlayout td, table.formlayout th { border: 1px solid #fff;  background-color: #FFCC99; }
th, td { border: 1px solid #fff; padding: 0.3em; color: #000; background-color: #FFE9D2; }
th { background-color: #FFCC99; color: #000000; text-align: left; }
ul { margin: 0.25em 0.5em 1em 2em; }

#wrapper { margin: 10px 15px;}
#mainNav { margin-bottom: 20px; }
#mainNav ul { margin: 0; padding: 0; }
#mainNav li { display: inline; margin: 0; padding: 0;}
#mainNav a { text-decoration: none; padding: 5px; color: #FFF; background-color:  #FF4500; font-weight: bold; margin-right: 3px; }
#mainNav span { text-decoration: none; padding: 5px; color: #FF0; background-color:  #FF4500; font-weight: bold; margin-right: 3px; }

#mainNav A.aktual { color: #ff0; background-color: #333; }
#mainNav a:hover { color: #FFF; background-color:  #333; }
p.footer { margin-top: 2.5em; border-top: 1px solid; color: #333; background-color: transparent; font-size: 0.85em; padding: 0.25em; }
.stav0 {
background-color: #ff0;
}
.stav1 {
background-color: #afa;
}
.stav2 {
background-color: #faa;
}

.result {
border: 1px solid #0f0;
padding:10px;
margin:10px;
background-color: #efe;
}

.odd TD {background-color:#FFE9D2}
.even TD {background-color:#FFF9E2}
.right {text-align:right;}

.number {
text-align:right;
}

/* Tablet responsive styles */
@media screen and (max-width: 1024px) {
  /* Constrain select dropdowns in tables */
  table select {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Constrain text inputs */
  table input[type="text"] {
    max-width: 120px;
  }

  /* Smaller submit buttons */
  table input[type="submit"] {
    font-size: 0.9em;
    padding: 3px 6px;
  }
}

@media screen and (max-width: 768px) {
  /* Even narrower for smaller tablets */
  table select {
    max-width: 140px;
  }

  table input[type="text"] {
    max-width: 100px;
  }

  /* Reduce table cell padding */
  th, td {
    padding: 0.2em;
  }
}


/* Auto dark mode - peach background when system is in dark mode */
@media (prefers-color-scheme: dark) {
  body { background: #fff5eb; }
}