.the_title
{
 position: absolute;
}

.the_title_search
{
 padding-top: 0;
 padding-bottom: 0;
 padding-right: 0;
 width: 500px;
 background: #e0e0e0 !important;
}

#f
{
 border: 0;
 position: absolute;
 left: 0px;
 top: 0px;
 width: 410px;
 height: 51px;
 background: transparent;
 font-size: 30px;
}

#f:focus
{
 outline: none;
}

.search
{
 border: 0;
 margin-top: 0;
 font-size: 18px;
 display: block;
 position: relative;
 background: transparent;
 padding-left: 0.75em;
 padding-right: 6.5em;
}

.map_info
{
 text-align: left;
 vertical-align: top;
 width: 220px;
 background: #f5f5f5;
 padding-top: 1em;
 bottom: 0;
 top: 80px;
 position: absolute;
}

.map_info p
{
 padding-left: 20px;
 padding-right: 20px;
 margin-top: 0;
}

.advert
{
 text-align: center;
 width: 100%;
 height: 240px;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
}

#gnodMap
{
 position: absolute;
 left: 230px;
 top: 80px;
 right: 0px;
 bottom: 0px;
 box-shadow: inset 4px 4px 0px #f5f5f5;
}

.S
{
 position:absolute;
 visibility:visible;
 top:-500px;
 font-size: 15px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 CURSOR: pointer;
 text-decoration: none;
 padding      : 5px;
 padding-left : 8px;
 padding-right: 8px;
 transition: background 0.2s linear;
}

.S:hover
{
 text-decoration: none;
}

@media (max-width: 800px)
{
 .questionmark
 {
  display: none;
 }
}

@media (max-width: 500px)
{
 .the_title
 {
  display: none;
 }
 .map_info
 {
  top: calc( 100% - 120px );
  bottom: 0;
  width: 100%;
  height: 120px;
  padding-top: 4px;
  background: #fff;
 }
 .map_info_text
 {
  display: none;
 }
 .advert
 {
  height: 90px;
  padding-top: 2px;
 }
 #gnodMap
 {
  bottom: 121px;
  left: 0px;
  top: 70px;
  right: 0px;
  box-shadow: none;
 }
}