/* Startseite "index" */

 #home    {
         font-size:100%;
         background: #CFCFCF;                                                    
         }

 body    {
         height:830px; padding-right:15px;
         width:1250px;  margin-top:30px;  margin-left:auto; margin-right:auto;margin-bottom:3.5%
       }

 *{box-sizing: border-box;}

 #bild-left{
        margin-right:16px;
        float: left;  width:16.7%;
        height:800px;
        padding-right:8px;}

 #bild-rigth{
       float: right; ;
       width:16.2%;  height:800px;
       }

  main  {
       float: left; height:820px; width:64.0%;
       margin-left:auto; margin-right:auto;
       }

  .clear{clear:both;}


  .middle-top{  height:15%;
      width:99.5%;padding:1px;border:1px solid black; background:white;}

    img.log{
      width:84%;margin-left:9.0%;margin-top:0.5%;margin-bottom:0%;}

     a:link  {
        font-family:"arial","verdana",sans-serif;
        text-decoration: none !important;
        }

  .middle-nav     {
        background: white; width:99.5%; border:1px solid black;
        padding:10px;
        margin-top:10px;margin-bottom:10px; margin-left:0; margin-right:0;
        text-align:center; text-transform: uppercase;
        font-size:1.1rem; font-weight:bold;
     }

   a:visited { font-family:"arial","verdana",sans-serif;
        }
   a:hover { font-family:"arial","verdana",sans-serif;    color:red;
        text-decoration: none;
        }
   a:active {font-family:"arial","verdana",sans-serif;
        text-decoration: none;
        }

  .middle-bottom{
        background:white;
        border:1px solid black;
        height:620px; width:99.5%;
        padding-top:10px;
       }

  .iframe {
       margin-bottom:10px;
       width:100%; margin-left:auto; margin-right:auto;}