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

  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;}

  #ContentBoxTopInner,
  .ContentContainer,
  .ContentContainerInner,
  .bottomline,
  .socialbar,
  .LabelBoxInner,
  #pageContainer              {width: 100% !important; overflow: hidden !important; }
  #pageBody                   {background: transparent !important; }    
  .LabelBox                   {background-color: #5c2d91 !important; background-position: left top !important; }
  .LabelBox p                 {background-position: left top !important; }
  .headerBoxLogo              {margin: 0px 10px 0px 0px !important; }
  .headerBoxLogo img          {max-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: 240px !important; left: auto !important; width: 110px !important; margin: 0px 0px 0px 0px !important; }
  #doctextsizer               {right: 355px !important; left: auto !important; }

  .mediabox                   {width: 100% !important; }
  .BackgroundImageLabel,
  #BackgroundImageBtns        {/*display: none !important; */}
  #BackgroundImage            {width: 72% !important; }
  .leftarrow                  {left:  0px; }
  .rightarrow                 {right: 0px; }

  #ContentBoxTopBottom        {left: 0px; width: 100%; margin: 0px; }
  #mainnavstart               {right: 10px; }

  #start #ContentBoxTop .ContExtraMenu       {position: absolute !important; left: 0px !important; top: 38px !important; float: none !important; margin: 0px !important; }
  #start .ContentContainer    {padding-top: 20px !important; background: transparent !important; }
  #start #pageContainer       {background: transparent !important;  padding-top: 0px !important; }
  #start .LabelBox            {position: absolute !important; z-index: 910 !important; background-image: url(../img/_layout/bg_purple_bar_sub.png) !important; }
  #ContentBoxTop              {}
  #start #ContentBoxTop       {position: relative !important; top: auto !important; left: auto !important; min-height: 220px !important; height: auto !important; text-align: center !important; }
  #start #ContentBoxTopInner  {height: auto !important; min-height: 220px !important; }
  #start .HeaderTopMenu       {position: relative !important; width: 80% !important; overflow: hidden !important; z-index: 900 !important; top: 60px !important; left: auto !important; height: auto !important; text-align: left !important; }
  #start #MainNewsBox         {text-align: center !important; width: 100% !important; overflow: hidden !important; }
  .ContentContainerInner      {height: 100% !important; }
  .ContentBoxTop-fixed        {top: 0px !important; }
  #start div.tile               {width: 160px !important; }
  #start div.tilelink a         {padding: 3px 0px 0px !important; font-size: 11px !important; }
  #start .LabelBox div.tilelink {width: 164px !important; height: 35px !important; }

}

/* Tablet/iPad */
@media only screen and (max-width: 800px) {
  #BackgroundImage                        {width: 64% !important; }
  #BackgroundImage div.tile_square        {height: 95%; }
  .Slidearrow                             {top: 40px; width: 50px; height: 140px; }
  .LabelBox                               {display: none !important; }
  .ContentBoxMiddle                       {width: 420px !important; }
  .ContentBoxRight                        {width: 100% !important; 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; }

  #ContentBoxBottom ul.LanguageBox        {margin-left: 0px !important; }
  .ContentTextBoxLeft,
  .ContentTextBoxRight                    {width: 260px !important; }
  .ContentImgBoxLeft,
  .ContentImgBoxRight                     {width: 120px !important; }

  #start .HeaderTopMenu                   {}
  #start div.tile                         {width: 125px !important; }
  #start div.tilelink a                   {padding: 1px 0px 0px !important; font-size: 11px !important; line-height: 110% !important; }

  .ContExtraMenu                          {margin-top: 41px !important; }
  a.extramenu, a.extramenu_sel            {font-size: 10px !important; padding: 0px 2px !important; }
  a.topbarmenu, a.topbarmenu_sel          {font-size: 10px !important; font-family: 'Arial Narrow', Arial, sans-serif !important; padding: 2px 4px !important; }

  table                                   {font-size: 85%; }

}


/* iPhones and others */
/* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */
@media only screen and (max-width: 640px) {
  .show-desktop-0             {display: block !important; }
  .show-desktop-1,
  .show-mobile-0              {display: none !important; }
  body 											  {font-size: 12px;}
  .headerBoxLogo              {width: 100% !important; position: relative !important; left: auto !important; top: auto !important; }
  .SearchBox                  {top: 10px !important; right: 10px !important; width: 25px !important; height: 25px !important; padding: 3px; background: transparent !important; z-index: 1000 !important; }
  .searchform input.SearchBoxsubmit {background-image: url(../img/_layout/icon_searchsubmit_inv.png) !important; }

  #cont_384bbf076b69f738073a70fceb521b9d,
  #doctextsizer,
  .ContentBoxLeft,
  .searchform label,
  .searchform input                  {display: none !important; }
  .searchform input.SearchBoxsubmit  {display: block !important; margin: 2px !important; }

  #pageContainer              {background: transparent !important;  padding-top: 0px !important; }
  #BackgroundImage            {height: 200px !important; }
  #BackgroundImage            { }
  #start #BackgroundImage     { }
  .Slidearrow                 {top: 40px; width: 40px; height: 120px; }
  
  .socialbar,
  .sociallinks,
  #start .FooterBox,
  .FooterBox                  {text-align: left; }
  .FooterBox a.extrabutton    {display: block !important; }

  .LabelBox,
  .socialbar,
  #start .FooterBox,
  #ContentBoxTop              {display: none !important; }
  #start #ContentBoxTop       {display: block !important; }
  #ContentBoxTop .bottomline  {display: none !important; }
  #start .HeaderTopMenu       {top: auto !important; width: 100% !important; text-align: center !important; }
  .mediabox                   {height: 300px !important; }

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

  .ContentTextBoxLeft,
  .ContentTextBoxRight        {width: 50% !important; }
  .ContentImgBoxLeft,
  .ContentImgBoxRight         {width: 30% !important; }
  .ContentImgBoxNormal img,
  .ContentImgBoxLeft img,
  .ContentImgBoxRight img     {max-width: 100% !important; } 

  h1                          {font-size: 26px; }
  h3                          {font-size: 120%; 	}
  #start h1                   {margin-bottom: 5px; text-align: center; }
  #start h2                   {text-align: center; }
  #start .ContentBoxRight
  #start .NewsBox             {width: 100% !important; text-align: center !important; }
  #start div.tile             {display: inline-block !important; float: none !important; height: 120px !important; width: 120px !important; }
  
  .ContentContainer           {width: auto !important; margin: 0px 0px 0px 0px !important; padding: 50px 10px 40px 10px !important; overflow: hidden !important; }
  #start .ContentContainer    {padding-top: 20px !important; background: transparent !important; }

  .body-termine .ContentBoxMiddle,
  .body-main_wide .ContentBoxMiddle,
  .ContentBoxMiddle,
  .ContentBoxRight            {width: 100% !important; 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; }
  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxLeft,
  .ContentImgBoxRight         {/*width: auto !important; float: none !important; */}
  ul.makeMenu a               {margin: 0px 15px 15px 0px !important; }

  /* EXTRA-MENU */
  #ContentBoxBottom           {display: block !important; background: #5c2d91 !important; top: 0px !important; bottom: auto !important; width: 100% !important; height: 40px !important; margin: 0px !important; padding: 0px !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75) !important; }
  #start #ContentBoxBottom    {display: block !important; background: #5c2d91 !important; top: auto !important; bottom: 0px !important; width: 100% !important; height: 40px !important; border-bottom: none !important; }
  .ContExtraMenu              {position: absolute !important; width: 100% !important; top: 0px !important; right: auto !important; bottom: auto !important; left: 0px !important; height: auto !important; margin: 0px !important; padding: 0px !important; background: transparent !important; z-index: 1000 !important; }
  #start #ContentBoxTop .ContExtraMenu,
  #start #ContentBoxTop .SearchBox      {display: none !important;} 
  ul.makeExtraMenu	          {width: 90%; text-align:center; margin: -4px 0px 0px 0px !important; padding: 0px !important; }
  ul.makeExtraMenu li         {display: inline-block !important; float: none !important; width: 15% !important; margin: 0px !important; padding: 0px !important; }
  #start ul.makeExtraMenu li  {width: 17% !important; }
  ul.makeExtraMenu li a       {color: transparent !important; height: 40px !important; min-width: none !important; width: 100% !important; background-position: center center !important; border-color: #ffffff !important; margin: 0px !important; padding: 0px 0px !important; }
  .extramenu-back             {border-left: none !important; } 
  a.printbtn,
  ul.makeExtraMenu li.li-extramenu-1191,
  ul.makeExtraMenu li.li-extramenu-print         {display: none !important;}

  /* HOME: EXTRA-MENU */
  #start .extramenu-back,
  #start .li-extramenu-back   {display: none !important;}
  li.li-extramenu-1506		    {display: block !important;} /* Home */

  .extramenu-back   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_back.png) !important; } /* Back */
  .extramenu-1506   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_home.png) !important; } /* Home */
  .extramenu-1191   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_location.png) !important; } /* Links */
  .extramenu-966    { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_contact.png) !important; } /* Kontakt */
  .extramenu-1505   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_weather.png) !important; } /* Wetter */
  .extramenu-1849   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_imprint.png) !important; } /* Impressum */
  .extramenu-1850   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_dataprotection.png) !important; } /* Datenschutz */
  .extramenu-1192   { background-repeat: no-repeat !important; background-position: center 0px !important; background-image: url(../img/_layout/icon_sitemap.png) !important; } /* Sitemap */

  /* Language-Menu-Start */
  ul.LanguageBox                    {display: none !important; }
  #start #ContentBoxTop ul.LanguageBox             {display: block !important; position: absolute !important; left: 50% !important; right: auto !important; bottom: 5px !important; margin: 0px 0px 0px -70px !important; }
  #start #ContentBoxTop ul.LanguageBox li a        {font-size: 11px !important; }

  /* Sitemap */
  .body-sitemap #BackgroundImage,
  .body-sitemap .FooterBox,
  .body-sitemap h1                 { display: none !important; }
  .body-sitemap .ContentBoxMiddle  { padding: 40px 0px 0px 0px !important; }
  .body-sitemap .ContentContainer  { padding: 0px 0px 50px 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: #5c2d91 !important; background: #e1dbed !important; font-size: 12px !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: #ffffff !important; background: #5c2d91 !important; font-weight: bold !important; }
  ul.Sitemap li ul li a             { background-image: url(../img/_layout/bg_white_trans40.png) !important; font-size: 11px !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: 10px !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 { }

  /* Forms */
  table                           {/*display: none !important;*/ font-size: 85%; }
  #contactform select,
  #contactform textarea,
  #contactform input[type=text],
  #contactform label              {width: 90% !important; }
  #calendarform                   {/*display: none !important; */}
  #calendarform select,
  #calendarform input[type=text],
  #calendarform label             {font-size: 12px !important; width: 95% !important; }
  #calendarform input.number                    {width: 60px !important; }

  /* Wetter Widget */
  iframe                          {width: 100% !important; max-width: 100% !important; }
  table.widget                    {width: 100% !important; max-width: 100% !important; }
  table.widget tr                 {display: inline-block !important; width: 100% !important; }
  table.widget td                 {display: inline-block !important; width: 100% !important; }

  table, tr, th, td               {display: block !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; }
  th                              {display: none !important; }
  td.firstcol                     {background: #ccc3dd !important; font-weight: bold !important; }

}


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

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

  div.tile                    {height: 90px !important; width: 90px !important; }
  .mediabox                   {height: 260px !important; padding-top: -40px !important; }

  .ContentTextBoxLeft,
  .ContentTextBoxRight,
  .ContentImgBoxLeft,
  .ContentImgBoxRight         {width: auto !important; float: none !important; }

}