body {    
    font-family:arial;
    margin:0; padding-left:40px;
    font-size:1.0em;
    background-repeat: no-repeat;     
  }
                    
  .a {
    background-image: url(/fileadmin/templates/images/logo1.gif);
    background-repeat: no-repeat;     
    top:10px;
    height:120px;
    width:480px;
    margin:0; padding:0;
  }
  .b {
      position:absolute;
      top:10px;left:520px;
      border-left:3px solid #ccc;   
      width:100px;
      height:110px;
      text-align: center;
    }

  .b a, .b a:visited {
    padding-left:5px;
    font-size:16px;
    color: #666;
  }
  .b a:hover {
    padding-left:5px;
    font-size:16px;
    color: #FF8C00;
  }
  .c {
    position:absolute;
    top:10px;left:620px;
    border-left:3px solid #ccc;     
    width:150px;
    height:110px;
    text-align: center;
  }
  .c a, .c a:visited {
    font-size:20px;
    font-weight: bold;
    color: #666;
  }
  .c a:hover {
    font-size:20px;
    font-weight: bold;
    color: #FF8C00;
  }

  .d {
    position:absolute;
    top:10px;left:770px;
    border-left:3px solid #ccc;   
    width:130px;
    height:110px;
  }
  .d a, .d a:visited {
    padding-left:5px;
    font-size:14px;
    color: #666;
  }
  .d a:hover {
    padding-left:5px;
    font-size:14px;
    color: #FF8C00;
  }
  
  .e {
    position:absolute;
    top:10px;left:900px;
    border-left:3px solid #ccc;   
    width:100px;
    height:110px;
  }
   .e a, .e a:visited {
    padding-left:5px;
    font-size:10px;
    color: #999;
  }
  .e a:hover {
    padding-left:5px;
    font-size:12px;
    color: #FF8C00;
  }

  .a1 {
    position:absolute;
    top:120px;
    height:95px;
    width:480px;
    background-color:#99CC00;
    color:#99CC00;
    margin:0; 

 }
  .b1 {
    position:absolute;
    top:120px;left:520px;
    border-left:3px solid #ccc; 
    width:100px;
    height:95px;
    background-repeat: no-repeat;     
  }
  .b1-aktiv {
    position:absolute;
    top:120px;left:523px;
    width:97px;
    height:95px;
    background-color:white; 
  }
  .c1 {
    position:absolute;
    top:120px;left:620px;
    border-left:3px solid #ccc;   
    width:150px;
    height:95px;
    background-color:#99CC00;
    margin:0;padding:0;  
  }
  .c1-aktiv {
    background-image: url(/fileadmin/templates/images/kreativ.gif);
    background-repeat: no-repeat;
    position:absolute;
    top:120px;left:623px;
    width:147px;
    height:95px;
    background-color:white;
    margin:0;padding:0;  
  }
  .d1 {
    position:absolute;
    top:120px;left:770px;
    border-left:3px solid #ccc;   
    width:130px;
    height:95px;
    background-color:#99CC00;
  }
  .d1-aktiv {
    position:absolute;
    top:120px;left:773px;
    background-color:white;
    height:95px;
    width:127px;
  }

  .e1 {
    position:absolute;
    top:120px;left:900px;
    border-left:3px solid #ccc;   
    background-color:#99CC00;
    height:95px;
    width:100px;
  }
  .e1-aktiv {
    position:absolute;
    top:120px;left:903px;
    background-color:white;
    height:95px;
    width:100px;
  }
  .a2 {
    position:absolute;
    top:215px;
    width:480px;
  }
 
  .b2 {
    position:absolute;
    top:215px;left:520px;
    border-left:3px solid #ccc;   
    width:100px;
    height:25%;
  }
  .c2 {
    position:absolute;
    top:215px;left:620px;
    border-left:3px solid #ccc;   
    width:150px;
    height:48%;
 }
  .d2 {
    position:absolute;
    top:215px;left:770px;
    border-left:3px solid #ccc;   
    width:130px;
    height:27%;
  }

  .e2 {
    position:absolute;
    top:215px;left:900px;
    border-left:3px solid #ccc;   
    height:56%;
  }


  .pos1 {
    position:absolute;
    top:82%;left:6px;
    margin-left:3px
  }
  .pos2 {
    position:absolute;
    top:90%;left:6px;
    margin-left:3px
  }
  .pos3 {
    position:absolute;
    top:82%;left:6px;
    margin-left:3px
  }
  .pos4 {
    position:absolute;
    top:92%;left:6px;
    margin-left:3px
  }



  /* hier würde die Überschrift stehen, wenn ich eine hätte */
  .a1 h1 {
    color:#99CC00;
    font-size:1.2em;
    letter-spacing:0.1em;
    margin:0; 
    bottom:0.5em;
    text-align:right;
  }

.a2 h1 {
  color:#6A6E62;
  font-size:16px;
  margin-bottom:0.8em;
  margin-top:24px;
  padding-right:50px;
  text-align:justify;
}
  .a2 p,h3, {
    margin-top: 0px;
    margin-bottom: 0.8em;
    padding-right:50px;
    color: #ccc; 
    font-size:14px;
    text-align:justify;
  }

  .a2 div p, .a2 div h3, .a2 div ul, .a2 div ol {
    margin-top: 0px;
    margin-bottom: 0.8em;
    padding-right:50px;
    color: #cccccc; 
    font-size:14px;
    text-align:left;
  }

hr {
  color: #eee;
}
.a2 div div p, .a2 div div ul , .a2 div div ol  {
  color: #333; 
  font-size:14px;
}
.a2 div div h3  {
  color: #99cc00; 
  font-size:14px;
}
.a2 div a, .a2 div a:hover  {
  color: #99cc00; 
  font-size:14px;
 }
 
  .a2 div ul  {
    clear: both;
  }
  

/* hervorgehobener Text */
  .important{
    color:#666666; 
    font-weight:bold;
  }

  a {
    font-size:20px;
    color:#99cc00;
    font-weight:bold;
    text-decoration:none;
    broder
  }
              
  a:hover {
    font-size:20px;
    color:#666;
    font-weight:bold;
    text-decoration:none;
  }

 .a2 a {
    font-size:16px;
    color:#669966;
    font-weight:bold;
    text-decoration:none;
  }

/* aktiver Navigationspunkt */
  div.aktiv a{
   color: #99cc33;
  }

 /* Testteil */


img {
    margin:0;padding:0;
    border:0;
}




ul#navigation {
    position:absolute;
    top:120px;left:520px;
    width:623px;
    height:95px;
    margin:0;padding:0;
    width:623px;
    height:95px;
    float:left;
    list-style-type: none; 
    background-image: url(/fileadmin/templates/images/bg-nav.gif);        
    background-repeat: no-repeat;     

}


#Navigation a {
	display: block;
}

#Navigation li {
	float: left;
/*  background-color:#99CC66;    */
  border-left:3px solid #ccc;   
}

#profil a:hover {
    background-color:white;
}

#leistungen a:hover {
    background-image: url(/fileadmin/templates/images/kreativ.gif);
    background-repeat:no-repeat;    
    background-color:white;
}

#referenzen a:hover {
    background-color:white;
}

#impressum a:hover {
    background-color:white;
}
/*
span.active  {
    background-image: url(/fileadmin/templates/templates/images/BG-Pos2.gif);
    background-color:white;
}
*/