html { 
height: 100%;
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#mapauswahl{
background: url("../images/bg-langstripe-spring-map.png") repeat-x scroll 0 100% #9FBC00;
box-shadow: 1px 2px 3px #555555;
position:absolute;
left:0; right:0; 
height:41px; 
border-bottom:solid 1px grey; 
z-index:2;
}

#mapauswahl p {
margin: 10px;
font-family:Arial,Helvetica,sans-serif;
}

#mapauswahl form {
float:left;
}
#mapauswahl form.show_hide_form {
    float:right;
    font-size:16px;
}
#front select {
font-size:16px;
}

#map{
position:absolute; 
top:41px; 
bottom:0; 
width:100%; 
z-index:1;
}

.burg_info { width: 280px; }

#legend {
        font-family: Arial, sans-serif;
        background: #fff;
        padding: 10px;
        border: 3px solid #000;
		margin-right: 10px;
		margin-bottom: 10px;
      }
#legend h3 {
        margin-top: 0;
      }
#legend img {
        vertical-align: middle;
      }
	  
.burg_info_tooltip {
    width:200px;
    height:15px;
}



.styled-select select {
    border-radius: 0;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    margin: 0;
    margin-right: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    overflow: hidden;
    background: url("../images/down_arrow_select.jpg") no-repeat right #ddd;
    border: 1px solid #ccc;
}

.styled-select select:focus {
    border-color: blue;
    outline: 0;
}

.styled-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}