/* Allgemeine Formatierung für sichtbaren Text */
p { 	color: white;
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
    font-size: 11px;
	margin: 0px; 
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

body, html { 	
	height: 97.5%;
	margin: 0px; 
	width: 100%;
}

#alles { 	
	background-color: #993333;
	height: 100%;
	width: 100%;
}

/* Formatierung des Headers */
#geo_search {
    position: relative;
	height: 50px;
}
		/* Formatierung für die Beschriftung links neben der Suchleiste */
		#beschr { 
			float: left; 
			margin: 10px 15px;
			width: 35%;
		}

		/* Formatierung für der Suchleiste bestehend aus feld und knopf */
		#search { 
			float: right; 
			margin: 10px 15px;
			width: 40%;
		}
			
				#field {
					display: inline;
					float: left; 
					width: 50%;
					padding: 4px 12px;
					font-size: 14px;
					line-height: 1.5;
					color: #555;
					background-color: #fff;
					border: 1px solid #ccc;
					border-radius: 4px;
					-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
					-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
					transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				}

				#button {
					display: inline-block;
					padding: 4px 12px;
					margin-top: -1px;
					font-size: 14px;
					font-weight: 400;
					line-height: 1.5;
					text-align: center;
					white-space: nowrap;
					vertical-align: middle;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none; 
					border: 1px solid rgba(0, 0, 0, 0);
					border-radius: 4px;
					color: #fff;
					background-color: #cc0033;
					border-color: #ff6666;
					float: right;
					width: 15%;
				}
				
				/* Formatierung des Buttons, wenn man mit der Mouse drüber geht */
				#knopf:hover { background-color: #346fa0; }	

/* Formatierung des mittleren Teils */
#middle { 	height: 90%; }		
		
		/* Formatierung der eigentlichen Karte */
		#map-canvas {
			height: 100%;
			margin-left: 10px;
			position: relative;
			width: 98%;
		}

		/* Formatierung der Legende */
		#legende {
			display: inline;
			float: right;
			width: 15%;
			height: 90%;
			/* position: relative; */
			margin-top: -600px ;
			margin-right: 2%;
		}

				/* Formatierung der Bilder der Legende */
				#defi_pic{
					float: left;
					margin-right: 10px;
					margin-top: 5px;
				}

				/* Formatierung des Inhalts der Legende */
				#defi_art, #hinweis{
					font-size: 9px;
					margin-bottom: 10px;
					margin-top: 10px;
					float: left;
					/*text-align: justify;*/
				}
				
				#hinweis {
					position: relative;
					top: 50px; 
				}
				
		
/* Formatierung des Footers */
#footer {
	background-color: #cc6623;
	height: 22px;
	/*position: relative;*/
}
		/* Formatierung des Copyright-Vermerks */
		#copyright{
			 padding: 4px 12px 4px; 
			 display: inline;
		}
		
		/* Formatierung für Fehlermeldung */ 
		#fehlermeldung{
			float: right;
			padding: 4px 12px 4px; 
		}

		/* Formatierung der Links */
		a:link, a:visited, a:focus, a:active, a:hover{ 
			color: white;
			font-family: "Lucida Grande", Arial, Verdana, sans-serif;
			font-size: 11px; 
			text-decoration: none;
			cursor: pointer;
		}
    
/* Style Definition für die Beschriftung der Cluster Icons */   
.labels {
    color: black;
    background-color: #00000000;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 40px;     
    white-space: nowrap;
   }
   
/* Style für die Infoboxen */
.boxText {
	border: 1px solid black; 
	margin-top: 8px; 
	background: #444444; 
	color: #fff; 
	font-family: Arial; 
	font-size: 13px; 
	padding: 5px; 
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}  
   
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}