@media
(max-width: 768px)
{
	/*
	* Responsive table thanks to code from here :)
	* https://css-tricks.com/examples/ResponsiveTables/responsive.php
	*/
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
/*	thead, tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
*/

	div,dir,ul { display: block; width: auto;} 

	img {border: 0;}
	
	img
	{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	.img_left
	{
		float: none;
		padding-right: 0px;
		height: auto;
	}
	
	.img_right
	{
		float: none;
		padding-left: 0px;
		height: auto;
	}
		
	.flex-container {
	  display: flex;
	  flex-direction: column;
	}
	
	.flex-container_wrap > div {
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
		margin: 0px 0px 10px 0px; /* avstånd i botten */
	}
	
	.ruta_vit
	{
		background:       #ffffff;
		padding-top: 		0px;
		padding-bottom: 	20px;
		padding-left: 		5px;
		padding-right: 		5px;
		text-align: 		left;
		vertical-align: 	top;
	}
	.ruta_bla_kant
	{
	/*	background-color:			 #C1C8D6;	*/
	/*	background-color:	#F6EED7; */
		padding: 			5px;
		height:				100%;  /* för att funka i mobilen */
		width:				auto;
	}
	
/*	.out2
	{ 
		font-size: 			1.50em;
		line-height:    	1.80em;
	}
	.over2
	{ 
		font-size: 			1.50em;
		line-height:    	1.80em;
	}
*/
	.out_ram_link
	{
		width:	auto; 
		margin-left: 10px;
		margin-right: 10px;
	}
	.over_ram_link
	{
		width:	auto; 
		margin-left: 10px;
		margin-right: 10px;
	}
	
/*	.ruta_bla_kant { display: none;	}*/
	#kol1 { display: none; }
	#rad1 { display: none; }
	#rad2 { display: none; }
	
/* toppmenyknappar visas i meny till vänster i mobilen i Sida: menySida */
	#toppmeny { display: none; }
/* sidmeny */
	#meny { margin-top: 120px; }
	#tillb23_bild { width: 100%} /* bilder i bildmeny skall fylla hela container */
/* innehåll på sidan - vit container i Layout.php kol1() */	
	#sid_content { margin-top: 100px; }
	
	#kol1_meny { display: none; }
	#rad1_center { display: none; }
/*	#kol5 { display: none; } */
/*	#kol5 { width: 100%; }
	#kol5main { width: 100%;} */
	#hp_ram { width: 100%; }
	#back-to-top {visibility: hidden; }
	
/* Spalter: tabell  */	
	#table_spalttyp0 { display: block; }
	#tbody_spalttyp0 { display: block; }
/* Spalter: snake  */	
	#table_spalttyp1 { display: block; }
	#tbody_spalttyp1 { display: block; }
	
	.tr_spalttyp { 
		display: inline-block; 
		width: auto;
		float: left;
	    clear: both;
	}
	.td_spalttyp { 
		display: inline-block; 
		float: left;
		width: 100%;
	}
	
	.radbryt { 
	    clear: both;
	    display: block;
	}

/* knappen som öppnar meny, synlig i mobilen */
	#meny_mobil { 
		display: flex; 
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: center;
		width: 100%; 
		position: fixed;
	}
	
	.div_anmalan {
/*		box-sizing: border-box; */
/*		margin-top: 10px; */
/*		display: flex; */
		width: 100%;
	}	
	
}
@media
(min-width: 769px)
{
/* knappen som öppnar meny, osynlig i fullskärm */
	#meny_mobil { display: none; }
	
/*  visning av dolda toppknappar i menyn till vänster */
	.topp_knapp { display: none; }
	
	#toppmeny { 
		display: flex; 
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
		
}