body 
{
    margin: 0;
    padding: 0;
    font: 12px verdana, arial, sans-serif; 
    color:Navy;
}
h4 
{
    font: 14px verdana, arial, sans-serif; 
     font-weight:bold;
}
h5 
{
    font: 12px verdana, arial, sans-serif; 
    font-weight:bold;
}
h4 a
{
    font: 14px verdana, arial, sans-serif; 
     font-weight:bold;
}
h5 a
{
    font: 12px verdana, arial, sans-serif; 
    font-weight:bold;
}
#displayarea
{
    width: 100%;
}
#header
{
    width: 100%;
    height: 124px;
    background-image: url(../images/Berlin2.jpg);
}
#headerlogo
{
    float: left;
    width: 400px;
    font-size:20px;
    color: Navy;
    padding-top:15px;
    padding-left:15px;
}
#headercontacts
{
    float: right;
    width: 200px;
}
#headercontacts a
{
    color: Black;
}

.menubar
{
    width: 100%;
    background-color: #a3cefe;
    border-top:solid 1px black;
    padding-left:160px;

}

#nav, #nav ul {
	float: left;
	list-style: none;
	background: #3cefe;
	padding-left:0;
	/*border: solid #eda;
	border-width: 1px 0;*/
	margin: 0 0 1em 0;
	margin: 0;
}

#nav a {
	display: block;
	width: auto;
	color: black;
	text-decoration: none;
	padding: 0.2em 1em;
	font:bold 12px Verdana, arial, sans-serif;
}


#nav li 
{
    position: relative;
	float: left;
	padding:0;
	/*width: auto;*/
	width: 130px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
    background-color:White; 
	font-weight: normal;
	border: solid 1px navy;
	margin: 0;
}

#nav li li {
	
	width: 250px;
}

#nav li ul a {
	width: auto;
	color: Navy;
	border-top:solid 1px #dcdcdc;
	background-color:White;
	font:normal 11px Verdana, arial, sans-serif;
    text-decoration:none;
    padding: 1px 5px 1px 10px;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #eee;
}
#nav li li:hover, #nav li li.sfhover {
	background-color: #f0f0f0;/* #f0f0f0;*/
}
#nav li li:hover a, #nav li li.sfhover a {
	background-color: #f0f0f0;/* #f0f0f0;*/
}


* html P#iepara {
	PADDING-TOP: 1em
}

#leftsidebar
{
    float: left;
    width: 160px;
    height:800px;
}

#pagecontent
{

  
}

.linksmenu ul
{
    padding:0;
    margin:0;
} 
.linksmenu li 
{
   display: inline;
   list-style-type: none;
   padding-right: 10px;
}
.linksmenu a:link
{
    color:#339;
    /*font-weight:bold;*/
}
.linkimage 
{
    border: none;
}
    
.sidebarimage
{
   margin-top: 10px;	
}

#changingcontent
{
    padding:20px 5px 10px 10px;
    font-size:11px;
    color:Black;	
    float:left;
    width:580px;
 
}

p{
    text-align:justify;
    margin-top: 0; 
}

p a{
    color:blue; 
}

.bulletlist ul
{
    list-style-type:square;
}
.bulletlist ul li
{
    padding-top: 5px; /*increase space between list items*/
}
.bulletlist ul li
{
    color:Navy; 
}
/*for pictures within text that float right*/
.floatright
{
    float:right;
    /*width:160;*/
    margin-left:10px; /*push away from surrounding text*/
    margin-bottom:10px;
    padding: 10px; /*extend background behind pics*/
 /* border-top: 1px solid black;
    border-right : 2px solid black;
    border-bottom : 2px solid black;
    border-left : 1px solid black;*/
    text-align:center; /*align caption text*/
}

/*for pictures within text that float left*/
.floatleft
{
    float:left;
    /*width:162;*/
    margin-right:10px; /*push away from surrounding text*/
    margin-bottom:10px;
    padding: 10px; /*extend background behind pics*/
   /* border-top: 1px solid white;
    border-right : 2px solid white;
    border-bottom : 2px solid white;
    border-left : 1px solid white;*/
    text-align:center; /*align caption text*/
}
.floatleftNoPad
{
    float:left;
    margin-bottom:10px;
    text-align:center; /*align caption text*/
}
/*for pictures across content*/
.floatcentre
{
    float: none;    
    margin-bottom:10px;
    padding: 10px; /*extend background behind pics*/
 /*     border-top: 1px solid white;
    border-right : 2px solid white;
    border-bottom : 2px solid white;
    border-left : 1px solid white;*/
    text-align:center; /*align caption text*/
    
}
/*for pictures within text that float right and butt up against the next image*/
.floatrightbutt
{
    float:right;
    margin-bottom:10px;
    text-align:center; /*align caption text*/
}
/*for pictures within text that float left and butt up against the next image*/
.floatleftbutt
{
    float:left; 
    margin-bottom:10px;
    text-align:center; /*align caption text*/
}


/* Graph Issue*/

.floatgraphs
{
  float: none;    
    margin-bottom:10px;
    text-align:center; /*align caption text*/
}




.statsbox
{
    width:550px;
    border:solid 1px navy;
    margin-left:5px;
    padding:10px;
    line-height:1.5;
}
.trendstable
{
    width:460px;
    padding:3px;
    margin-left:30px;
    line-height:1.5;
    font-size:12px;
}
.trendstable TABLE {
    border-top: solid 1px navy;
    border-right: solid 1px navy;
}
.trendstable TD 
{
    border-left:solid 1px navy;
    border-bottom:solid 1px navy;
    
}
.trendstable TH 
{
    border-left:solid 1px navy;
    border-bottom:solid 1px navy;
    
}
#dynamic
{
    border:solid 1px blue;
    padding-left:15px;
    padding-right:15px;

}
#dynamic H5
{
    color:maroon;
    
}
/* german boroughs menu on rhs sidebar on areas-overview page*/
.regionsmenu
{  
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
    width: 180px;/*was 195*/
    position:fixed;
    font-size:10px;
}
.regionsmenu ul 
{
     margin-right: 5px;/*was 20*/
     border-top:1px solid gray;
}
.regionsmenu ul li
{
    list-style-type: none;
    border-bottom: 1px solid gray;
    height:23px;
    margin: 0;
    margin-top:1px;
    padding: 0.25em;
    background-repeat: no-repeat;
    text-align:right;
}


.regionsmenu ul li.area0
{
    background-image:url(../images/sssm_berlin.png);  
}
.regionsmenu ul li.area1
{
    background-image:url(../images/sssm_berlin.png);  
}
.regionsmenu ul li.area2
{
    background-image:url(../images/ssm_Mitte.png);  
}
.regionsmenu ul li.area3
{
    background-image:url(../images/ssm_Friedrichshain.png);  
}
.regionsmenu ul li.area4
{
    background-image:url(../images/ssm_Pankow.png);  
}
.regionsmenu ul li.area5
{
    background-image:url(../images/ssm_Charlottenburg.png);  
}
.regionsmenu ul li.area6
{
    background-image:url(../images/ssm_Spandau.png);  
}
.regionsmenu ul li.area7
{
    background-image:url(../images/ssm_Steglitz-Zehlendorf.png);  
}
.regionsmenu ul li.area8
{
    background-image:url(../images/ssm_Tempelhof-Schoneberg.png);  
}
.regionsmenu ul li.area9
{
    background-image:url(../images/ssm_Neukolln.png);  
}
.regionsmenu ul li.area10
{
    background-image:url(../images/ssm_Treptow-Kopenick.png);  
}
.regionsmenu ul li.area11
{
    background-image:url(../images/ssm_Marzahn.png);  
}
.regionsmenu ul li.area12
{
    background-image:url(../images/ssm_Lichtenberg.png);  
}
.regionsmenu ul li.area13
{
    background-image:url(../images/ssm_Reinickendorf.png);  
}
/* end of regionsmenu styling*/
#rightsidebar
{
    float: left;
    width: 190px; /*was 200px;*/


}

#footerbar
{
    clear:both;
    width:100%;
    height:15px;
    background-color: #a3cefe;
    border-top:solid 1px black;
}
#footer
{
    clear:both;
    font: 9px verdana, arial, sans-serif;
    color: #999999;
}