@font-face {
  font-family: 'PT sans';
  src: url('../fonts/PTS55F-webfont.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PT sans';
  src: url('../fonts/PTS75F-webfont.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'PT serif';
  src: url('../fonts/PTF56F-webfont.woff');
  font-weight: normal;
  font-style: italic;
}
/* ================ //
// = CSS3 Helpers = //
// ================ */
/* Rounded Corners */
/* Box Shadow */
/* Top-to-Bottom Gradient */
/* Left-to-Right Gradient */
/* Top-to-Bottom 3 Stop Gradient */
/* Left-to-Right 3 Stop Gradient */
/* Top-to-Bottom 4 Stop Gradient */
/* Left-to-Right 4 Stop Gradient */
/* Transition */
/* Transform */
/* ================ //
// ==CSS-Dokument== //
// ================ */
body {
  color: #111;
  background-color: #eee;
  background: url('../images/body_background.png');
  font-size: 16px;
  font-family: "PT sans", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}
a {
  color: #119;
}
a:hover {
  color: #33a;
}
blockquote {
  font-family: "PT serif", Georgia, "Times New Roman", serif;
  font-style: italic;
}
/* elements */
.mainHead {
  width: 90%;
  max-width: 840px;
  margin: auto;
}
.siteTitle {
  background: url(../images/sparks_logo.png) no-repeat;
  width: 350px;
  height: 107px;
  text-indent: -300%;
}
.siteClaim {
  position: relative;
  margin: 64px 0;
  padding: 0 40px 0 60px;
  font-size: 1.25em;
  color: #666;
}
.siteClaim .author {
  font-family: "PT sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 0.75em;
  margin-top: -1em;
  color: #999;
}
.siteClaim:before {
  content: "”";
  font-size: 100px;
  color: #aaa;
  position: absolute;
  top: 20px;
  left: 0px;
}
article {
  width: 90%;
  max-width: 840px;
  margin: auto;
}
.law {
  font-size: 0.875em;
}
footer {
  background-color: #666;
  background: url(../images/footer_background.png);
  color: #eee;
  margin: 32px 0 0;
  padding: 32px 0;
}
footer a {
  color: #ccc;
}
footer a:hover {
  color: #eee;
}
.footContainer {
  width: 90%;
  max-width: 840px;
  margin: auto;
}
.textWrapper {
  display: table;
  width: 100%;
}
.nameBlock,
.adressBlock {
  display: table-cell;
}
/* screensize */
@media screen and (max-width: 479px) {
  .siteTitle {
    width: 288px;
    height: 88px;
    background-size: 100%;
  }
  .nameBlock,
  .adressBlock {
    display: block;
  }
}
/* retina */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* Retina-specific stuff here */
  .siteTitle {
    background: url(../images/sparks_logo@2x.png) no-repeat;
    background-size: 100%;
  }
}
/*# sourceMappingURL=sparksStyle.css.map */