body {    
    font-family:arial;
    margin:0; padding-left:40px;
    font-size:1.0em;
    background-color:#1F1F1F ; /*2F2B2A;*/     
    background-image: url(/fileadmin/templates/images/webworkerin_bg.jpg);      
    background-repeat: no-repeat;     
  }
                    
  .a {
    background-image: url(/fileadmin/templates/images/logo.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 #b5e6f9;   
      width:100px;
      height:110px;
    }

  .c {
    position:absolute;
    top:10px;left:620px;
    border-left:3px solid #b5e6f9;     
    width:150px;
    height:110px;
  }
  
  .c a, .c a:hover {
    color:#ccc;
    font-size:12px;
    font-weight:bold;
    padding-left:8px;
    text-decoration:none;  
  }
  
  .c a:hover {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding-left:8px;
    text-decoration:none;  
  }
  .d {
    position:absolute;
    top:10px;left:770px;
    border-left:3px solid #b5e6f9;   
    width:130px;
    height:110px;
  }

  .e {
    position:absolute;
    top:10px;left:900px;
    border-left:3px solid #b5e6f9;   
    width:100px;
    height:110px;
  }
   .e a, .e a:hover, .e a:visited {
    padding-left:5px;
    font-size:10px;
    color: #f3f3f3;
  }

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

 }
  .b1 {
    position:absolute;
    top:120px;left:520px;
    border-left:3px solid #b5e6f9; 
    width:100px;
    height:95px;
    background-color:#96def9;
  }
  .b1-aktiv {
    position:absolute;
    top:120px;left:523px;
    width:97px;
    height:95px;
    background-color:#2F2B2A; /*2F2B2A; */
  }
  .c1 {
    position:absolute;
    top:120px;left:620px;
    border-left:3px solid #b5e6f9;   
    width:150px;
    height:95px;
    background-color:#96def9;
    margin:0;padding:0;  
  }
  .c1-aktiv {
    background-image: url(/fileadmin/templates/images/BG-Pos2-1.gif);
    background-repeat: no-repeat;
    position:absolute;
    top:120px;left:623px;
    width:147px;
    height:95px;
    background-color:#2F2B2A;
    margin:0;padding:0;  
  }
  .d1 {
    position:absolute;
    top:120px;left:770px;
    border-left:3px solid #b5e6f9;   
    width:130px;
    height:95px;
    background-color:#96def9;
  }
  .d1-aktiv {
    position:absolute;
    top:120px;left:773px;
    background-color:#2F2B2A;
    height:95px;
    width:127px;
  }

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

  .e2 {
    position:absolute;
    top:215px;left:900px;
    border-left:3px solid #b5e6f9;   
    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:white;
    font-size:1.2em;
    letter-spacing:0.1em;
    margin:0; 
    bottom:0.5em;
    text-align:right;
  }

    .a2 h1 {
    margin-top: 0px;
    margin-bottom: 0.8em;
    padding-right:50px;
    color: #6a6e62; 
    font-size:14px;
    text-align:justify;
  }

  .a2 p,h3, .a2 link {
    margin-top: 0px;
    margin-bottom: 0.8em;
    padding-right:50px;
    color: #6a6e62; 
    font-size:14px;
    text-align:justify;
  }
  
  /* andere Schriftfarbe für's Impressum */
  .impressum p, h3{
    color:#f3f3f3; 
    margin-top: 0px;
    margin-bottom: 0.8em;
    padding-right:50px;
  }

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

  a {
    font-size:14px;
    color:#96def9;
    font-weight:bold;
    text-decoration:none;
  }
              
  a:hover {
    font-size:14px;
    color:#73d4f9;
    font-weight:bold;
    text-decoration:none;
  }


/* aktiver Navigationspunkt */
  div.aktiv a{
   color: #73d4f9;
  }

 /* Testteil */

ul {     
    position:absolute;
    top:120px;left:520px;
    width:623px;
    height:95px;
    margin:0;padding:0;
    width:623px;
    height:95px;
}

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

ul#navigation {
    float:left;
    list-style-type: none; 
    background: #96def9;
}
#Navigation a {
	display: block;
}

#Navigation li {
	float: left;
  background-color:#96def9;
  border-left:3px solid #b5e6f9;   
}
#profil a:hover {
    background-color:#2F2B2A;
}

#leistungen a:hover {
    background-image: url(http://www.webworkerin.de/fileadmin/templates/images/BG-Pos2-1.gif);
    background-repeat:no-repeat;    
    background-color:#2F2B2A;
}

#referenzen a:hover {
    background-color:#2F2B2A;
}

#impressum a:hover {
    background-color:#2F2B2A;
}
span.active  {
    background-image: url(http://www.webworkerin.de/fileadmin/templates/images/BG-Pos2.gif);
    background-color:#2F2B2A;
}