body {
  color: #000000;
  background-color: #F3EEE7;
  background-image: url(../images/layout/bg-links.png);
  background-position: top left;
  background-repeat: repeat-y;
  font-size: medium;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  min-width: 950px;
}

main {
  display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  text-decoration: none;
  font-weight: bold;
  color: #F3EEE7;
  background-color: #1A885B;
  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: 0px;
  height: 207px;
  background-image: url(../images/layout/bg-oben.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#logo {
  position: absolute;
  top: 30px;
  left: 540px;
  width: 365px;
  height: 88px;
  background-image: url(../images/layout/logo.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#clip {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 299px;
  height: 243px;
  background-image: url(../images/layout/clipart.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#links {
  position: absolute;
  top: 240px;
  left: 0px;
  margin: 0px;
  padding: 5px;
  width: 180px;
}

#content {
  margin: 10px 10px 10px 220px;
  padding: 5px;
}

#unten {
  margin: 10px 10px 10px 220px;
  padding: 5px;
  border-top: 2px solid #D98718;
}

a:link    { color: #D98718; }
a:visited { color: #046EAD; }
a:active  { color: #046EAD; background-color: #F3EEE7; }
a:hover   { color: #F3EEE7; background-color: #1A885B; }
a:focus   { color: #1A885B; background-color: #F3EEE7; }

a.nav         { display: block; padding: 2px 1px; font-size: medium; font-weight: bold; }
a.nav:link    { color: #F3EEE7; text-decoration: none; }
a.nav:visited { color: #F3EEE7; text-decoration: none; }
a.nav:active  { color: #F3EEE7; text-decoration: none; background-color: #1A885B; }
a.nav:hover   { color: #D98718; text-decoration: underline; background-color: #F3EEE7; }
a.nav:focus   { color: #F3EEE7; text-decoration: none; background-color: #1A885B; }

a.navakt         { display: block; padding: 2px 1px; font-size: medium; font-weight: bold; background-color: #F3EEE7; }
a.navakt:link    { color: #046EAD; text-decoration: none; }
a.navakt:visited { color: #046EAD; text-decoration: none; }
a.navakt:active  { color: #046EAD; text-decoration: none; }
a.navakt:hover   { color: #046EAD; text-decoration: underline; }
a.navakt:focus   { color: #046EAD; text-decoration: none; }

h1, h2, h3, h4 {
  color: #046EAD;
}

@media only screen and (max-width: 949px) {

  body {
    background-image: none;
    min-width: 0;
  }

  #menu {
    display: none;
  }

  /*Display 'show menu' link*/
  .show-menu {
    display: block;
  }

  #oben {
    height: 114px;
    background-image: url(../images/layout/bg-oben-m.png);
  }

  #logo {
    position: relative;
    top: 13px;
    margin: 0 auto;
    left: 0;
  }

  #clip {
    display: none;
  }

  #links {
    position: static;
    top: 0;
    left: 0;
    margin: 0;
    width: auto;
    background-color: #1A885B;
  }

  #content {
    margin: 0;
  }

  #unten {
    margin: 0;
  }

  a.nav, a.navakt {
    padding: 10px;
  }

} /* @media only screen and (max-width: 949px) */