* {
  margin: 0;
  padding: 0;
}
html,body {
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Cormorant', serif;
  font-size: 20px;
  color: #282828;
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#FFF, #BBB); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FFF, #BBB); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FFF, #BBB); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FFF, #BBB); /* Standard syntax */
}

#content {
  width: 900px;
  margin: 2em auto;
}

#content > img {
  width: 900px;
}

img.portrait {
  width: 400px;
  margin-left: 250px;
}

.inner-content {
  margin-bottom: 2em;
}

.inner-content h1 {
   font-size: 3em;
   margin-bottom: 0.5em;
   text-transform: uppercase;
   text-align: center;
}

.inner-content p span {
  display: block;
  font-style: italic;
}

p.nachruf {
  width: 500px;
  margin-left: 200px;
  margin-top: 2rem;
  line-height: 1.5;
}

p.nachruf span {
  display: inline;
}

p {
  margin-bottom: 0.25em;
  text-align: center;
  line-height: 1.5;
}

#audio {
  margin-bottom: 3rem;
  padding: 3rem 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  display: block;
  overflow: auto;
}

.player {
  width: 300px;
  float: left;
  /*margin-right: 10px;*/
}

.player span {
  display: block;
}

.left img {
  width: 300px;
}

.zitat {
  text-align: center;
}

.zitat span {
  display: block;
}

#gallery {
  display: block;
  margin-top: 2em;
}

a:link {
  color: #1faec8;
  text-decoration: underline;
}

a:hover, a:active {
  text-decoration: none;
  color: #020202;
}
a:visited {
  text-decoration: underline;
  color: #1faec8;
}