@media only screen and (max-width: 500px) {
	body {
		margin: 0px 0px 0px 0px;
		width: auto;
	}
	#webseite {
		background-image: none;
		padding-right: 0px;
	}
	#kopf {
		border-left: 0px;
		border-right: 0px;
		background-position: right;
	}
	#menu_ebene1 {
		display: none;
	}
	#menu_ebene2 {
		display: none;
	}
	#logo {
		left: auto;
		right: 20px;
	}
	#boxgross {
		display: none;
	}
	#mobileMenuButton {
		display: block;
		width: 64px;
		top: 144px;
		height: 59px;
		left: 15px;
		position: absolute;
		z-index:50;
	}

	#menubaum.offen {
		display: block;
	}
	#menubaum {
		overflow: hidden;
	}
	#menubaum div {
		display: none;
	}
	#menubaum div.offen {
		display: block;
	}
	
	#menubaum ul{
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding:0;
		font-weight: bold;
		list-style-type: none;
	}
	#menubaum span{
		display:block;
		white-space:nowrap;
		overflow: hidden;
		height: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		border-bottom: 1px #772235 solid;
	}
	#menubaum ul.top span{
		background: #d5b3a7;
		padding-left: 8px;
		font-size: 13px;
	}
	#menubaum ul.sub span{
		background: #edd3bc;
		padding-left: 26px;
		font-size: 13px;
	}
	#menubaum ul.sub2 span{
		background: #FBF6F2;
		padding-left: 46px;
		font-size: 13px;
		font-weight: normal;
	}
	#menubaum ul.sub3 span{
		background: #FFFFFF;
		padding-left: 66px;
		font-size: 11px;
		font-weight: normal;
	}
	
	#menubaum ul.top a{
		text-decoration: none;
		color: #000000;
	}
	#menubaum ul.sub a{
		text-decoration: none;
		color: #000000;
	}
	#menubaum ul.sub2 a{
		text-decoration: none;
		color: #000000;
		font-weight: normal;
	}

	#hauptbereich {
		/*display: none;*/
		border-left: 0px;
		border-right: 0px;
	}
	#container {
		padding-right: 0px;
	}
	#navigation {
		display: none;
	}
	div.willkommen {
		width: 100% !important;
	}
	div.willkommen li{
		margin-bottom: 8px;
	}
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, 
	div.csc-textpic-intext-right .csc-textpic-imagewrap {
		float: none;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, 
	.csc-textpic-intext-left-nowrap .csc-textpic-text, 
	.csc-textpic-intext-right .csc-textpic-text {
		margin-left: 5px;
		margin-right: 5px;
	}
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
		overflow: visible;
	}
	div.csc-textpic-text  {
		margin-right: 0px !important;
		clear: both;
	}
	.csc-textpic-caption {
		padding-left: 10px;
		margin-left: 0px;
	}
	#inhalt p {
		text-align: left;
		line-height: 140%;
	}
	
	div.tx-netgoettertortsgemeinde-pi1 tr.ueberschrift th {
		display: none;
	}
	div.tx-netgoettertortsgemeinde-pi1 th.ueberschriftAnreise {
		display: table-cell;
	}
	div.tx-netgoettertortsgemeinde-pi1 td {
		padding-left: 0px !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteUhrzeit,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteName,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteVeranstalter,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteOrt,
	div.tx-netgoettertortsgemeinde-pi1 td.spaltePlatzhalter,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteDetails,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteKontakt,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteAnschrift,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteAnzahlZimmer	{
		display: block;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteBild {
		display: none;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteUhrzeit,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteName,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteVeranstalter,
	div.tx-netgoettertortsgemeinde-pi1 td.spaltePlatzhalter,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteBild,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteKontakt,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteAnschrift {
		border-bottom: 0px !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteName {
		font-weight: bold;
		font-size: 14px !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteUhrzeit {
		padding-top: 10px !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteOrt,
	div.tx-netgoettertortsgemeinde-pi1 td.spalteAnzahlZimmer {
		padding-bottom: 10px !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 td.spalteDetails {
		padding-bottom: 20px !important;
	}
	#inhalt table.belegungsplaner th.raumname {
		height: 100px;
		vertical-align: middle;
		width: 30px;
	}
	#inhalt table.belegungsplaner th.raumname span {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);	 /*  for IE  */
		/* 	for browsers supporting webkit (such as chrome, firefox, safari etc.). */
		-webkit-transform: rotate(180deg);
		
		-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10%; /* optional */
  transform: rotate(180deg) /* you want */
		
		display: inline-block;
	}
	#inhalt table.belegungsplaner span.belegungsplanerText {
		display: none;
	}
	div.olMap {
		width: 100% !important;
		height: 50vh !important;
	}
	div.olMap.mapFullscreen {
		width: 100% !important;
		height: 100% !important;
	}
	div.olMap #mapToolbarBogenOben {
		display: none !important;
	}
	div.olMap #mapToolbarBogenMitte {
		background-image: none !important;
	}
	div.olMap #mapToolbarBogenMitte div.tx-netgoettertopenstreetmap-pi1 {
		display: none !important;
	}
	div.olMap #mapToolbarBogenUnten {
		display: none !important;
	}
	div.tx-netgoettertortsgemeinde-pi1 h1 {
		padding-top: 20px;
	}
	
	#inhalt div.ergebnisEintrag h1{
		margin-left: 10px;
	}
	#inhalt div.ergebnisEintrag table {
		clear: none;
	}
	#inhalt div.ergebnisEintrag div.spalteBild {
		float: none;
	}
	#inhalt div.ergebnisEintrag div.spalteKontakt {
		margin-left: 10px;
	}
	#inhalt div.ergebnisEintrag img.testbild {
		display: none;
	}
	#inhalt a.telefon {
		color: #782235;
		padding-left: 12px;
		background: url(../designimages/link.telefon.gif) 0px 0px no-repeat;
		text-decoration: underline;
	}
	#inhalt div.kontaktformular.gruppenanfrage img {
		width: 100%;
	}
	#inhalt div.kontaktformular label,
	#inhalt div.kontaktformular.gruppenanfrage label,
	#inhalt div.kontaktformular input, 
	#inhalt div.kontaktformular.gruppenanfrage input, 
	#inhalt div.kontaktformular textarea,
	#inhalt div.kontaktformular.gruppenanfrage textarea {
		width: 80% !important;
	}

	
	#zusatzinfoMobile {
		display: block;
		padding-top: 10px;
		margin-left: 5px;
		clear: both;
	}
	#zusatzinfoMobile li {
		margin-top: 10px;
	}

	#platzhalterRechts {
		height: 20px !important;
	}

	#fusszeile {
		height: auto;
		display: inline;
		border: 0px;
	}
	#fusszeile ul {
		left: 7px;
	}
	#fusszeile li {
		display: block;
		margin-top: 7px;
		margin-bottom: 7px;
	}
}