/* Basis Tags */ 
body {
	padding: 0;
	margin: 0;
	overflow: hidden;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}

html, body, #map {
	height: 100%;
}

a {
	color:#808080;
}

a:hover {
	color: #000;
	text-decoration: none;
}

#progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	background: rgba(0, 60, 136, 0.6);
	width: 0;
	transition: width 250ms;
	z-index:5000;
}

#geolocationTextfields {
	font-size: 12px;
	color: #666;
}

#map {
	background-image: url(img/mapbg.gif);
	background-repeat: repeat;	
	width:100%;
	height:500px;
	position:absolute;
	left:0px;
	top:30px;
}

#menu{
	position:absolute;
	left:0px;
	top:0px;
	z-index: 3000;	
	width:100%
}

.listheadline{
	margin-top:5px;
	margin-bottom:2px;
}

.copyMsg {
    font-size: 9px;
    color: #008000;
}

 /* Tree links (index.php) */ 

#treeview_expandlinks{
 margin-left:5px;
 font-size:10px
}

#treeview{
	display: inline-block;
	padding: 0px;
	margin-top: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	background-color: #fff;	
}

 /* Tree Legendenicons (index.php) */ 

.queryinfo-icon {
	width: 7px;
	height: 11px;
	background: transparent url("../../img/queryinfo.png") no-repeat 50% 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	margin: 0px 3px 2px 0px;
} 
 
 
.k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in  {
    display: inline-block;
    vertical-align: middle;
}

.k-checkbox-wrapper {
   padding: 0px;
   display: inline-block;
    vertical-align: middle;
}

.k-image {
	border: solid 1px #F0F0F0;
	-moz-border-radius: 2px;
   	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#treeview .k-sprite {
	background-image: url("../../css/Default/coloricons-sprite.png");
}

.rootfolder { background-position: 0 0; }
.folder     { background-position: 0 -16px; }
.pdf        { background-position: 0 -32px; }
.html       { background-position: 0 -48px; }
.image      { background-position: 0 -64px; }

.k-treeview .k-minus {
	background: url("img/folderopen.png") center center;
	width: 24px;
	
}
.k-treeview .k-plus {
	background: url("img/folder.png") center center;
	width: 24px;
}

 /* Menüanpassungen (index.php) */ 

.k-menu .k-item.inputItem .k-link
{
    padding-top: .22em;
    padding-bottom: .22em;
}

.k-menu .k-item > .k-link {
    -moz-user-select: none;
    display: block;
    line-height: 1.84em;
    padding: 0.5em 0.8em 0.4em;
}

#measure_result{
	font-size: 12px;
	color: #C80000;
	margin-top:6px;
	margin-left:4px;
	font-weight:bold;	
}

#measure_hint{
	margin-bottom:6px;
}

.icon-left{
	margin-right: 3px;
}

.menudiv{
	padding:8px;	
}

 /* Autocomplete Template Stassensuche */ 
.autocompleteInline{
	font-size:11px;
	color:#666;
}



/* Material Theme padding adjustment*/

.k-material #customers-list .k-item,
.k-material #customers-list .k-item.k-state-hover,
.k-materialblack #customers-list .k-item,
.k-materialblack #customers-list .k-item.k-state-hover {
	padding-left: 5px;
	border-left: 0;
}

#placeSearch-list .k-item {
	line-height: 1em;
	min-width: 300px;
	white-space: nowrap;	
}

.dropdown-header > span {
                    display: inline-block;
                    padding: 5px;
}

#placeSearch-list .k-item > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	margin: 6px 2px 2px 5px;
}

#placeSearch-list .k-item > span:first-child {
	margin: 2px;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
}

/* Hausnummernergebnisse Straßensuche (hsnr.php) */ 
 
.hsnrbox{
	width:50px;
	margin: 1px;
	margin-bottom:2px;
	font-size: 11px;
}	

#loadingapp {
	font-size: 14px;
	color:#646464;
	position: fixed;
	top: 50%;
	left: 45%;
	margin-top: -20px;
	margin-left: -45px;
	width: 110 px;
	height: 15px;
	z-index:1002;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 4px;
	border: medium none;
	display: block;
}

 /* Maßstabsauswahl / Dropdown (index.php) */ 

#zoomscale {
	position:fixed;
	right: 8px;
	bottom: 22px;
	z-index:2002;
}

 /* Copyright info (index.php) */ 
 
#mapcopyinfo {
	position:fixed;
	right:0px;
	bottom: 0px;
	z-index:1002;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: right;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	filter: alpha(opacity=80); 
	opacity: 0.8;
	moz-opacity: 0.8;
}


.queryinfo-icon {
	width: 7px;
	height: 11px;
	background: transparent url("../../img/queryinfo.png") no-repeat 50% 50%;
	background-color: #C00000;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	margin: 0px 3px 2px 0px;
} 

 
 .scaleplus-icon {
	width: 12px;
	height: 12px;
	background: transparent url("../../img/scaleplus.png") no-repeat 50% 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	margin: 0px 3px 2px 0px;
}

 .scaleminus-icon {
	width: 12px;
	height: 12px;
	background: transparent url("../../img/scaleminus.png") no-repeat 50% 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	margin: 0px 3px 2px 0px;
} 
 

.ol-attribution.ol-logo-only {
	visibility:hidden;
}

 /* Custom Controls (Full extent und Geolocation) */ 
#olControlFullextent{
	border-radius: 2px 2px 0 0;
}

#olControlGeolocation{
	border-radius: 0 0 0 0;
}

#olControlLayer{
	border-radius: 0 0 2px 2px;
}


.ol-custom-control-bg{
	position: absolute;
	right:0.5em;
	top:130px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 2px;
}

.ol-custom-control{	
    background-color: rgba(252, 252, 252, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #666666;
    cursor: pointer;
    font-size: 1.4em;
    transition: all 0.2s ease-in-out 0s;
	font-weight: 700;    
    line-height: 0.4em;
    margin: 1px;
    padding:2px;
    text-align: center;
    text-decoration: none;
    height: 1.48em;
	width: 1.48em;
	display: block;
	border: medium none;
}

.ol-custom-control:focus, .ol-custom-control:hover  {
	background-color: rgba(220, 220, 220, 0.8);
}

 /* Anpassungen Controls OL3 */ 
	
.ol-scale-line {
	background: rgba(252, 252, 252, 0.8);
	color: #666666;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.2s ease-in-out;
	bottom: 22px;
}

.ol-scale-line-inner {
	color: #666666;
	 border-color: -moz-use-text-color #B4B4B4 #B4B4B4;
}

.ol-control button {
    background-color: rgba(252, 252, 252, 0.8);
	color: #666666;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.2s ease-in-out;
	font-size: 1.4em;
	font-weight: 580;	
}

.ol-control button:focus, .ol-control button:hover  {
	background-color: rgba(220, 220, 220, 0.8);
}

.ol-zoom {
    right: 0.5em;
	left: auto;
    top: 2.5em;
}

.ol-rotate {
    top: 3.5 em;
}

 /* query.php */ 
.wmstab {
	background-color: rgb(250,250,250);
	border-color: #666;
	border: 1px solid #CCC;
	width: 99%;
	margin: 2px;
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.hilitetr{
 background-color: #80FFFF;
}

.poitable{
	margin-bottom:4px;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgb(250,250,250);	
}

/* wms get Feature Content (wms_query.php) */
div.wmsFeatureContent table{ 
    border-spacing: 0;
    border-collapse: collapse;
}

div.wmsFeatureContent table, div.wmsFeatureContent td, div.wmsFeatureContent tr {
	border: 1px solid #C5C5C5;
	background-color:#F8F8F8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

div.wmsFeatureContent td{
	padding: 2px;
}

div.wmsFeatureContent thead tr, div.wmsFeatureContent th  {
	background-color:#CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}


.table_query {
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
	border: 1px solid #CCC;
}

.table_query_head {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #E4E2DE;
	font-weight: bold;
	padding: 2px;
}

.table_query_left_v {
	width:128px;
	background-color: #F1F1F1;
}

.table_query td {
	border: 1px solid #C5C5C5;
}



/* ORS Modul */ 
.mod_ors_tr:hover { background: #dddddd !important; cursor: pointer; }
.mod_ors_tr:hover td { background: transparent; cursor: pointer; }

.mod_ors_querybuttons{
	margin-top: 5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#FFF;
	font-size: 9px;
}

.mod_ors_panelItem {
	max-height: 338px;
	overflow-y: auto;
}

.mod_ors_list_hr {
	border: 0;
	border-bottom: 2px dashed #ccc;
	background: #CCC;
}

.mod_ors_ergdiv {
	margin:4px;
}

.mod_ors_table {
	background:#f8f8f8;
	font-size:10px;
	width:100%;	
}

.mod_ors_diricon {
	color: grey;
	font-size: 20px;
}

.mod_ors_pathbutton{
	width:34px;
	height:34px;
    border-radius: 4px;
    border-color: #c5c5c5;
	border: 1px solid;
    color: #2e2e2e;
    background-color: #e9e9e9;
    background-position: 50% 50%;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
	cursor:pointer;
}

.mod_ors_pathbutton:hover{
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0) 100%);
}

.mod_ors_hilitebutton{
	border-color: #a22222; 
	border-width: 2px;
}

.mod_ors_Coordinfo{
	color: #a22222;
	font-size: 9px;
	padding:2px;
	height:8px;
	padding-left: 18px;
}

#mod_ors_pathparam_info{
	font-weight: bold;
	width:118px;
	border: 1px solid;
	border-color: #a22222; 
	color: #a22222; 
	border-width: 1px;
	border-radius: 4px;
	padding:4px;
	margin-top: 4px;
	margin-bottom: 1px;
}

#mod_ors_avoid_features input[type="checkbox"] {
	vertical-align:middle;
}