

#progressDiv {
  display:none;
  z-index:3;
  position:absolute;
  margin-top:-40px;
  margin-left:270px;
  padding:12px;
  white-space:no-wrap;
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

}

.nrwwarn {
  color:red;
  
}

#wmsLayer .getWmsLayer{
  color:#1c6fb5;
  cursor:pointer;
  text-decoration:none;
  line-height:25px;
  font-size:1em;
  font-weight:bold;
  text-transform: uppercase;
}


.getWmsLayer {
  color:#1c6fb5;
  cursor:pointer;
  text-decoration:none;
}



html, body, #map {
   font-family: 'Open Sans', sans-serif, Tahoma;
   font-size:0.9em;
   height:100%;
   width:100%;
   padding:0px;
   margin:0px;
   overflow-x: hidden;
}

h3 {
 color: #666666;
 line-height:22px;
}

#map {
  z-index:1;
  width:100%;
  position:fixed;
}


#startDiv {
   z-index:3;
   position:absolute;
   height:100%;
   width:100%;
   padding:0px;
   margin:0px;
   background:#e3e3dc;
   text-align:center;
   opacity: 0.8;
   filter: alpha(opacity=80);
}

#startDiv .main {
  width:70%;
  margin:auto;
}

#startDiv #startLogo {
   width:650px;
   margin-top:1%;
}

#startDiv h1 .blue {
   color:#1c6fb5;
}
#startDiv h1 .grey {
   color:gray;
}

#startDiv img {
  opacity: 1;
  filter: alpha(opacity=100);
}

#openStartDiv {
  position:relative;
  width:100%;
  padding-top:20px;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
}



#header {
  display:none;
  z-index:3;
  position:fixed;
  height:50px;
  width:100%;
  background:white;
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
}

#header h1{
   font-size:1.4em;
   margin:0px;
   padding:10px;
}

#header img {
   margin:4px;
   margin-left:15px;
   height:40px;
}


#headerNavi {
  display:none;
  z-index:3;
  position:fixed;
  top:16px;
  right:10px;
  min-width:415px;
  text-align:right;
}

#headerNavi #mobileNaviaufzu {
  display:none;
}

#headerNavi ul  {
  display:block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#headerNavi ul li {
  display: inline;
}

#headerNavi a {
  padding:5px;
  color:#1c6fb5;
  text-decoration:none;
  font-size:1em;
  font-weight:bold;
  text-transform: uppercase;
}


/* BOX links */
#leftDiv {
  display:none;
  z-index:3;
  position:absolute;
  top:55px;
  left:0px;
  width:200px;
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#leftDiv .text{
  padding:15px;
  margin-top:-57px;
  margin-right:20px;
  text-align:justify;
}

#leftDiv .text h1{
   color:#1c6fb5;
   font-size:1.1em;
}

#leftDiv #aufzu {
   padding-top:10px;
   padding-right:5px;
   text-align:right;
}

#leftDiv #aufzu a{
  cursor:pointer;
}


/* BOX rechts */
#rightDiv {
  display:none;
  z-index:3;
  position:absolute;
  top:55px;
  right:0px;
  width:200px;
  margin-right:-172px;
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#rightDiv .text{
  padding:15px;
  margin-top:-57px;
  margin-left:20px;
  text-align:justify;
}

#rightDiv .text h1{
   color:#1c6fb5;
   font-size:1.1em;
}

#rightDiv #aufzu {
   padding-top:10px;
   padding-left:5px;
   text-align:left;
}

#rightDiv #aufzu a{
  cursor:pointer;
}




#mainDiv {
  top:55px;
  position:absolute;
  z-index:2;
  width:100%;
  text-align:center;
}

.subMainDiv {
  width:60%;
  margin:auto;
}

.subMainDiv .closebt {
  text-align:right;
  padding-top:20px;
  position:relative;
  padding-right:10px;
  z-index:1000000;
  margin-bottom:-40px;
  cursor:pointer;
}
.Box .RundeBox {
    border: 0px solid;
    border-radius: 7px;
	color: white;
	background:#1c6fb5;
	padding: 10px;
	float: left;
	margin: 5px;
}

.Box .RundeBoxEnde {
	clear:left;
}

.subMainDiv .Box {
  text-align:left;
  margin-top:10px;
  background:white;
  border:1px solid silver;
  line-height:20px;
  padding:25px;
  text-align:justify;

 	box-shadow: 0 1px 7px #999;
 	background: #f8f8f9;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
}

.subMainDiv .Box h1 {
   color:#1c6fb5;
   font-size:1.2em;
}


/* ergebis */
/* suche */
#searchDiv,#ergebnisDiv{
  display:none;
  z-index:3;
  position:absolute;
  top:55px;
  left:210px;
  padding:5px;
  width:250px;
  white-space:no-wrap;
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ergebnisDiv h3{
  margin:0;
  padding:0px;
  margin-top:-25px;
  margin-right:20px;
  margin-bottom:5px;
}

#ergebnisDiv a {
   text-decoration:none;
   font-weight:bold;
   color:#1c6fb5;
}

#ergebnisDiv #ergebnis_result{
  margin:5px;
  padding:0px;
}

#ergebnisDiv #ergebnis_close {
   margin-top:2px;
   margin-right:2px;
   text-align:right;
   font-size:14px;
   font-weight:bold;
   color:#999999;
   cursor:pointer;
}



#searchDiv #searchValue{
  width:175px;
  font-size:12px;
  padding:3px;
}
#searchDiv #searchSubmit{
  font-size:12px;
  padding:5px;
  margin-left:5px;
  background:#F8F8F9;
  background-image:url(img/suche.png);
  background-repeat:no-repeat;
  border:0;
  width:50px;
  cursor:pointer;
}

#search_result {
  display:none;
  background:white;
  padding:0px;
  width:100%;
  margin-top:10px;
  font-size:10px;
}


#search_result #result_close {
   text-align:right;
   margin-right:3px;
   font-size:14px;
   font-weight:bold;
   color:#999999;
   cursor:pointer;
}

#search_result h1{
   margin:0;
   margin-top:-20px;
   padding:2px;
   font-size:12px;
   background:whitesmoke;
}


#search_list{
  overflow:auto;
  height:150spx;
}

#search_list a{
   display:block;
   border:1px solid silver;
   background:whitesmoke;
   font-size:11px;
   margin:2px;
   padding:2px;
   cursor:pointer;
}

#search_list a:hover{
   background:#1c6fb5;
   color:white;
}



#searchLoader {
  display:none;
  padding-top:5px;
  text-align:center;
}



.leaflet-popup-pane {
    z-index: 40 !important;
    border:1px solid red;
}

.leaflet-overlay-pane path,
.leaflet-marker-icon {
  cursor: pointer;
}


.wmsLayer {
    cursor: pointer;
}



/* popup */
.leaflet-popup-content-wrapper {
   min-width:400px;
}
.leaflet-popup-content {
   width:auto !Important;
}


.popup h2 {
  padding:0;
  margin:0;
}
.popup p {
  padding:0;
  margin:0;
  line-height:22px;
}
.popup p span {
   padding.top:5px;
   color:#1c6fb5;
   font-weight:bold;
}
.popup p a {
  float:right;
}
.popup p small {
  clear:both;
  margin-top:20px;
}

.tooltip {
  border:3px solid #052667;
  color:#1c6fb5;
  background:#F8F8F9;
  padding-left:10px;
  padding-right:10px;
}


