body {
  color: #040DA8;
  background-color: #FEE77D;
  background-image: url(../images/00H2_Relief_Einzelbild.jpg);
  font-size: medium;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

main {
  display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  text-decoration: none;
  font-weight: bold;
  color: #3C4196;
  padding: 10px;
  display: none;
}

/*Hide checkbox*/
nav input[type=checkbox] {
  display: none;
  -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
  display: block;
}

#oben {
  margin: 0;
  height: 120px;
  background-image: url(../images/banner.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

#menue {
  display: none;
}

#content {
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.2em;
  height: 100%;
}

#unten {
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.2em;
  background-color: #EAD470;
}

a:link    { color: #2E33D3; }
a:visited { color: #04087D; }
a:active  { color: #000000; }
a:hover   { color: #6A6FF8; }
a:focus   { color: #000000; }

a.nav         { display: block; padding: 1px; font-weight: bold; }
a.nav:link    { color: #2E33D3; text-decoration: none; }
a.nav:visited { color: #04087D; text-decoration: none; }
a.nav:active  { color: #000000; text-decoration: none; }
a.nav:hover   { color: #6A6FF8; text-decoration: underline; background-color: #FFF0AB; }
a.nav:focus   { color: #000000; text-decoration: none; }

a.navakt         { display: block; padding: 1px; font-weight: bold; background-color: #FFD51C; }
a.navakt:link    { color: #6A6FF8; text-decoration: none; }
a.navakt:visited { color: #6A6FF8; text-decoration: none; }
a.navakt:active  { color: #000000; text-decoration: none; }
a.navakt:hover   { color: #6A6FF8; text-decoration: underline; }
a.navakt:focus   { color: #000000; text-decoration: none; }

h1 {
  color: #E35E16;
  font-size: x-large;
  margin-top: 0;
}

h2 {
  color: #E35E16;
  font-size: x-large;
}

h3 {
  color: #E35E16;
  font-size: large;
}

h4 {
  color: #E35E16;
  font-size: medium;
}

p {
  text-align: justify;
}

img {
  max-width: 100%;
  height: auto;
}

div.imgcontainer {
}

.imgleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: small;
}

.imgright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: small;
}

.img {
  font-size: small;
  margin-bottom: 10px;
}

div.beschriftung {
  padding-left: 3px;
}

.clear {
  clear: both;
}

form input.textfeld, form select {
  width: 300px;
}

form input.absenden {
  margin: 0 0 0 200px;
  padding: 5px;
  width: 300px;
  font-size: medium;
  font-weight: bold;
  color: #040DA8;
  background-color: #FFD51C;
  border: 1px solid #040DA8;
}

form input.absenden:hover {
  background-color: #FFF0AB;
}

form textarea.textbox {
  width: 300px;
  height: 100px;
}

form label {
  display: block;
  width: 200px;
  float: left;
  white-space: normal;
}

div.fieldwrap {
  margin: 5px 0;
  clear: both;
}

div.zusatztext {
  margin-left: 200px;
}

.error {
  color: #F91640;
  font-weight: bold;
}

table.info {
  border: 1px solid #040DA8;
  border-collapse: collapse;
}

table.info td {
  padding: 2px;
}

table.info tr {
  background-color: #FFD51C;
}

table.info tr.hell {
  background-color: #FFED9D;
}

table.info tr.dunkel {
  background-color: #EAD470;
}

table.info tr.mittel {
  background-color: #F4E086;
}

div.cols3 {
  width: auto;
  column-count: 3;
  column-width: 300px;
}

.first {
  margin-top: 0;
}

h4.list {
  margin-bottom: 5px;
}

ul.check {
  margin-top: 5px;
  list-style-type: "\2713  ";
}

ul.cross {
  margin-top: 5px;
  list-style-type: "\2717  ";
}

ul.rarr {
  margin-top: 5px;
  list-style-type: "\2794  ";
}

iframe.karte {
  width: 100%;
}

div#map {
  height: 350px;
  border: 1px solid #040DA8;
  margin: 15px 0;
}

.video-container {
  position: relative;
  margin: 20px 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}