@media only screen 
/*and (min-width : 320px)*/
and (max-width : 568px)
{	
	html,
	body,
	div#content
	{
		width: 100% !important;
		padding: 0 !important;	
	}
	
	div#inner_wrapper
	{
		padding: 15px !important;	
	}
	
	div#outer_wrapper
	{
		width: 100% !important;
		padding-top: 34px !important;	/* Mobile menu */
	}
	
	.no_mobile
	{
		display: none !important;
	}
	
	div.bar
	{
		display: none !important;
	}
	
	div.column
	{
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	div.module div
	{ 
		height: auto !important;	
		min-height: 0 !important;		
	}	
	
	div.module
	{ 
		width: 100% !important;	
		/*overflow: hidden;*/
		float: none !important;
		margin: 0 0 15px 0 !important;
		padding: 0 !important;
	}	
	
	div.module img
	{ 
		width: 100% !important;
	}	
	
	table
	{ 
		width: auto !important;
	}	
	
	div.module img.icon,
	div.module .icon img
	{ 
		width: auto !important;
	}	
	
	table#journummer_tbl img
	{ 
		width: auto !important;
		heigth: auto !important;		
		max-width: 45px !important;
	}	
	
	div#mobile_bar
	{
		display: block !important;
		position: fixed;
		z-index: 8;
		top: 0;
		width: 100%;
	}	
	
	div#mobile_head
	{	
		padding: 1px 5px;
		height: 32px;
		background-color: #333;		
	}
	
	div#mobile_head a
	{
		font-size: 23px;
		color: #CCC;
		text-decoration: none;
	}	
	
	div#mobile_head a:before
	{
		font-size: 23px;
		color: #CCC;
	}	
	
	div#mobile_profile
	{
		display: none;
		background-color: #FFF;
		padding: 15px;	box-shadow:0 0 6px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .5);	
	}	
	
	div#mobile_menu
	{
		position: absolute;		
		z-index: 7;
		top: 35px;
		width: 100%;		
		display: none;
		background-color: #FFF;
		padding: 5px;	box-shadow:0 0 6px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .5);	
	}
	
	div#tbl_wrapper
	{
		max-width: 100%;
		overflow: auto;
	}
}