/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  background: #1a8497;
  color: #333;
}

div.wrapper {
  margin: 0 auto;
  background: #fff;
  max-width: 960px;
}

a {
  color: #1a8497;
}

a:hover,
a:active,
a:focus {
  color: #333;
}

h1 {
  padding: 10px 20px;
  margin: 0;
}

div.teaser {
  background: transparent url(../img/teaser1.jpg) no-repeat center center;
  color: rgba(255, 255, 255, 1);
  padding: 50px;
}

div.teaser h2 {
  font-size: 50px;
}

div.teaser h3 {
  font-size: 40px;
}

div.teaser p {
  font-size: 24px;
}

div.teaser * {
  text-shadow: 0 0 5px #000;
  text-align: center;
}

div.content {
  padding: 50px;
  text-align: center;
  font-size: 20px;
}

div.imprint {
  margin: 0 auto;
  max-width: 520px;
  font-size: 12px;
  padding: 0 50px 50px 50px;
}