@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	/**********************
	 *** 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: 68%;
		height: auto;
		
		padding-left: 30px;
		padding-right: 40px;
		
		padding-bottom: 50px;
		
		border-right: 1px solid #000000;
		
		float: left;
	}
	/******************
	 *** NAVIGATION ***
	 ******************/
	#nav_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 32%;
		height: auto;
		
		padding-left: 30px;
		padding-bottom: 30px;
		
		float: right;
	}
	/**************
	 *** FOOTER ***
	 **************/
	footer{
		display: block;
		position: relative;
		box-sizing: border-box;

		width: 100%;
	}
}