*											{	font-size:100%; margin:0; padding:0; font-family: Verdana, Arial, sans-serif; }		
body 										{	background-color:#a0b6d7; text-align:center; }
#kasten										{	display:inline-block; width:100%; max-width:1110px; }
header										{	display:inline-block; width:100%; background-color:#406caf; }
#kopf_mitte									{	width:100%; }
#kopf_rechts								{	position:absolute; vertical-align:top; height:12em; }
nav											{	position:relative; }
#sprachSchalter								{	position:absolute; z-index:3; top:0; right:0; padding:1em; width:3em; }
#kastenStudierende							{	width:100%; max-width:25em; margin-top:3em; }
#kastenStudierende:hover					{	outline:2px; outline-color:#fff; outline-style:solid; }

#linkRWTH									{	position:absolute; top:10%; left:0; z-index:5; width:9.5%; height:20%; }
#linkFZJ									{	position:absolute; top:10%; left:10%; z-index:5; width:9.5%; height:20%; }
#linkIWE2									{	position:absolute; top:30%; left:0; z-index:5; width:9.5%; height:20%; }
#linkPGI7									{	position:absolute; top:30%; left:10%; z-index:5; width:9.5%; height:20%; }

/* ============================================================================================================= */

#MenueGross	ul								{	position:relative; float:right; width:90%; max-width:800px; list-style-type:none; margin:-5% 5%; }
div.Taste									{	font-size:1em; height:1em; float:left; background-color:#5076B4; 
												padding:0.3em 0 0.7em 0; color:#fff; }
div.Taste:hover								{ 	color:#406CAF; background-color:#9cbbe8; }
div.Taste.AKTIV								{	color:#406CAF; background-color:#9cbbe8; }

div.Taste.HOME								{	width:10.4%; }
div.Taste.RESEARCH							{	width:14.7%; }
div.Taste.PROJECTS							{	width:13.7%; }
div.Taste.EVENTS								{	width:11.7%; }
div.Taste.PUBLICATIONS						{	width:17.7%; }
div.Taste.TEACHING							{	width:18.7%; }	
div.Taste.PEOPLE								{	width:10.7%; }

div.Taste.START								{	width:9.4%; }
div.Taste.FORSCHUNG							{	width:14.7%; }
div.Taste.PROJEKTE							{	width:13.7%; }
div.Taste.EREIGNISSE							{	width:15.7%; }
div.Taste.PUBLIKATIONEN						{	width:19.7%; }
div.Taste.LEHRE								{	width:9.7%; }	
div.Taste.MENSCHEN							{	width:14.7%; }
	
div.abstand									{	display:inline; float:left; height:2em; width:0.3%; background-color:#9cbbe8; }

#MenueMittel ul								{	position:relative; list-style-type:none; bottom:1em; margin:0 5%; }
#MenueKlein ul								{	position:relative; list-style-type:none; bottom:1em; margin:0 5%; }

/* ============================================================================================================= */

footer										{	background-color:#406caf; padding-bottom:1em; margin-bottom:20em; }
footer ul										{	list-style:none; width:100%; }
footer ul li										{	display:inline-block; width:24%; margin:0.1em 0; background-color:#507bbc; }
footer ul li	 a									{	display:inline-block; width:100%; font-size:0.9em; line-height:2em; color:#fff; text-decoration:none; }
footer ul li a:hover								{	color:#406CAF; background-color:#9cbbe8; }
footer ul li a:visited, 
footer ul li a:focus								{	color:#fff; background-color:#507bbc; }

/* ============================================================================================================= */

main											{	display:inline-block; position:relative; text-align:center; width:90%; background-color:#406caf; padding:5% 5% 25% 5%; }			

h1											{	clear:left; font-weight:bold; font-size:1.2em; line-height:1.5em; text-align:left; text-decoration:none; color:#fff;
												margin:0 0 1em 0}
												
h2											{	font-weight:bold; font-size:1em; line-height:1.3em; text-align:left; text-decoration:none; color:#fff;
												margin-top:2em; }

p											{	font-weight:normal; font-size:1em; line-height:1.5em; text-align:justify; color:#fff; margin:0.5em 0;
												-ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
												
p a											{	color:#fff; }

ol											{	margin:1em; text-align:left; }
ol li											{	margin:0.5em 0; font-weight:normal; font-size:1em; line-height:1.5em; text-align:justify; color:#fff;
												-ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }											

sup, sub 										{	line-height:0px; }

/* ============================================================================================================= */
div#buecher									{	display:block; margin-top:3em; padding-top:1em; border-top:3px solid #fff; }
div#buecher a img								{	width:100%; max-width:50em; }
div#buecher div								{	width:60%; float:right; }
div#buecher div p								{	text-align:left; -ms-hyphens:none; -moz-hyphens:none; -webkit-hyphens:none; hyphens:none; }
div#buecher div p a								{	color:#fff; }

div.buch										{	display:inline-block; margin-top:3em; padding-top:1em; }
div.buch img									{	width:15em; margin:0 2em 2em 0; }
div.buch div									{	width:65%; float:right; border-top:3px solid #fff; }

div.spalte									{	float:left; vertical-align:top; width:20em; margin:0 0 3em 4em; padding:0 2%; }
div.spalte p a								{	color:#fff; }
img.lebenslauf								{	display:inline-block; float:left; margin:0 2em 2em 0; }
div.lebenslauf								{	display:inline-block; float:left; width:70%; }
div.lebenslauf h1								{	font-size:1em; }
div.lebenslauf p								{	text-align:left; -ms-hyphens:none; -moz-hyphens:none; -webkit-hyphens:none; hyphens:none; }
div.lebenslauf table							{	 }
div.lebenslauf table tr td						{	text-align:left; vertical-align:top; padding:0.2em; color:#fff; }
div.lebenslauf table tr td.jahr					{	width:7em; }
div.lebenslauf table tr td a						{	color:#fff; }


/* ============================================================================================================= */

a.bildwechsler								{	display:inline-block; float:left;  width:30em; height:16em; margin:2em 0 0 15%; z-index:8;
												background-image:url(imagesRemain/Buch3rdEdition.jpg); background-size:90%;
												background-repeat:no-repeat; background-position:center center; }
a.bildwechsler:hover						{	background-image:url(imagesRemain/Buch3rdEditionHover.jpg); }

ul.banner									{	display:inline-block; float:right; margin:1em; list-style-type:none; width:25%; min-width:12em; }
ul.banner li									{	 }
ul.banner li a									{	 }
ul.banner li img:hover							{	outline:2px; outline-color:#fff; outline-style:solid; }
ul.banner li a	img								{	width:100%; }

/* ============================================================================================================= */

div.fotogruppe             							{	width:100%; }
div.fotogruppe h1          						{	font-size:1em; padding-top:2em; }
div.fotogruppe p     	     						{	display:inline-block; float:left; text-align:left; font-size:0.9em; color:#fff; 
												width:7em; height:10em; margin-left:0.7em; }
#gleiter             								{	display:none; position:fixed; top:0; right:40%; padding:0.5em; width:100%; max-width:350px; z-index:100;  
												background-color:#c00000; }
#gleiterInhalt img							{	width:100%; }
#gleiterInhalt p								{	text-align:left; hyphens:none; }
#loeschkreuzl								{	width:1em; margin-left:95%; }

/* ============================================================================================================= */

ul.menue										{	margin:2em 0; font-weight:normal; font-size:1em; line-height:1.5em; text-align:left; 
												list-style-type:none; }
ul.menue li									{	margin-top:0.75em; }
ul.menue li a									{	display:inline-block; width:100%; text-decoration:none; padding:0.2em 0; color:#fff; background-color:#507bbc; }
ul.menue li a:hover, 
ul.menue li a:focus							{	color:#406CAF; background-color:#9cbbe8; }
ul.menue li div.punkt							{	float:left; text-align:center; width:1.5em; }
ul.menue li div.titel							{	margin-left:1.5em; margin-right:1em; }

/* ============================================================================================================= */

ul.menue.forschung.erstes					{	list-style-type:none; }
ul.menue.forschung.erstes li a					{	display:inline-block; float:left; width:32%; max-width:280px; margin:0.5%; text-decoration:none; color:#fff; background-color:#507bbc; }
ul.menue.forschung.erstes li a:hover, 
ul.menue.forschung.erstes li a:focus			{	color:#406CAF; background-color:#9cbbe8; }
ul.menue.forschung.erstes li div.titel			{	margin:0.5em; }
ul.menue.forschung.erstes img					{	width:100%; }

/* ============================================================================================================= */

ul.menue.forschung.zweites li a				{	padding:0.5em; }
ul.menue.forschung.zweites img				{	float:left; }
ul.menue.forschung.zweites div				{	margin-left:8em; font-weight:normal; color:#fff;
												-ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }

/* ============================================================================================================= */

ul.pfad 										{	list-style-type:none; }
ul.pfad li a									{	float:left; padding:2em 0; font-weight:normal; font-size:1em; line-height:1.4em; color:#fff; }
ul.pfad li div									{	float:left; padding:2em 0.5em; font-weight:normal; font-size:1em; line-height:1.4em; color:#fff; }

/* ============================================================================================================= */

div.einleitung									{	display:inline-block; }
div.einleitung img								{	float:left; margin:0.9em 0.7em 0 0 }
div.einleitung p								{	 }

ul.navigation.artikel							{	display:block; list-style-type:none; }
ul.navigation.artikel li a						{	float:left; text-decoration:none; width:2em; height:1.5em; margin:2em 0; }
ul.navigation.artikel li a.Seitenanfang			{	background-image:url("imagesLayout/Seitenanfang.gif" );  
												background-repeat:no-repeat; background-position:center center; background-size: 1.5em; }
ul.navigation.artikel li a.NaechsterArtikel		{	background-image:url("imagesLayout/NaechsterArtikel.gif" );  
												background-repeat:no-repeat; background-position:center center; background-size: 1.2em; }
ul.navigation.artikel li a.VorigerArtikel		{	background-image:url("imagesLayout/VorigerArtikel.gif" );  
												background-repeat:no-repeat; background-position:center center; background-size: 1.2em; }

article											{	clear:left; width:90%; padding:5%; background-color:#fff; }
article h1										{	font-size:1.5em; line-height:1.5em; color:#000; }
article h2										{	font-size:1.2; line-height:1.2em; text-align:left; margin:2em 0 0 0.1em; text-transform: uppercase; color:#000; }
article p										{	margin:0.5em 0; font-size:1em; line-height:1.4em; color:#000; text-indent: 1.5em; }
article p a										{	color:#e60; }
article p.abstract								{	font-weight:bold; text-indent:0; }
article p.erster								{	text-indent:0; }
article ul.literatur							{	list-style:none; margin:2em 0; text-align:left; }
article ul.literatur li							{	margin:0.5em 0 0 3.5em; font-size:0.95em; line-height:1.3em; text-indent:-2.5em; }
article ul.literatur li a							{	text-decoration:none; color:#000; }
article p.autor									{	font-size:0.95em; line-height:1.3em; text-indent:0; }
article div.bild								{	margin:1.5em 0; }
article div.bild p								{	margin:1em 5%; font-style:italic; text-indent:0; }
article div.bild img								{	width:90%; }
article div.formel img							{	width:90%; }
article ul.artikel								{	margin:0.5em 1em; text-align:left; }
article ul.artikel li								{	margin:0.5em 0; font-size:1em; line-height:1.2em; }
article div.klick								{	position:relative; height:100%; }
article div.klick  img							{	width:100%; }
article div.klick  a div							{	position:absolute; }
article div.klick  a div:hover						{	background-color:#fff; opacity:0.2; }
article.blau									{	width:100%; padding:1em 0; background-color:#406caf; }
article.blau *									{	color:#fff; }
article.hellblau								{	width:75%; min-width:20em; margin:3em auto; padding:0.1em 2em 2em 2em; background-color:#a0b6d7; }
article.hellblau *								{	color:#000; }
article.hellblau p								{	text-indent:0;  }
article.hellblau h1								{	margin:0; }
article div.spalte								{	display:table-cell; vertical-align:middle; width:50%; padding:0 2%; }
article div.spalte p.erster,ul.artikel			{	padding:0 0 0.5em 0; }

article.ausschreibung p							{	text-indent: 0; }
article.ausschreibung ul						{	margin:0.5em 1em; text-align:left; }
article.ausschreibung li						{	margin:0.5em 0; font-size:1em; line-height:1.2em; }
article.ausschreibung h1						{	font-size:1em; line-height:1.2em; text-align:left; margin:2em 0 0 0.1em; text-transform: uppercase; color:#000; }

main ul						{	padding:0.3em 1.5em; color:#fff; }
main ul li					{	color:#fff; }
main dt						{	text-align:left; float:left; width:7em; padding-top:1em; color:#fff; }
main dd						{	text-align:left; margin-left:7em; padding-top:1em; color:#fff; }
main dd a					{	color:#fff; }
main h3						{	text-align:left; padding-top:1em; color:#fff; }

/* ============================================================================================================= */

#sponsoren ul								{	list-style-type:none; }
#sponsoren ul li								{	display:block; width:100%; padding:1em; text-align:left; }
#sponsoren ul li a								{	text-decoration:none; color:#fff; background-color:#406caf; }
#sponsoren ul li a img							{	padding-right:1em; }
#sponsoren ul li div							{	display:inline-block; width:50%; padding:0.5em 0 1em 0; }

div.sociallife								{	position:relative; width:100%; }
div.sociallife h2								{	  }
div.sociallife img							{	position:absolute;  }

/* ============================================================================================================= */
 
 ul.zoom										{	display:inline-block; width:100%; list-style-type:none;  }
 ul.zoom	li									{	 }
 ul.zoom	li a									{	display:inline-block; float:left; width:8em; padding:0 0 0.5em 0; text-decoration:none; text-align:left; color:#fff; }
 ul.zoom	li a img								{	vertical-align:top; width:3em; }

/* ========================AUSSCHREIBUNGEN===================================================================================== */

article ul.logos								{	display:inline-block; width:100%; list-style-type:none; }
article ul.logos li								{	display:block; float:left; width:33.33%; }
article ul.logos li.IWE2-RWTH-Logo				{	text-align:left; }
article ul.logos li.IWE2-RWTH-Logo img			{	width:85%; min-height:1px; }
article ul.logos li.PGI7-FZJ-Logo					{	text-align:left;  }
article ul.logos li.PGI7-FZJ-Logo img				{	width:75%; min-height:1px; }
article ul.logos li.JARA-FIT-Logo					{	text-align:right; }
article ul.logos li.JARA-FIT-Logo img				{	width:60%; min-height:1px; }
article p.fach									{	display:inline-block; width:94%; padding:1em 3%; margin:0; background-color:#2d5099; text-align:left; 
												text-indent:0; font-size:1.2em; font-weight:bold; color:#fff; }
article p.titel								{	display:inline-block; width:94%; padding:1em 3%; margin:0; background-color:#0064d4; text-align:left;
												text-indent:0; font-size:1.6em; font-weight:bold; hyphens:none; color:#fff; }
article p.ziel									{	text-indent:0; font-size:1em; font-weight:bold; margin:0.5em 0; }


/* ============================================================================================================= */
			
@media only screen and (max-width:400px){
	#kopf_rechts							{	display:none; }
	#MenueGross 								{	display:none; }
	#MenueMittel							{	display:none; }
	#MenueKlein								{	display:block; }
	header									{	padding-bottom:1em; }
	
	div.Taste.HOME							{	width:32%; }
	div.Taste.RESEARCH						{	width:33%; }
	div.Taste.PROJECTS						{	width:33%; }
	div.Taste.EVENTS							{	width:38.5%; }
	div.Taste.PUBLICATIONS					{	width:60%; }
	div.Taste.TEACHING						{	width:60%; }	
	div.Taste.PEOPLE							{	width:38.5%; }
	
	div.Taste.START							{	width:25%; }
	div.Taste.FORSCHUNG						{	width:40%; }
	div.Taste.PROJEKTE						{	width:33%; }
	div.Taste.EREIGNISSE						{	width:44.5%; }
	div.Taste.PUBLIKATIONEN					{	width:54%; }
	div.Taste.LEHRE							{	width:50%; }	
	div.Taste.MENSCHEN						{	width:48.5%; }
	
	div.abstand								{	width:0.5%; }
	
	div.spalte								{	margin:0 0 3em 1em; }
	article p.fach								{	font-size:1em; }
	article p.titel							{	font-size:1.2em; }
	article ul.logos li							{	display:block; width:80%; padding:2% 10%; }
	footer ul li									{	width:99%; }
}

@media only screen and (max-width:550px){
	a.bildwechsler							{	display:none; }
	div#buecher a img							{	display:none; }
	div#buecher div							{	width:90%; float:clear; }
	#gleiter             							{	left:1%; right:2%; width:92%; }
	
	ul.menue.forschung.erstes li a				{	width:100%; max-width:500px; margin-bottom:0.25em; }
	ul.menue.forschung.erstes li div.titel		{	margin:0.75em; }
	ul.menue.forschung.erstes img				{	display:none; }
	ul.menue.forschung.zweites li				{	width:98%; }
	ul.menue.forschung.zweites div			{	margin-left:0em; }
	ul.menue.forschung.zweites img			{	margin:0 1em 0.5em 0; }
}

@media only screen and (min-width:401px) and (max-width:700px){
	#kopf_rechts							{	display:none; }
	#MenueGross 								{	display:none; }
	#MenueMittel							{	display:block; }
	#MenueKlein								{	display:none; }
	header									{	padding-bottom:1em; }
	#gleiter             							{	left:5%; right:5%; width:90%; }
	
	div.Taste.HOME							{	width:21.5%; }
	div.Taste.RESEARCH						{	width:27.5%; }
	div.Taste.PROJECTS						{	width:27.5%; }
	div.Taste.EVENTS							{	width:22%; }
	div.Taste.PUBLICATIONS					{	width:38.8%; }
	div.Taste.TEACHING						{	width:35%; }	
	div.Taste.PEOPLE							{	width:25%; }	
	
	div.Taste.START							{	width:17.5%; }
	div.Taste.FORSCHUNG						{	width:27.5%; }
	div.Taste.PROJEKTE						{	width:26.5%; }
	div.Taste.EREIGNISSE						{	width:27%; }
	div.Taste.PUBLIKATIONEN					{	width:37.8%; }
	div.Taste.LEHRE							{	width:27%; }	
	div.Taste.MENSCHEN						{	width:34%; }
	
	article div.spalte							{	display:block; width:100%;  }
	article p.fach								{	font-size:1em; }
	article p.titel							{	font-size:1.2em; }
	article ul.logos li.IWE2-RWTH-Logo img		{	width:100%; min-height:1px; }
	article ul.logos li.PGI7-FZJ-Logo img			{	width:90%; min-height:1px; padding:0 1em; }
	article ul.logos li.JARA-FIT-Logo img			{	width:75%; min-height:1px; }
	footer ul li									{	width:49%; }
}

@media only screen and (min-width:701px){
	#kopf_rechts							{	display:inline; }			
	#MenueGross 								{	display:block; }
	#MenueMittel							{	display:none; }
	#MenueKlein								{	display:none; }
	footer ul li									{	width:32%; }
}

@media only screen and (max-width:900px){
	ul.banner								{	display:none; }
	div.buch div								{	width:100%; padding-bottom:1em; margin-bottom:2em; border-top:none; border-bottom:3px solid #fff; }

}

@media only screen and (max-width:950px){
	#sponsoren ul li div						{	width:90%; }
}

@media only screen and (min-width:951px){
	a.bildwechsler							{	width:32em; height:18em; background-size:95%; }
	footer ul li									{	width:24%; }
}

@media only screen and (max-width:1000px){
	#sponsoren ul li div						{	width:90%; }
	div.sociallife img						{	position:static; display:inline-block; float:left; padding:0.25em; }
	div.sociallife h2							{	position:static; float:left; width:100%; padding:2em 0 0 0; }
}

/* outline:0px; outline-color:#f00; outline-style:solid; */