/* datenterror.org -und- datenterror.de - Stylesheet-Definition */
/* https://datenterror.org/datenterror.css -und- https://datenterror.de/datenterror.css */
/* Kontakt: https://datenterror.org, webmaster(-at-)datenterror.org */



/* Allgemeines */


  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #F0F2F3;
    font-family: 'Open Sans', sans-serif;
  }
  body {
    text-align: center;
    background-color: #000033;
  }
  img {
    border: none;
  }



/* Abstand und Platzhalter */


  .abstandOben30 {
    margin-top: 30px;
  }
  .abstandOben20 {
  margin-top: 20px;
  }



/* Verlinkungen */


  /* normaler Link im Inhalts-Container */

  a.ilink {
    background: url("./link-url.png") left center no-repeat;
    font: italic bold 14px/100% 'Open Sans',sans-serif;
    text-decoration: none;
    padding-left: 25px;
    border: 0 none;
    color:#000033;

  }
  a.ilink:hover, a.ilink:focus {
    text-decoration: underline;
  }


  /* Kontakt-Link im Inhalts-Container */

  a.ikontaktlink {
    background: url("./link-mail.png") left center no-repeat;
    font: italic bold 14px/100% 'Open Sans',sans-serif;
    text-decoration: none;
    padding-left: 25px;
    border: 0 none;
    color:#000033;
  }
  a.ikontaktlink:hover, a.ikontaktlink:focus {
    text-decoration: underline;
  }


  /* Link im Fusszeilen-Container */

  a.flink {
    font: normal bold 14px/100% 'Open Sans',sans-serif;
    text-decoration: none;
    padding: 0;
    color:#FF9900;
  }
  a.flink:hover, a.flink:focus {
    text-decoration: underline;
  }



/* Logo-Container */


  .logo-container {
    width: 100%;
    background-color: #F0F2F3;
    padding: 44px 0;
  }
  #logo {
    margin: 0 auto;
    width: 600px;
    height: 90px;
    background-position: left center;
    background-repeat: no-repeat;
    -moz-background-size: 0 0, contain;
    background-size: contain, 0 0;
    background-image: url('./smiley.png');

    /* versteckter Text */

    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    color: rgba(255,255,255,0);
    text-align: left;
  }
  #logo img {
    border: none;
  }
  .logo-href {
    display: block;
    width: 190px;
    height: 90px;
  }



/* Kopfzeilen-Container */


  .kopfzeilen-container {
    width: 100%;
    background-color: #000033;
  }
  .kopfzeile {
    margin: 0 auto;
    width: 600px;
    padding: 40px 0;
    text-align: left;
  }
  .titel {
    margin: 0;
    font: normal bold 24px/125% 'Open Sans',sans-serif;
    color: #FF9900;
  }
  .untertitel {
    margin: 0;
    font: normal 18px/125% 'Open Sans',sans-serif;
    color: #FF9900;
  }



/* Inhalts-Container */


  .inhalts-container {
    margin: 0 auto;
    text-align: center;
    background-color: #F0F2F3;
  }
  .inhalt {
    width: 600px;
    margin: 0 auto;
    padding: 30px 0;
    background-color: #F0F2F3;
    font: normal 14px/20px 'Open Sans',sans-serif;
    text-align: left;
    color: #000033;
  }
  .textUeberschrift {
    font: normal bold small-caps 16px/133% 'Open Sans',sans-serif;
  }



/* Fusszeilen-Container */


  .fusszeilen-container {
    width: 100%;
    min-height: 80px;
    background-color: #000033;
  }
  .fusszeile {
    width: 600px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: left;
    font: normal 14px/100% 'Open Sans',sans-serif;
    color: #FF9900;
  }