/* Tablet/iPad */
@media only screen and (max-width: 990px) {

  ul.DataFoldList,
  ul.DataFoldList li,
  ul.DataFoldList li ul,
  ul.DataFoldList li ul li    {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
  ul.DataFoldList li ul       {padding-top: 10px;}

  body                        {background: #ffffff !important; }
  #pageBody                   {width: 100% !important; padding: 0px !important; background: #ffffff url(../img/_layout/bg_main_small.png) repeat-y left top; }
  #pageContainer              {min-height: auto !important; width: 100% !important; }
  
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxLeft,
  .ContentImgBoxRight         {width: auto !important; float: none !important; }

  #ContentBoxLeft             {width: 170px !important; }
  #ContentBoxRight            {width: 20% !important; }
  #ContentBoxMiddle           {position: relative; width: 55% !important; padding: 15px 0px 0px 20px !important; }

  .ContentContainer .ContentTextBoxNormal,
  .ContentContainer .TextContainer,
  .ContentContainer .NewsContainer,
  .ContentContainer .newscontblock            {position: relative !important; width: 100% !important; height: auto !important; margin: 0px !important; padding: 0px 0px !important;}
  .ContentContainer font,
  .ContentContainer a.formbutton,
  .ContentContainer p,
  .ContentContainer div,
  .ContentContainer img                       {max-width: 100% !important; width: auto !important; height: auto !important;}
        
  .ContentContainerInner,
  #ContentBoxTopInner,
  #headerBoxLogo              {margin: 0px 0px 0px 0px !important; }
  #headerBoxLogo img          {width: 100% !important; height: auto !important;}
  #pageBottom                 {position: relative !important; width: 100% !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; height: 100% !important; margin: 0px !important; padding: 0px !important; }
  .SearchBox                  {right: 10px !important; left: auto !important; margin: 0px 0px 0px 0px !important; }
  #pageBottom,
  .BackgroundImageLabel,
  #BackgroundImageBtns        {display: none !important; }
  #ContExtraMenu	            {width: auto !important; height: auto !important; min-height: 20px !important; padding: 0px 0px 0px 0px !important; background: transparent; text-align: left !important; }
  ul.makeExtraMenu	          {float: left; }

}


/* smaller Tablets */
@media only screen and (max-width: 790px) {
  #ContentBoxMiddle           {width: 50% !important; }
}


/* iPhones and others */
/* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */
@media only screen and (max-width: 640px) {
  .show-mobile-0              {display: none !important; }
  body 											  {font-size: 12px;}
  #headerBoxLogo              {position: relative !important; left: auto !important; width: 230px !important; margin: -10px auto 0px auto !important; }
  .SearchBox                  {top: 20px; width: 25px !important; height: 25px !important; padding: 3px; background: #ffffff !important; }
  #searchform label,
  #searchform input                  {display: none !important; }
  #searchform input.SearchBoxsubmit  {display: block !important; margin: 2px !important; }

  #ObjectCont,
  #MapColumn,
  #headerBoxImg,
  #ContentBoxRight,
  #BackgroundImage            {display: none !important; }
  #start #BackgroundImage     {display: block !important; }

  #pageBody,
  #pageContainer              {background: #ffffff !important; padding: 0px !important; }
  #ContentBoxMiddle           {width: 92% !important; padding: 0px 10px !important; margin: 0px auto !important; }
  .ContentBoxTop              {display: none !important; }
  #start .ContentBoxTop       {display: block !important; height: 100px !important; box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); }

  ul.makeMenu                 {display: none !important; }
  #start ul.makeMenu          {}

  .ContentImgBoxNormal img,
  .ContentImgBoxLeft img,
  .ContentImgBoxRight img     {max-width: 100% !important; } 
   
  .ContentContainer           {width: auto !important; margin: 0px 0px 0px 0px !important; padding: 50px 0px 0px 0px !important; overflow: hidden !important; }
  #start .ContentContainer    {padding: 10px 0px 50px 0px !important; }
  #ContentBoxLeft             {width: auto !important; height: auto !important; min-height: 122px !important; }
  #ContentBoxMiddle,
  #ContentBoxRight            {/*margin: 0px !important; padding: 0px !important; background: transparent !important; -moz-border-radius: none !important; -webkit-border-radius: none !important; -khtml-border-radius: none !important; border-radius: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; */}
  .ContentTextBoxNormal       {padding: 0px !important;}
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxLeft,
  .ContentImgBoxRight         {width: auto !important; float: none !important; }
  ul.makeMenu a               {margin: 0px 15px 15px 0px !important; }

  /* EXTRA-MENU */  
  #ContExtraMenu              {position: fixed !important; top: 0px !important;  z-index: 2000 !important; bottom: auto !important; width: 100% !important; height: 40px !important; background: transparent url(../img/_layout/bg_top.png) repeat center bottom !important; box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); overflow: hidden !important; }
  #start #ContExtraMenu       {top: auto !important;  bottom: 0px !important; width: 100% !important; height: 40px !important; background: transparent url(../img/_layout/bg_footer.png) repeat center top !important; box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); }
  ul.makeExtraMenu	          {width: 100%; }
  ul.makeExtraMenu li         {display: none !important; position: absolute !important; top: 0px !important; left: 0px !important; }
  ul.makeExtraMenu li a       {background: transparent url(../img/_layout/menuicon_home.png) no-repeat center center !important; color: #ffffff !important; font-size: 11px !important; width: auto !important; min-width: 27px !important; height: 0px !important; border: none !important; margin: 0px 5px !important; padding: 40px 0px 0px 0px !important; }

  /* Home */
  a#extramenu-150               {background-image: url(../img/_layout/menuicon_home.png) !important;}
  a#extramenu-150:hover         {background-image: url(../img/_layout/menuicon_home_MO.png) !important;}
  #main_wide .li-extramenu-150,
  #main .li-extramenu-150       {display: block !important; left: auto !important; right: 5px !important; }
  #start .li-extramenu-150      {display: block !important; left: 10px !important; right: auto !important; }
  
  /* Impressum */
  a#extramenu-287               {background-image: url(../img/_layout/menuicon_imprint.png) !important;}
  a#extramenu-287:hover         {background-image: url(../img/_layout/menuicon_imprint_MO.png) !important;}
  #start .li-extramenu-287      {display: block !important; left: auto !important; right: 5px !important; }

  /* Sitemap */
  a#extramenu-288               {background-image: url(../img/_layout/menuicon_sitemap.png) !important;}
  a#extramenu-288:hover         {background-image: url(../img/_layout/menuicon_sitemap_MO.png) !important;}
  #main_wide .li-extramenu-288,
  #main .li-extramenu-288,
  #start .li-extramenu-288      {display: block !important; left: 50% !important; margin-left: -25px !important; }

  /* Back */
  a#extramenu-back            {background-image: url(../img/_layout/menuicon_back.png) !important;}
  a#extramenu-back:hover      {background-image: url(../img/_layout/menuicon_back_MO.png) !important;}
  #main_wide .li-extramenu-back,
  #main .li-extramenu-back    {display: block !important; left: 10px !important; right: auto !important; }
  #start .li-extramenu-back   {display: none !important; }


  /* Widgets */
  #WidgetCont_google          {display: none !important; }

  /* Language-Menu-Start */
  ul.LanguageBox              {display: none !important; position: fixed !important; bottom: 5px !important; right: 5px !important; z-index:1100 !important; }
  ul.LanguageBox li           {}

  /* Sitemap */

  .body-sitemap #BackgroundImage,
  .body-sitemap .FooterBox,
  .body-sitemap #pageFooterCont,
  .body-sitemap h1                 { display: none !important; }
  .body-sitemap #ContentBoxMiddle  { width: 100% !important; padding: 30px 0px 0px 0px !important; }
  .body-sitemap .ContentContainer  { padding: 0px 0px 0px 0px !important; background: transparent; }
  ul.Sitemap                  { font-weight: normal; width: 100%; height: auto; display:block; background: transparent; margin: 0px; padding: 0px; overflow: visible; text-align:left; }
  ul.Sitemap ul 	       	    { position: relative; list-style-type: none; display: none !important;  background: transparent; width: auto; height:auto;                          margin: 0px 0px 0px 0px !important; padding: 0px !important; overflow: visible; }
  ul.Sitemap li               { position: relative; list-style-type: none; display: block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px !important; padding: 0px !important; overflow: visible; }
  ul.Sitemap li:hover, ul.Sitemap li.CSStoHighlight { background-color: transparent;}
  ul.Sitemap ul.CSStoShow     { display: block !important;}
  ul.Sitemap li:hover ul      { display: block !important;}
  ul.Sitemap *                { line-height: normal !important;} /* overriding my normal stylesheet */
  ul.Sitemap li a             { display: block !important; color: #000000 !important; background: #ffdc4e !important; font-size: 13px !important; text-transform: uppercase !important; height: auto !important; font-weight: normal !important; margin: 0px !important; padding: 6px 10px !important; border: none !important; border-bottom: 1px solid #ffffff !important; overflow: hidden !important; }
  ul.Sitemap li a:hover       { color: #000000 !important; background: #ffdc4e !important; font-weight: bold !important; text-decoration: none !important; }
  ul.Sitemap li ul li a             { background-image: url(../img/_layout/bg_white_trans40.png) !important; font-size: 12px !important; text-transform: none !important; padding: 6px 5px 7px 35px !important; }
  ul.Sitemap li ul li a:hover       { }
  ul.Sitemap li ul li ul li a          { background-image: url(../img/_layout/bg_white_trans80.png) !important; font-size: 11px !important; text-transform: none !important; padding: 5px 5px 5px 35px !important; border-bottom: 1px solid #bbbbbb !important; }
  ul.Sitemap li ul li ul li a:hover    { }
  ul.Sitemap li ul li ul li ul li a       { padding: 4px 5px 4px 55px !important; }
  ul.Sitemap li ul li ul li ul li a:hover { }

}

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

  #start .ContentBoxTop       {height: 80px !important; }
  #headerBoxLogo              {width: 180px !important; }
  ul.makeMenu a               {width: 125px !important; margin: 0px 5px 5px 0px !important; padding-left: 10px !important; background-position: -5px 0px !important;}

}