@media all and (max-width : 768px) 
{
	#Header
	{
		height  :  auto;
	}
	
	#Navigation
	{
		margin  :  20px 0px 20px 0px !important;
		width   :  auto !important;
	}
	
	.mainLogo, .mainLogo a
	{
		display  :  block;
	}
	
	.mainLogo a img
	{
		display  :  block;
		margin   :  10px auto 10px auto;
		width    :  200px;
	}
	
	#Headline div
	{
		padding  :  15px 0px 15px 0px !important;
	}
	
	#Headline h1
	{
		text-align  :  center;
		font-size   :  27px !important;
	}
	
	#Body #BodyDiv
	{
		padding-top  :  15px;
	}
	
	#Contents
	{
		width    :  auto !important;
		padding  :  0px 10px 0px 10px !important;
	}
	
	h1
	{
		font-size      :  21px;
		margin-bottom  :  5px;
	}
	
	#Contents td
	{
		display  :  block;
		width    :  100%;
	}
	
	#Contents td:nth-child(2)
	{
		height  :  20px;
	}
	
	hr
	{
		margin-bottom  :  0px;
	}
	
	#Body a img
	{
		width  :  24px;
	}
}


@media all and (max-width : 640px) 
{
	h1
	{
		font-size  :  27px;
	}
	
	h2, h3, h4
	{
		font-size  :  21px;
	}	
	
	input.textbox, select, textarea
	{
		font-size  :  14px;
		padding    :  10px;
	}

	#Body #BodyDiv
	{
	  padding  :  40px 40px 50px 40px;
	}
	
	table.tblForm tr td
	{
		display  :  block;
		clear    :  both;
		width    :  100%;
	}
	
	table.tblForm tr td:nth-child(2)
	{
		height  :  20px;
	}
}


@media all and (max-width : 480px) 
{
	#Body #BodyDiv
	{
	  padding  :  40px 30px 50px 30px;
	}
	
	#frmRegistration select
	{
		width      :  100%;
		max-width  :  100%;
	}
}


@media all and (max-width : 340px) 
{
	#Body #BodyDiv
	{
	  padding  :  40px 20px 50px 20px;
	}
	
	#frmRegistration .tblCaptcha input
	{
	  max-width  :  80px;
	}
}