html, body { height: 100%;
}
		
#map {
	float: left;
	background: white;
	width: 100%;
    height: 85%;
    border: 1px solid black;
	position: relative;
}

#searchContainer {
  border-radius:2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: rgba(247,247,247,0.5);
  border: 1px solid #ffffff;
  box-shadow: 0 0 3px #C5C5C5;
  -moz-box-shadow: 0 0 3px #C5C5C5;
  -webkit-box-shadow: 0 0 3px #C5C5C5;
  height:70px;
  width:250px;
  position:absolute;
  z-index: 2;
  top: 50px;
  left: 50px;
  padding: 4px 4px 4px 4px;
}
#searchBox {
  background-color: rgba(247,247,247,0.7);
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  border: 1px solid #ffffff;
  height:50px;
  width:100%;
  text-align: center;
  line-height: 20px;
}

#txtSearch{
	width:96%;
}

#resultContainer {
  border-radius:2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: rgba(247,247,247,0.5);
  border: 1px solid #ffffff;
  -moz-box-shadow: 0 0 3px #C5C5C5;
  -webkit-box-shadow: 0 0 3px #C5C5C5;
  box-shadow: 0 0 3px #C5C5C5;
  width:250px;
  position:absolute;
  z-index: 2;
  top: 140px;
  left: 50px;
  padding: 4px 4px 4px 4px;
  display: none;
}
#resultHeader, #searchHeader {
  width:100%;  
  height:20px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  position: relative;
  background-repeat: repeat-x; 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2DCFD), to(#DDECFD));
  background: -webkit-linear-gradient(top, #DDECFD, #C2DCFD);
  background: -moz-linear-gradient(top, #DDECFD, #C2DCFD);
  background: -ms-linear-gradient(top, #DDECFD, #C2DCFD);
  background: -o-linear-gradient(top, #DDECFD, #C2DCFD);
  text-align: center;  
  font-size:16px;
  text-shadow: 0px 0px 1px #96B0BB;
}
#resultBox {
  background-color: rgba(247,247,247,0.7);
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  border: 1px solid #ffffff;
  max-height:418px;
  min-height:250px;
  width:100%;    
  overflow: auto;      
}
#btnClear{
background: url("../img/close.gif") no-repeat; 
cursor: pointer; 
float: right;
padding-top: 15px
}

@media screen and (max-width:480px)
{
#searchContainer {width:80%;top:20px;left:35px;}
#resultContainer {width:80%;top:20px;left:35px;}
#Ueberschrift{display:none}
#download{display:none}
#OpenLayers_Control_Zoom_9{display:none}
/*#chicken{height:220px !important;}*/
}

.item0,.item1 {
  float:left;
  padding: 5px 4px 5px 4px;
  width:242px;
  border-top: 1px solid #dcdcdc;
  font-size: 15px;
}
.item1 {      
  background-color: #FFFFFF;
}    
.clear {
  clear:both;
}      
.olPopupCloseBox { 
  background: url("../img/close.gif") no-repeat;  
  cursor: pointer; 
}
.olFramedCloudPopupContent { 
  padding: 5px;
  overflow: auto; 
}
 

.olPopup p { margin:0px; font-size: .9em;}
.olPopup h2 { font-size:1.2em; }

.olImageLoadError { 
/* when OL encounters a 404, don't display the pink image */
display: none !important;
	} 

.olControlAttribution {
font-family: Verdana;
font-size: 10px;
bottom: 5px;
left: 5px;
line-height: 18px;
background-color: rgba(247,247,247,0.3);
	}
	
.olControlLayerSwitcher .layersDiv {
    padding: 5px 10px;
    background-color: rgba(0, 60, 136, 0.7);
}
	
#nodelist { 
	float: left;
	width: 80%;
	/*border: 1px solid black;*/
	font-family:Verdana;
	font-size:12px;	
	}

#legendelist {
	float: left; 
	/* border: 1px solid black;*/
	left: 0;
	right: 10%;
	position: relative;
	font-family:Verdana;
	font-size:12px;	
	}