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

	/* 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) {
    .Innenraum img {max-width:420px;}
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #greetingsautoaussen            { display: none!important; }
  
    .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 .selectfeld, .Innenraum #kontform input[type=text], .Innenraum #kontform input[type=button],.Innenraum #kontform input[type=submit],.Innenraum #kontform input[type=password],.Innenraum #kontform textarea 
                                    { width:99%; -webkit-appearance: none; padding:0px; }
    .Innenraum .selectfeld, .Innenraum select, .Innenraum input[type=text], .Innenraum input[type=button],.Innenraum input[type=submit],.Innenraum input[type=password],.Innenraum textarea 
                                    { width:99%; -webkit-appearance: none; padding:0px; }
    
    .gallerieListe                  { margin:10px 5px 15px 0px; width:124px; padding-top:2px; height:122px; float:left; text-align:center; }
    
    .adresse .bezeichnung           { float:left; width:35%; text-align:right;  }
    .adresse .inhalt                { float:left; width:65%; }
    
    #vereine .description	          { padding:5px 0px; }
    #vereine .text                  { float:none; padding:0px; width:100%; }
    #vereine .ort                   { float:none; padding:0px; }
    #vereine .links                 { float:none; padding:5px 0px; width:100%; }
    
    #branche .description	          { padding:5px 0px; }
    #branche .text                  { float:none; padding:0px; width:100%; }
    #branche .ort                   { float:none; padding:0px; }
    #branche .links                 { float:none; padding:5px 0px; width:100%; }
  }

	/* 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:auto;}

    FORM.suchform                   { position:relative; top:0px; right:auto; left:0px; margin:10px 10px 0px 10px; padding:0px; z-index:99999; font-size:11px; }
    INPUT.suchfeld                  { padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; width:354px; height:18px; line-height:18px; }
    INPUT.suchfeldbutton            { position:relative; top:0px; right:0px; font-size:12px; height:20px; margin: 0px 0px 0px 5px; width: 33px; z-index:999999; }
    
    #hnav                           { position:relative; left:0px; top:0px;  }
    #hnav ul                        { margin:0px; }
    #hnav ul li                     { display:block; border:0px; }
    
    #bfnav, #wechselbilder, .hornav { display:none;  }
  
    #mnav ul li    ul.munavRechts		{ z-index:-1;display:none;}
    #mnav ul li:hover    ul.munavRechts		{ visibility:hidden; }

    .Innenraum                      { margin-left:10px; margin-right: 10px; }
    .Innenraum img                  { max-width:400px; }
    
    #vnav                           { margin-left:10px; margin-right: 10px; }
  
    #pagejumper                     { font-size:80%; }
    #pagejumper a                   { width:24px;}
    #pagejumper .inaktiv            { width:24px;}
    
    .adresse #Obergeschoss .inner   { padding-bottom: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:auto;}
    
    FORM.suchform                   { position:relative; top:0px; right:auto; left:0px; margin:10px 10px 0px 10px; padding:0px; z-index:99999; font-size:11px; }
    INPUT.suchfeld                  { padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; width:235px; height:18px; line-height:18px;}
    INPUT.suchfeldbutton            { position:relative; top:0px; right:0px; font-size:12px; height:20px; margin: 0px 0px 0px 5px; width: 33px; z-index:999999; }
        
    #hnav                           { position:relative; left:0px; top:0px; height:auto; }
    #hnav ul                        { margin:0px; }
    #hnav ul li                     { display:block; border:0px; }
    
    #bfnav, #wechselbilder,.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:10px; margin-right: 10px; }
    .Innenraum img                  { max-width:280px; }
    
     .buchstabeReihe                { word-wrap:break-word; }
    
    #vnav                           { margin-left:10px; margin-right: 10px; }

    #pagejumper                     { display:none; }
    
    .adresse #Obergeschoss .inner   { padding-bottom:0px; }
    .adresse .bezeichnung           { width:100%; text-align:left;  }
    .adresse .inhalt                { width:100%; }
  }
  
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 21.01.2013                                                  *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */