/*n- responsive.css*/


/*ipad landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	body { margin: 0; padding: 0;}
	#content_mitte, #spalte_right, .copyright, .content_hotelbeschreibung_stadtinformationen, .content_pic_stadtinformationen { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.topbild_bg { width: 100%; height: auto; left: 0;}
	.topbild_bg #headline { margin-top: 15%; }
	.topbild_bg img { width: 100%; height:auto; left:0; }

	#content_mitte { width: 70%; padding-top: 20px; margin: 0; }
	#content_gesamt { width: 100%; background-image: none; background-color: white;	}
	.content_hotelbeschreibung_stadtinformationen { width: 65%; }
	.content_pic_stadtinformationen { width: 30%; }

	#map { width: 100%; margin: 0; padding:0; }
	#spalte_right {  width: 25%; padding: 0; margin: 0; }
	.navigation { margin-left:20px; width: auto; padding: 0; background:none; }
	.copyright { width: 100%; margin: 0; padding: 10px; }
}

/*ipad portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	body { margin: 0; padding: 0;}
	#content_mitte, #spalte_right, .copyright, .content_hotelbeschreibung_stadtinformationen, .content_pic_stadtinformationen { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.topbild_bg { width: 100%; height: auto; left: 0;}
	.topbild_bg #headline { margin-top: 5%; }
	.topbild_bg img { width: 100%; height:auto; left:0; }

	#content_mitte { width: 70%; padding-top: 20px; margin: 0; }
	#content_gesamt { width: 100%; background-image: none; background-color: white;	}
	.content_hotelbeschreibung_stadtinformationen { width: 65%; }
	.content_pic_stadtinformationen { width: 30%; }

	#map { width: 100%; margin: 0; padding:0; }
	#spalte_right {  width: 25%; padding: 0; margin: 0; }
	.navigation { margin-left:20px; width: auto; padding: 0; background:none; }
	.copyright { width: 100%; margin: 0; padding: 10px; }
}

/*small mobile devices*/
@media only screen and (max-width: 767px) {
	body { margin: 0; padding: 0;}
	#content_mitte, #spalte_right, .copyright, .content_hotelbeschreibung_stadtinformationen, .content_pic_stadtinformationen { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.topbild_bg { width: 100%; height: auto; left: 0;}
	.topbild_bg #headline { margin-top: 5%; }
	.topbild_bg img { width: 100%; height:auto; left:0; }

	#content_gesamt { width: 100%; background-image: none; background-color: white;	}


	#map { width: 100%; margin: 0; padding:0; }
	#spalte_right {  width: 25%; padding: 0; margin: 0; }
	.navigation { margin-left:20px; width: auto; padding: 0; background:none; }
	.copyright { width: 100%; margin: 0; padding: 10px; }

	.navigation, #spalte_right { display: none; }

	#content_mitte { width: 100%; float:left; padding-right: 20px; padding-left:20px; padding-top:20px; margin: 0;}
 
	#responsive-nav { display: inline-block; position: relative; width: 90%; float: center; margin-top: 20px; margin-left: 5%; border-radius: 0; text-align: center; }
	#responsive-nav select {width:100%; height: 35px; font-size: 12pt; background: url('../img/arrow-down.png'), -webkit-linear-gradient(rgba(255,255,255,0.4), #660000 300%); background-position: 95% center; background-repeat: no-repeat; opacity: .8; border: 1px solid rgba(0,0,0,0.3); }
	
	#res-languageselect { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline; position: absolute; z-index: 9; width: 100%; padding-top: 10px; }
	#res-languageselect a { float: right; margin-right: 10px; margin-bottom: 10px; }
	#res-languageselect a img { width: 25px; height: auto; box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); }

	.topbild_bg { height: auto; }

	.topbild_bg #headline { display: none; max-width: 90%; width: auto; padding: 10px; padding-right: 20px; height: auto; float: left; margin-left: 5%; margin-top: 5%; }

	#map div[dir='ltr'] { right:0; max-width: 50%; text-align: right; }

	#map div[dir='ltr'] * { float: right; font-size: 6pt; }

	.panoramio_big, .panoramio_list { width: 100% }

	.panoramio_big { margin-bottom: 20px; }

	.panoramio_list { text-align: center; }

	.copyright { padding-left:2px; padding-right:2px; font-size: 8pt; }

	.content_hotelbeschreibung_stadtinformationen {  width: 100%;  height:auto;  }

	.content_pic_stadtinformationen { padding-top: 20px; padding-left: 0; width: 100%; }

	.content_pic_stadtinformationen img { max-width: 200px; }

	.text_trennstrich_stadtinformationen {  width: 100%;  top:0;  margin-top: 15px;  height: auto;  clear: both; }

	.trennstrich_content { float: left; clear: both; }

	.content-widget {  margin-left: -10px;}
	.bd_widget_maindiv_1, .bd_widget_maindiv { left: -10px !important;}
}

/*landscape*/
@media only screen and (max-width: 767px)  and (orientation : landscape){

}