@charset "utf-8";
@import url(mini-reset.css);

/* Regel für Seitenhintergrund, Schriftart */
body {
  font: 13px/22px Helvetica, Arial, sans-serif;
  background-color: #33668b;
}

/* Regel für zentrierten Bereich */
  body div {
    width: 920px;
    background-color:#ffffff;
    position: relative;
    margin: 0px auto;
    border-radius: 0px 8px 0px 0px;
    box-shadow:10px 0 20px 2px black;
  }

header h1 {
  position: absolute;
  color: #67819E;
  background-color: #292829;
  z-index: 1;
  right: 0px;
  top: 100px;
  font-size: 36px;
  font-weight: 900;
  padding: 25px 40px 35px 40px;
}

header h1 + p {
  position: absolute;
  color: #E8E9CB;
  background-color: #336789;
  z-index: 2;
  right: 20px;
  top: 160px;
  padding: 2px;
}

header img {
  border-radius: 0px 8px 0px 0px;
}


/* ----------------------------------- Navigation */
nav {
	position: absolute;
	height: 40px;
	width: 100%;
	top: 240px;
	background-color: #8F8E93;
}
  nav ol {
  	width: 500px;
  }

    /* Regel, um Listenelemente nebeneinander darzustellen */
    nav ol li {
      float: left;
    }

      /* Regel für die Darstellung der Navigationslinks */
      nav ol li a {
        display: block;
        height: 20px;
        padding: 12px 0 8px 15px;
        width: 100px;
        text-decoration: none;
        color: #E8E9CB;
        font-weight: 600;
      }

      /* Navigationslinks sollen beim Mouseover die Hintergrundfarbe ändern */
      nav ol li a:hover {
        background-color: #336789
      }

/* Mehrere Regeln für die Darstellung des Haupttexts */
main {
  margin: 30px;
  padding: 20px;
  margin-right: 350px;
}

  main h2 {
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  main footer {
    padding-top: 10px;
  }

    main footer p:first-child {
    padding-top: 10px;
    color: #67819E;
    font-weight: bold;
  }

/* ----------------------------------- Termin-Spalte */
aside {
  position: absolute;
  width: 260px;
  top: 240px;
  right: 50px;
  background-image: url(img/angebote_hg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 260px auto;
  background-color: #ebe8c9;
  height: auto;
  padding-bottom: 200px;
}

  aside h2 {
    height: 20px;
    padding: 12px 0 8px 15px;
    color: #E8E9CB;
    background-color: #366789;
  }

  /* Regeln für die Absätze mit den Terminen */
  aside .termin {
    font-weight: bold;
    display: block;
  }

  aside p {
    padding: 10px 10px 0px 10px;
  }

  aside footer {
    position: absolute;
    bottom: 5px;
    right: 0px;
    font-size: 10px;;
    color: #E8E9CB;
    line-height: 1.2em;
  }

/* ----------------------------------- Browser-spezifische Korrekturen */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */