html, body { height:100%; margin:0px; padding:0px; }
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fira-sans-v16-latin-300.woff2') format('woff2'),
       url('fira-sans-v16-latin-300.woff') format('woff');
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fira-sans-v16-latin-regular.woff2') format('woff2'),
       url('fira-sans-v16-latin-regular.woff') format('woff');
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('fira-sans-v16-latin-500italic.woff2') format('woff2'),
       url('fira-sans-v16-latin-500italic.woff') format('woff');
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fira-sans-v16-latin-700.woff2') format('woff2'),
       url('fira-sans-v16-latin-700.woff') format('woff'); 
}

body { color:#636363; text-align:left; font-family:'Fira Sans', sans-serif; font-weight:300;font-size:15px; line-height:1.55em;  }

 a { text-decoration:none; color:#636363; }
 a:active, a:focus, a:hover { outline:none; }

  #content { text-align:left; width:920px; margin:0 auto }
   #spalte_hauptmenu { height:600px; width:160px; margin:38px 0px 0px 0px; float:left; overflow-x:hidden; text-align:right; }
   #spalte_submenu { height:500px; width:160px; margin:146px 5px 0px 35px; float:left; overflow-x:hidden  }
   #sub_menu { margin-top:27px; text-align:right; }
   #header { float:right; padding:1px 0; height:260px; width:500px;}
   #content_bereich { margin:0px 0px 0px 30px; float:right; min-height:400px; width:500px }
      a.big, a.big:link, a.big:visited { display:block; }
      a.big:hover, a.big.aktiv { color:#fb3131;  }
       a.menu, a.menu:link, a.menu:visited { color:#636363; }
       a.menu:hover, a.menu.aktiv { color:#fb3131; }


     .datensatz { margin:0px 0px 16px 0px; }
      .datensatz_titel { color:#fb3131; font-size:24px; font-weight:100; font-stretch:condensed; line-height:22px; margin-bottom:12px; text-transform:uppercase; }
      .datensatz_bild { margin:0px 12px 0px 0px; float:left; }
      .datensatz_text { padding:0px;  }
      .rechtsbuendig { margin-left:0px; }
      a.thumb div.bigimg { display:none; }
      a.thumb:hover div.bigimg { display:block; position:fixed; top:104px; left:50%; width:600px; margin-left:-300px; padding:10px;
                                 text-align:center; background-color:#FFFFFF; z-index:20; }

    h1 { font-size:1.3em; margin-top:0px; color:#B7274B; }
    a.news, a.im_content { color:#636363; }
    a.im_titel { color:#636363; }
    .center { text-align:center; }
    .left, .content { text-align:left; }
    table { border-spacing:0px; }
    div.bildrand img.datensatz_bild { border: none; outline:none; }


    .underline, .u { text-decoration:underline; }
    .bold, .fett { font-weight:700; }
    .rot, .red, a.red { color:#fb3131; }
    .schwarz { color:#000000; }
    .grau { color:#636363; }
    .weiss { color:#FFFFFF; }
    .tab { margin-left:40px; }
    .center { text-align:center; width:100%; display:block; }
    .dotted { border-bottom:2px dotted #FF9900; }
    .kursiv { font-style:italic; font-weight:500; }
    .klein { font-size:0.70em; }
    .normal { font-weight:normal; }
    .gross { font-size:1.15em; }

    input { color:#018AC1; }
    input.search { font-size: 13px; height:16px; border: 1px solid #999999; border-left-color:#C0C0C0; border-top-color:#C0C0C0; color:#999999; }

 .silben_tren {        /* Silbentrennung einige Textbloecke aktivieren*/
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto; }
 .blocksatz { text-align: justify;}       /*      Blocksatz für einige Textbloecke aktivieren*/

  /*  wird fuer Headerbild-Slider benoetigt   */
  #showcase  { margin-right:0px; }
    .showcase-button-wrapper { position:absolute; top:-40px; left:0px; text-align:center;}


  /*  wird fuer KOntaktformular benoetigt   */

    .kontaktformular  { width:380px; margin:0px 0; padding:10px; float: left; clear: both; }
    .kontaktformular fieldset { margin: 8px 0; }
    .kontaktformular legend { background:#C0C0C0; color:#fff; padding:3px 5px; border:1px solid #ddd; text-transform:uppercase; }
    .kontaktformular label { width:90px; float:left; clear:both; padding:3px 10px; margin:3px 0; }
    .kontaktformular input, .kontaktformular textarea { width:210px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
      border-left: 1px solid #666666; border-top:1px solid #666666; background:#ddc; padding:0px 3px; margin:3px 0; }
    .kontaktformular input:active, .kontaktformular input:focus, .kontaktformular input:hover { background:#CCFFFF; }
    .kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover { background:#CCFFFF; }
    .kontaktdaten table, .anfrage table, .captcha table { border-spacing:0px; width:360px; border:0px solid; }
    .label { width:90px; padding:0px; }
    .field { width:260px; padding:0px; }
    .error { width:200px; padding:0px 0px 0px 5px; background:#FF9900;  }
    input.rot, textarea.rot { background-color:#cc3333; }
    .buttons input { width:80px; }
    .buttons input { background:#555555; color:#fff; border-top:2px solid #fff; border-left:2px solid #fff;
      border-bottom:2px solid #666666; border-right:2px solid #666666; }
    .buttons input:hover { background:#555555; color:#fff; border-top:2px solid #ddd; border-left:2px solid #ddd;
      border-bottom:2px solid #fff; border-right:2px solid #fff; }




.cms { clear:both;  width:170px; padding:5px; color:#dddddd; border:1px solid #070D15;
   background-color:#999999;  text-align:right; font-size:0.6em; }
  .bigred { font-size:0.9em; font-weight:bold; color:#feeeee;}
  .biggerred { font-size:1.1em; margin-bottom:-4px; font-weight:bold; color:#feeeee;}
  a.cmslink {font-size:1em; font-weight:bold; color:#feeeee; text-decoration:none;}


/*
=============================================== 14. PRINT STYLES ===============================================
*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 95% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  #header_oben, #background, #spalte_links, #news, .toggle_link { display: none;}
  #content, #content_bereich, .datensatz { text-align:left; width: auto; margin: 0 5%; padding: 0; float: none !important;}
   .toogle_print {display: block;}