@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* cmsBaseCustom                                                                  */
/* ------------------------------------------------------------------------------ */

	/* The big one (devices and browsers) */
    @media only screen and (min-width: 1580px) and (min-height: 800px) {
    .sliderTopBorder                { height: 45px; }
    .sliderTopBackground            { height: 41px; }
    .sliderBottomBorder             { height: 6px; }
    
    .vgSwitch                       { left:319px;}
    
    .borderRadius,
    .borderRadius:after             { border-top-left-radius:1300px 115px; border-top-right-radius:1300px 115px; }

    .startseite #slider > div       { height: 300px; }
    .startseite #Obergeschoss       { height: 380px; }

    .langHI #logoBox                { background-size: auto; background-position: center 35px; }
    .langRS.startseite #mnav        { margin-top: -50px; }
    
    .adresse .langHI #logoBox       {  background-size: contain; background-position: 0px 0px; }


    #leseModusControlDiv            { left: 455px; }

    #Bauwerk,
    .Innenraum                      { font-size: 16px; }

    }

    @media only screen and (min-width: 1380px) and (max-width: 1579px) and (min-height: 800px) {
    .sliderTopBorder                { height: 39px; }
    .sliderTopBackground            { height: 35px; }
    .sliderBottomBorder             { height: 6px; }
    
    .vgSwitch                       { left:298px;}
    
    .borderRadius,
    .borderRadius:after             { border-top-left-radius:1000px 95px; border-top-right-radius:1000px 95px; }

    .startseite #slider > div       { height: 270px; }
    .startseite #Obergeschoss       { height: 350px; }

    #logoBox                        { background-size: auto; }

    #leseModusControlDiv            { left: 435px; }

    }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sliderTopBorder                { height: 25px; }
    .sliderTopBackground            { height: 20px; }
    .sliderBottomBorder             { height: 14px; }
    
    .vgSwitch                       { left:210px;}

    .startseite #mnav                     { margin-top: 0px; }
    #mnav ul li ul.munavLinks li          { background-position:12px 9px;}
    #mnav ul li ul.munavLinks li a        { padding:3px 3px 3px 21px; }
    #qnavButton			                      { display: none; }
    #withMoreForward, #withMoreBackward   { right: -13px !important; }

    #calendar                             { font-size:9px; }

    #logoBox                              { background-size: 176px; }

    .quadraticBoxes .qadratic,
    .quadraticBoxes .qadratic:nth-child(2n - 1)  { width: 100%; margin-left: 0px; margin-bottom: 4%; }

    .startseite #slider > div       { height: 190px; }
    .startseite #Obergeschoss       { height: 275px; }

    #vnav h3, #vnav h3 a            { font-size: 14px; }

    #leseModusControlDiv            { left: 350px; }

    
    .gastronomie.searchMask .searchPulldown { width:47%!important; }
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #impressionButton, #qnavButton, #sliderWrap, #impressions, .owneradress, .Ticker, .adresse .seitedrucken, .backgroundContainer
                                          { display: none !important; background:none !important; }
                            
    #Obergeschoss	                        { height:auto; }
    .startseite #Obergeschoss		          { height:auto; }
                                          
    #logoBox			                        { position:relative; border-width:0px; background-color:transparent; margin-left:0px; height:200px; background-position: center; top: 0px; box-shadow: none; width: 100%; float: left; }
    .langVG #logoBox                      { background-position: center 10px center; }
    .langHI #logoBox                { background-size: auto; }

    #mnav                                 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-width: 0px; box-shadow: none; }
    .startseite #mnav                     { margin:0px 0px 0px 0px; padding:0px; }

    #withMoreForward, #withMoreBackward   { right: -13px !important; }

    #mnav ul li.firstVg,
    #mnav ul li .munavRechtsDiv           { display: none !important; }

    .mobileOnly { display: block; }

    #navBottom                      { margin-right: 0px; }
    #navBottom ul                   { }

    .moreWidth                      { width: auto; margin-left: 0px; }
    .moreWidth  .navItem            { padding: 5px 0px; border: 0px; }

    #leseModusControlDiv            { position: relative; float: right; top: 0px; left: 0px; margin: 5px 10px; }
    
    .searchButtons .hideDetails, .searchButtons .resetSearch { float:none!important; }
    .searchButtons input[type=submit] { margin:0px!important; }
    .searchArea .smallDesc {float: left;clear: both; }     
    .Innenraum .searchMask div { width: auto !important; display: block !important; float: none; padding: 0px 0px 0px 0px !important; clear: both; border-left:0px!important; }
    .Innenraum .searchMask div input { width: auto !important; display: block !important; margin: 0px 5px 5px 0px !important; float: left; }
    .Innenraum .searchMask div select { margin: 0px 5px 5px 0px !important; float: left; }
    .Innenraum .searchMask div .tip   { display: none; }
    .Innenraum #tourismuseintraege .eintrag .detailsLinks  { width: 100%; margin-bottom: 10px; }
    .Innenraum #tourismuseintraege .eintrag .detailsRechts { width: 100%; margin-bottom: 10px; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    .adresse .bezeichnung           { width:100%; text-align:left;  }
    .adresse .inhalt                { width:100%; }
    /*.adresse #logoBox			          { height:50px; width:280px; background-size: 100% auto;}*/


    #navBottom ul li                { display: block; border: 0px; text-align: right; }

    .quadraticBoxes .qadratic,
    .quadraticBoxes .qadratic:nth-child(2n - 1)  { width: 100%; margin-left: 0px; margin-bottom: 4%; }
  }
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH                                                         *
 * Letzte Aenderung: 21.01.2013                                                   *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */