<style type="text/css">
body {
	
	background-color:#336666;
	overflow:hidden;
}
body {
	background-color: #336666;
	text-align: right;
}	
#inhalt {
	position:absolute;
	width:1000px;
	height:610px;
	left:50%;
	margin-left:-500px;
	overflow:hidden;
	z-index:1;
}
#logo
	{
	position:absolute;
	width:50px;
	height:100%;
	right:0px;
	top:0px;	
	display:block;
	background-image:url(../pics/logo.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#336666;
	
	z-index:8;
	}
*html #logo
	{
	position:absolute;
	width:50px;
	height:100%;
	right:0px;
	top:0px;
	display:block;
	background-image:url(../pics/logo.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#336666;
	z-index:8;
	}
#head {
	
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	padding-top:10px;
	right:50px; 
	width:auto;
	height:100px;
	font-size:12px;
	color:#FFF;
	z-index:10;
	background-image:url(../pics/bg.png);
	}
*html #head {
	
	position:absolute;
	display:block;
	left:-50px;
	top:0px;
	right:50px;  
	width:auto;
	height:100px;
	font-size:12px;
	color:#FFF;
	z-index:10;
	background-image:url(../pics/bg.png);
	}

	
#titel {
	position:absolute;
	display:block;
	top:15px;
	left:0px;
	width:450px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5 em;
	color:#333399;
	font-stretch:semi-condensed;
	z-index:8;
	background-image:url(../pics/logo_architekturbuero.jpg);
	background-position:10px 10px;
	background-repeat:no-repeat;	}
	
*html #titel {
	
	position:absolute;
	display:block;
	top:15px;
	left:20px;
	width:450px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5 em;
	color:#333399;
	font-stretch:semi-condensed;
	background-image:url(../pics/logo_architekturbuero.jpg);
	background-position:10px 10px;
	background-repeat:no-repeat;	
	z-index:10;	
	 }
	 
#adresse {
	top:15px;
	position:absolute;
	right:10px;
	width:520px;
	height:85px;;
	text-align:right;
	}
	
#navi {
	
	position:absolute;
	display:block;
	left:35px;
	top:120px;
	height:25px;
	font-size:1 em;
	color:#FFFFFF;
	z-index:100;
	background-image:url(../pics/bg.png);
	background:#336666;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
*html #navi {
	position:absolute;
	display:block;
	left:35px;
	top:125px;
	height:25px;
	width:auto;
	font-size:1 em;
	color:#FFFFFF;
	z-index:1000;
	background:#336666;
	background-image:url(../pics/bg.png);
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
	

#content {
	position:absolute; 
	z-index:3; 
	top:150px; 
	left:20px;
	width:910px;
	height:400px;
	margin-left:20px; 
	overflow:auto;
	padding-top:5px;
	padding-bottom:50px;
	 }

*html #content {
	
	position:absolute;
	top:150px; 
	left:20px;
	margin-left:20px; 
	width:910px;
	height:400px; 
	overflow:auto;
	padding-bottom:50px;
	padding-top:5px;
	position:absolute; 
	z-index:3;  
	
	 }
	 
#bild_tom {
	position:fixed;
	left:650px;
	top:27px;
	width:223px;
	height:214px;
	z-index:1;
}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #339999;
	text-align: right;
}



#text-bild a:hover span.bild {
  display:block; 
  position:absolute; 
  left:50%; 
  top:120px; 
  padding:5px; 
  width:auto;
  background-color:#ccc; 
  color:#000; 
  border:1px solid #234;
  }

</style>
