body {
		margin: 0px;
		background-color: #fff;
		background:url("img/pat.gif");
	}

div.body {
		position:absolute;
	        margin-left:-677px;
	        left:50%;
	        width:950px;
	        height:750px;
	        margin-top:-350px;
	       	top:40%;
          
	                           
	}
	                             
/* --------- navigation--------- */

#navi {
		z-index: 10;
		color: #FFFFFF;
		position: absolute;
		left: 980px;
		top: 170px;
	}


#navi div {          
	       	position: absolute;   
	}
				
				
				
div.programm {	display:none
	}
					
/* --------- Links --------- */						                               

a:link {	color:#FFD9EE;
	}

a:visited {	color:#FFD9EE;
	}

a:hover {	color:#FFD9EE;
	}

a:active {	color:#FFD9EE;
	}
 			   
 			   
 /* --------- Pics --------- */			   
 			   
div.tv { 	 
		position:absolute;
	   	top:107px;
	   	left:260px;
	 	width:830px;
		height:596px;
		background:url("img/tv.gif");
		background-repeat:no-repeat;
		z-index:4;
	}
	                                            
	   
	           
	                             
	                             
div.flash {
		position:absolute;
		top:205px;
		left:350px;
		z-index:2;
	}

	                               
/* --------- Text --------- */
	                               
p.text {
		position:absolute;
		font-family:Verdana;
		font-size: 11px;
		font-weight: normal;
		line-height:1.6em;
		color:#E5E5E5;
		width: 325px;
		top:270px;
		left:380px;
		z-index:100;
    height: 320px;
    overflow: auto;
	}
	            
#warntext { 
	                             	 
		width: 430px;
		height: 40px;
		top:57px;
		left:330px;
     
	                                 
	}  
   
	                               
#projekttext { 
	                             	 
		width: 430px;
		height: 40px;
		top:257px;
		left:380px;
    height: 320px;
    overflow: auto;
	                                 
	}         

	                               
#links { 
	                             	
		width: 315px;
		height: 40px;
		top:575px;
		left:750px;
	                                
	}  
	                               
	                    
#uebersicht { 
	                             	
		width: 315px;
		height: 40px;
		top:575px;
		left:380px;
	                                
	}  
      
	                               
div.headline { 
		position:absolute;
		top:215px;
		left:370px;
		width: 252px;
		height: 48px;
		z-index:12;
	}


	                               
div.headline h1 {

		visibility: hidden;
	                    
	}           
	   /* --------- Headlines Projekte --------- */                            
#headline01 {
		background-image:url("img/headline_01.gif");
		background-repeat: no-repeat;
	}
	                     		
#headline02 {
		background-image:url("img/headline_02.gif");
		background-repeat: no-repeat;
	}
	                                  
#headline03 {
		background-image:url("img/headline_03.gif");
		background-repeat: no-repeat;
	}

#headline04 {
		background-image:url("img/headline_sus.gif");
		background-repeat: no-repeat;
	}
	                                  
#headline05 {
		background-image:url("img/headline_qbar.gif");
		background-repeat: no-repeat;
	}
	                                  
#headline06 {
		background-image:url("img/headline_cahrismatix.gif");
		background-repeat: no-repeat;
	}
	                       
#headline07 {
		background-image:url("img/headline_ym.gif");
		background-repeat: no-repeat;
	}  
	                                  
#headline08 {
		background-image:url("img/headline_workshop.gif");
		background-repeat: no-repeat;
	} 
	                                  
#headline09 {
		background-image:url("img/headline_rgb.gif");
		background-repeat: no-repeat;
	}                           
	                               
#headline10 {
		background-image:url("img/headline_post.gif");
		background-repeat: no-repeat;
	}          
	                               
	                               
#headline11 {
		background-image:url("img/headline_ml.gif");
		background-repeat: no-repeat;
	}

#headline12 {
		background-image:url("img/headline_imprint.gif");
		background-repeat: no-repeat;
	} 


     /* --------- Projekte --------- */    
	                               
div.hintergrundbild { 	
			position:absolute;
	                background-repeat:no-repeat;
	                z-index:5
	}
	                               
#susbrick { 
	                             	 
		width:500px;
		height:375px;
		top:235px;
		left:355px;
		background:url("img/bg.jpg");
	                                
	}
	                               
#post { 
		width:343px;
		height:401px;
		top:220px;
		left:538px;
		background:url("img/wurstoffice.jpg");
	                                
	}          
	                               
	                               
	                               
#fenster { 
	                             	 
		width:238px;
		height:306px;
		top:210px;
		left:620px;
		background:url("img/fenster.jpg");
	                                 
	}
	                               
	                               
#sie { 
	                             	 
		width:210px;
		height:400px;
		top:175px;
		left:650px;
		background:url("img/sie.gif");
	                                
	}
	                               
	                               
	                               
#media { 
	                             	 
		width:316px;
		height:323px;
		top:280px;
		left:550px;
		background:url("img/media.gif");
	                                 
	}
	                               
	                               	                               
#qbarlogo { 
	                             	 
		width:400px;
		height:160px;
		top:325px;
		left:405px;
		background:url("img/projekte/qbar_logo.gif");
	}

	                               
#qbaranzeige { 
	                             	 
		width:191px;
		height:279px;
		top:300px;
		left:390px;
		background:url("img/projekte/anzeige.gif");
	                                
	}

	                   
#qbarstopper { 
	                             	 
		width:187px;		
		height:187px;
		top:300px;
		left:645px;
		background:url("img/projekte/stopper.gif");
	                                
	}            
	                               
#qbarkarte01 { 
	                             	 
		width:387px;
		height:276px;
		top:300px;
		left:410px;
		background:url("img/projekte/openmic.jpg");
	                                
	}
	                               
#qbarkarte02 { 
	                             	 
		width:387px;
		height:276px;
		top:300px;
		left:410px;
		background:url("img/projekte/livemusik.jpg");
	                                
	}
	                               
#qbarkarte03 { 
	                             	 
		width:387px;
		height:276px;
		top:300px;
		left:410px;
		background:url("img/projekte/dj_sets.jpg");
	                                
	}

	                               
	                               
#qbarkarte04 { 
	                             	 
		width:387px;
		height:276px;
		top:300px;		
		left:410px;
		background:url("img/projekte/kaffeehaus.jpg");
	                                
	}    
	                               
	                               
	                               
#qbarserviette { 
	                             	 
		width:275px;
		height:275px;
		top:300px;
		left:470px;
		background:url("img/projekte/qbar_serviette.gif");
	                                
	} 

	                               
#charismatix { 
	                             	 
		width:428px;
		height:146px;
		top:340px;
		left:370px;
		background:url("img/projekte/charismatix.gif");
	                                
	} 
	                                               
#ym_logo { 
	                             	 
		width:325px;		
		height:128px;
		top:310px;
		left:410px;
		background:url("img/projekte/ym_logo.gif");
	                                
	} 

	                               
#ym_layout { 
	                             	 
		width:477px;
		height:276px;
		top:310px;
		left:370px;
		background:url("img/projekte/ym_site.jpg");
	                                
	} 
	                               
	                               
	                               
#rgb_day { 
	                             	 
		width:315px;
		height:276px;
	        top:305px;
	        left:440px;
	        background:url("img/projekte/rgb_day.jpg");
	                                
	}
 
	                               
#rgb_night { 
	                             	 
		width:315px;
		height:276px;
		top:305px;
		left:440px;
		background:url("img/projekte/rgb_night.jpg");
	                                
	} 
	                               
	                               
#ml_logo { 
	                             	 
		width:288px;
		height:260px;
		top:305px;
		left:440px;
	    	background:url("img/projekte/ml_logo.gif");
	                                
	} 

	/* --------- Kontakt --------- */

div.chat {
		position:absolute;
		top:350px;
		left:430px;
		z-index:32;
	}