/* ============================== globale Formate =========================== */

html,body, div, p, ul, li, a {
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

body {		
	font-family: Verdana, Helvetica, Arial , Tahom, sans-serif;
	font-size: 83%;
	text-align: center;
	color: #000;
	background: #E2E2E2;
}

#content table {
        border: none;
        padding: 0;
        margin: 0;
}
#content td {
	font-family: Verdana, Helvetica, Arial , Tahom, sans-serif;
	font-size: 83%;
}

#content td p {
       display: inline;
}

/* Links standard */
#content a {color: #D92819; solid #EDEDED;  text-decoration: underline; white-space: nowrap;}
#content a:visited {border-bottom: none;}
#content a:active, #content a:hover, #content a:focus {color: #000; border-bottom: none;}

/* Links auf der Startseite (roter Hintergrund) */
#start #content a, #start #content a:visited {color: #FFF; border-bottom: 1px solid #B72216;}
#start #content a:active, #start #content a:hover, #start #content a:focus {color: #000; border-bottom: none;}


/* ============================== Container  =========================== */


#container {
	margin: 0 auto 0 auto;
	width: 80%;	min-width: 750px; max-width: 1002px; min-height: 100%;
	min-height:100%;
	text-align: left;
	background: #D92819;
}
	
#header {
	width:100%; height: 95px;
	background: #FFF;
	position: relative;
	z-index:2;
}

/* verlinktes Logo */
#header .logo {
	width: 215px; height: 84px;
	display: block; float: left; 
	margin: 11px 0 0 30px;
	font-size: 0; line-height: 0px; text-decoration: none; border: none;
	background: url("../bilder/design/logo.gif") no-repeat;
}

#content {
		width: 94%;
		float: right;
		padding: 0 0 20px 0;
		background: #FFF;
		text-align: left;
}
		
/* die rechte Spalte ist std-mäßig unsichtbar - wird nur im content class="mixed" angezeigt */
#sidebar {
	display: none;
}

#content-box {
		width: 98%;
		position: relative; left: 20px;
		text-align: left;
		padding: 33px 0 25px 0; margin: 0 15px 0 0;
}

#footer {
	width: 94%; 
	float: right; 
}


/* verlinktes Logo */
#footer {
	width: 158px; height: 57px;
/*	display: block; float: left; 
	margin: 0 0 15px 7px;
	font-size: 0; line-height: 0px; text-decoration: none; border: none;
	background: url("../bilder/design/logo-mobil-city.gif") no-repeat;*/
}


/* Positionierung des Textes ausserhalb des Sichtbaren */
#header span  {display: block; position: absolute; top: -3000em; left: -3000em;} 

/* Umbruch für korrektes Clearing */
.clear-it {clear:both}

/* ============================== Navigation [suckerfish flyout] ============================== */

#navigation { 
	width: 100%; height: 98px;
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 87%;
	}

#nav {
	margin: 0 auto 0 auto;
	height: 39px;
	position:relative;
	z-index:2;
	text-align: left; vertical-align: middle;
	background: #EDEDED;
}

#nav ul {
	margin: 0 0 0 62px;
	background: #EDEDED;
	text-align: left;
	}

#nav li
{
	float: left;
	list-style-type: none;
	line-height: 100%;
	vertical-align:middle;
}

#nav ul li a, #nav ul li a:visited { 
	display: block;
	margin: 0; 
	height: 39px; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
	font-size: 100%; color: #000;
	text-decoration: none;
	padding: 0 20px 0 20px;
	line-height: 39px; /* wichtig für den korrekten Abstand innerhalb des Menüs */
	white-space: nowrap;
	background: url("../bilder/design/n-devider.gif") no-repeat right center;
}

/* Hintergrundbild wird beim letzten Menüpunkt entfernt */

#nav ul #last a,  #nav ul #last a:visited {
	background: none;
}

#nav ul li a:active, #nav ul li a:hover, #nav ul li a:focus 
{
	color: #D92819;
}

#nav li ul {
	position: absolute; 
	left: -999em;
	height: auto;
	margin: 0;
	border-top: 1px solid #F3F3F3;
}

#nav li li {
	display: block; float: none; 
	width: 11em;
	border-bottom: 1px solid #F3F3F3;
}

#nav li ul a, #nav li ul a:visited {
	height: 1.85em;
	padding: 0 12px 0 20px;
	font-size: 100%; color: #000; 
	line-height: 185%;
	background: none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover a, #nav li:hover a:visited,  #nav li.sfhover a, #nav li.sfhover a:visited {
	color: #D92819;
}

#nav li:hover ul a, #nav li:hover ul a:visited,  #nav li.sfhover ul a, #nav li.sfhover ul a:visited {
	color: #000;
}

#nav li:hover ul a:hover, #nav li ul a:hover, #nav li ul a:focus, #nav li ul li a:active, #nav li ul li a:hover, #nav li ul li a:focus, #nav li.sfhover ul li a:hover, #nav li.sfhover ul a:focus {
	color: #D92819;
}

/* Level 1 permanent Hover-Effekt bei Mouseover > Submenu */
#nav li:hover a, #nav li:hover a:visited, #nav li.sfhover a, #nav li.sfhover a:visited {
	color: #D92819;
}

/* aktive Menüpunkte */
#nav ul .current a, #nav ul .current a:visited {color: #D92819;}

#nav li ul a,  #nav li ul a:visited {
	background: none;
}

/* Breite Flyout (noch nicht im Einsatz) */
#nav #n-xyz ul a, #nav #n-xyz ul a:visited {width: 3.5em;}

/* Menu Level III */

#navigation #nav li ul ul { /* die folgenden Werte beziehen sich auf #nav ul li li a */
	width: 11em;
	margin: -1.85em 0 0 11em; /* minus-top-margin = height von #nav ul li li a  / right-margin = width: #nav li ul bzw. #nav ul li li a + padding! */ 
	background: #DDD;
}


/* Sprachauswahl */
#nav a#chooser, #nav a#chooser:visited {
	display: block; height: 39px;
	margin: 0 20px 0 0;
	float: right; 
	line-height: 39px; text-decoration: none; color: #000;
}
#nav a#chooser:active, #nav a#chooser:hover, #nav a#chooser:focus {color: #D92819;}

/* Navigation am Seitenende */

#content #nav-bottom {
	width: 100%; 
	clear: both; 
	border-top: 1px solid #CCC;
}
#content #nav-bottom a, #content #nav-bottom a:visited {
				display: block;
				float: left; 
				margin: 5px 0 0 18px; padding: 0 10px 0 19px;
				font-size: 80%; text-decoration: none; color: #767676; line-height: 140%;
				border: none;
				}
				
#content #nav-bottom a:hover, #content #nav-bottom a:active, #content #nav-bottom a:focus, #content #nav-bottom a:focus .sffocus {color: #000;}

#content #nav-bottom .toplink {background: url("../bilder/design/icon-top.gif") left center no-repeat;}
#content #nav-bottom #printlink {background: url("../bilder/design/icon-print.gif") left center no-repeat;}

/* ============================== Bereichsspezifische Formate (startseite, section, detail) ============================== */

/* === STARTSEITE (spezielle Formate für die Navigation >>> siehe Bereich: Navigation) === */

#start {color: #FFF;}
#start #header {height: 80px;}

#start #header .logo {
	width: 133px; height: 55px;
	margin: 25px 0 0 15px;
	background: url("../bilder/design/logo-start.gif") no-repeat;
}

/* === STARTSEITE NAVIGATION === */
/* Kopfbild auf der Startseite */
#start #navigation { 
	background: url("../bilder/design/bg-foto-start.jpg") no-repeat;
	/* height: 345px; alte Höhe */ height: 267px;
	}

#start #nav {
	/* margin: 317px auto 0 auto; */  margin: 239px auto 0 auto;
	height: 55px; /* width: 963px; */ width: 94%; 
	float: right;
	background: #FFF;
	}
	
#start #nav ul {
	background: #FFF;
	line-height: 55px;
	margin: 0;
}

#start #nav ul li a, #start #nav ul li a:visited
{ 
	height: 55px; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
	line-height: 55px; /* wichtig für den korrekten Abstand innerhalb des Menüs */
}

#start  #nav li ul a, #start #nav li ul a:visited {
	height: 1.85em;
	line-height: 185%;
}

/* Sprachauswahl */
#start #nav a#chooser, #start #nav a#chooser:visited {
	height: 55px;
	line-height: 55px; 
}


/* === Navigation Ende === */

#start #content {
	background: #D92819; 
	color: #FFF;
}

#start #content-box {
	padding: 33px 0 0 0; 
}

/* Seitenlinks (unten) ausblenden */	
#start #content #nav-bottom {display: none;}

/* === SECTION (standard) === */

#section #container { 
	background: url("../bilder/design/bg-foto-section.jpg") 0px 125px no-repeat #D92819;
	}

#section #navigation { 
	width: 100%; 
	/* height: 290px; alte Höhe */ height: 162px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}

#detail #navigation { 
	width: 100%; 
	/* height: 290px; alte Höhe */ height: 162px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}

/* === DETAIL (standard) === */
#detail #container { 
	background: url("../bilder/design/bg-foto-section.jpg") 0px 125px no-repeat #D92819;
	}
	
/* === Hintergrundbilder für einzelne Seiten === */

/* research */
#section #container.mrc-research { 
	background: url("../bilder/design/bg-foto-section.jpg") 0px 125px no-repeat #D92819;
	}
/* research-groups */
#detail #container.mrc-research-groups { 
/* 	background: url("../bilder/design/bg-foto-research-groups.jpg") 0px 125px no-repeat #D92819;*/
	background: url("../bilder/design/bg-foto-section.jpg") 0px 125px no-repeat #D92819;
	}


/* ============================== Schriften  ============================= */


h1, h2 {font-family: Verdana, Arial, sans-serif;}

#content-box h1 {
	font-size: 1.4em; line-height: 1.5em; color: #758690;
	font-weight: normal;
	margin: 0; padding: 0 0 30px 0;
}

#start #content-box h1 {
	font-size: 1.4em; line-height: 1.5em; color: #FFF;
	margin: 0 10px 10px 0;
}


#content-box h2 {
	font-size: 1.2em; line-height: 1.5em; color: #D92819;
	margin: 0 10px 10px 0;
}

#content-box h3 {
	font-size: 1.0em; line-height: 170%; 
	font-weight: bold;
	margin: 0;
}

#content-box h4 {
	font-size: 1.0em; line-height: 170%; color: #758690;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content-box h5 {
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em; line-height: 100%; color: #D92819;
	margin: 0 10px 10px 0;
}

#content-box p  {
	margin: 10px 15px 12px 0;
	line-height: 150%;
}
	
#content-box ul {margin: 10px 0 15px 50px;}
#content-box ul li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
}


/* ============================== Bilder und Zierelemente  ============================= */


hr { width: 94%;  margin: 15px 5px 5px 15px; display: block; line-height: 1px; font-size: 1px;}
/*#F6D8AF; background-color: #FBF1E2; #F6D8AF #ECAB67 #F6D8AFborder-top: 1px solid; border-left: 1px solid ; border-right: 1px solid #F6D8AF; border-bottom: 1px solid ;*/

/* Tabellen */

table td {vertical-align: top;}