/* Responsive */
@media only screen and (max-width: 1000px) {
	#wrapper { width:100%; top:0; }
	#header_unten { width:85% }
	#hauptnavi li a { font-size:1.2em }
}	

@media only screen and (max-width: 840px) {
	aside { display:none }
	#content { width:100% }
	#logo {display:none}
	#logo_mobile { display:block; position:absolute; top:30px; right:20px; z-index:50 }
}

@media only screen and (max-width: 650px) {
	#header_oben { height:160px; }
	#hauptnavi li { float:none; }
	
	#header_unten { width:100%; background-color:#D5D5D5; border-top:1px solid #333; border-bottom:1px solid #333  }
	#subnavi { display:none }

	#event_selector { display:none }
	#event_item_container { width:100% }

	#togglebox_switch { display:block; padding-top:15px; text-align:center;  }
	#togglebox_navi { position:relative; z-index:1000;}
	#togglebox_navi li { display:block; background-color:#F2F2F2; border-top:1px solid #666666; text-align:center; -webkit-box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.75); box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.75);  }
	#togglebox_navi li:hover,#togglebox_navi li.active { background-color:#ABABAB;  }
	#togglebox_navi li a { display:block; padding:10px 0; text-decoration:none; font-weight:bold }
	#togglebox_navi li a.active { color:#000 }

	#togglebox_subnavi_zentrum_programm { display:none }
	#togglebox_subnavi_museum_terminuebersicht { display:none }
	#togglebox_subnavi_museum_shop { display:none }
	#togglebox_subnavi_seminarzentrum_veranstaltungen { display:none }

}	

@media only screen and (max-width: 400px) {
	#logo_mobile { width:80px }
}