@media all
{
	html,body { 	background-color:#cfd1d2; 
				margin: 0;
				padding: 0;
				height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */}
					
	#ial		{top:125px;}
	#campus		{top:185px;}
			.main		{   	width:100%;
								height:800px;
								background-image:url(http://www.ial-esc.de/fileadmin/template/portal/hintergrund-verlauf.jpg);background-repeat:repeat-x;
								max-width:inherit;  /* min-width f?r fixes Layout abschalten */
								min-width:inherit;  /* max-width f?r fixes Layout abschalten */
								text-align:center;
								position:absolute;
							}
			.center			{	margin-left:auto;
								margin-right:auto;}
			.motiv			{	margin-top:-300px;margin-left:-390px;position:absolute;top:50%;left:50%;width:780px; height:580px; background-image:url(http://www.ial-esc.de/fileadmin/template/portal/image-motiv.jpg); background-repeat:no-repeat;}

			.slogan			{	position:relative; width:428px; height:57px; top:35px; background-image:url(http://www.ial-esc.de/fileadmin/template/portal/slogan.jpg); background-repeat:no-repeat;}
			.link			{	}
			.slogan div      	{	position:relative; width:286px;}
			.slogan a		{	display: block;
								width:286px;
								height:32px;
								margin-top: 10px;
								padding-top:12px;
								background-color:#005e4a;
								color: #fff;
								font-family: Arial, sans-serif;
								font-size: 14px; 
								font-style: normal;
								text-decoration:none;
								text-align:center;}
			.slogan a:hover	{   background-color: #abacae;}	
			#footer			{   width:780px;left:50%;position:absolute;top:50%;margin-top:+290px;font-family:Arial,Verdana,Helvetica,Arial,sans-serif;font-size:11px;color:#000;margin-left:-390px; }
			#footer .trenn 	{   color:#005e4a}
			#footer a		{   color:#000; text-decoration:none;}
			#footer a:hover	{   color:#000; text-decoration:underline;}
			}