body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	color: #111111;
	font: normal 12px/17px helvetica, arial, verdana, sans-serif;
	background: #FFFFFF url('../img/bg_menu.gif') repeat-y;
}

h1 {
	 margin: 0;
	padding: 9px 0 9px 30px;
	background: #b0c4de;
}
h1 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
h2  {
	color: #333000;
	text-decoration: none;
	font: bold 18px helvetica, arial, sans-serif;
}

h3  {
	color: #333;
	text-decoration: none;
	font: bold 16px helvetica, arial, sans-serif;
}


a  {
	color: #c30;
	text-decoration: none;
}


ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0 0 0 25px;
}

img, a img {
	 margin: 0;
	padding: 0;
	border: 0;
}

a:hover {
		  text-decoration: underline;
}

form {
	 margin: 0;
	 padding: 0;
}

.center {
	 text-align: center;
}
.right {
	 text-align: right;
}
.bold {
	 font-weight :bold;
}
.bold-red {
	 color: #CC0033;
	 font-weight :bold;
}
.hidden {
	 display: none;
}

.underline {
	 text-decoration: underline;
}
.red  {
	 color: #CC0033;
}
.italic {
	 font-style: italic;
}

input.button {
	 margin: 5px 0 2px 10px;
	 padding: 2px 5px 2px 5px;
	 color: #CC0033;

	 font-weight: bold;

	 cursor: hand;
	 cursor: pointer;

	 border: 2px solid #CCCCCC;
	 border-color: #CCCCCC #797979 #797979 #CCCCCC;
	 background: #FFFFFF;

}
input.button:hover {
	color: #000000;

	background: #FCFCFC;

}
input.button-red {
	margin: 5px 0 0 10px;
	padding: 2px 5px 2px 5px;
	color: #CC0033;

	font-weight: bold;

	 cursor: hand;

	 border-width: 2px;
	 border-style: solid;
	 border-color: #FFB2B2 #AC0000 #AC0000 #FFB2B2;
	background: #FFECEC;

}
input.button-red:hover {
	color: #000000;
	border: 1px solid #000000;
	background: #FCFCFC;

}

/* HELP */
#content div.beitrag ul.help-body {
	 margin: 0 0 20px 20px;
	 list-style: decimal;
	 text-align: justify;
	 width: 450px;
	 padding-right: 20px;
}

.help-text-narrow {
	weight: 450px;
}
	
.helpImage {
	border: 1px solid;
	width: 450px;
	height: 200px;
	margin-bottom: 40px;
}

#helpImage01 {
	background-image: url(../img/help01.png);
}

#helpImage02 {
	background-image: url(../img/help02.png);
}

#help_north {
	width: 24px;
	height: 22px;
	background-image: url(../img/north-mini.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

#help_world {
	width: 24px;
	height: 22px;
	background-image: url(../img/zoom-world-mini.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

#help_plus {
	width: 24px;
	height: 22px;
	background-image: url(../img/zoom-plus-mini.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

#help_minus {
	width: 24px;
	height: 22px;
	background-image: url(../img/zoom-minus-mini.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

#help_slider {
	width: 24px;
	height: 22px;
	background-image: url(../img/slider.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

/* END OF HELP */

/* INTRO */
#intro {
/*
	position: absolute;
	top: 0px;
	left: 0px;

	margin-bottom: 1px;
	padding: 0;
	height: 125px;
	background: #FFFFFF;

	z-index: 200;
*/
}

#header-logo-geothermie {
	 position: absolute;
	 top: 0px;
	 left: 0px;

	padding-top: 15px;

	width: 200px;
	height: 110px;
	text-align: center;

	border-right: 1px solid #000000;
	background: #FFFFFF url('../img/lbgr_geothermie_small.png') 35px 3px no-repeat;
}

#header-logo-bw {
	 position: absolute;
	 top: 0px;
	 left: 0px;

	width: 200px;
	height: 110px;
	
	border-right: 1px solid #000000;
	background: #FFFFFF;
}

#header-logo-bb {
	 position: absolute;
	 top: 0px;
	 left: 0px;

	padding-top: 15px;

	width: 200px;
	height: 110px;
	text-align: center;

	border-right: 1px solid #000000;
	background: #FFFFFF url('../img/logo_bb.png') 20px 36px no-repeat;
}

#header-logo-be {
	 position: absolute;
	 top: 25px;
	 left: 100px;

	padding-top: 15px;

	width: 98px;
	height: 50px;
	text-align: center;
	background: #FFFFFF url('../img/logo_be.png') 0px 22px no-repeat;
}



#header-logos a {
	 margin: 0;
	 padding: 100px 55px 100px 55px;
	 width: 100%;
	 height: 100%;
	 font-size: 0px;
	 text-decoration: none;
	 color: white;
}

#header-logo-bb a {
	
	width: 80px;
	height: 120px;
	padding: 0px;
	position: absolute; top: 0px;
	left: 20px;
}

#header-logo-be a {
	width: 100px;
	height: 120px;
	padding: 0px;
	position: absolute;
	top: -25px;
	left: 0px;
} 

#header-logo a span {
	display: none;
}

#header-navigation {
	margin: 0;
	padding: 0;
	margin-left: 201px;
}


#header-navigation span.bold {
	 font-weight: bold;
}

#header-navigation-logo {
	height: 50px;
	background: #B0C4DE url('../img/bg_header.gif') no-repeat;
}

#header-navigation-logo_sgd {
	height: 70px;
	background: #FFFFFF url('../img/SGD-Leiste.jpg') no-repeat;
}
#header-navigation-main {
	margin: 0;
	padding: 0 0 0 25px;

	height: 21px;

	background: #CC0033 url('../img/bg_header_main.gif') bottom left repeat-x;

}

#header-navigation-main a {
	margin: 0 0 -1px 0;
	padding: 3px 6px 4px 6px;

	text-decoration: none;
	color: #FFFFFF;
	font: bold 11px/20px helvetica, arial, verdana, sans-serif;
}
#header-navigation-main a:hover {
	padding: 2px 5px 3px 5px;
	text-decoration: none;
	color: #C03000;

	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;

	background: #FFFFFF;

}
#header-navigation-main span.current {
	padding: 2px 5px 3px 5px;
	text-decoration: none;
	color: #C03000;
    font-weight: bold;
    
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;

	background: #FFFFFF;

}

#header-navigation-main ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
#header-navigation-main li {
	 display: inline;
	 padding: 2px 0 2px 0;
}


#header-navigation-sub {
	 margin: 0;
	padding: 5px 0 5px 30px;

	height: 15px;

	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color:#4682B4;

	border-bottom: 1px solid #C03000;
}

#header-navigation-sub a {
	margin: 0 7px 0 0;
	padding: 0;

	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #4682B4;

}
#header-navigation-sub a:hover {
	 color: #CC0033;
}
#header-navigation-sub a.current {
	 font-weight: bold;
}
#header-navigation-sub img {
	margin: 0 7px 0 0;
}
#header-navigation-sub span {
	display: inline;
	margin: 0 7px 0 0;
	padding: 0;
}

#header-navigation-sub span.current {
    font-weight: bold;
}

#header-navigation-sub ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
#header-navigation-sub li {
	 display: inline;
	 margin: 0 10px 0 0;
	 padding: 2px 10px 0 0;

	 background: url('../img/arrow_right.gif') 100% 50% no-repeat;
}
#header-navigation-sub li.last {
	 background: 0;
}

#langmenu {
	 padding: 5px 0 0 5px;
}
#langmenu li.langmenu span {
	 display: none;
}
#langmenu ul.langmenu {
	 margin: 0;
	 padding: 0;
}

#langmenu li.langmenu {
	 display: inline;
	 margin: 0;
	 padding: 0;
}
#langmenu li.langmenu a {
	 display: inline;
	 padding: 0 0 0 20px;
	 text-decoration: none;
}
#langmenu a.flag-deutsch {
	 background: url('../img/flagge_de.gif') no-repeat;
}
#langmenu a.flag-deutsch:hover {
	 background: url('../img/flagge_de_over.gif') no-repeat;
}

#langmenu a.flag-english {
	 background: url('../img/flagge_en.gif') no-repeat;
}
#langmenu a.flag-english:hover {
	 background: url('../img/flagge_en_over.gif') no-repeat;
}
/* END OF INTRO */
#main {
/*
	position: relative !important;
	position: absolute;
	top: 0 !important;
	top: 125px;
	left: 0;
*/
}

/* LEFT MENU */

#menu-left {
	position: absolute;
	top: 125px;
	left: 0;

	margin: 0;
	padding: 0;

	width: 200px;
	z-index: 2;

}
#menu-left a {
	display: block;
	margin: 0;
	padding: 1px 5px 1px 10px;
	text-decoration: none;

	font: normal 12px/16px helvetica, arial, verdana, sans-serif;
	color: #222000;

}
#menu-left a:hover {
	color: #000000;
	background: #D8DCE4 url('../img/arrow_right_grey.gif') 180px 50% no-repeat;
}

#menu-left a.services {
	margin: 0;
	padding: 0;
	text-decoration: none;

	font: normal 12px/16px helvetica, arial, verdana, sans-serif;
	color: #000000;

}
#menu-left a.services:hover {
	 background: 0;
}
#menu-left h2 {
	margin: 0;
	padding: 2px 0 2px 10px;
	width: 200px;
	color: #FFFFFF;

	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;

	background: #C03000;
}

#menu-left div.logo-gib {
	 padding: 20px 0 0 20px;
	 width: 200px;
	 height: 50px;
}
#menu-left div.logo-gib a {
	  display: inline;
	 margin: 0;
	 padding: 20px 76px 20px 76px;
	  text-decoration: none;

	 background: url('../img/logo_GIB.gif') 50% 50% no-repeat;
}

#menu-left div.logo-gib a:hover {
	 margin: 0;
	 padding: 20px 76px 20px 76px;
	 background: url('../img/logo_GIB.gif') 50% 50% no-repeat;
}

#menu-left div.logo-gib span {
	 display: none;
}

#menu-left ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}

#menu-left li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
}


#menu-left li.current {
	 background: url('../img/pfeil_navi.gif') 180px 50% no-repeat;
}

#menu-left ul.menu {

}

#content div.beitrag li.green {
	 padding: 0 0 0 38px;
	 height: 30px;
	 line-height: 30px;

	 background: url('../img/status_green.gif') 0 50% no-repeat;
}
#content div.beitrag li.red {
	 padding: 0 0 0 38px;
	 height: 30px;
	 line-height: 30px;

	 background: url('../img/status_red.gif') 0 50% no-repeat;
}

#menu-left p {
	 margin: 0;
	 padding: 10px 0 0 10px;
}

#menu-left p.services {
	 padding-top: 30px;
	 padding-bottom: 10px;
	 font-weight: bold;
}

#menu-left select {
	width: 150px;
}

#menu-left ul a.more {
		  background: url(img/more.gif) no-repeat 183px 5px;
}

#menu-left ul a.more:hover {
		  background: url(img/more.gif) no-repeat 183px 5px #D8DCE4;
}

#content div.beitrag span.lbgr {
	 padding: 5px 0 5px 0;
	 padding-left: 36px;
	 height: 30px;
	 line-height: 30px;
	 background: url('../img/logo_LBGR_mini.gif') left 50% no-repeat;

}

#content div.beitrag span.lua {
	 padding: 5px 0 5px 0;
	 padding-left: 36px;
	 height: 30px;
	 line-height: 30px;
	 background: url('../img/logo_LUA_mini.gif') left 50% no-repeat;

}

#content div.beitrag span.lgb {
	 padding: 5px 0 5px 0;
	 padding-left: 36px;
	 height: 30px;
	 line-height: 30px;
	 background: url('../img/logo_LGB_mini.gif') left 50% no-repeat;

}

#content div.beitrag span.berlin {
	 padding: 5px 0 5px 0;
	 padding-left: 36px;
	 height: 30px;
	 line-height: 30px;
	 background: url('../img/FIS-Logo.gif') left 50% no-repeat;
}

.services_intro {
	font-weight: bold;
	margin-left: 10px;
}

#menu-left select {
	 margin: 0;
	 padding: 0;
}
#menu-left label {
	 margin: 0;
	 padding: 0;
}

#menu-left input.button {
 	 margin: 5px 0 2px 10px;
	 padding: 2px 5px 2px 5px;
	 color: #CC0033;

	 font-weight: bold;

	 cursor: hand;

	 border: 2px solid #CCCCCC;
	 border-color: #CCCCCC #797979 #797979 #CCCCCC;
	 background: #FFFFFF;

}
#menu-left input.button:hover {
	 color: #000000;

	 background: #FCFCFC;

}
/* END OF LEFT MENU */


/* CONTENT */

#content {
	 position: absolute;
	 top: 125px;
	 left: 200px;

	 min-width: 640px;

	 font: normal 12px/150% helvetica, arial, verdana, sans-serif;
	 float: none;
	 z-index: 2;
}

#content ul {
	 list-style: none;
}

#content li {
}


#content div.beitrag {
	 margin: 0px 0px 0px 1px;
	 padding: 0px 10px 20px 10px;

	/* width: 100%;*/

	 border-right: 1px solid #C03000;
	 border-bottom: 1px solid #C03000;
	 background: url('../img/bg_red.gif') repeat-x;
	 width: 775px;

}

#content div.beitrag a {
	 color: #C03000;
	 text-decoration: underline;
}

#content div.beitrag a:hover {
	color: #000000;
}

#content div.beitrag a.top {
	 padding: 2px 4px 2px 4px;
	 color: #CC0033;
	 text-decoration: none;
	 font-weight: bold;

	 border: 2px solid #CCCCCC;
	 border-color: #CCCCCC #797979 #797979 #CCCCCC;

}
#content div.beitrag a.top:hover {
	 color: #000000;
	 background: #FCFCFC;
}

.contentheader{
	margin: 0 150px 10px -9px;
	padding: 2px 0 2px 10px;

	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;

	 color: #FFFFFF;
	background: #4682B4;
	}

#content div.beitrag h2 {
	margin: 0 5px 10px -9px;
	padding: 2px 0 2px 10px;

	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;

	 color: #FFFFFF;
	background: #4682B4;

}
#content div.beitrag h3 {
	margin: 6px 150px 0.5em 0;
	padding: 0;

	font: bold 12px/18px helvetica, arial, verdana, sans-serif;

	color: #333;
	background: #fff;
}
#content div.beitrag h3.nobild {
	margin: 6px 0 0.5em 0;
	padding: 0;

	color: #333;
	background: #fff;
	font: bold 12px/18px helvetica, arial, verdana, sans-serif;
}

#content div.beitrag h3 span.date {
		  color: #c03;
}
#content div.beitrag h4 {
	color: #CC0033;
	border-bottom: 1px solid black
}


#content div.beitrag p {
	 margin: 0;
	padding: 0;

}
#content div.beitrag p.text {
	padding: 0 0 30px 0;
	 width: 95%;

}
#content div.beitrag p.text-narrow {
	padding: 0 0 5px 0;
	 width: 95%;

}
#content div.beitrag p.left {
	margin: 0;
	padding: 0;
	text-align: left;
}
#content div.beitrag p.right {
	margin: 5px 5px 0 0;
	text-align: right;

}
#content div.beitrag p.center {
	margin: 5px 5px 0 0;
	text-align: center;

}
#content div.beitrag p.address {
	padding: 10px 10px 10px 30px;

	 font-weight: bold;
	font-size: 1.5em;
}
#content div.beitrag p.poesy-content {
	padding: 0 0 30px 0;
	 width: 60%;
	 font-weight: bold;

}
#content div.beitrag p.poesy-author {
	 margin: 0 0 10px 0;
	 border-bottom: 1px solid #000000;
}

#content div.beitrag p.legend {
	 margin: 10px 0 0 0;
}

#content div.beitrag p.ausschluss {
	 margin: 0 0 0 0;
	 font-weight: normal;
	 font-size: xx-small;
	 line-height: 110%;
}
#content div.beitrag div.ausschluss {
	 padding: 2px 4px 2px 4px;
}


#content div.beitrag p.legend2 {
	 margin: 10px 0 0 0;
	 font-size: 11px;
	 
}

#content div.beitrag img {
	margin: 0 0 0 0px;
	padding: 0;
}

#content div.beitrag img.main {
	border-bottom: 1px solid #C03000;
	border-left: 1px solid #C03000;
}
#content div.beitrag img.map {
	 margin: 0;
	padding: 0;

/*	background: #FFFFFF;*/
}
#content div.beitrag img.statistic {
	margin: 10px;
	padding: 0;
	border: 1px solid #BCBCBC;
}
#content div.beitrag ul.center {
	 text-align: center;
}

#content div.beitrag ul.button-right {
	 margin: 5px;

	 text-align: right;
}

#content div.beitrag ul.button-right li {
	 display: inline;
	 padding: 5px;
}

#content div.beitrag ul.button {
	 margin: 5px 0 5px 0;
	 padding: 0;
}

#content div.beitrag ul.button li {
	 display: inline;
	 padding-right: 5px;
}


#content div.beitrag ul.list {
	 margin: 0 0 20px 20px;
	  list-style: square;
	 text-align: left;
}

#content div.beitrag ul.list li {
	 display: block;
	 padding: 2px;
}
#content div.beitrag ul.contact-head {
	 margin: 0 0 20px 20px;
	 list-style: none;

	 text-align: left;
}

#content div.beitrag ul.contact-head li {

}
#content div.beitrag ul.contact-body {
	 margin: 0 0 20px 20px;
	 list-style: none;
	 text-align: left;
}

#content div.beitrag ul.contact-body li {
	 font-weight: bold;
}

/* Schriftgoesse in Tabellen */
#content table.top {
	 margin-bottom: 20px;
	 width: 50%;
}

#content div.beitrag table {
	 vertical-align: top;
	 text-align: left;
	 font: 12px/16px helvetica, arial, verdana, sans-serif;
	 border-collapse: collapse;
}
#content div.beitrag th {
	 padding: 2px 4px 2px 4px;
	 vertical-align: top;
	 border-bottom: 1px solid #BCBCBC;
}

#content div.beitrag th.head {
	 background: #B0C4DE;
}

#content div.beitrag tr {
}
#content div.beitrag td {
	 padding: 2px 4px 2px 4px;
	 vertical-align: top;
	 border-bottom: 1px solid #BCBCBC;
}

#content div.beitrag td.image {
	 text-align: right;
}

#content div.beitrag a.zoomin {
	 padding: 11px 12px 11px 12px;
	 width: 24px;
	 height: 22px;
	 text-decoration: none;
	 background: url('../img/bt_zoomin.png') no-repeat;
}

#content div.beitrag a.zoomin-active {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_zoomin_active.png') no-repeat;
}

#content div.beitrag a.zoomin-deactivated {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_zoomin_deactivated.gif') no-repeat;
	 cursor: default;
}

#content div.beitrag a.zoomout {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_zoomout.png') no-repeat;
}
#content div.beitrag a.zoomout-active {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_zoomout_active.png') no-repeat;
}
#content div.beitrag a.pan {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_pan.png') no-repeat;
}
#content div.beitrag a.pan-active {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_pan_active.png') no-repeat;
}
#content div.beitrag a.info {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_information.png') no-repeat;
}
#content div.beitrag a.info-active {
	 padding: 11px 12px 11px 12px;
	 text-decoration: none;
	 background: url('../img/bt_information_active.png') no-repeat;
}
#content div.beitrag a.info-text {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/bt_info_text.png') no-repeat;
}


#content div.beitrag a.info-text-active {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/bt_info_text_active.png') no-repeat;
}

#content div.beitrag a.info-text-disabled {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/bt_info_text_disabled.gif') no-repeat;
	 cursor: default;
}

#content div.beitrag a.information {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/bt_info_text.png') no-repeat;
}


#content div.beitrag a.information-active {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/bt_info_text_active.png') no-repeat;
}

#content div.beitrag a.behoerde {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/behoerdenanfrage.gif') no-repeat;
	 display: inline;
}


#content div.beitrag a.behoerde-active {
	 padding: 11px 50px 11px 50px;
	 text-decoration: none;
	 background: url('../img/behoerdenanfrage_aktiv.gif') no-repeat;
}

#content div.beitrag ul.map-options {
	 padding: 5px 0 0 0;
	 list-style: none;

	 text-align: left;
	 vertical-align: middle;
}

#content div.beitrag ul.map-options li {
	 margin: 0;
	 padding: 0;
	 display: inline;

}

#behoerdemanfrageRadio {
	margin: 0px;
	margin-top: -5px; 
	padding: 0px; 
	display: inline;
}

#content div.beitrag ul.links {
	 padding-top: 5px;
	 text-align: center;
}
#content div.beitrag ul.links li {
	 display: inline;
	 padding: 0 5px;
}

#content div.beitrag fieldset {
	 clear: both;
	 margin: 0 10px 20px 0;
	 padding: 0;
	 width: 540px;

	 border: 1px solid #BCBCBC;
}

#content div.beitrag fieldset div.box {
	 padding: 20px;
	 background: #FCFCFC;
}

#content div.beitrag legend {
	 font-weight: bold;
	 color: #CC0033;
}

#content div.beitrag input.inputfield {
	 border: 1px solid #BCBCBC;

}
#content div.beitrag textarea {
	 border: 1px solid #BCBCBC;
	 background: #FCFCFC;
}

#content div.beitrag label.label {
	 font-weight: bold;

}
#content div.beitrag p.label {
	 padding-bottom: 0;
}
#content div.beitrag p.last {
	 padding-bottom: 10px;
}
#map {
	float: left;
	margin: 0 0 20px 0;
	width: 450px;
	height: 450px;
	border: 1px solid #BCBCBC;
	 background: url('../img/loading.gif') 50% 50% no-repeat;
}
#map-antrag {
	margin: 0 0 20px 0;
	width: 450px;
	height: 450px;
	border: 1px solid #BCBCBC;
	 background: url('../img/load_ani.gif') 50% 50% no-repeat;
}
#info {
	 clear: both;
	 padding: 0 0 20px 0;
}
#info ul {
	 margin: 0;
	 padding: 0 0 0 30px;

	 list-style: square;
	 font-weight: normal;
	 color: #000000;
}
#info h5 {
	margin: 0;
	padding: 10px 0 10px 0;
	color: #000000;

	font-size: 12px;
	font-weight: bold;
}
#legend {
	 float: left;
	 margin: 0 0 0 5px;
	 padding: 0px 10px 0px 10px;
	 width: 230px;
	 height: 500px;
	 border: 1px solid #BCBCBC;
}
#legend label {
	 font-weight: normal;
}

#loadingIndicator{
	top: 150px;	
}
	 	 
#olTileImage  {
	margin: 0 0 0 0px;
	
}
/* END OF CONTENT */