body { background-image:url(berlin-collage4.gif);  
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	font-size: 8pt;
	font-family : Verdana;
	}

span, p , ul , li {
  font-size : 8pt;
  font-family : Verdana;
  line-height: 1.3em;
}

/* Werbeseite Flächen*/
.td, .td span {
  font-size : 7pt;
  line-height:1em;
  font-family : Verdana;
}	

#header {
	position:absolute; 
	margin-left:-495px; 
	left:50%; 
	top:3px; 
	width:990px; 
	min-width:990px; 
	height:124px; 
	z-index:5;
	background-image: url(berlin_oben_reichstag_neu_2.jpg);
	background-repeat:no-repeat; 	
	}	
/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	display:block; 
	overflow: hidden; 
	position:absolute; 
	z-index:3; 
	top:130px; 
	bottom:27px; 
	width:990px; 
	margin-left:-495px;
	left:50%; 	
	}
* html #mitte {
	top:0; 
	bottom:0; 
	height:100%;
	width:990px;
	border-top:130px solid #fff; 
	border-bottom:27px solid #fff;
	}
/* Unterhalb Mitte*/	
#navigation{
	position:absolute; 
	top: 0;
	left: 0px; 
	height: 100%;
	width:178px;
	overflow: auto; 
	background-color : #557479;
	}	
#content{ 
	position:absolute; 
	background-color: white; 
	top:0; 
	left: 181px;
	width:807px; 
	height: 100%; 
	overflow: auto; 	
	}
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
#unten {
	text-align:center;
	position:absolute; 
	margin-left:-495px; 
	left:50%; 
	bottom:3px; 
	width:990px; 
	min-width:990px; 
	height:21px; 
	z-index:5; 
	background-color : #557479;	
	}
/* In Werbeseite für Berlin Unternehmen*/	
#berlin_unternehmen { 
	width:234px; 
	height:60px;
	text-align:center;	
	}	
/* Überschriften Startseite oben Keywords*/		
H1{ 
	font-family : Verdana; 
	color : black; 
	font-size : 8pt; 
	font-weight: normal; 
	font-style: normal; 
	margin: 1px 0;
	}
/* Überschriften blau jede Seite*/	
.h1 {
	font-size:13pt; 
	font-weight: bold; 
	color:#557479;
	}
/* Überschriften Unterseite mit geben Grund*/		
h2{
  font-family : Verdana;
  color : black;
  line-height:12pt;
  padding-top : 1pt;
  padding-bottom: 1pt;
  margin-top : 0pt;
  margin-left : 0mm;
  margin-right : 0mm;
  margin-bottom : 0pt;
  font-size : 10pt;
  font-weight :bold;
  background-color : yellow;
  border:1px solid #557479; 
}
/* Alle Seiten Textgrössen*/	
.fliesstext{
  font-size : 8pt;
  font-family : Verdana;
  line-height: 1.3em;
}
.fliesstextfett{
  font-size : 8pt;
  font-family : Verdana;
  font-weight : bold;
  line-height: 1.3em;
}
/* Navi links*/	
.link2 { 
	color: white; 
	font-size: 8.5pt; 
	font-family: arial; 
	text-decoration: none; 
	background-color: #557479; 
	margin: 0; 
	border-left: 4px solid yellow;
	}
 a.link2:HOVER      { color: #557479; background-color: white; }
 
/* Navi unten*/	 
 .link3 { 
	color: white; 
	font-size: 8.5pt; 
	font-family: arial; 
	text-decoration: none; 
	background-color: #557479; 
	margin: 0; 	
	}
 a.link3:HOVER      { color: #557479; background-color: white; }
 
/* Navi links Tabellenzelle*/	
.t {  
	font-weight:normal; 
	background-color: #557479; 
	margin: 0; 
	padding-left:5px;
	/*border-bottom: 1px solid white;*/
	}
	
/* Rote Links zu den Sammelverweisen jede Seite*/	
.link_verweise{
  font-size : 8pt;
  font-family : verdana;
  line-height: 1.3em;
  color : red;
  background-color : #ffffff;
  text-decoration : underline;
  margin-top : 0mm;
  margin-left : 0mm;
  margin-right : 0mm;
  margin-bottom : 0mm;
  font-weight : bold;
}
/* Keine Form aktiv*/	
form { margin: 0 }

/* Für Facebook-Info */

div#fb {
	position:absolute; 
	margin-left:-490px; 
	left:50%; 
	top:410px; 
	width:210px; 
	height:40px;
	overflow:visible;	
	z-index:229;
	}	
a.fbinfo {
text-decoration:none;
display:inline;
z-index:9;
}

a.fbinfo:hover {
color:black;
background-color:transparent;}

a.fbinfo span {
display:none;
z-index:9;
}

a.fbinfo:hover span {
position:absolute;
top:-300px;
left:0px;
z-index:229;
display:block;
text-align:left;
width:500px;
color:black;
background:#FFFFEF;
font:normal 8pt sans-serif;
border:1px solid black;
padding:10px;
overflow:visible;}