body {
    background-color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}
  
/* Hintergrundbild im Container */
#bg
    {
        background-color:Black;
        background-image:url('images/welle_c1.jpg');
        position:relative;
        margin: 0px auto;
        width:900px;
        height:600px;
        z-index: 1;
        visibility: visible;
        text-align:left;
        
    }
    
    
    /*  logo DirkImmich  */
#bg_logo1
    {
        background-color:Transparent;
        background-image:url('images/logo1.png');
        position:absolute;
        margin: 0px auto;
        width:593px;
        height:93px;
        z-index: 1;
        visibility: visible;
        text-align:left;
        
        
    }
 /* logo Bühnenbilder und Kostüme   */   
#bg_logo2
    {
        background-color:Transparent;
        background-image:url('images/logo2.png');
        position:absolute;
        top:30px;
        left:400px;
        margin: 0px auto;
        width:456px;
        height:38px;
        z-index: 2;
        visibility: visible;
        text-align:left;
        
        
    }

/* Graustufen Hintergrundbild im Container für Projektseiten */
#bg_proj
    {
        background-color:Black;
        background-image:url('images/welle_bw.jpg');
        position:relative;
        margin: 0px auto;
        width:900px;
        height:600px;
        z-index: 1;
        visibility: visible;
        text-align:center;
        text-decoration:none;
    }
/* Hintergrund fuer Vitaseite, Kontakt und Aktuelles*/    
    #bg_red
    {
        background-color:Black;
        background-image:url('images/welle_red.jpg');
        position:relative;
        margin: 0px auto;
        width:900px;
        height:600px;
        z-index: 1;
        visibility: visible;
        text-align:left;
        color:White;
        font: 12px Verdana;
        
    }
    
    /* Vita.html Gesicht*/
#face {
        float: left;
        width: 95px;
        height: 121px;
        border: 0px;
        position: relative;
        margin-right:3px;
        margin-left:3px;
        z-index: auto;
    }
#figur2 {
        border: 0px;
        left:750px; top:250px;height:104px; width:80px;
        position: absolute;
        margin-right:3px;
        margin-left:3px;
        z-index: auto;
    }
    
    
    
/* Infoboxen Aktuelles und Kontakt */
#infobox2{
width:10px;
padding:0;
margin:0px;
border:none;
}

#infobox2 div{display:none;}

#infobox2:hover div
{
display:block;
height:210px;
width:240px;
position:absolute;top:80px;left:620px;
border:1px;
padding:2px;
font: 9pt Verdana;
color:#b0cfe3;
background-color:Transparent;
background-repeat:no-repeat;
background-position:center;
text-align:left;
}


/* tooltips fuer die projekte */

a.info_l { border-bottom: 0px dashed #800000; text-decoration: none; font:9px verdana; }
a.info_l:hover { cursor: hand; background:transparent;z-index:20;}
a.info_l span { visibility: hidden; position: absolute; left: 86px; 
top: -11px;   
padding:5px;text-decoration: none;font: 9px Verdana;
}
a.info_l:hover span { visibility: visible; border: none; color: #800000; background: OldLace }


/* fuer das Script zum Bilder anzeigen */
#zeigedasbild{
position:absolute;
visibility:hidden;
border: 1px solid black;
z-index:100;
}

#leiste{
cursor: hand;
cursor: pointer;
background-color: #ffffef;
min-width: 100px; }

#leiste #schliessen_text{
font-weight: bold;
font-family: Arial;
font-size: 13px;
margin-right: 1px;
}

/*menueauswahl */ 
  #auswahl a{
  position: absolute;
  height: 20px;
  width: 60px;
  top: 350px; 
  font: 12px Verdana;
  font-style:normal;
  }
  
  
a:link { color: Oldlace; }
      /* link pseudo-class, noch nicht besuchter Link */
a:visited { color:#758599 }  
      /* link pseudo-class, schon besuchter Link */
a:hover { color:Silver; }
      /* dynamic pseudo-class, Benutzer 'hovert' */
a:active { color: yellow;} 
      /* dynamic pseudo-class, Link wird ausgewählt */
a:focus { color: transparent; } 
      /* dynamic pseudo-class, Element akzeptiert Eingaben */


   
/* Auswahlmenue in index2.html */
a#Home             { left: 2px; top: 343px; font-family:Verdana;color:White;font-size:7pt;text-decoration:underline;}
a#vita             { left: 160px;font:Verdana; }
a#projekte         { left: 301px;top:348px;font:Verdana; }
a#kontakt         { left: 470px;top:346px;font:Verdana; }
a#aktuell         { left: 613px;top:344px;font:Verdana; }
a#archiv         { left: 800px;top:150px;font:Verdana;color:white; }

/*links auf Projekte in arbeiten.html*/
a#A1            { left: 80px;font-family: Verdana;top: 79px; font-size:9pt;}
a#A2           { left: 161px;font-family:Verdana;top: 95px; font-size:9pt; }
a#A3       { left:750px;font-family:Verdana;top: 124px; font-size:9pt; } 
a#A4         { left: 190px;top: 160px;font-family:Verdana; font-size:9pt; }
a#A5           { left: 50px;top: 165px;font-family:Verdana; font-size:9pt; }
a#A6        { left: 100px;top: 130px;font-family:Verdana; font-size:9pt; }
a#A7         { left: 600px;top: 100px;font-family:Verdana; font-size:9pt; }
a#A8         { left: 185px;top: 347px;font-family:Verdana; font-size:9pt; }
a#A9         { left: 680px;top: 217px;font-family:Verdana; font-size:9pt; }
a#A10         { left: 580px;top: 317px;font-family:Verdana; font-size:9pt; }
a#A11         { left: 620px;top: 177px;font-family:Verdana; font-size:9pt; }
a#A12         { left: 655px;top: 377px;font-family:Verdana; font-size:9pt; }
a#A13         { left:380px;top: 320px;font-family:Verdana; font-size:9pt; }
a#A14         { left: 160px;top: 375px;font-family:Verdana; font-size:9pt; }
a#A15         { left: 100px;top: 400px;font-family:Verdana; font-size:9pt; }
a#A16         { left: 120px;top: 320px;font-family:Verdana; font-size:9pt; }
a#A17         { left: 600px;top: 350px;font-family:Verdana; font-size:9pt;}
a#A18         { left: 575px;top: 130px;font-family:Verdana; font-size:9pt;}
a#A19         { left: 450px;top: 220px;font-family:Verdana; font-size:9pt;}
a#A20         { left: 400px;top: 100px;font-family:Verdana; font-size:9pt;}
a#A21         { left: 350px;top: 170px;font-family:Verdana; font-size:9pt;}
a#A22         { left: 300px;top: 150px;font-family:Verdana; font-size:9pt;}
a#A23         { left: 260px;top: 450px;font-family:Verdana; font-size:9pt;}
a#A24         { left: 230px;top: 470px;font-family:Verdana; font-size:9pt;}
a#A25         { left: 100px;top: 470px;font-family:Verdana; font-size:9pt;}
a#A26         { left: 350px;top: 440px;font-family:Verdana; font-size:9pt;}
a#A27         { left: 172px;
top: 53px;
font-family:Verdana; font-size:9pt;
}