/* BERLIN-OFFICE.de */

/* info.css */



/* ------- lageinfo.php -------- */
article#infobox
    {
	float: left;
    width: 600px;
	margin-top: 15px;
	margin-left: 10px;
    }

.lagebox
    {
	float: left;
    width: 600px;
	height: 185px;
	margin-top: 25px;
	margin-left: 10px;
	background: #F4F3F1;
    }

.lagegrafik
    {
	float: left;
	text-align:center;
    width: 150px;
	height: 125px;
	margin-top: 25px;
	margin-left: 10px;
    }
	
.lageheadline
    {
	float: left;
    width: 350px;
	height: 30px;
	margin-top: 15px;
	margin-left: 15px;
    }
	
.lagetext
    {
	float: left;
    width: 400px;
	height: 30px;
	margin-top: 5px;
	margin-left: 15px;
		display: inline-block;
    }
	
	
/* ---- button stadtteile ---- */
a.buttonberlin{
      display:block;
      width:150px;
	  height:120px;
      background-image:url(../pics/berlinsmall.png);
      }

a.buttonberlin:hover {
      display:block;
      background-image:url(../pics/berlinsmallred.png);
      }
/* -------------- */


/* ---- button kernlagen ---- */
a.buttoncore{
      display:block;
      width:150px;
	  height:120px;
      background-image:url(../pics/berlincore.png);
      }

a.buttoncore:hover {
      display:block;
      background-image:url(../pics/berlinsmallred.png);
      }
/* -------------- */


/* ---- button ansiedlung ---- */
a.buttontoploc{
      display:block;
	  margin-left:28px;
      width:93px;
	  height:120px;
      background-image:url(../pics/germanymap.png);
      }

a.buttontoploc:hover {
      display:block;
      background-image:url(../pics/germanyred.png);
      }
/* -------------- */



/* ---- button plz ---- */
a.buttonplzloc{
      display:block;
      width:150px;
	  height:120px;
      background-image:url(../pics/berlinplzico.png);
      }

a.buttonplzloc:hover {
      display:block;
      background-image:url(../pics/berlinsmallred.png);
      }
/* -------------- */






/* ------- stadtteile.php -------- */
/* ------- hier alles aus formularsuche.css rein -------- */

#stadtteiltext
    {
	float: left;
	text-align: left;
	height: 75px;
	width: 600px;
    }
	
#stadtteillinks
    {
	float: left;
	text-align: left;
	height: 570px;
	width: 170px;
    }
	
#stadtteilmap
    {
	float: left;
	margin-top: 50px;
	text-align: left;
	height: 380px;
	width: 430px;
    }





/* ------- kernlagen.php -------- */

#kernkopftext
    {
	float: left;
	text-align: left;
	height: 100px;
	width: 600px;
    }
	
#kernlinks
    {
	float: left;
	margin-top: 30px;
	text-align: left;
	height: 370px;
	width: 170px;
    }
	
#kernmap
    {
	float: left;
	text-align: left;
	height: 380px;
	width: 430px;
    }
	
	
/* ------- kerncity.php -------- */

#citykopftext
    {
	float: left;
	text-align: left;
	height: 100px;
	width: 600px;
    }
	
#citylinks
    {
	float: left;
	margin-top: 30px;
	text-align: left;
	height: 370px;
	width: 170px;
    }
	
#citymap
    {
	float: left;
	text-align: left;
	height: 380px;
	width: 430px;
    }
	
	
/* ------- plzrecherche.php -------- */

#plzkopftext
    {
	float: left;
	text-align: left;
	height: 100px;
	width: 600px;
    }
	
#plzlinks
    {
	float: left;
	margin-top: 30px;
	text-align: left;
	height: 350px;
	width: 170px;
    }
	
#plzmap
    {
	float: left;
	text-align: left;
	height: 350px;
	width: 430px;
    }
	
	
/* ---- search plz ---- */	
section#plzsearch
    {
	float: left;
	width: 600px;
	height: 150px;
	background: #F4F3F1;
    }


#plzdecltext
    {
	float: left;
	text-align: left;
	margin-left: 15px;
	margin-top: 30px;
	height: 30px;
	width: 220px;
    }	  
	  
#plzsearchfield
	{
	float: left;
	width: 220px;
	height: 30px;
	margin-top: 25px;
	margin-left: 5px;
    }

.plzsearchtextfield
      {
	  width: 220px;
	  height: 28px;
      color:#6C665F;
      font-size:14px;
      font-family:Roboto, Arial, sans-serif;
      font-weight:normal;
      text-decoration:none;
      text-align:left;
	  border-style:solid; 
	  border-width:1px; 
	  border-color:#ffffff; 
	  background-color:#ffffff;
	  border-top-left-radius:4px;
	  border-bottom-left-radius:4px;
      }

#plzsearchinput
	{
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 25px;
    }

.searchbutton{
      background: white url('../pics/search30.png') no-repeat top;
      width: 30px;
      height: 30px;
	  border: none;
	  cursor:pointer;
	  border-top-right-radius:4px;
	  border-bottom-right-radius:4px;
      }

.searchbutton:hover{
      background: white url('../pics/search30w.png') no-repeat top;
      width: 30px;
      height: 30px;
	  border: none;
	  cursor:pointer;
	  border-top-right-radius:4px;
	  border-bottom-right-radius:4px;
      }

#plzbuttext
    {
	float: left;
	text-align: justify;
	margin-left: 15px;
	margin-top: 15px;
	height: 60px;
	width: 570px;
    }
	
/* ------------------------------------------------ */