@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* cmsBaseCustom                                                                  */
/* ------------------------------------------------------------------------------ */
  @media only screen and (min-width: 1580px) and (min-height: 800px) {
    .startseite #mnav                     { margin-top: -215px; }
  }

	/* The big one (devices and browsers) */
  @media only screen and (min-width: 1380px) and (max-width: 1579px) and (min-height: 800px) {
    #Bauwerk                              { font-size: 85%; }
    .startseite #mnav                     { margin-top: -130px; }
  }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    .startseite #mnav                     { margin-top: 0px; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    #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; }

    #logoBoxSchrift                       { background-size: 80%; }
    FORM.suchform                         { margin: 35px 10%; }

    #mnav ul li a                         { padding: 8px; }
    #mnav ul li ul.munavLinks li a        { padding: 3px 8px; }

  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #impressionButton, #qnavButton, #slider, #impressions, .owneradress, .Ticker, .adresse .seitedrucken, #navRight, #qnav
                                          { display: none !important; background:none !important; }

    #withMoreForward, #withMoreBackward   { right: -13px !important; }

    #mnav                                 { margin: 0px 0px 0px 0px; }
    #mnav ul li ul.munavRechts            { display: none !important; }

    #Erdgeschoss .container .rightContainer { box-shadow: none; }

    #logoBox			                  { top:0px; padding: 10px 0px; margin: 0px; background-position: center; }

		#navBottom                      { font-size: 12px; margin-right: 0px; }
		#navBottom ul li                { padding: 0px 8px; }

    #Dach .container .rightContainer { width: auto; float: right; }

    .adresse .kontaktdaten          { padding-left: 0px; }

    #bfnav,
    #hnav                           { float: left; }
    #bfnav ul,
    #hnav ul                        { margin: 8px 0px; }
    #hnav ul li,
    #hnav ul li a,
    #hnav ul li a:hover             { background-color: transparent; }
    #hnav ul li:first-of-type,
    #hnav ul li:first-of-type a     { padding-left: 0px; }
    #hnav ul li:last-child          { padding-right: 5px; }

    #bfnav ul                       { float: right; }
    #bfnav ul li                    { height: 19px; padding: 0px 2px; }
    #bfnav ul li a.leseModusControl { width: 0px; overflow: hidden; color: transparent; padding-left: 0px; }

    .speechControl { margin-left: 0px; }

    #Dach                           { position: fixed; left: 0px; right: 0px; top: 0px; background-color: #1067b1; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,0.5) }
    #Obergeschoss                   { margin-top: 30px; }
    .adresse #Obergeschoss          { margin-top: 0px; }

    .ssRight,
    .ssRight > div,
    .ssLeft,
    .ssLeft > div                   { width: 100%; margin: 0px; }

    .max50                          { max-width: 100%; }

    .container #Wohnzimmer          { min-height: 0px; }

    .adresse #hnav                  { position: relative; width: 100%; bottom: auto; top: auto; left: auto; right: auto; padding-bottom: 8px; }
    .adresse #logoBox               { background-position: left center; }
    .adresse #logoBox:after         { display: none; }

  }

	/* 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) {

    .navItem .bild                  { float: left; }

		#navBottom                      { }
		#navBottom ul                   { display: block; padding: 0px 10px; }
		#navBottom ul li                { float: none; padding: 2px 0px 0px 2px; border-left: 0px; text-align: right; }

    .adresse .bezeichnung           { width:100%; text-align:left;  }
    .adresse .inhalt                { width:100%; }
    /*.adresse #logoBox			          { height:50px; width:280px; background-size: 100% auto;}*/
    #Fundament                      { margin: 0px 0px 90px 0px !important; }
  }
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH                                                         *
 * Letzte Aenderung: 21.01.2013                                                   *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */
