*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	min-height: 100%;
}

	*, html, body{
		/* font-family: calibri; */
		font-family: Helvetica;
		/* font-size: 14px; */
		margin: 0px;
		padding: 0px;
	}

/* 	h1, #bereich1, #bereich2, #bereich3 {
		padding: 1%;
	} */

 	h2 {
		padding-top: 10px;
	}
	
/* #anliegenLogo {
  position: absolute;
  top: 6px;
  width: 120px;
}	 */
#anliegenLogo {
	width: 60px;
	/* width: 150px; */
	/* padding: 6px 12px; */
	margin-top: -12px;
}
  .map {
	height: 400px;
	width: 100%;
  }

  .ol-full-screen {
		top: 2.5em;
	}
  .ol-attribution ul,
  .ol-attribution a,
  .ol-attribution a:not([ie8andbelow]) {
		color: black;
		font-size: 10px;
	}

	#legendeB {
		position: absolute;
		z-index: 2;
		right: 18px;
		font-size: 13px;
		background-color: #3071a9;
		color: #fff;
		border: 1px solid #285e8e;
		padding: 6px 12px;
		border-radius: 5px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
		cursor: pointer;
	}
	#geolocationB {
		position: absolute;
		z-index: 2;
		/* top: 15px; */
		right: 18px;
		font-size: 13px;
		background-color: #3071a9;
		color: #fff;
		border: 1px solid #285e8e;
		padding: 6px 12px;
		border-radius: 5px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
		cursor: pointer;
	}
	
	.regtitel {
			background-color: #333366;
			color: #ffffff;
			margin: 0.5%;
			/* padding: 1%; */
/* 			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
			border-top-right-radius: 8px;
			border-bottom-right-radius: 8px; */
			border-radius: 2px;
			box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
			cursor: pointer;
/* 			height: 54px; */
		}
		
		
		@media screen and (min-width: 700px) {
			.b2, .b3 {
				/*width: 47%;
				float: left;*/
			}
			.regtitel {
/* 				border-top-left-radius: 8px;
				border-bottom-left-radius: 5px;
				border-top-right-radius: 8px;
				border-bottom-right-radius: 5px; */
				border-radius: 5px;
				box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
			}
		}

		#content {
			clear: both;
		}


		form{
			margin-bottom: 1.5em;
		}

		label {
			cursor: pointer;
			display: inline-block;
			//width: 205px;
			width: 20%;
			vertical-align: top;
			padding: 5px;
		}

		input, select, textarea {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding: 5px;
			//width: 300px;
			width: 45%;
		}

		legend {
			/* font-weight: bold; */
			padding: 5px;
			margin-right: 5px;
			display: block;
			width: 100%;
			margin-bottom: 20px;
			font-size: 21px;
			line-height: inherit;
			color: #333;
			border-width: 0px 0px 1px;
			border-style: none none solid;
			border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
			-moz-border-top-colors: none;
			-moz-border-right-colors: none;
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			border-image: none;
		}

		img.legenden-img {
			font-weight: bold;
			margin: 3px -1px -5px 1px;
			width: auto;
			height: 30px;
		}

		.legenden-text {
			padding: 5px;
			margin-right: 5px;
		}

		.label_row {
		  width: 100%;
		  clear: both;
		}

		.label_row img {
		  width: 150px;
		}


		@media screen and (max-width: 700px) {
				label, input, select, textarea {
					width: 70%;
				}

			.map {
/* angepasste Werte für Bürgerclient ohne Statistik (CAS) */
				height: 65vh;
				width: 90vw;
				}

			#geolocationB, #legendeB {
				right: 12px;
				}
/* 			#featurepopup {
				clear: both;
				width: auto;
			} */
		}

		img.kommelde24_icons {
			float: left;
			margin-right: 5px;
		}

		img.legend_icons {
			float: left;
			margin: -5px 3px -11px 3px;
			height: 35px;
			width: auto;
		}


		img#yourPic {
			padding: 10px 4px 8px 10px;
		}
/*
		#inpPicture img {
			width: 10px;
			height: 10px;
			background: url('button_normal.png') 0 0 no-repeat;
			border:none;
			padding: 0px 4px 8px 0px;
			font-weight:bold;
		}
*/

#bereich3 {
  width: 98%;
  clear: both;
}

#popup {
	width: 130px;
	font-size: 13px;
	position: absolute;
	border-radius: 5px;
	padding: 8px 10px;
	background-color: #fff;
	border: 2px solid #ccc;
	cursor: pointer;
}

#positionsgenauigkeit {
	width: 150px;
	font-size: 13px;
	position: absolute;
	border-radius: 5px;
	padding: 8px 10px;
	background-color: #fff;
	border: 2px solid #ccc;
	cursor: pointer;
}

#featurepopup {
	width: auto;
	min-width: 278px;
	font-size: 13px;
	position: absolute;
	border-radius: 5px;
	padding: 8px 10px;
	background-color: #fff;
	border: 2px solid #ccc;
	cursor: pointer;
}

#featurepopup img{
	float:left;
	padding: 5px;
}

#messagebox img {
	width: 300px;
	padding: -10px;
}

/* #messagebox  .ui-dialog .ui-dialog-content{
	padding: 5px !important;
} */

#legendeL {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    float: right;
    font-size: 13px;
	margin: -250px 19px;
    padding: 15px 14px 9px 23px;
    position: relative;
}

#bar, #coordinates {
	background-color: rgba(255, 255, 255, 0.8);
	position: float;
	right: 43px;
	padding: 12px;
	margin: -8px 0 0 -5px;
	border-radius: 4px;
	font-size: 13px;
}

#info {
	background-color: rgba(255, 255, 255, 0.8);
	position: float;
	right: 43px;
	padding: 12px;
	margin: -10px 0 0 -5px;
	border-radius: 4px;
	width: 70%;
	font-size: 13px;
}

#coordinates {
	float: right;
	margin: -50px 0 0 -5px;
}

#bar > p {
    font-size: 13px;
    padding: 6px 12px;
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	background-color: #5cb85c;
	border: 1px solid #4cae4c;
    cursor: pointer;
}

#bar > p:hover, #bar > p.active {
	background-color: #449d44;
	border-color: #398439;
}
#box {
	margin: 8px 0 0 2px;
	padding: 5px 10px;
	position: absolute;
	width: 98%;
	max-width: 450px;
	z-index: 1;
	font-size: 12px;
}
 /* Browser Reset */
 /* input:invalid {
   box-shadow:none;
 } */
 /* ersetzt Asterisk */
/*  input:required + label::after {
   content:" *3";
   color:#f00;
 } */
 /* nicht oder falsch ausgefuellte Felder rot markieren */
 input:focus:invalid {
   border-color:#f00;
 }
 /* richtig ausgefuellte Felder gruen markieren */
 input:required:focus:valid {
   border-color:#0c0;
 }


#SucheNomin {
		/* width: 50%; */
		max-width: 300px;
}
#SucheNominB {
    background-color: #3071a9;
    border: 1px solid #285e8e;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 6px 12px;
    position: float;
}
		
/* .ui-widget-header {
    background: #336 none repeat scroll 0 0;
    border: 1px solid #aaa;
    color: #fff;
    font-weight: bold;
} */
/* .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0px none;
    padding: 0 0 0 0;
    background: transparent none repeat scroll 0% 0%;
    overflow: auto;
} */
/* .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0px 0px;
    background-image: none;
    margin-top: 0px;
    padding: 0.01em;
} */

.bootstrap-dialog.type-primary .modal-header {
    background-color: #428BCA;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #FFF;
    display: inline-block;
    font-size: 18px;
	/* font-weight: bold; */
}
.einzelEditModal-dialog .modal-dialog {
	float:left;
	padding: 5px;
}

/* Button i.A Erl. i.A  */
.btn-bs:active, .btn-bs:focus, .btn-bs:hover {
    color: #FFF;
    background-color: #7952B3;
    border-color: #7952B3;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}
.glyphicon {
	padding-right: 5px;
}
/* Dashboard panel css */
.huge {
    font-size: 38px;
}
.fa-5x {
    font-size: 3em;
}
.panel-blue {
    border-color: #3071A9;
}
.panel-blue .panel-heading {
    background-color: #3071A9;
    border-color: #3071A9;
    color: #fff;
}
.panel-blue a {
    color: #3071A9;
}
.panel-blue a:hover {
    color: #3071A9;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green .panel-heading {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}
.panel-green a {
    color: #5cb85c;
}
.panel-green a:hover {
    color: #3d8b3d;
}
.panel-red {
    border-color: #d9534f;
}
.panel-red .panel-heading {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}
.panel-red a {
    color: #d9534f;
}
.panel-red a:hover {
    color: #b52b27;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: #fff;
}
.panel-yellow a {
    color: #f0ad4e;
}
.panel-yellow a:hover {
    color: #df8a13;
}