/* screen.css */

        html { margin:0; border:0 none; padding:0;
             color:#ffffff;  background-color:#800000;
             min-height:100%; min-width:100%; }

        body { color:#000000; background-color:#ffffff; text-align:left;
               margin:1em auto; border:0 none; padding:0;
               max-width:56em;
               font-family: verdana,geneva,arial,helvetica,sans-serif;
             }

        div.logo { color:#ffffff; background-color:#C5000B; text-align:left; margin:0; }
        div.logo p.printlogo { display:none; }
        div.logo h1 {
          font-weight:normal; font-size:2em;
          min-height:110px; margin:0; padding:30px 0 0 185px; text-align:center;
          color:#ffffff; background:#C5000B url("img/ef-104x106.png") 40px 10px no-repeat;
          }
        div.logo h1 span { font-weight:bold; font-size:0.8em; }

        ul.navi { clear:both;
                  color:#000000; background-color:#FAEBEB;
                  list-style-type:none;
                  margin:0; }
        ul.navi li { margin:0 0 1em 0; font-weight:bold; }
        ul.navi li a, ul.navi li span
             { color:#800000; background-color:#FAEBEB; text-decoration:none;
               display:inline-block; width:auto; padding:0.2em; }
        ul.navi li span { color:#666666; background-color:#FAEBEB;  }

        div.contentbox { color:#000000; background-color:#ffffff;
                         margin:0; padding:1em; border:0 none; }
        div.contentbox>*:first-child { margin-top:0; }
        div.contentbox>*:last-child { margin-bottom:0; }

        div.contentbox img { max-width:100%; height:auto; }


        h1 { margin-top:0; }
        p.portrait+h2 { margin-top:0; }

        td, th { text-align:left; vertical-align:top;
                 padding:0 0.75em 0.75em 0; min-width:5em; font-style:normal; }

        div.contentbox a:link, div.contentbox a:visited
          { color:#c00000; background-color:#ffffff; text-decoration:underline; }
        div.contentbox a.tel:link, div.contentbox a.tel:visited
          { color:#ff3333; background-color:#ffffff; text-decoration:none; }

        div.contentbox ul li { margin-bottom:1em; }

        p.thumbs img { margin:0 5px 5px 0; }


        p.portrait { float:right; width:200px; margin:0 0 20px 20px; padding:0; }
        p.portrait img { margin:0; }

        .zitat { text-align:center; }

        p.fusszeile
          { color:#ffffff; background-color:#C5000B;
            text-align:left; margin:0; padding:0.5em 0 0.5em 1em; }

        p.fusszeile a:link, p.fusszeile a:visited
          { color:#ffffff; background-color:#C5000B; text-decoration:none; }

        p.fusszeile a.domain { display:block; float:left; width:13em; }
        p.fusszeile a.impressum:before { content:"\00B7\0020"; }


        @media screen and (min-width:40em)  /* ca. 640px */
         {
          body { background-image: linear-gradient(to right, #FAEBEB 11.5em, white 11.5em); }
          ul.navi { float:left; width:10em; padding:2em 0 0 1em;
                    list-style-position: inside; }
          div.contentbox { margin:1em 1em 1em 13em; min-height:16em; }
         }

        @media screen and (max-width:39.99em)  /* ca. 639px */
         {
          body { margin:0; }
          p.logo { width:150px; margin-right:10px; float:left; /* border:1px dotted green; */ }
          ul.navi { float:left; width:100%; margin:0; padding:0.5em 0; }
          ul.navi li { float:left; border:1px solid #666666; margin:0.5em 1em 0 0.25em; }
          ul.navi:after { content: ""; display: table; clear: both; } /* clearfix */
          div.contentbox { clear:both; }
          p.fusszeile span { display:block; clear:both; }
         }

        @media screen and (max-width:34em)  /* ca. 544px */
         {
          div.logo h1 {
            font-weight:normal; font-size:1.4em;
            min-height:70px; margin:0; padding:15px 0 0 53px; text-align:center;
            color:#ffffff; background:#C5000B url("img/ef-52x53.png") 10px 10px no-repeat;
            }
          div.logo h1 span { font-weight:bold; font-size:0.8em; }
          ul.navi { float:none; clear:both; width:auto; margin:0 0 1em 0em; }
         }