html, body {
   width: 100%;
   height: 100%;
   background: silver;
}

/* Klassenselektor .  kann mehrfach verwendet werden  */
 .container {
  width: 900px;
  height: 670px;
  margin: 40px auto;
  background: DimGray;
}


 .outer {
  display: table;
  width: 100%;
  height: 100%;
}

 .inner {
  float: left;
  display: table-cell;
}

  .bildlogo {
   float: left;
   margin: 0px 0px 0px 0px;
   border: none;
   width: 300px;
   height: 100px;
}

  .bildlogot {
   float: left;
   margin: 0px 0px 0px 0px;
   border: none;
   width: 600px;
   height: 100px;
 }

  .bildmenu {
   float:left;
   border: none;
   width: 99px;
   height: 50px;
   margin-left: 1px;
}

  .float1 {
   float:left;
   width: 99px;
   height: 20px;
   background: White;
   text-align: center;
   color: #2E2E2E;
   font-size: 13px;
   font-family: arial;
   margin-left: 1px;
}

  .float2 {
   float:left;
   width: 900px;
   height: 300px;
}

  .float3 {
   float:left;
   width: 900px;
   height: 150px;

}

  .float4 {
   float:left;
   width: 900px;
   height: 50px;
}

  .float5 {
   float:left;
   width: 225px;
   height: 30px;

 }

   .float6 {
   float:left;
   width: 450px;
   height: 30px;

}

  .float7 {
   float:left;
   width: 150px;
   height: 30px;
   padding-left: 75px;
 }

  .row  {
   display: table-row;
   float:left;
   margin-top: 20px;
}

 .boxL {
   float:left;
   width: 300px;
   height: 430px;
}

  .boxR {
   float:left;
   width: 590px;
   height: 430px;
}

 .boxLindex {
   float:left;
   width: 100px;
   height: 150px;
 }

 .boxindex {
   float:left;
   width: 800px;
   height: 150px;

}

 .boxkontakt {
   float:left;
   width: 900px;
   height: 150px;
   padding: 20px;
}


   h1 {
   font-weight: bold;
   color: #FAFAFA;
   font-size:15px;
   font-family: verdana;


}

   h2 {
   font-weight: bold;
   color: #FAFAFA;
   font-size: 15px;
   font-family: verdana;
}

   h3 {
   font-weight: bold;
   color: #FAFAFA;
   font-size: 15px;
   font-family: verdana;
   text-align: center;

}


   p {
    text-align: left;
    color: #FAFAFA;
    font-size: 13px;
    font-family: verdana;
}

    .blau {
    text-align: left;
    color: aqua;
    font-size: 13px;
    font-family: verdana;
}

    .right {
        text-align: right;
         color: #FAFAFA;
    font-size: 13px;
    font-family: verdana;
}

    .center {
        text-align: center;
        color: #FAFAFA;
    font-size: 13px;
    font-family: verdana;
}
    ul {
    text-align: left;
    color: #FAFAFA;
    font-size: 13px;
    font-family: verdana;
}

   span {
    text-align: left;
    color: aqua;
    font-size: 13px;
    font-family: verdana;
}

   a:link {
    text-decoration: none;
     color: aqua;
}

   a:visited {
    text-decoration: none;
     color: aqua;
}

   a:hover {
    text-decoration: none;
}

   a:active {
    text-decoration: none;
}

/* ID-Selektor #  kann nur einmal verwendet werden */
  #footer  {
    width: 900px;
    height: 30px;
    text-align: center;   color: #cccccc;   font-size: 13px; font-family: verdana;
}