#Mobilmenu {
   display:none;
   z-index:10;
   position:absolute;
   right:15px;
   top:20px;
   /*
   background-image:url(../img/mobilmenu.png);
   background-position:left 0px;
   */
   width:30px;
   height:30px;
   cursor:pointer;
}



#Mobilmenu:hover {
   background-position:left 30px;
}

@media screen and (max-width : 980px){
   .startbereich {
     width:auto;
   }
   .Page {
     width:auto;
   }
   .startmarker {
      position:absolute;
      margin-top:40px;
      margin-left:50px;
      width:150px;
   }
   .starttitel {
     margin-left:230px;
   }


}


@media screen and (max-width : 800px){

   .teaser {
     width:99%;
   }
   #map {
     height:600px !Important;
   }

   #Logo {
     height:40px;
     margin-top:5px;
     margin-left:10px;
   }
   #Logo img{
    height:40px;
   }

   .startmarker {
      margin-top:40px;
      margin-left:30px;
      width:100px;
   }
   .starttitel {
     margin-left:170px;
   }
   .starttitel h1 {
       font-size:1.6em;
   }
   .starttitel span{
       font-size:0.9em;
   }

   .startbutton{
     margin-left:32%;
   }

   #Mobilmenu {
     display:block;
   }

   #Header {
      height:60px;
   }
   #Navi {
     display:none;
     position:absolute;
     margin:0px;
     margin-top:0px;
     left:0;
     width:100%;
     text-align:center;
     z-index:1000000;
     background:#ffffff;
   }
   #Navi ul {
     /*display:none;*/
   }
   #Navi ul li {
     display:block;
     border-top:1px solid silver;
     border-bottom:1px solid silver;
   }
   #Navi ul li a {
     display:block;
     text-align:center;
     color:#666666;
   }

   #Navi ul li a.aktive  {
     color:#0f2864;
   }

   #Navi ul li  a:hover {
     color:#0f2864;
   }
   #Inhalt {
      padding:20px;
   }
}



@media screen and (max-width : 700px){

  .mapPopup {
    width:200px !Important;
    padding:0;
  }

  #Inhalt img {
     padding:0px;
     float:none;
     /*width:95%;*/
  }

  .startmarker {
     display:none;
  }
  .startbild {
     display:none;
  }
  #Inhalt {
     padding:30px;
     padding-top:10px;
     width:auto;
  }
  .starttext {
    width:auto;
    min-height:auto;
  }
  .starttitel {
    font-size:1.5em;
     margin-left:10px;
   }

   .startbutton{
     margin-left:15px;
   }

   .pagetitel h1 {
      font-size:1.4em;
      padding-left:35px;
      background-size: 35px 60px !Important;
   }

   .pagetitel h1 small{
     padding-left:8px;
     font-size:14px;
   }


   #map {
     height:450px !Important;
   }
  .Bild.links {
    float:none;
    margin-right:0;
  }
  .Bild.rechts {
    float:none;
    margin-left:0;
  }

  .lexikon img {
     margin:0;
     margin-top:20px;
     margin-bottom:20px;
     width:50%;
  }


}

@media screen and (max-width : 500px){
  #mapLegend .tabMain, #mapLegend   {
     width:170px !Important;
  }

  #mapLegend .tabMain #searchform input[type=text] {
     font-size:11px!Important;
  }
  #mapLegend .tabMain #searchform input[type=image] {
     margin-left:83% !Important;
  }
   .starttitel {
    font-size:1.2em;
     margin-left:10px;
   }

   .startbutton{
     margin-left:10px;
   width:90%;
   }

   .startbutton a{
   width:84%;
   }
  .lexikon img {
     width:98%;
  }

   #map {
     height:350px !Important;
   }
   .mapwrapper {
      padding:20px !Important;
   }


   .mapPopup {
     width:200px;
     padding:0;
   }


}