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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    #kaLogo                         { margin-top: -30px; }
    #kaLogo img                     { max-width: 154px; }
    #nachobenbutton                 { margin-top: -50px; }
    #nachobenbutton img             { max-width:  30px; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    .Innenraum img                  { max-width:420px;}
    #calendaryear li                          { width:33.3333%; }
    #calendaryear li:nth-child(4n + 5)        { clear:none; }
    #calendaryear li:nth-child(4n + 4) table  { padding-right:5px; }
    #calendaryear li:nth-child(3n + 4)        { clear:left; }
    #calendaryear li:nth-child(3n + 3) table  { padding-right:0px; }
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #mobileshownav         	        { display:block; }

    .Innenraum label.left		        { text-align:left; width:auto; margin:0px; padding:0px; }
    .Innenraum label.pflichtfeld	  { margin:0px; display:block; }
    .Innenraum .formelement		      { text-align:left; margin:0px; width:99%; float:left; }
    .Innenraum #kontform input[type=text], .Innenraum #kontform input[type=password],.Innenraum #kontform textarea 
								                    { width:97%; -webkit-appearance: none; }
    .Innenraum #kontform .selectfeld, .Innenraum #kontform input[type=button], .Innenraum #kontform input[type=submit]
								                    { width:100%; -webkit-appearance: none; }
    .Innenraum input[type=text], .Innenraum input[type=search], .Innenraum input[type=password], .Innenraum textarea 
								                    { width:97%; -webkit-appearance: none; }
    .Innenraum select, .Innenraum .selectfeld, .Innenraum input[type=button], .Innenraum input[type=submit]
								                    { width:100%; -webkit-appearance: none; }

    .formLabelBox                   { width:100%; text-align:left; }
    .formElementBox                 { clear:both; float:left; width:100%; }
    .formLabelBox label             { float:left; }

    .SMSElementBox                  { clear:both; float:left; width:100%; }
    .SMSLabelBox                    { float:left; }

    div.pflichtfeld                 { float:left; text-align:left; }
    
    .gallerieListe                  { margin:10px 5px 15px 0px; width:144px; padding-top:2px; height: auto; min-height: 142px; float:left; text-align:center; }

    .bezeichnung                    { float:left; width:35%; text-align:right;  }
    .inhalt                         { float:left; width:65%; }    
    
    #bfnav .mobile                  { display: inline!important; }
    #bfnav .desktoponly             { display: none; }
    .desktoponly                  { display: none; }
    .mobileonly                   { display: block; }
    #vnav                           { margin: 30px 0px 70px 0px; padding-top: 30px; border-top: 1px solid #7A8593; }

  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    .inner                          { margin:0px; }
    #Bauwerk .inner                 { margin:0px; }
    #Obergeschoss .inner            { padding-bottom:10px; height:100px; }
    
    FORM.suchform                   { top:80px; right:0px; margin:10px 10px 0px 10px; padding:0px; z-index:99999; font-size:12px; }
    INPUT.suchfeld                  { padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; width:200px; height:18px; line-height:18px; }
    INPUT.suchfeldbutton            { position:relative; top:0px; right:0px; font-size:12px; height:20px; margin: 0px 0px 0px 5px; width: 43px; z-index:999999; }
    
    #hnav                           { position:relative; left:0px; top:0px;  }
    #hnav ul                        { margin:0px; }
    #hnav ul li                     { display:block; border:0px; }
    
    .hornav                         { display:none;  }
  
    #mnav ul li ul.munavRechts      { z-index:-1;display:none;}
    #mnav ul li:hover ul.munavRechts{ visibility:hidden; }

    .Innenraum                      { margin-left:0px; margin-right: 0px; }
    .Innenraum img                  { max-width:400px; }
    .zweispaltig .Innenraum         { margin-left:0px; margin-right: 0px; }
    
    #pagejumper                     { font-size:80%; }
    #pagejumper a                   { width:24px;}
    #pagejumper .inaktiv            { width:24px;}
    
    .adresse #Obergeschoss .inner   { padding-bottom:0px; }
    
    #calendaryear li                          { width:50%; }
    #calendaryear li:nth-child(4n + 5)        { clear:none; }
    #calendaryear li:nth-child(4n + 4) table  { padding-right:5px; }
    #calendaryear li:nth-child(2n + 3)        { clear:left; }
    #calendaryear li:nth-child(2n + 2) table  { padding-right:0px; }
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {  
    #Bauwerk .inner                 { margin:0px; }    
    #Obergeschoss .inner            { padding-bottom:10px; height:100px;}
   
    FORM.suchform                   { right:0px; margin:10px 10px 0px 10px; padding:0px; z-index:99999; font-size:12px;  }
    INPUT.suchfeld                  { padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; width:125px; height:18px; line-height:18px;}
    INPUT.suchfeldbutton            { position:relative; top:0px; right:0px; font-size:12px; height:20px; margin: 0px 0px 0px 5px; width: 43px; z-index:999999; }
        
    #hnav                           { position:relative; left:0px; top:0px; height:auto; }
    #hnav ul                        { margin:0px; }
    #hnav ul li                     { display:block; border:0px; }
    
    .hornav  { display:none;  }
    
    #mnav ul li ul.munavRechts      { z-index:-1; display:none;}
    #mnav ul li:hover ul.munavRechts{ visibility:hidden; display:none;}

    .Innenraum                      { margin-left:0px; margin-right: 0px; }
    .Innenraum img                  { max-width:280px; }
    .zweispaltig .Innenraum         { margin-left:0px; margin-right: 0px; }
    
    .buchstabeReihe                 { word-wrap:break-word; }
    
    .adresse #Obergeschoss .inner   { padding-bottom:0px; }
    .bezeichnung                    { float:none; width:100%; text-align:left;  }
    .inhalt                         { float:none; width:100%; }    
    
    #calendaryear li                          { width:100%; }
    #calendaryear li table                    { padding-right:0px;}
    #calendaryear li:nth-child(4n + 5)        { clear:both; }
    #calendaryear li:nth-child(4n + 4) table  { padding-right:0px; }
  }
  
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 21.01.2013                                                  *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */