body {
  margin: 0;
  padding: 0;
  background-color: #3f0d2a;
  background-image:url(../img/bgimg.jpg); background-repeat:repeat-x;
  scrollbar-face-color: #250F1D;
  scrollbar-highlight-color: #250F1D;
  scrollbar-3dlight-color: white;
  scrollbar-darkshadow-color: white;
  scrollbar-shadow-color: #250F1D;
  scrollbar-arrow-color: white;
  scrollbar-track-color: #250F1D; 
 overflow-x: hidden;
  overflow-y: hidden;
	


 }
 


  
  #kopf1 {/* JAlogoplazierung auf den unterseiten*/
  position: fixed;
  top: 158px;
  left: 122px;
  width:476px;
  height: 26px;
  padding:0px;
  margin:0px auto;
  background-color: #352c69;
}


#kopf2 {/* JAnavigationsplazierung der navi oben auf den unterseiten und startseite*/
  position: fixed;
  top: 165px;
  right: 0px;
  width:310px;
  height: 28px;
  padding:0px; 
}



  #links {/* JAnavigationsplazierung der schrift projekttypologie*/
  position:fixed;
  top:193px;
  right:0px;
  width:155px;
  height:365px;
  text-align:left;
  padding:12px;
  background-color:#54153a;


}


  #linksprojekteoverview {/* balken links auf der projektübersicht*/
  position:fixed;
  top:193px;
  right:0px;
  width:155px;
  height:364px;
  text-align:left;
  padding:12px;
  background-color:#54153a;

}


  #linksprojekteoverview1 {/* balken links auf der seite projektübersicht*/
  position:fixed;
  top:193px;
  right:0px;
  width:155px;
  height:381px;
  text-align:left;
  padding:12px;
  background-color:#54153a;

}


  #linksprofil {/* JAbalken links bei profil und kontakt, aktuelles*/
  position:fixed;
  top:193px;
  right:0px;
  width:158px;
  height:382px;
  text-align:left;
  padding:12px;
  background-color:#54153a;
 
}

  #linksprojekte {/* JA navigationsplazierung der projektliste links neben der navi*/
              
            position:fixed;
            top:192px;
            right:182px;
            width:220px;
            height:370px;
            display: block; padding:20px;
            background-color:#54153a;
            filter:alpha(opacity=87);
          	-moz-opacity:0.87;
          	opacity:0.87;
            z-index:47;
          
   
}




 
 
     

a.navi{/* JA Navigationsleiste oben */
color: #98bade; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
letter-spacing: 1px;text-decoration:none; margin-left: 20px ;         
}

a.navi:visited {color: #98bade; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;line-height: 100%;
letter-spacing:1px;text-decoration:none;margin-left: 20px ;
}

a.navi:hover {color:#cbaf44;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;line-height: 100%;
letter-spacing:1px;text-decoration:none;  margin-left: 20px ;
      }
      
      
  
  a.profil{/* JA profil*/
   color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 200%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left:2px;
     
}

a.profil:visited {color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 200%;
            letter-spacing:1px;
            text-decoration:none;
             margin-left:2px;
}

a.profil:hover {color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height:200%;
            letter-spacing:1px;
            text-decoration:none;
             margin-left:2px;
      }
  
  
  a.boxgrau{/* Links in den grauen Boxen*/
	color: #000000; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; 
            font-size: 11px;
            line-height: 120%;
            letter-spacing:1px;
            text-decoration:underline;
            margin-left: 0px 
}


a.boxgrau:visited {color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 120%;
          letter-spacing:1px;      
         margin-left: 0px ;
         text-decoration:underline;
         

}


a.boxgrau:hover {color:#500808;
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 120%;
          letter-spacing:1px;
         text-decoration:none;
         margin-left: 0px ;
         

      }

  

  

      


a.text{/* Links im Text*/
	color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 130%;
          letter-spacing:0px;
         text-decoration:underline;
         margin-left: 0px ;
}


a.text:visited {color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 130%;
          letter-spacing:0px;
         text-decoration:underline;
         margin-left: 0px ;

}


a.text:hover {color:#500808;
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 130%;
          letter-spacing:0px;
         text-decoration:underline;
         margin-left: 0px ;

      }

      
      ul.typologie { /* JA Listenformatierung aber nur für den hoverbalken links neben der navigation*/  
            list-style-image: url(../img/button.gif);
            color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 100%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ; 
            margin-top: 0px ;
                  
        }  


    
           ul{ /* JA Listenformatierung aber nur für den hoverbalken links neben der navigation*/
            list-style-type:none; 
            color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 140%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ; 
            margin-top: 0px ;
            
              
	}
    
   
      
     /* hover menue */ 
     
#cssm1 *  { padding:0; margin: 0; }

#cssm1 {position: absolute;  z-index: 99;  /* muss so hoch sein, damit das hovermenue über den anderen layern liegt */  top:193px; right:170px; position: fixed; left:20; top:20; float: left;  margin:0; line-height: 30px; }

#cssm1 a {  color: #ffffff;    /* hover menue   aendert die farben der schrift beim drüberfahren */ 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 140%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ; 
            display: block; padding:0px;
            background-color:#54153a;
            filter:alpha(opacity=87);
          	-moz-opacity:0.87;
          	opacity:0.87; 
           
           
              }
              
#cssm1 a:hover { color:#ffdc58;
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 140%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ;
            display: block; padding:0px;
            background-color:#54153a;
            filter:alpha(opacity=87);
          	-moz-opacity:0.87;
          	opacity:0.87; 
            
            }
          

#cssm1 ul li, #cssm1 ul li ul li  { width: 200px;height:30px; /* anedert abstand der zeilen im hovermenue links */  }

#cssm1 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 200px;
  padding:23px;


	}

#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
            display: block; 
            background-color:#54153a;                        
            position: absolute;
          	right: 1px;
            height:342px;
            line-height: 120%;
             background-color:#54153a;
            filter:alpha(opacity=87);
          	-moz-opacity:0.87;
          	opacity:0.87; 
            
	}
  
#cssm1projekte:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
            display: block; 
            background-color:#54153a;                        
            position: absolute;
          	right: 1px;
            height:342px;
            line-height: 120%;
             background-color:#54153a;
            filter:alpha(opacity=87);
          	-moz-opacity:0.87;
          	opacity:0.87; 
            
	}

#cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;
	left: 120px; top: 10;
	}





  
  
  
         
      #links1 {/* JAmenue buero industrie Gewerbebauten*/
  position:fixed;
  top:245px;
  right:2px;
  width:158px;
  height:20px;
  text-align:left;
  padding:10px;
  z-index:50;

}    
     
   
       #links2 {/* JAmenue wohnungsbau*/
  position:fixed;
  top:276px;
  right:2px;
  width:158px;
  height:20px;
  text-align:left;
  padding:10px; 
  z-index:49;
}      
      
      
       #links3 {/* navigation pflegeheim*/
  position:fixed;
  top:314px;
  right:2px;
  width:158px;
  height:20px;
  text-align:left;
  padding:10px;
  z-index:48;
}      
       
            
           #links4 {/* menuepunkt hotels und sportzentren*/
  position:fixed;
  top:353px;
  right:2px;
  width:158px;
  height:20px;
  text-align:left;
  padding:10px;
  z-index:47;
}      
     
     
                #links5 {/* kulturelle bauten*/
  position:fixed;
  top:384px;
  right:2px;
  width:158px;
  height:20px;
  text-align:left;
  padding:10px;
  z-index:47;
}      
 

 
      
                #links6 {/* menuepunkt schulen, staat, kommune*/
  position:fixed;
  top:425px;
  right:2px;
  width:158px;
  height:40px;
  text-align:left;
  padding:10px;
  z-index:45;
}      
    

                #links7 {/* menuepunkt wettbewerbe*/
  position:fixed;
  top:468px;
  right:2px;
  width:158px;
  height:25px;
  text-align:left;
  padding:10px;
  z-index:40;
}      
    

                #links8 {/* menuepunkt bauen im bestand*/
  position:fixed;
  top:500px;
  right:2px;
  width:158px;
  height:50px;
  text-align:left;
  padding:10px;
  z-index:43;
}      
  




    .projekttypologie {/* textliste rechts*/ 
    color: #ffffff; 
font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 120%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ;
       

}                                  
  
  
  .h1 {/* JAUeberschrift typologie */ 
color: #ffffff; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 100%;
letter-spacing:2px;
text-decoration:none;
font-weight: bold;
margin-top: 18px;
margin-bottom: 0px;
margin-left: 0px ;
}


    .h1_fliesstext {/* JAUeberschrift */ 
color: #000000; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 100%;
letter-spacing:2px;
text-decoration:none;
font-weight: bold;
margin-top: 15px;

}
  


  .h1navi {/* Ueberschrift in der Navigation */ 
color: #ffffff; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 100%;
letter-spacing:2px;
text-decoration:none;
font-weight: bold;
margin-top: 5px;
margin-left: 0px ;
}




   
     

  
  
         .bildlegendeklein {/* JAanzeige über das vorkommen eines fotos  in der Navigation rechts und im Balken links daneben */ 
          color: #f7d573; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 8px;
            line-height: 115%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ;
} 
  
  
         .bildlegende2 {/* JA beschreibungen zu den bildern in den gelben und blauen boxen */ 
          color: #000000; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 140%;
            letter-spacing:1px;
            text-decoration:none;
            margin-left: 0px ;
} 
  
  
         .projektbeschrieb {/* JA projektbeschrieb im balken links neben der navigation  */ 
          color: #ffffff; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 11px;
            line-height: 140%;
            letter-spacing:1px;
            text-decoration:none;
            z-index:3;
            
          
}                  
                                  
  .fliesstext {/* JAfliesstextformatierung  */ 
            color: #000000; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 10px;
            line-height: 160%;
            letter-spacing:0px;
            text-decoration:none;
            
           
} 
  
  
  
  .fliesstextimpressum {/* JAfliesstextimpressum  */ 
          color: #000000; 
            font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; sans-serif;
            font-size: 10px;
            line-height: 140%;
            letter-spacing:0px;
            text-decoration:none;
           
}