/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

		header {
			width: 80%; /* 960px / 1024px */
		}

		#maincontent{
			width: 80%; /* 960px / 1024px */
		}
		
		.maincontent{
			width: 80%; /* 960px / 1024px */
		}

		footer {
			width: 80%; /* 960px / 1024px */
		}
		
		
		#nav { text-align: center; width: 80%; margin: 0 auto; }
		#nav img { position: relative; top: 0px; left: 0px; margin-top: -57px; margin-bottom: 20px; margin-left: 0; }
		#nav.double { padding-top:84px;}
		
	#social {
		margin: 20px auto 40px auto;
		padding-right: 0px;
		width: 80%;
		text-align: center;
	}
		
	#social.kontakt {
		margin: 10px 0 0 -7px;
		padding: 0;
		text-align: left;
	}
		
	body {
		font-size: 16px;
	}


	h1, h3 {
		font-size: 15px;
	}
	
	h3 #us {
		top: 15px
	}

	.maincontent.person a {
		font-size: 13px;
	}

	.qtip{
		width: 200px;
	}
	
	.qtip-red {
		font-size: 11px;
	}
	.qtip-red h1 {
		font-size: 12px;
	}