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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1180px) {
  #Bauwerk			                { font-size:95%; }
  .Innenraum		                { FONT-SIZE:100%; line-height:145%; }
  
  #mnav					{ font-size: 18px; }
  
  #vnavcenter a		{ font-size: 15px; }
  
  FORM.suchform			{ font-size:13px; }
  INPUT.suchfeld			{ width:195px; }
  
  #wechselbilder				{ width:1160px; }
  #slider       				{ width:1160px; }
  
  #linkimpressum			{ font-size: 15px; margin-right: 43px; }
  #copyright					{ font-size: 12px; margin-left: 45px; }
  #datenschutz				{ font-size: 15px; }
  .owneradress				{ right: 22px; width: 360px; height: 100px; }
  
  .FusszeileRechts			{ padding-right:21px; }
  
  .MSPInfoLogo					{ padding: 0px 0px 0px 0px; margin-right: 0px; }
  
  #backgroundButtons    { display:block; }
  }

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

    #withMoreForward, #withMoreBackward { right: -13px !important; }
    
    
    FORM.suchform				{ font-size:13px; margin-left: 3px; }
    INPUT.suchfeld				{ width:125px;  }
    
    #bfnav								{ font-size: 10px; }
    #hnav ul li							{ font-size:10px;}
			
		.owneradress						{ right: 10px; width: 340px; height: 100px; }
		#owneradressleft				{ padding: 17px 0px 1px 13px; width: 150px; font-size: 12px; }
		#owneradressright				{ padding: 11px 0px 12px 13px; margin: 11px 10px 11px 0px; width: 150px; font-size: 11px; }
    .FusszeileRechts			{ padding-right:9px; }
    #wechselbilder				{ width:768px; }
		#impressionButton			{ display: none; }

    #calendar		{ font-size:9px; }
    #vnav				{ margin-left: 3px; }
    
    #mnav ul li 				{ font-size: 15px; }
    #mnav ul li          ul.munavRechts li     { font-size:15px; }
    #mbnav ul li 				{ font-size: 15px; }
    #mbnav ul li          ul.munavRechts li     { font-size:15px; }
    
   #linkimpressum						{ font-size: 13px; margin-left: 43px; }
   #linkortsplan            { left: 420px; }
   #Fundament .container		{ font-size:90%; }
   #copyright								{ font-size: 10px; margin-left: 45px; }
   #datenschutz							{ font-size: 13px;  }
   
   .MSPInfoLogo					{ padding: 0px 0px 0px 10px; margin-right: 0px; }
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #qnavButton, #rrButton, #impressionButton  { display: none; }  
    #StartseiteRechts,#StartseiteLinks		{ float:none; width:100%; margin:10px 0px; }
    #StartseiteZonen									{ width:100%; margin-top: 0px;  }
    #StartseiteOben .nzContainer.item1,#StartseiteOben .nzContainer.item2 { width:100%; float:left;}

    
    .owneradress							{ display:none; }
    .owneradressPrint					{ display:block; }
    #impressionButton, #qnavButton, #slider, #impressions, #qnavButton2, .Ticker		{ display: none !important; background:none !important; }
    #withMoreForward, #withMoreBackward			{ right: -13px !important; }

    #Obergeschoss .container  { padding-bottom: 50px; border-top: 1px solid white; }
    
    #Erdgeschoss .container		{ background-image:none!important; padding-top: 120px; }
    .FusszeileRechts					{ padding-right:10px; padding-top: 10px; }
		
    
    #Dach			{ z-index: 11; }
    #logoBG		{ background-image: none;  }
    
    #vnav						{ margin-top: 10px; }
    
    #linkimpressum                  { position: static; height:auto; background:none; letter-spacing: 1px; float:right; padding:0px 10px 10px 0px; }
    #linkortsplan            { display: none; }
    .owneradressHori				{ font-size: 12px; padding-top: 5px; }
    #Fundament .inner { height: auto; }
    #Fundament .container { height: auto; }
        
		.adresse #Erdgeschoss .container		{ padding-top:20px; }
    .adresse #Obergeschoss .container	{ background-image:none; }
    .adresse #hnav						{ display: inline; }
    .adresse #logoBG					{ top: -1px; }
		.adresse .Innenraum             { padding-top:0px; }
    
    #mnav                                   { margin: 0px 0px 0px 0px; }
    #mnav ul                                { border:0px; }
    #mnav ul li:first-child                 { border:0px; }
    #mnav ul li:first-child a               { display:none; }
    #mnav ul li    ul.munavRechts           { position:relative; display:block; top:0px; right:auto; visibility:visible; width:auto; }
    #mnav ul li    ul.munavRechts li a      { height:auto; padding:8px 10px; }
    
	.startseite #mbnav                      { display:none; }
    #mbnavHeadline                          { display:none; }
    #mbnav ul li    ul.munavRechts          { display:none; visibility:hidden; }
    #mbnav ul li a      { height:auto; padding:8px 10px; }
    
    #mnav ul li 				{ font-size: 15px; }
    #mnav ul li          ul.munavRechts li     { font-size:15px; }
    #mbnav ul li 				{ font-size: 15px; }
    #mbnav ul li          ul.munavRechts li     { font-size:15px; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    #Obergeschoss	.inner							{ height:90px; margin-top: 0px;  }
    .startseite #Obergeschoss	.inner	{ height:90px; }
    
    #logoBox					{ top:18px; left:22px; margin-top:1px; margin-bottom:5px; width:360px; background-size:100% auto; }

    .startseite FORM.suchform, FORM.suchform					{ position:relative; top:-7px; margin:0px; left:0px; right:4px; }
    INPUT.suchfeld					{ width:353px;  }
    
    #fundamentlinks						{ font-size: 85%; } 
    ul#fundamentlinks li				{ margin-right: 30px; } 
    #linkimpressum						{ margin-left: 10px; font-size: 12px; }
    #copyright								{ font-size: 10px;  margin-left: 10px; }
		#BereichMobile						{ display: block; position: absolute; width: 190px; height: 53px; top: 27px; left: 116px; }	

    
    #mnav ul li a							{ width: 396px; }
		#mnav ul li          ul.munavLinks li a 		{ width: 375px; }
		#mnav ul li ul li    ul.munav2Links li a 	{ width: 360px; }
    
    #mbnav ul li a							{ width: 396px; }
		#mbnav ul li          ul.munavLinks li a 		{ width: 375px; }
		#mbnav ul li ul li    ul.munav2Links li a 	{ width: 360px; }
    
    .adresse #Obergeschoss .inner   { height:117px; }
		.adresse #Obergeschoss .container   { padding-bottom: 10px; }
    .adresse #logoBox			{ left: 25px; top: 6px; width: 358px;  background-size:100% auto; }
    .adresse #hnav					{ top:-1px; right: 0px; display: block;  height: 30px; }
    .adresse #hnav ul			{ padding:0px; margin:0px; padding-right: 0px; padding-top: 3px; text-align: center; }
    .adresse #hnav ul li			{ padding-left: 25px; }
		.adresse #hnav img			{ display: none;  }
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {  
    #Obergeschoss	.inner							{ height:64px; margin-top: 0px;  }
    .startseite #Obergeschoss	.inner	{ height:64px; }
    #Dach {  }
    #logoBox				{ top:15px; left:20px; margin-top: 1px; width:270px; background-size:100% auto; }
    #hnavSelect                       { width:300px; right:0px; top:28px; left:0px; }
    #hnavSelect ul                    { width:300px; }
    #logoBG { height: 70px; }

    
    .startseite FORM.suchform, FORM.suchform					{ position:relative; top:3px; margin:0px; left:0px; right:4px; }
    INPUT.suchfeld			{ width:237px; }
    
    #fundamentlinks					{ font-size: 85%; } 
    ul#fundamentlinks li			{ margin-right: 30px; } 
    #linkimpressum					{ margin-left: 10px; font-size: 12px; }
    #copyright							{ font-size: 9px;  margin-left: 10px; }
		
    #BereichMobile								{ display: block; position: absolute; width: 240px; height: 53px; top: 27px; left: 30px; background-size: 50px 50px; }
    #BereichMobileBS, #BereichMobileBSSelected							{ width: 70px; margin-left:-140px; }
    #BereichMobileTO, #BereichMobileTOSelected							{ width: 70px; margin-left: -70px; }
    #BereichMobileHG, #BereichMobileHGSelected							{ width: 70px; }
    #BereichMobileFM, #BereichMobileFMSelected							{ width: 70px; margin-left:  70px; }
    
    #mnav ul li a						{ width: 296px; }
		#mnav ul li ul li    ul.munav2Links li a   { width: 250px; }
		#mnav ul li          ul.munavLinks li a    { width: 255px; }
		
		#mbnav ul li a							{ width: 296px; }
		#mbnav ul li          ul.munavLinks li a 		{ width: 296px; }
		#mbnav ul li ul li    ul.munav2Links li a 	{ width: 296px; }
    
    
  .adresse #logoBox			      { left: 20px; top: 17px; width: 260px;  background-size:100% auto; }
	
  .adresse #Obergeschoss .inner	{ height:150px; }
	  .adresse #Obergeschoss .container	{ padding-bottom: 18px; }
  .adresse #hnav					{ top:-1px; right: 0px; display: block; height: 30px; }
  .adresse #hnav ul			{ padding:0px; margin:0px; padding-right: 15px; padding-top: 3px; text-align: right; }
  .adresse #hnav ul li			{ padding-left: 0px; padding:5px 5px 5px 0px; display: block; }
  .adresse #hnav img			{ display: none;  }
    
    .adresse .bezeichnung           { width:100%; text-align:left;  }
    .adresse .inhalt                { width:100%; }
    /*.adresse #logoBox			          { height:50px; width:280px; background-size: 100% auto;}*/
  }
/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 21.01.2013                                                  *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */