@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	/**********************
	 *** HEADER DELPHIN ***
	 **********************/
	header#delphin{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: auto;
	}
	header#delphin img{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: auto;
	}
	
	/**************
	 *** BALKEN ***
	 **************/
	div#balken_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		min-height: 10px;
	}
	/*************************
	 *** CONTENT CONTAINER ***
	 *************************/
	#top_page_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: auto;
	}
	/*********************************
	 *** CONTENT UND NAV CONTAINER ***
	 *********************************/
	#content_n_nav_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		
		height: auto;
	}
	/***************
	 *** CONTENT ***
	 ***************/
	#content{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: auto;
		
		padding-left: 15px;
		padding-right: 15px;
		
		padding-top: 1px;
		padding-bottom: 40px;
	}
	/******************
	 *** NAVIGATION ***
	 ******************
	#nav_container{
		display: none;
		position: absolute;
		box-sizing: border-box;
		
		top: -100px; /*** PER JS: /_js/nav_top_320.js ***
		right: 20px;
		
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		
		width: auto;
		height: auto;

		border: 1px solid #004389;
		
		background-color: #b0b0a9;
	}
	/**************
	 *** FOOTER ***
	 **************/
	footer{
		display: block;
		position: relative;
		box-sizing: border-box;

		width: 100%;
	}
}