/*  and (orientation:portrait) */
@media screen and (max-width: 980px) and (min-width: 620px)
{
	.Block.Full
	{
		width: 640px;
		margin-right: 10px;
	}

}

@media screen and (max-width: 639px)
{

	#ContainerMain #Header
	{
		margin-top: 5px;
	}

	#ContainerMain
	{
		height: 100%;
		margin-left: 13px;
	}

	#ContainerMain #SubHeader .Block
	{
		height: auto !important;
		min-height: 0px !important;
		margin-bottom: 4px;
	}

	#ContainerMain #Header .BannerTopLeft
	{
		/*height: 60px; 	background-image: url('../images/MijnLCS_small.png'); 	background-repeat: no-repeat; 	background-position: left center */
	}

	#Header .MidBanner, #Header .RightBanner
	{
		display: none;
	}

	#SubHeader .Navigation
	{
		top: 10px; /*position: absolute;*/
		right: 5px;
	}

	#ContainerMain .GeneralButtons
	{
		float: none;
	}

	#ContainerMain .GeneralButtons div
	{
		/*float: none;*/
	}

	#ContainerMain .GeneralButtons div a
	{
		/*margin-right: 0px;*/
	}

	#LoginPage #SubHeader, #LoginPage .Header .Wrapper
	{
		/*display: none	*/
	}

	.ContainerDefault.Content
	{
		padding-top: 8px;
	}

	.Block.Full
	{
		width: 100%;
		margin-right: 10px;
	}


	.form_table
	{
		width: 100%;
	}

	.formrow_label
	{
		width: auto;
	}

	.editable.textbox
	{
		width: 80%;
	}


	select
	{
		padding: 2px;
		/*font-size: 24px;*/
	}

	.datepick-trigger
	{
		display: none;
	}

	TR.HideOnPhone
	{
		display: none;
	}

	TD.HideOnPhone
	{
		display: none;
	}

	TH.HideOnPhone
	{
		display: none;
	}

	TR.HideOnScreen
	{
		display: table-row;
	}

	SPAN.HideOnScreen
	{
		display: inline-block;
	}
	
}


@media screen and (min-width: 1000px) {

	.Content .Body {
		font-size: 32px;
	}

}



@media screen and (max-width: 1000px)
{

	.Content .Body {
		font-size: 24px;
	}

	#ContainerMain
	{
		width: 100%;
		margin-left: 15px;
		margin-right: 15px
	}

	.ContainerDefault
	{
		width: 100%;
	}

	.ContainerDefault.Header .Wrapper .Icon i
	{
		font-size: 28px;
		margin-right: 3px;
	}

	.ContainerDefault.Header .Wrapper .Text
	{
		font-size: 20px;
	}

	.Column.OneThird
	{
		width: 50%;
	}

	.Column.TwoThird
	{
		width: 100%;
	}

	.Column.Index3
	{
		clear: both;
	}

	.Block.OneSixt
	{
		width: 40%;
		height: 0;
	}

	.Block.OneThird
	{
		width: 90%;
	}

	.Block.TwoThird
	{
		width: 90%;
	}

}



@media screen and (max-width: 600px)
{

	.Content .Body {
		font-size: 18px;
	}

	#ContainerMain
	{
		width: 100%; /*border: 2px solid black;*/
	}

	.ContainerDefault
	{
		width: 100%;
	}

	.ContainerDefault.Header .Wrapper .Icon i
	{
		font-size: 28px;
		margin-right: 3px;
	}

	.ContainerDefault.Header .Wrapper .Text
	{
		font-size: 20px;
	}

	.Column.Index1
	{
		clear: both;
	}

	.Column.Index2
	{
		clear: both;
	}

	.Column.Index3
	{
		clear: both;
	}

	.Column.OneThird
	{
		width: 100%;
	}

	.Column.TwoThird
	{
		width: 100%;
	}

	/* totaal 2 stuks op 90% = zelfde breedte als onethird + rechts een marge van 10% */
	.Block.OneSixt
	{
		width: 46%;
		margin-left: 0%;
		margin-right: 2%;
		height: 0;
	}

	.Block.OneThird
	{
		width: 94%;
	}

	.Block.TwoThird
	{
		width: 94%;
	}

	.Block.Full
	{
		width: 94%;
		margin-right: 8px;
	}

	.Button .Icon
	{
		font-size: 15vw;
		margin-top: 2vw;
	}

	.Block
	{
		min-height: 120px;
		min-height: 25vw;
	}

	.LargeButton.Wide {
		width: 94%;
	}
}