.sort
	{
		background-color: black;
		color: white;
	}
	/* søgefunktion */
	#storbredde
	{
		position: absolute;
		 right: 0;
	}
	
	h1, p, h6
	{
		 text-align: center;
	}
@media only screen and (min-width: 768px) 
{
		.footer
		{
			width:100%;
			height:65px;
			position:absolute;
			bottom:0;
			left:0;
		}
		
	}
	.miniumheigth
	{
		height: 45em;
	}
	
	.graa
	{
		background-color: #CCCCCC;
		color: black;
	}
	.red
	{
		background-color: red;
		color: white;
	}
	.green
	{
		background-color: green;
		color: white;
	}
	.yellow
	{
		background-color: yellow;
	}
	.lille
	{
		text-align: center;
		font-size: 8px;
		height: 9px;
	}
	.red
	{
		color: red;
		/*background-color: red;*/
	}
	.tabel
	{
		min-height: 43em;
		max-height: 45em;
		margin-left: 2em;
		overflow: scroll;
		
	}		
	h1, h6
	{
		 text-align: center;
	}
	.miniumheigth
	{
		height: 50em;
		
	}
	
	.overskrift
	{
		text-align: left;
	}

	
	#underformular
	{
		height: 50em;
	}
	.footer
	{
		width:100%;
		height:100px;
		position:absolute;
		bottom: -2;
		left:0;
			
	}
	#Opdatering, #underformular
	{
		margin-left: 2em;
			
	}
	.indtastform
	{
			/*height: 45em;*/
		
	}
		
	table, td 
	{
		border: 1px solid black;
		text-align: center;
		padding: 15px;
	}
}
@media only screen and (max-width: 768px) {
    For mobile phones: [class*="col-"] {
        width: 100%;
    }
		h1
		{
			font-size: 16px;
		}
		table, td
		{
			border: 0.4px solid black;
			text-align: center;
			padding: 4.5px;
		}
		table
		{
			width: 100%;
		}
		.tabel
		{
			margin-left: -0.6em;
		
		}
		.tilbag2
		{
			float: left;
			margin-left: 0em;
			width: 33%;
	
		}
		#Opdatering, #underformular
		{
			margin-left: 2em;
			
		}
		
	}
	@media only screen and (min-width: 768px) 
	{
		.footer
		{
			width:100%;
			height:65px;
			position:absolute;
			bottom:0;
			left:0;
		}
		.kalender
		{
			
			min-height: 32em;
			margin-left: 2em;
			
		
		}
		table, td 
		{
			border: 1px solid black;
			text-align: center;
			padding: 15px;
			
			padding-top: 10px;
			padding-right: 15px;
			padding-bottom: 4px;
			padding-left: 15px;

		}
		.tilbag2
		{
			float: left;
			margin-left: 2em;
	
		}
		#Opdatering, #underformular
		{
			margin-left: 2em;
			
		}
	}
	@media only screen and (max-width: 768px) 
	{
  
		table, td 
		{
			border: 1px solid black;
			text-align: center;
			padding: 10px;
		}
		.tabel
		{
			margin-left: 0.5em;
		
		}
		.tilbag2
		{
			float: left;
			margin-left: 2em;
	
		}
		#Opdatering, #underformular
		{
			margin-left: 2em;
			
		}
	}
@media only screen and (max-width: 500px) 
{
	#minitabel
	{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		font-size: 10px;
	}
	#registrering .btn
	{
		font-size: 10px;
		width: 85%;
	}
	#minitabel #myidnr
	{
		width: 30%;
	}
	.tabel
	{
		margin-left: 0em;
		
	}
	table
	{
		width: 100%;
	}
	#registrering table, #registrering td 
	{
		border: 0.7px solid black;
		text-align: center;
		padding: 7px;
			
		padding-top: 8px;
		padding-right: 8px;
		padding-bottom: 2px;
		padding-left: 8px;
		
		font-size: 12px;

	}
	h1
	{
		font-size: 20px;
	}
	h2
	{
		font-size: 17px;
	}
	.btn
	{
		font-size: 12px;
	}
	.tilbag2
	{
		width: 25%;
		float: left;
		margin-left: 1em;
	
	}
	#Opdatering, #underformular
	{
		margin-left: 0em;
			
	}
}