/* GEOBERSULM FORMATIERUNGEN =========================================================================================================== */

#geoformat						{ font-size: 1.1em; }



#geobersulm						{ width: 950px; height: 670px; z-index: 10; }

div, ul							{ position: absolute; }



.container						{ background: white; filter: alpha(opacity: 80); opacity: 0.80; KHTMLOpacity: 0.80; MozOpacity: 0.80; }

.categories						{ top: 0px; left: 0px; width: 475px; height: 50px; z-index: 20; overflow: hidden; }

.options						{ top: 0px; left: 476px; width: 474px; height: 50px; z-index: 20; overflow: hidden; }

.addresses						{ top: 51px; left: 0px; width: 950px; height: 50px; z-index: 20; overflow: hidden; }

.details						{ top: 409px; left: 10px; width: 930px; height: 220px; z-index: 20; overflow: hidden; filter: alpha(opacity: 85); opacity: 0.85; KHTMLOpacity: 0.85; MozOpacity: 0.85; }



#info							{ font-size: 11px; line-height: 15px; color: black; top: 10px; left: 742px; width: 120px; height: 30px; z-index: 20; overflow: hidden; }

#info .label					{ float: left; width: 65px; text-align: right; }

#info .content					{ float: left; width: 55px; text-align: right; }



/* OPTIONS ----------------------------------------------------------------------------------------------------------------------------- */

ul#options						{ top: 10px; left: 486px; width: 300px; z-index: 30; }

ul#options						{ float: left; padding: 0; margin: 0; list-style: none; }

ul#options li					{ float: left; padding: 0; margin: 0 1px 0 0; }



ul#options li a					{ float: left; height: 23px; padding: 5px 8px 0 8px; color: rgb(185,189,191); text-decoration: none; background-color: rgb(80,90,95); }

ul#options li a:hover			{ color: white; background-position: left -50px; background-color: rgb(220,0,0); }



ul#z_options					{ top: 10px; left: 878px; width: 62px; z-index: 30; }

ul#z_options					{ float: left; padding: 0; margin: 0; list-style: none; }

ul#z_options li					{ float: left; padding: 0; margin: 0 1px 0 0; }



ul#z_options li a b				{ display: none; }



ul#z_options li.zoomin a		{ background: url(i.zoomin.gif) left top rgb(80,90,95); }

ul#z_options li.zoomout a		{ background: url(i.zoomout.gif) left top rgb(80,90,95); }



ul#z_options li a				{ float: left; width: 30px; height: 30px; }

ul#z_options li a:hover			{ background-position: left -50px; background-color: rgb(220,0,0); }



/* CATEGORIES -------------------------------------------------------------------------------------------------------------------------- */

#container_addresses			{ display: none; }



#categories						{ top: 10px; left: 10px; width: 455px; z-index: 40; }

#categories ul.select			{ float: left; width: 455px; }

#categories ul a				{ width: 439px; }



#addresses						{ top: 61px; left: 10px; width: 950px; height: 50px; z-index: 30; display: none; }

#addresses ul.select			{ float: left; width: 930px; }

#addresses ul a					{ width: 746px; }

#addresses ul li.first a		{ width: 914px; }



ul.select						{ top: 0px; left: 0px; list-style: none; padding: 0; margin: 0; display: none; overflow-x: hidden; }

ul.visible						{ display: block; }

ul.select li					{ float: left; margin: 0; }



ul.select li.option				{ display: none; }

ul.select li.selected			{ display: block; }

ul.select li.selected a			{ color: white; background-color: rgb(80,90,95); }

ul.select li.selected a:hover	{ background-color: rgb(220,0,0); }

ul.select li.selected a.more	{ background-color: rgb(220,0,0); }

ul.select.open					{ height: 580px; overflow-y: auto; overflow-x: hidden; }

ul.select.open li.option		{ display: block; }

ul.select.open li.option a		{ color: white; border-bottom: 1px solid rgb(133,140,143); }



ul.select a						{ float: left; height: 23px; padding: 5px 8px 0 8px; text-decoration: none; background-repeat: no-repeat; color: white; background-color: rgb(115,123,127); }

ul.select a.more				{ float: left; width: 190px; border-left: 1px solid rgb(133,140,143); position: absolute; left: 762px; }

ul.select a:hover				{ background-color: rgb(220,0,0); background-position: left -100px; color: white; }



/* DETAILS ----------------------------------------------------------------------------------------------------------------------------- */

#container_details				{ display: block; }



#container_details.minimized	{ display: none; }



ul#details_options				{ top: 380px; left: 10px; width: 930px; list-style: none; padding: 0; margin: 0; z-index: 20; }

ul#details_options li			{ float: left; margin: 0; }

ul#details_options a			{ float: left; width: 914px; height: 23px; padding: 5px 8px 0 8px; text-decoration: none; background-repeat: no-repeat; color: white; background-color: rgb(80,90,95); }

ul#details_options a:hover		{ background-color: rgb(220,0,0); background-position: left -100px; color: white; }



ul#details_options.minimized	{ top: 601px; }



#details						{ top: 419px; left: 10px; width: 910px; height: 200px; z-index: 20; padding: 20px 0 0 20px; overflow-y: auto; overflow-x: hidden; }

#details.hidden					{ display: none; }

#details div					{ position: static; }

#details .cont					{ float: left; width: 275px; margin: 0 20px 0 0; }