body{  
text-align:center;
background-color:#000000;
}	
*{
margin:0;
padding:0;
font-size:1em;
} 				  
#all{  
position:absolute;
height:600px;
width:760px;
margin:-250px 0px 0px -380px;
top: 50%;
left: 50%;
background-color:#000;
color:#fff;
border:0px; 
}
#ber1{
position:absolute;
top:20px;
left:330px;
width:100px;
height:100px;
background-color:red;
} 
#ber2{
position:absolute;
top:200px;
left:50px;
width:100px;
height:100px;
} 
#ber3{
position:absolute;
top:380px;
left:330px;
width:100px;
height:100px;
} 
#ber4{
position:absolute;
top:200px;
right:50px;
width:100px;
height:100px;
} 

#ber5{
position:absolute;
top:175px;
left:305px;
width:150px;
height:150px;
background-color:black;
}  	  

#footer{
position:absolute;
top:600px;
left:0px;
width:760px;
height:100px;
background-color:black;
color:white;
font-size:70%;	
font-family : "trebuchet ms", helvetica, sans-serif;
text-align:justify;

border:0px;
} 				 

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
color:white;   
text-decoration:none;
}			 

#footer h1, #footer h2{
display:inline;
color:white;
font-size:100%;
font-weight:normal;
} 

#footer b{
font-weight:normal;
}	

#navi{
text-align:left;
border:0px;
background:black;
color:white;
margin:10px 50px 10px 50px;
}		

#navi a:link, #navi a:visited, #navi a:hover, #navi a:active{
color:white;   
text-decoration:none;
}	

#navi img{
margin-right:25px;
}

#inhalt{
margin:40px 50px 10px 20px; 
background:#000;
color:#fff;		
font-family : "trebuchet ms", helvetica, sans-serif;
font-size:102%;
text-align:justify;
border:0px;
} 

#inhalt h1, #inhalt h2{
display:inline;
color:white;
font-size:100%;
font-weight:normal;
margin-left:2px;
margin-right:2px;
}

#inhalt a:link, #inhalt a:visited, #inhalt a:hover, #inhalt a:active{
color:white;   
}			

.angebot{
margin:60px;
padding:10px;
display:block;
border:1px solid white;
}