* { margin:0;
    padding:0;
  }

html, body { height:100%; }
body {  background-color:#004976; }          /* 004b75 */

#distance {
  width:1px;
  height:50%;
  margin-bottom:-280px; /* half of container's height */
  float:left;
}

#container {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  height:560px;
  width:1000px;
  clear:left;
}

#mitte
{ position:absolute;
  top:50%;
  left:50%;
  width:1000px;
  height:560px;
  margin-left:-500px;
  margin-top:-280px;
}

body, td, th, p, div
{ font-family: Arial, sans-serif;
  font-size: 11px; line-height: 14px;
  color: #ffffff;
  letter-spacing: normal;
  word-spacing: normal;             }

th
{ font-family: Arial, sans-serif;
  font-size: 4px; line-height: 6px;
  color: #ffffff;
  letter-spacing: normal;
  word-spacing: normal;             }

img, table { border:0; }

a {   font-weight: bold; }
a:link     { color:#F6871E;  text-decoration: none; font-weight: normal; }    /* normal grün  B1CFA0 */
a:visited  { color:#F6871E; text-decoration: none;  font-weight: normal; }           /* normal grün  B1CFA0 */
a:active   { color:#F6871E;  text-decoration: none; font-weight: normal; }           /* normal grün  B1CFA0 */
a:hover    { color:#FABB80;  text-decoration: none; font-weight: normal; }            /* anders grün  CDE0C2 */



#menu
{  position:absolute;
   left:482px; top:10px; z-index:1;
   font-size: 10px; line-height: 18px;
   color: #ffffff;
   width:400px;
}
#menu a:link    {color:white;  text-decoration:none; font-weight: bold; }
#menu a:visited {color:white;  text-decoration: none; font-weight: bold;}
#menu a:hover   {color:#FABB80; text-decoration:none; font-weight: bold;}
#menu a:focus   {color:white;  text-decoration: none; font-weight: bold;}
#menu a:active  {color:white;  text-decoration:none; font-weight: bold;} /* kurz beim klick */

#menu2
{  position:absolute;
   left:482px; top:516px; z-index:1;
   font-size: 10px; line-height: 18px;
   color: #ffffff;
   width:400px;
}
#menu2 a:link    {color:white;  text-decoration:none; font-weight: bold; }
#menu2 a:visited {color:white;  text-decoration: none; font-weight: bold;}
#menu2 a:hover   {color:#FABB80; text-decoration:none; font-weight: bold;}
#menu2 a:focus   {color:white;  text-decoration: none; font-weight: bold;}
#menu2 a:active  {color:white;  text-decoration:none; font-weight: bold;} /* kurz beim klick */




.bunt   { color: #F6871E; }
.hervor   { color: #B3D9FF; font-weight: bold; font-style:italic;}

 /*  background-color:#999999;     */
#leistungen { position:absolute; left:40px;  top:40px; width:500px; z-index:1;}
#beispiele  { position:absolute; left:460px; top:40px; width:500px; z-index:1;}
.ankerbox   { position:absolute; left:277px; top:107px; width:224px; height:360px; overflow:hidden;  z-index:1; }
#kontakt   { position:absolute; left:40px;   top:50px; width:300px; z-index:1;   }
#impressum { position:absolute; left:460px; top:38px; width:500px; z-index:1;}
.haftung   { font-size:8px;
             line-height: 12px;
             font-family: Arial, sans-serif; z-index:1;}

.feld1 { background-color: transparent;     background-image: url(bilder/viertel.png);
         font-family: Arial, sans-serif;
         color:#ffffff;
         font-size:12px;
         border: 0 ;  /* border: solid 1px #ffffff; */
         height:20px; width:100%;
         padding-left:2px;
          }
.textfeld { background-color: transparent;     background-image: url(bilder/viertel.png);
         font-family: Arial, sans-serif;
         color:#ffffff;
         font-size:12px;
         border: 0 ;  /* border: solid 1px #ffffff; */
         width:100%;
         padding-left:2px;
          }