@media only screen and (max-width: 480px)
{
	.frame{
		width:375px;
		min-height:550px;
		border:1px solid #A5309B;
		/*margin:10px;*/
		margin-left:3px;
		margin-right:10px;		

		background:white;
	}
	
	.header
	{	
		padding:10px;
		padding-left:10px;
		color:#A5309B;
	}
	
	.header  img
	{
		float:right; 
		height:90px; 
		width:90px
	}
	
	.navbar
	{
		width:100%;
		height:15px;
		background:#E5F2F2;	
	}
		
	
	#nav 
	{	
		margin:0;
		margin-top:5px;
		padding:0;
		float:left;
		width:100%;
		border:1px solid #A5309B;
		border-left:0px;
		border-right:0px;	

	}
	#nav li 
	{
		display:inline;
		padding:0;
		margin:0;	
	}
	#nav a:link,
	#nav a:visited 
	{
		color:white;
		background:A5309B;
		padding:7px 8px 6px 6px;
		float:left;
		width:auto;
		border-right:0px solid #E5F2F2;
		text-decoration:none;
		font:bold 0.8em/0.9em Arial, Helvetica, sans-serif;
		padding-left:4px;
		padding-bottom:7px;
		text-transform:uppercase;
	}
	.content
	{	
		padding:10px;	
	}
	
	.content img
	{
		padding:10px;
		height:70%; 
		width:70%;
		float:left;
	}

	.headline
	{
		padding-top:5px;
		font-weight:bold;
		font-size:18px;
		color:#A5309B;
		clear:left;
	}


	.headerTxt
	{
		margin:5px;
		font-family:Arial;-8541/8
		font-size:40px;
		font-weight:bold;
	}

	.frontTxt
	{
		float:left;
		font-family:Arial;-8541/8
	}
	
	.content .praxis  {
		float:left; 
		padding:1px;
	}
	.content .praxis2 {
		clear:left;
	}

	
	.impress a
	{	
		margin:0px;
		margin-left:50px;
		font-size:16px;
		color:#A5309B;
		padding:0px;
	}
}

@media only screen and (max-width: 200px)
{
	.frame{
		width:375px;
		min-height:650px;
		border:1px solid #A5309B;
		/*margin:10px;*/
		margin-left:3px;
		margin-right:10px;		

		background:white;
	}
	
	.header
	{	
		padding:10px;
		padding-left:20px;
		color:#A5309B;
	}
	
	.header  img
	{
		float:right; 
		height:90px; 
		width:90px
	}
	
	.navbar
	{
		width:100%;
		height:15px;
		background:#E5F2F2;	
	}
		
	
	#nav 
	{	
		margin:0;
		margin-top:5px;
		padding:0;
		float:left;
		width:100%;
		border:1px solid #A5309B;
		border-left:0px;
		border-right:0px;	

	}
	#nav li 
	{
		display:inline;
		padding:0;
		margin:0;	
	}
	#nav a:link,
	#nav a:visited 
	{
		color:white;
		background:A5309B;
		padding:7px 8px 6px 6px;
		float:left;
		width:auto;
		border-right:0px solid #E5F2F2;
		text-decoration:none;
		font:bold 0.8em/0.9em Arial, Helvetica, sans-serif;
		padding-left:4px;
		padding-bottom:7px;
		text-transform:uppercase;
	}
	.content
	{	
		padding:10px;	
	}
	
	.content img
	{
		padding:10px;
		height:70%; 
		width:70%;
		float:left;
	}

	.headline
	{
		padding-top:5px;
		font-weight:bold;
		font-size:18px;
		color:#A5309B;
		clear:left;
	}


	.headerTxt
	{
		margin:5px;
		font-family:Arial;-8541/8
		font-size:40px;
		font-weight:bold;
	}

	.frontTxt
	{
		float:left;
		font-family:Arial;-8541/8
	}
	
	.content .praxis  {
		float:left; 
		padding:1px;
	}
	.content .praxis2 {
		clear:left;
	}

	
	.impress a
	{	
		margin:0px;
		margin-left:50px;
		font-size:16px;
		color:#A5309B;
		padding:0px;
	}
}