/**************************************/
/* StyleSheet FIR an der RWTH Aachen  */
/* Developed by maximago GmbH         */
/* www.maximago.de                    */
/* Version 1.0, 2009/02/06            */
/**************************************/







/*********************************************************/
/*********************************************************/
/*	A C H T U N G :  nach aenderungen in fir.css TO DO!  */
/*********************************************************/
/*********************************************************/
/*  !!! s. ganz unten !!!                                */
/*********************************************************/
/*********************************************************/






/******************************/
/* Standards for all browsers */
/******************************/

html {
	height: 100%;
	overflow: scroll; /* immer platz fuer scroll-balken lassen, damit kein springen bei laengeren seiten */
}

/* body z.b. admin-menue */
body, 
mitte, rechts,
h1, h2,
/* view diashow, block_1 = startseite, Text 1. Grades */
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1,
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_text1,
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_copyright,
h3, h4, h5, h6,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
/* view diashow, block_1 = startseite, Text 1. Grades */
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1,
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_text1
{
	text-align: right;
}

pre { /* fuer $field_textinklre_freitext */
	font-family: Arial, Helvetica, sans-serif;
}

body, 
mitte, rechts {
	position: relative;
	line-height: normal;
	height: 100%; /* fuehrt fuer h2 zu nichtanzeige beim text und darunter-images bei der startseite */
}

/*
// This style definition causes major problems
// with admin menu (and something else) in ie7
// so just comment it out for easy success.
ul, li, div {
	position: relative;
}
*/

.clearer {
	clear: both;
	display: block;
}


/* link-definition */

/*ro20090513neu beginn: "linkformatierung"*/
a:link,
.rechts a:link,
#firFooter a:link,
/* view diashow, block_1 = startseite */
div.view-diashow_block-1-startseite a:link, /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
div.view-diashow_xxx_fliesstext_maxmax a:link /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
{
  text-decoration: none;
}
/* fuer: <a href="..." title="..." alt="..." class="active">, d.h. active ist fest im code drin */
/* vor a:active stellen, damit beim drueberfahren dann die :active-def angewendet wird */
a.active,
/* view diashow, block_1 = startseite */
div.view-diashow_block-1-startseite a.active, /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
div.view-diashow_xxx_fliesstext_maxmax a.active /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
{ 
  text-decoration: none;
}
a:visited,
.rechts a:visited,
#firFooter a:visited,
/* view diashow, block_1 = startseite */
div.view-diashow_block-1-startseite a:visited, /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
div.view-diashow_xxx_fliesstext_maxmax a:visited /* fuer safari bei gelegenheit gesetzt, da noetig fuer focus/hover/active */
{
  text-decoration: none;
}
a:focus, a:hover, a:active, a.active,
.rechts a:focus, .rechts a:hover, .rechts a:active,
#firFooter a:focus, #firFooter a:hover, #firFooter a:active
{
  text-decoration: underline;
}
/* view diashow, block_1 = startseite */
/* fuer safari, da text innerhalb sonst unterstrichen dargestellt wird (die anderen bei der gelegenheit auch gesetzt)*/
div.view-diashow_block-1-startseite a:focus, div.view-diashow_block-1-startseite a:hover, div.view-diashow_block-1-startseite a:active,
div.view-diashow_xxx_fliesstext_maxmax a:focus, div.view-diashow_xxx_fliesstext_maxmax a:hover, div.view-diashow_xxx_fliesstext_maxmax a:active
{
  text-decoration: none;
}

/* link-definition */

/*ro20090513neu beginn: "linkformatierung"*/
/*
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a:link,
#firMainLeftFront div.view-publikation_liste_block-1-startseite a:link
{
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color:#ff0000;
  margin: 0;
  padding: 0;
}
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a.active,
#firMainLeftFront div.view-publikation_liste_block-1-startseite a.active
{ 
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color:#ff0000;
  margin: 0;
  padding: 0;
}
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a:visited,
#firMainLeftFront div.view-publikation_liste_block-1-startseite a:visited,
{
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color:#ff0000;
  margin: 0;
  padding: 0;
}
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a:focus,
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a:hover,
#firMainLeftFront .firAktuellesBlock div#block-views-publikation_liste-block_1 div.view-publikation-liste div.view-content div.views-row div.views-field-nid span.field-content a:active,
#firMainLeftFront .firAktuellesBlock div.view-publikation_liste_block-1-startseite a:focus,
#firMainLeftFront .firAktuellesBlock div.view-publikation_liste_block-1-startseite a:hover,
#firMainLeftFront div.view-publikation_liste_block-1-startseite a:active
{
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  text-decoration: underline;
  font-size:12px;
  font-weight:bold;
  color: #6e6e87;
  color:#ff0000;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
*/

/*
ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}
*/

/* in view-ungeordneten-listen so vorliegend: <ul><li class="views-row views-row-1 views-row-odd views-row-first views-row-last">*/

/*ulli*/
ul li, ul li.views-row, div#contact-list ul li { /* achtung teilweise aus style.css uebernommen...! */
/* 'div#contact-list ul li' noetig, da dort auf 'ul li' nicht reagiert wird... */
	/* list-style: square; *//* fkt im editor, nicht auf webseite... */
	/* list-style-type: none; *//* kein zeichen vorsetzen */
	/* list-style-type: circle; *//* nicht ausgefuellter kreis */
	/* list-style-type: disc; *//* ausgefuellter kreis */
	/* list-style-type: square; *//* rechteck */
	/* list-style-image: url(images/list_style_image_fir.gif); */
  list-style-type: none; /* uebernommen aus style.css */
  list-style-image: none; /* uebernommen aus style.css */
  /*background: transparent url(images/list_style_image_fir.gif) no-repeat 1px .35em;*/ /* pos von ob li. uebernommen aus style.css ABER mit eigener grafik *//* bei veraenderung des abstands li der grafik bis zum rand, auch anzupassen in node-ou bei ausgabe der zugehoerigen projekte! */
	background: transparent url(grafiken/fir_ul-li.gif) no-repeat 1px .35em;
}



/**************/
/* FIR Layout */
/**************/

#firPage {
	height: auto;
	min-height: 1%;
	/*background: url(images/fir-shadow-bg.gif) center top repeat-y;*/
	background: url(grafiken/fir_schatten-li-re_fir1.gif) center top repeat-y;
}

#firPageOuter {
	/*background: url(images/fir-body-bg.gif) center 38px no-repeat;*/
	background: url(grafiken/fir_hintergrund-browserfensterfuellend_fir1.gif) center 38px no-repeat;
	height: auto;
	margin: 0 auto;
}

#firPageInner {
	background: #fff;
	width: 930px !important;
	max-width: 930px !important;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
}

#firTop {
	height: 100px;
}

#firLogo {
	float: left;
	width: 199px;
	height: 100px;
	background: #fff;
}

#firTopnav {
	height: 28px;
	overflow: hidden;
	text-align: right;
	margin-left: 203px;
}

/*---------------*/
/* Topnavi START */
/*---------------*/	

#firTopnavi {
	display: inline;
}

/*#firTopnavi div {
	margin: 0;
	padding: 0;
	display: inline;
	float: none;
}*/

#firTopnavi div.block-locale {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	/*padding: 0;*/
	display: inline;
	float: left;
	text-align:right;
}
#firTopnavi div.block-menu {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: inline;
	float: right;
	text-align:left;
}

#firTopnavi ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	width: auto;
	color: #999999;
	/* ro20130129: damit die sekundaerlinks-schrift kleiner angezeigt wird
	   fuehrt aber dazu, dass die trennstriche zwischen den flaggen und logos zu klein und nach unten versetzt angezeigt werden,
	   deshalb nicht allg. fuer jedes ul in topnavi definieren, sondern nur spezielle fuer das secondary-links-menue */
	/*font-size: 10px;*/
	height: 16px;
	overflow: hidden;
	/*float: right;*/
}

/* ro20130129: hier nun die spezielle definition statt der allgemeinen oben */
/*<ul class="menu">*/
#firTopnavi ul.menu {
	font-size: 10px;
}

#firTopnavi ul li {
	background: none !important;
	/*background-image: none;*/
	position: relative !important;
	line-height: 12px;
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	/*float: left !important;*/
	/*float: none !important;
	border-left: 1px solid #999;*/
}

#firTopnavi ul li a {
	color: #999;
	text-decoration: none;
	margin: 0;
	/*padding: 0 4px;*/
	padding: 0 2px 0 4px;
	display: inline;
	border-left: 1px solid #999; /* trennlinie zwischen den secondary links inkl. der flaggen etc. */
}

#firTopnavi ul li.first a,
#firTopnavi ul li:first-child a {
	border: none;
}
/*
#firTopnavi ul li:first-child {
	border: none;
}
*/

/*--------------*/
/* /Topnavi END */	
/*--------------*/

#firTopsearch {
	float: right;
	margin-left: 10px;
	padding: 0;
	position: relative;
}

#firTopsearch div,
#firTopsearch form input {
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
}

#firTopsearch form input[type=text] {
	border: 1px solid #aaaabe;
	padding: 4px 4px 0 13px;
	margin: 0 4px 0 0;
	padding-bottom:1px; /* damit g komplett angezeigt werden kann z.b. von Suchbegriff */
	width: 138px;	/* total = 157 px */
	height: 14px;	/* total = 21px */ /* eigentlich 15px, aber wg. padding-bottom, das um 1 vergroessert, hier 1 verringern... */
	color: #dc1969;
	font-size: 11px;
	float: left;
}

#firTopsearch form input[type=submit] {
	border: none;
	height: 21px;
	width: 40px;
	cursor: pointer;
	text-indent: -9999px;
	/*background: url(images/fir-searchbtn.gif) top left no-repeat;*/
	background: url(grafiken/fir_suche_button.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#firTopsearch form label {
	display: none;
}

#firTopdivider {
	/* background: #f0f0f0 url(images/fir-topdivider-bg.gif) top left repeat-x; */
	/*background: #f0f0f0 url(images/fir-topdivider-bg.gif) top left no-repeat;*/
	
	/*background: #f0f0f0 url(grafiken/fir_kopfzeile.gif) top left no-repeat;*/
	/* stattdessen ueber page.tpl.php abgewickelt */
	background: #f0f0f0;

	height: 42px;
	/*margin-left: 208px; darunterstehendes passt nach umstellung auf grafik statt background-grafik: */
	margin-left: 203px;
	margin-bottom: 5px;
}

/*----------------*/
/* Mainmenu START */
/*----------------*/

#firMainmenu {
	height: 25px;
	overflow: hidden;
	margin-left: 203px;
}

#firMainmenu div {
	margin: 0 !important;
	padding: 0 !important;
}

#firMainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	height: 25px;
}

#firMainmenu ul li {
	float: left;
	display: inline;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	line-height: 25px;
	position: relative;
	height: 25px;
	max-height: 25px;
	overflow: hidden;
	background-image: none !important;
}

#firMainmenu ul li a {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
	height: 25px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	zoom: 1;
}

#firMainmenu ul li a:hover {
	color: #000;
}


	/* ==================================================================================================================== */
	/* neu121004jour-fixe: Rubriken Über uns / Forschung / Beratung / Competence-Center / Veranstaltungen / Campus / Presse */
	/* ==================================================================================================================== */
					/* algorithmus:
					   - alle rubriken anlegen
						 - screenshot in psd
						 - 727 px: verfuegbare gesamtbreite s. graue waagerechtlinien darueber
						 - ... in psd jeden text scharf ausschneiden, je auf eine ebene; gesamtbreite hierunter eintragen
						 - minus *450* px = gesamtbreite aller texte alle hintereinanderschieben - text an text
								//121004(dt): *450*
								//121004(en): *393*
						 - minus (*6* (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
								//121004(dt): *24*
								//121004(en): *24*
						 - =, dann geteilt durch *7* (# rubriken)
								//121004(dt): *7*
								//121004(en): *7*
						 - =, dann minus 8px bunte border [(= je rubrik)]
						 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: **
								//121004(dt): *28,14=>28*
								//121004(en): *36,29=>36*
						 - falls eine rubrik gar nicht erscheint, dieser die width 0 zuweisen
						 - eventuellen rand rechts (durch halbe pixel entstanden bei der berechnung oben)
						   auf so viele Rubrikenbreiten aufaddieren, bis passend
					   - auskomm: margin-right: 4px; achtung: die definition, die zur letzten rubrik gehoert darf dies nicht mehr besitzen,
						   sonst wird die letzte rubrik im firefox nicht mehr angezeigt (im ie7 schon)
					*/
	/* menu-namen - menu class attribute - textbreiten scharf ausgeschnitten */
	/* ********************************************************************* */
	/* gesamtbreite alle rubrikennamen aneinandergeschoben: 450px */
	/* Über uns:			RubrikFir121004Ueberuns			50px */
	/* Forschung:			RubrikFir121004Forschung		59px */
	/* Beratung:			RubrikFir121004Beratung			50px */
	/* Competence-Center:	RubrikFir121004Competencecenter	114px */
	/* Veranstaltungen:		RubrikFir121004Veranstaltungen	91px */
	/* Campus:				RubrikFir121004Campus			46px */
	/* Presse:				RubrikFir121004Presse			40px */
	/*                                                      -> je plus 28 */
	/* EN:                                                       */
	/* gesamtbreite alle rubrikennamen aneinandergeschoben: 393px */
	/* About Us:			RubrikFir121004Aboutus			51px */
	/* Research:			RubrikFir121004Research			52px */
	/* Consulting:			RubrikFir121004Consulting		60px */
	/* Competence Center:	RubrikFir121004CompetencecenterEn	114px */
	/* Events:				RubrikFir121004Events			37px */
	/* Campus:				RubrikFir121004CampusEN			46px */
	/* Press:				RubrikFir121004Press			33px */
	/*                                                      -> je plus 36 */
	
	/* Über uns:			RubrikFir121004Ueberuns			50px */
	/* About Us:			RubrikFir121004Aboutus			51px */
	#firMainmenu ul li a.RubrikFir121004Ueberuns {
		width: 79px; /* plus ausgleich 1 px */
	}
	#firMainmenu ul li a.RubrikFir121004Aboutus {
		width: 88px; /* plus ausgleich 1 px */
	}
	#firMainmenu ul li a.RubrikFir121004Ueberuns,
	#firMainmenu ul li a.RubrikFir121004Aboutus {
		background: #0067a6; /* dunkel */
		border-left: 4px solid #0067a6; /* dunkel */
		border-right: 4px solid #0067a6; /* dunkel */
		margin-right: 4px;
	}
	#firMainmenu ul li a.RubrikFir121004Ueberuns:hover,
	#firMainmenu ul li a.RubrikFir121004Aboutus:hover,
	#firMainmenu ul li a.RubrikFir121004Ueberuns.active,
	#firMainmenu ul li a.RubrikFir121004Aboutus.active,
	#firMainmenu ul li a.RubrikFir121004Ueberuns.active-trail,
	#firMainmenu ul li a.RubrikFir121004Aboutus.active-trail {
		background: #e5f0f6; /* hell */
		border-right: 4px solid #e5f0f6; /* hell */
		color: #000;
	}

					/* Forschung:			RubrikFir121004Forschung		59px */
					/* Research:			RubrikFir121004Research			52px */
					#firMainmenu ul li a.RubrikFir121004Forschung {
						width: 87px;
					}
					#firMainmenu ul li a.RubrikFir121004Research {
						width: 89px; /* plus ausgleich 1 px */
					}
					#firMainmenu ul li a.RubrikFir121004Forschung,
					#firMainmenu ul li a.RubrikFir121004Research {
						background: #009ee0; /* dunkel */
						border-left: 4px solid #009ee0; /* dunkel */
						border-right: 4px solid #009ee0; /* dunkel */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir121004Forschung:hover,
					#firMainmenu ul li a.RubrikFir121004Research:hover,
					#firMainmenu ul li a.RubrikFir121004Forschung.active,
					#firMainmenu ul li a.RubrikFir121004Research.active,
					#firMainmenu ul li a.RubrikFir121004Forschung.active-trail,
					#firMainmenu ul li a.RubrikFir121004Research.active-trail {
						background: #e5f5fc; /* hell */
						border-right: 4px solid #e5f5fc; /* hell */
						color: #000;
					}
					
	/* Beratung:			RubrikFir121004Beratung			50px */
	/* Consulting:			RubrikFir121004Consulting		60px */
	#firMainmenu ul li a.RubrikFir121004Beratung {
		width: 78px;
	}
	#firMainmenu ul li a.RubrikFir121004Consulting {
		width: 96px;
	}
	#firMainmenu ul li a.RubrikFir121004Beratung,
	#firMainmenu ul li a.RubrikFir121004Consulting {
		background: #0097a8; /* dunkel */
		border-left: 4px solid #0097a8; /* dunkel */
		border-right: 4px solid #0097a8; /* dunkel */
		margin-right: 4px;
	}
	#firMainmenu ul li a.RubrikFir121004Beratung:hover,
	#firMainmenu ul li a.RubrikFir121004Consulting:hover,
	#firMainmenu ul li a.RubrikFir121004Beratung.active,
	#firMainmenu ul li a.RubrikFir121004Consulting.active,
	#firMainmenu ul li a.RubrikFir121004Beratung.active-trail,
	#firMainmenu ul li a.RubrikFir121004Consulting.active-trail {
		background: #e5f4f6; /* hell */
		border-right: 4px solid #e5f4f6; /* hell */
		color: #000;
	}

					/* Competence-Center:	RubrikFir121004Competencecenter	114px */
					/* Competence Center:	RubrikFir121004CompetencecenterEn	114px */
					#firMainmenu ul li a.RubrikFir121004Competencecenter {
						width: 142px;
					}
					#firMainmenu ul li a.RubrikFir121004CompetencecenterEn {
						width: 150px;
					}
					#firMainmenu ul li a.RubrikFir121004Competencecenter,
					#firMainmenu ul li a.RubrikFir121004CompetencecenterEn {
						background: #94c260; /* dunkel */
						border-left: 4px solid #94c260; /* dunkel */
						border-right: 4px solid #94c260; /* dunkel */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir121004Competencecenter:hover,
					#firMainmenu ul li a.RubrikFir121004CompetencecenterEn:hover,
					#firMainmenu ul li a.RubrikFir121004Competencecenter.active,
					#firMainmenu ul li a.RubrikFir121004CompetencecenterEn.active,
					#firMainmenu ul li a.RubrikFir121004Competencecenter.active-trail,
					#firMainmenu ul li a.RubrikFir121004CompetencecenterEn.active-trail {
						background: #eff6e7; /* hell */
						border-right: 4px solid #eff6e7; /* hell */
						color: #000;
					}

	/* Veranstaltungen:		RubrikFir121004Veranstaltungen	91px */
	/* Events:				RubrikFir121004Events			37px */
	#firMainmenu ul li a.RubrikFir121004Veranstaltungen {
		width: 119px;
	}
	#firMainmenu ul li a.RubrikFir121004Events {
		width: 73px;
	}
	#firMainmenu ul li a.RubrikFir121004Veranstaltungen,
	#firMainmenu ul li a.RubrikFir121004Events {
		background: #ee8360; /* dunkel */
		border-left: 4px solid #ee8360; /* dunkel */
		border-right: 4px solid #ee8360; /* dunkel */
		margin-right: 4px;
	}
	#firMainmenu ul li a.RubrikFir121004Veranstaltungen:hover,
	#firMainmenu ul li a.RubrikFir121004Events:hover,
	#firMainmenu ul li a.RubrikFir121004Veranstaltungen.active,
	#firMainmenu ul li a.RubrikFir121004Events.active,
	#firMainmenu ul li a.RubrikFir121004Veranstaltungen.active-trail,
	#firMainmenu ul li a.RubrikFir121004Events.active-trail {
		background: #fdf0ec; /* hell */
		border-right: 4px solid #fdf0ec; /* hell */
		color: #000;
	}

					/* Cluster:				RubrikFir20151119Cluster			74px (uebernommen von RubrikFir121004Campus) */
					/* Cluster:				RubrikFir20151119ClusterEN			82px (uebernommen von RubrikFir121004CampusEN) */
					#firMainmenu ul li a.RubrikFir20151119Cluster {
						width: 74px;
					}
					#firMainmenu ul li a.RubrikFir20151119ClusterEN {
						width: 82px;
					}
					#firMainmenu ul li a.RubrikFir20151119Cluster,
					#firMainmenu ul li a.RubrikFir20151119ClusterEN {
						background: #a5027d; /* dunkel */
						border-left: 4px solid #a5027d; /* dunkel */
						border-right: 4px solid #a5027d; /* dunkel */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151119Cluster:hover,
					#firMainmenu ul li a.RubrikFir20151119ClusterEN:hover,
					#firMainmenu ul li a.RubrikFir20151119Cluster.active,
					#firMainmenu ul li a.RubrikFir20151119ClusterEN.active,
					#firMainmenu ul li a.RubrikFir20151119Cluster.active-trail,
					#firMainmenu ul li a.RubrikFir20151119ClusterEN.active-trail {
						background: #faf0f7; /* hell */
						border-right: 4px solid #faf0f7; /* hell */
						color: #000;
					}

					/* Campus:				RubrikFir121004Campus			74px */
					/* Campus:				RubrikFir121004CampusEN			82px */
					#firMainmenu ul li a.RubrikFir121004Campus {
						width: 74px;
					}
					#firMainmenu ul li a.RubrikFir121004CampusEN {
						width: 82px;
					}
					#firMainmenu ul li a.RubrikFir121004Campus,
					#firMainmenu ul li a.RubrikFir121004CampusEN {
						background: #a5027d; /* dunkel */
						border-left: 4px solid #a5027d; /* dunkel */
						border-right: 4px solid #a5027d; /* dunkel */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir121004Campus:hover,
					#firMainmenu ul li a.RubrikFir121004CampusEN:hover,
					#firMainmenu ul li a.RubrikFir121004Campus.active,
					#firMainmenu ul li a.RubrikFir121004CampusEN.active,
					#firMainmenu ul li a.RubrikFir121004Campus.active-trail,
					#firMainmenu ul li a.RubrikFir121004CampusEN.active-trail {
						background: #faf0f7; /* hell */
						border-right: 4px solid #faf0f7; /* hell */
						color: #000;
					}

	/* Presse:				RubrikFir121004Presse			40px */
	/* Press:				RubrikFir121004Press			33px */
	#firMainmenu ul li a.RubrikFir121004Presse {
		width: 68px;
	}
	#firMainmenu ul li a.RubrikFir121004Press {
		width: 69px;
	}
	#firMainmenu ul li a.RubrikFir121004Presse,
	#firMainmenu ul li a.RubrikFir121004Press {
		background: #6e6e87; /* dunkel */
		border-left: 4px solid #6e6e87; /* dunkel */
		border-right: 4px solid #6e6e87; /* dunkel */

		/* LETZTE RUBRIK */
		/* margin-right: 4px; auskomm, da letzte rubrik */

	}
	#firMainmenu ul li a.RubrikFir121004Presse:hover,
	#firMainmenu ul li a.RubrikFir121004Press:hover,
	#firMainmenu ul li a.RubrikFir121004Presse.active,
	#firMainmenu ul li a.RubrikFir121004Press.active,
	#firMainmenu ul li a.RubrikFir121004Presse.active-trail,
	#firMainmenu ul li a.RubrikFir121004Press.active-trail {
		background: #ededf0; /* hell */
		border-right: 4px solid #ededf0; /* hell */
		color: #000;
	}


					
					/* ================================================================================================================ */
					/* old121004jour-fixe: Rubriken Über uns / Forschung / Beratung / Veranstaltungen / Karriere / Campus      / Presse */
					/*                              ueberUns   forschung   beratung   veranstaltungen   karriere   publikationen presse */
					/* 20130508 reaktivierung aufgrund beschluss montagsrunde s. e-mail von st vom 7.5.2013 (= antwort auf wa-anfrage): */
					/*                     Rubriken Über uns / Forschung / Beratung / Veranstaltungen / Karriere / Campus      / Presse */
					/* ================================================================================================================ */
					
					/* bei rubriken-textaenderungen: width der rubrikenflaechen anzupassen!!!
							//neu110712cr: ueber uns / forschung / beratung / veranstaltungen / karriere /        campus / presse
							//old110712cr: ueber uns / forschung / beratung / veranstaltungen / karriere / publikationen / presse
					*/
					/* algorithmus:
					   - alle rubriken anlegen
						 - screenshot in psd
						 - 727 px: verfuegbare gesamtbreite s. graue waagerechtlinien darueber
						 - ... in psd jeden text scharf ausschneiden, je auf eine ebene; gesamtbreite hierunter eintragen
						 - minus *359* px = gesamtbreite aller texte alle hintereinanderschieben - text an text
								//neu110712cr(dt): *359*
								//neu110712cr(en): *299*
								//old110712cr: *337*
						 - minus (*6* (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
								//neu110712cr(dt): *6*
								//neu110712cr(en): *6*
								//old110712cr: *6*
						 - =, dann geteilt durch *7* (# rubriken)
								//neu110712cr(dt): *7*
								//neu110712cr(en): *7*
								//old110712cr: *7*
						 - =, dann minus 8px bunte border [(= je rubrik)]
						 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: *41,14*
								//neu110712cr(dt): *41,14 => 41*
								//neu110712cr(en): *49,71 => 50 (plus 5x 1 px ausgleich*
								//old110712cr: *44,29 => 44*
						 - falls eine rubrik gar nicht erscheint, dieser die width 0 zuweisen
						 - eventuellen rand rechts (durch halbe pixel entstanden bei der berechnung oben)
						   auf so viele Rubrikenbreiten aufaddieren, bis passend
					   - auskomm: margin-right: 4px; achtung: die definition, die zur letzten rubrik gehoert darf dies nicht mehr besitzen,
						   sonst wird die letzte rubrik im firefox nicht mehr angezeigt (im ie7 schon)
					*/

					/* menu-namen - menu class attribute */
					/* ********************************* */
						/* Über uns: RubrikFirBlaudunkel20130508 */
						/* Forschung: RubrikFirBlaumittel20130508 */
						/* Beratung: RubrikFirBlaugruen20130508 */
						/* Veranstaltungen: RubrikFirGruengras20130508 */
						/* Karriere: RubrikFirOrange20130508 */
						/*	old110712cr: Publikationen: RubrikFirLila20130508 */
						/*	neu110712cr: */
						/* Campus: RubrikFirLila20130508 */
						/* Presse: RubrikFirGrau20130508 */

					/* Über uns: RubrikFirBlaudunkel20130508 */
					#firMainmenu ul li a.RubrikFirBlaudunkel20130508,
					#firMainmenu ul li a.RubrikFirBlaudunkelEN20130508 {
						background: #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						border-left: 4px solid #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						border-right: 4px solid #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirBlaudunkel20130508 {
						/* neu110712cr:
							 47 plus s.o. plus 1 px ausgleich */
						width: 89px;
						/* old110712cr: 
						   width: 82px; */
					}
					#firMainmenu ul li a.RubrikFirBlaudunkelEN20130508 {
						/* neu110712cr:
							 49 plus s.o. plus 1 px ausgleich */
						width: 100px; 
						/* old110712cr: 50 plus s.o. plus 1 px ausgleich 
						   width: 95px; */
					}
					#firMainmenu ul li a.RubrikFirBlaudunkel20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaudunkelEN20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaudunkel20130508.active,
					#firMainmenu ul li a.RubrikFirBlaudunkelEN20130508.active,
					#firMainmenu ul li a.RubrikFirBlaudunkel20130508.active-trail,
					#firMainmenu ul li a.RubrikFirBlaudunkelEN20130508.active-trail {
						background: #e5f0f6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 hell: e5f0f6 */
						border-right: 4px solid #e5f0f6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 hell: e5f0f6 */
						color: #000;
					}

					/* Forschung: RubrikFirBlaumittel20130508 */
					#firMainmenu ul li a.RubrikFirBlaumittel20130508,
					#firMainmenu ul li a.RubrikFirBlaumittelEN20130508 {
						background: #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						border-left: 4px solid #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						border-right: 4px solid #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirBlaumittel20130508 {
						/* neu110712cr:
							 56 plus s.o. plus 1 px ausgleich */
						width: 98px;
						/* old110712cr: 
						   width: 94px; */
					}
					#firMainmenu ul li a.RubrikFirBlaumittelEN20130508 {
						/* neu110712cr:
							 49 plus s.o. plus 1 px ausgleich */
						width: 100px;
						/* old110712cr: 52 plus s.o. plus 1 px ausgleich 
						   width: 97px; */
					}
					#firMainmenu ul li a.RubrikFirBlaumittel20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaumittelEN20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaumittel20130508.active,
					#firMainmenu ul li a.RubrikFirBlaumittelEN20130508.active,
					#firMainmenu ul li a.RubrikFirBlaumittel20130508.active-trail,
					#firMainmenu ul li a.RubrikFirBlaumittelEN20130508.active-trail {
						background: #e5f5fc; /* rubrikenfarbe RubrikFirBlaumittel20130508 hell: e5f5fc */
						border-right: 4px solid #e5f5fc; /* rubrikenfarbe RubrikFirBlaumittel20130508 hell: e5f5fc */
						color: #000;
					}

					/* Beratung: RubrikFirBlaugruen20130508 */
					#firMainmenu ul li a.RubrikFirBlaugruen20130508,
					#firMainmenu ul li a.RubrikFirBlaugruenEN20130508 {
						background: #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						border-left: 4px solid #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						border-right: 4px solid #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirBlaugruen20130508 {
						/* neu110712cr:
							 48 plus s.o. plus 1 px ausgleich */
						width: 90px;
						/* old110712cr: 
						   width: 86px; */
					}
					#firMainmenu ul li a.RubrikFirBlaugruenEN20130508 {
						/* neu110712cr:
							 57x plus s.o. plus 1 px ausgleich */
						width: 108px;
						/* old110712cr: 60 plus s.o.
						   width: 104px; */
					}
					#firMainmenu ul li a.RubrikFirBlaugruen20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaugruenEN20130508:hover,
					#firMainmenu ul li a.RubrikFirBlaugruen20130508.active,
					#firMainmenu ul li a.RubrikFirBlaugruenEN20130508.active,
					#firMainmenu ul li a.RubrikFirBlaugruen20130508.active-trail,
					#firMainmenu ul li a.RubrikFirBlaugruenEN20130508.active-trail {
						background: #e5f4f6; /* rubrikenfarbe RubrikFirBlaugruen20130508 hell: e5f4f6 */
						border-right: 4px solid #e5f4f6; /* rubrikenfarbe RubrikFirBlaugruen20130508 hell: e5f4f6 */
						color: #000;
					}

					/* Veranstaltungen: RubrikFirGruengras20130508 */
					#firMainmenu ul li a.RubrikFirGruengras20130508,
					#firMainmenu ul li a.RubrikFirGruengrasEN20130508 {
						background: #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						border-left: 4px solid #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						border-right: 4px solid #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirGruengras20130508 {
						/* neu110712cr:
							 86 plus s.o. plus 1 px ausgleich */
						width: 128px;
						/* old110712cr: 
						   width: 124px; */
					}
					#firMainmenu ul li a.RubrikFirGruengrasEN20130508 {
						/* neu110712cr:
							 36 plus s.o. plus 1 px ausgleich */
						width: 87px;
						/* old110712cr: 37 plus s.o.
						   width: 81px; */
					}
					#firMainmenu ul li a.RubrikFirGruengras20130508:hover,
					#firMainmenu ul li a.RubrikFirGruengrasEN20130508:hover,
					#firMainmenu ul li a.RubrikFirGruengras20130508.active,
					#firMainmenu ul li a.RubrikFirGruengrasEN20130508.active,
					#firMainmenu ul li a.RubrikFirGruengras20130508.active-trail,
					#firMainmenu ul li a.RubrikFirGruengrasEN20130508.active-trail {
						background: #eff6e7; /* rubrikenfarbe RubrikFirGruengras20130508 hell: eff6e7 */
						border-right: 4px solid #eff6e7; /* rubrikenfarbe RubrikFirGruengras20130508 hell: eff6e7 */
						color: #000;
					}

					/* Karriere: RubrikFirOrange20130508 */
					#firMainmenu ul li a.RubrikFirOrange20130508,
					#firMainmenu ul li a.RubrikFirOrangeEN20130508 {
						background: #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						border-left: 4px solid #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						border-right: 4px solid #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirOrange20130508 {
						/* neu110712cr:
							 42 plus s.o. plus 1 px ausgleich */
						width: 84px;
						/* old110712cr: 
						   width: 80px; */
					}
					#firMainmenu ul li a.RubrikFirOrangeEN20130508 {
						/* neu110712cr:
							 35 plus s.o. plus 1 px ausgleich */
						width: 86px;
						/* old110712cr: 38 plus s.o.
						   width: 82px; */
					}
					#firMainmenu ul li a.RubrikFirOrange20130508:hover,
					#firMainmenu ul li a.RubrikFirOrangeEN20130508:hover,
					#firMainmenu ul li a.RubrikFirOrange20130508.active,
					#firMainmenu ul li a.RubrikFirOrangeEN20130508.active,
					#firMainmenu ul li a.RubrikFirOrange20130508.active-trail,
					#firMainmenu ul li a.RubrikFirOrangeEN20130508.active-trail {
						background: #fdf0ec; /* rubrikenfarbe RubrikFirOrange20130508 hell: fdf0ec */
						border-right: 4px solid #fdf0ec; /* rubrikenfarbe RubrikFirOrange20130508 hell: fdf0ec */
						color: #000;
					}

					/* old110712cr: Publikationen: RubrikFirLila20130508 */
					/* neu110712cr: */
					/* Campus: RubrikFirLila20130508 */
					#firMainmenu ul li a.RubrikFirLila20130508,
					#firMainmenu ul li a.RubrikFirLilaEN20130508 {
						background: #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						border-left: 4px solid #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						border-right: 4px solid #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFirLila20130508 {
						/* neu110712cr:
							 44 plus s.o. plus 1 px ausgleich */
						width: 86px;
						/* old110712cr: 
						   width: 109px; */
					}
					#firMainmenu ul li a.RubrikFirLilaEN20130508 {
						/* neu110712cr:
							 43 plus s.o. */
						width: 93px;
						/* old110712cr: 67 plus s.o.
						   width: 111px; */
					}
					#firMainmenu ul li a.RubrikFirLila20130508:hover,
					#firMainmenu ul li a.RubrikFirLilaEN20130508:hover,
					#firMainmenu ul li a.RubrikFirLila20130508.active,
					#firMainmenu ul li a.RubrikFirLilaEN20130508.active,
					#firMainmenu ul li a.RubrikFirLila20130508.active-trail,
					#firMainmenu ul li a.RubrikFirLilaEN20130508.active-trail {
						background: #faf0f7; /* rubrikenfarbe RubrikFirLila20130508 hell: faf0f7 */
						border-right: 4px solid #faf0f7; /* rubrikenfarbe RubrikFirLila20130508 hell: faf0f7 */
						color: #000;
					}

					/* Presse: RubrikFirGrau20130508 */
					#firMainmenu ul li a.RubrikFirGrau20130508,
					#firMainmenu ul li a.RubrikFirGrauEN20130508 {
						background: #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */
						border-left: 4px solid #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */
						border-right: 4px solid #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */

						/* LETZTE RUBRIK */
						/* margin-right: 4px; auskomm, da letzte rubrik */

					}
					#firMainmenu ul li a.RubrikFirGrau20130508 {
						/* neu110712cr:
							 36 plus s.o. */
						width: 72px;
						/* old110712cr: 
						   width: 72px; */
					}
					#firMainmenu ul li a.RubrikFirGrauEN20130508 {
						/* neu110712cr:
							 30 plus s.o. */
						width: 73px;
						/* old110712cr: 33 plus s.o.
						   width: 77px; */
					}
					#firMainmenu ul li a.RubrikFirGrau20130508:hover,
					#firMainmenu ul li a.RubrikFirGrauEN20130508:hover,
					#firMainmenu ul li a.RubrikFirGrau20130508.active,
					#firMainmenu ul li a.RubrikFirGrauEN20130508.active,
					#firMainmenu ul li a.RubrikFirGrau20130508.active-trail,
					#firMainmenu ul li a.RubrikFirGrauEN20130508.active-trail {
						background: #ededf0; /* rubrikenfarbe RubrikFirGrau20130508 hell: ededf0 */
						border-right: 4px solid #ededf0; /* rubrikenfarbe RubrikFirGrau20130508 hell: ededf0 */
						color: #000;
					}



/* temp, vor umschalten, beginn: */

					/* Über uns: RubrikFirBlaudunkel20130508 */
					#firMainmenu ul li a.RubrikFir20151104Ueberuns,
					#firMainmenu ul li a.RubrikFir20151104EnAboutus {
						background: #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						border-left: 4px solid #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						border-right: 4px solid #0067a6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 dunkel: 0067a6 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Ueberuns {
						/* neu110712cr:
							 47 plus s.o. plus 1 px ausgleich */
						width: 89px;
						/* old110712cr: 
						   width: 82px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnAboutus {
						/* neu110712cr:
							 49 plus s.o. plus 1 px ausgleich */
						width: 100px; 
						/* old110712cr: 50 plus s.o. plus 1 px ausgleich 
						   width: 95px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Ueberuns:hover,
					#firMainmenu ul li a.RubrikFir20151104EnAboutus:hover,
					#firMainmenu ul li a.RubrikFir20151104Ueberuns.active,
					#firMainmenu ul li a.RubrikFir20151104EnAboutus.active,
					#firMainmenu ul li a.RubrikFir20151104Ueberuns.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnAboutus.active-trail {
						background: #e5f0f6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 hell: e5f0f6 */
						border-right: 4px solid #e5f0f6; /* rubrikenfarbe RubrikFirBlaudunkel20130508 hell: e5f0f6 */
						color: #000;
					}

					/* Forschung: RubrikFirBlaumittel20130508 */
					#firMainmenu ul li a.RubrikFir20151104Forschung,
					#firMainmenu ul li a.RubrikFir20151104EnResearch {
						background: #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						border-left: 4px solid #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						border-right: 4px solid #009ee0; /* rubrikenfarbe RubrikFirBlaumittel20130508 dunkel: 009ee0 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Forschung {
						/* neu110712cr:
							 56 plus s.o. plus 1 px ausgleich */
						width: 98px;
						/* old110712cr: 
						   width: 94px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnResearch {
						/* neu110712cr:
							 49 plus s.o. plus 1 px ausgleich */
						width: 100px;
						/* old110712cr: 52 plus s.o. plus 1 px ausgleich 
						   width: 97px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Forschung:hover,
					#firMainmenu ul li a.RubrikFir20151104EnResearch:hover,
					#firMainmenu ul li a.RubrikFir20151104Forschung.active,
					#firMainmenu ul li a.RubrikFir20151104EnResearch.active,
					#firMainmenu ul li a.RubrikFir20151104Forschung.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnResearch.active-trail {
						background: #e5f5fc; /* rubrikenfarbe RubrikFirBlaumittel20130508 hell: e5f5fc */
						border-right: 4px solid #e5f5fc; /* rubrikenfarbe RubrikFirBlaumittel20130508 hell: e5f5fc */
						color: #000;
					}

					/* Beratung: RubrikFirBlaugruen20130508 */
					#firMainmenu ul li a.RubrikFir20151104Beratung,
					#firMainmenu ul li a.RubrikFir20151104EnConsulting {
						background: #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						border-left: 4px solid #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						border-right: 4px solid #0097a8; /* rubrikenfarbe RubrikFirBlaugruen20130508 dunkel: 0097a8 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Beratung {
						/* neu110712cr:
							 48 plus s.o. plus 1 px ausgleich */
						width: 90px;
						/* old110712cr: 
						   width: 86px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnConsulting {
						/* neu110712cr:
							 57x plus s.o. plus 1 px ausgleich */
						width: 108px;
						/* old110712cr: 60 plus s.o.
						   width: 104px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Beratung:hover,
					#firMainmenu ul li a.RubrikFir20151104EnConsulting:hover,
					#firMainmenu ul li a.RubrikFir20151104Beratung.active,
					#firMainmenu ul li a.RubrikFir20151104EnConsulting.active,
					#firMainmenu ul li a.RubrikFir20151104Beratung.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnConsulting.active-trail {
						background: #e5f4f6; /* rubrikenfarbe RubrikFirBlaugruen20130508 hell: e5f4f6 */
						border-right: 4px solid #e5f4f6; /* rubrikenfarbe RubrikFirBlaugruen20130508 hell: e5f4f6 */
						color: #000;
					}

					/* Veranstaltungen: RubrikFirGruengras20130508 */
					#firMainmenu ul li a.RubrikFir20151104Veranstaltungen,
					#firMainmenu ul li a.RubrikFir20151104EnEvents {
						background: #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						border-left: 4px solid #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						border-right: 4px solid #94c260; /* rubrikenfarbe RubrikFirGruengras20130508 dunkel: 94c260 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Veranstaltungen {
						/* neu110712cr:
							 86 plus s.o. plus 1 px ausgleich */
						width: 128px;
						/* old110712cr: 
						   width: 124px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnEvents {
						/* neu110712cr:
							 36 plus s.o. plus 1 px ausgleich */
						width: 87px;
						/* old110712cr: 37 plus s.o.
						   width: 81px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Veranstaltungen:hover,
					#firMainmenu ul li a.RubrikFir20151104EnEvents:hover,
					#firMainmenu ul li a.RubrikFirGruengras20130508.active,
					#firMainmenu ul li a.RubrikFir20151104EnEvents.active,
					#firMainmenu ul li a.RubrikFir20151104Veranstaltungen.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnEvents.active-trail {
						background: #eff6e7; /* rubrikenfarbe RubrikFirGruengras20130508 hell: eff6e7 */
						border-right: 4px solid #eff6e7; /* rubrikenfarbe RubrikFirGruengras20130508 hell: eff6e7 */
						color: #000;
					}

					/* Karriere: RubrikFirOrange20130508 */
					#firMainmenu ul li a.RubrikFir20151104Karriere,
					#firMainmenu ul li a.RubrikFir20151104EnCareer {
						background: #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						border-left: 4px solid #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						border-right: 4px solid #ee8360; /* rubrikenfarbe RubrikFirOrange20130508 dunkel: ee8360 */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Karriere {
						/* neu110712cr:
							 42 plus s.o. plus 1 px ausgleich */
						width: 84px;
						/* old110712cr: 
						   width: 80px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnCareer {
						/* neu110712cr:
							 35 plus s.o. plus 1 px ausgleich */
						width: 86px;
						/* old110712cr: 38 plus s.o.
						   width: 82px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Karriere:hover,
					#firMainmenu ul li a.RubrikFir20151104EnCareer:hover,
					#firMainmenu ul li a.RubrikFir20151104Karriere.active,
					#firMainmenu ul li a.RubrikFir20151104EnCareer.active,
					#firMainmenu ul li a.RubrikFir20151104Karriere.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnCareer.active-trail {
						background: #fdf0ec; /* rubrikenfarbe RubrikFirOrange20130508 hell: fdf0ec */
						border-right: 4px solid #fdf0ec; /* rubrikenfarbe RubrikFirOrange20130508 hell: fdf0ec */
						color: #000;
					}

					/* old110712cr: Publikationen: RubrikFirLila20130508 */
					/* neu110712cr: */
					/* Campus: RubrikFirLila20130508 */
					#firMainmenu ul li a.RubrikFir20151104Campus,
					#firMainmenu ul li a.RubrikFir20151104EnCampus {
						background: #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						border-left: 4px solid #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						border-right: 4px solid #a5027d; /* rubrikenfarbe RubrikFirLila20130508 dunkel: a5027d */
						margin-right: 4px;
					}
					#firMainmenu ul li a.RubrikFir20151104Campus {
						/* neu110712cr:
							 44 plus s.o. plus 1 px ausgleich */
						width: 86px;
						/* old110712cr: 
						   width: 109px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnCampus {
						/* neu110712cr:
							 43 plus s.o. */
						width: 93px;
						/* old110712cr: 67 plus s.o.
						   width: 111px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Campus:hover,
					#firMainmenu ul li a.RubrikFir20151104EnCampus:hover,
					#firMainmenu ul li a.RubrikFir20151104Campus.active,
					#firMainmenu ul li a.RubrikFir20151104EnCampus.active,
					#firMainmenu ul li a.RubrikFir20151104Campus.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnCampus.active-trail {
						background: #faf0f7; /* rubrikenfarbe RubrikFirLila20130508 hell: faf0f7 */
						border-right: 4px solid #faf0f7; /* rubrikenfarbe RubrikFirLila20130508 hell: faf0f7 */
						color: #000;
					}

					/* Presse: RubrikFirGrau20130508 */
					#firMainmenu ul li a.RubrikFir20151104Presse,
					#firMainmenu ul li a.RubrikFir20151104EnPress {
						background: #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */
						border-left: 4px solid #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */
						border-right: 4px solid #6e6e87; /* rubrikenfarbe RubrikFirGrau20130508 dunkel: 6e6e87 */

						/* LETZTE RUBRIK */
						/* margin-right: 4px; auskomm, da letzte rubrik */

					}
					#firMainmenu ul li a.RubrikFir20151104Presse {
						/* neu110712cr:
							 36 plus s.o. */
						width: 72px;
						/* old110712cr: 
						   width: 72px; */
					}
					#firMainmenu ul li a.RubrikFir20151104EnPress {
						/* neu110712cr:
							 30 plus s.o. */
						width: 73px;
						/* old110712cr: 33 plus s.o.
						   width: 77px; */
					}
					#firMainmenu ul li a.RubrikFir20151104Presse:hover,
					#firMainmenu ul li a.RubrikFir20151104EnPress:hover,
					#firMainmenu ul li a.RubrikFir20151104Presse.active,
					#firMainmenu ul li a.RubrikFir20151104EnPress.active,
					#firMainmenu ul li a.RubrikFir20151104Presse.active-trail,
					#firMainmenu ul li a.RubrikFir20151104EnPress.active-trail {
						background: #ededf0; /* rubrikenfarbe RubrikFirGrau20130508 hell: ededf0 */
						border-right: 4px solid #ededf0; /* rubrikenfarbe RubrikFirGrau20130508 hell: ededf0 */
						color: #000;
					}

/* temp, vor umschalten, ende */















/*--------------*/
/* Mainmenu END */
/*--------------*/

#firHeader {
	height: 168px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

#firMain {
	position: relative;
	background: #fff;
	text-align: left;
	margin: 4px 0 0 0;
	/* height: 1%; */
	/* height: 756px; */
	min-height: 756px; /* evtl. damit kein springen bei hohen monitoren */
}

#firMainLeft {
	/* define a default background color
	which gets overwritten within page.tpl */
	background: #e6f0f6;
	float: left;
	width: 199px;
	padding: 0;
	color: #840c07;
	position: relative;
	height: 100%;
	min-height: 756px;	/* set to achieve a min page-height of 900px; */
}

#firMainLeft a {
	color: #777777;
	text-decoration: none;
}

#firMainLeft a.active,
#firMainLeft a.active-trail,
#firMainLeft a:hover {
	color: #000;
}

/*---------------*/
/* Submenu START */
/*---------------*/

#firMainLeft .block {
	padding: 10px;
	margin: 10px 0;
}

#firMainLeft h2 {
}

#firMainLeft .firSubmenu {
	padding: 0;
	margin: 0;
}

#firMainLeft .firSubmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}

#firMainLeft .firSubmenu ul li {
	background: none;
	background-image: none;
	margin: 0;
	padding: 0;
}


/* ro 20130709: moeglichkeit herstellen, absaetze zwischen linken menueeintraegen herzustellen , beginn: */
/*              -> kann durch datenpfleger gesteuert werden, indem der dem entspr. menuepunkt die class neuer-absatz zuweist :-) */
		#firMainLeft .firSubmenu ul li a.neuer-absatz:link,
		#firMainLeft .firSubmenu ul li a.neuer-absatz:visited,
		#firMainLeft .firSubmenu ul li a.neuer-absatz:focus,
		#firMainLeft .firSubmenu ul li a.neuer-absatz:hover,
		#firMainLeft .firSubmenu ul li a.neuer-absatz:active
		{
			/* gruppierungsalternative 1: 1px-graue-linie direkt ueber dem 1. nav-pkt eines absatzes */
			/* gruppierungsalternative 1a: 2px-graue-linie direkt ueber dem 1. nav-pkt eines absatzes */
			/* gruppierungsalternative 1b: 1 bzw. 1a in grau der schrift der buttons oder in dezenterem grau der dekografik oben */
				/* border-top: 2px solid #777777 !important; *//* 777777 ist schriftgrau der unternavpkte */
				border-top: 2px solid #d7d5e2 !important; /* d7d5e2 ist grau der dekolinien-grafik ueber den hauptrubriken */
				/* margin-top: 4px !important; *//* weissen abstand zum darueber liegenden element vergroessern, so dass ein absatz entsteht */
			/* gruppierungsalternative 2: weissen abstand ueber dem 1. nav-pkt einer absatzes erhoehen auf doppelt oder 2,5 oder 1,5 fach des normalen */
			/*                         3: zu diesem 2 auch 1 eingeblendet lassen => weisser abstand plus graue linie */
				margin-top: 6px !important; /* weissen abstand zum darueber liegenden element vergroessern, so dass ein absatz entsteht */
				/* ACHTUNG dieser wert muss bei aenderung auch angepasst werden im block "css-bugfixing-submenu-forschung" */
				/* ACHTUNG dort muss haendisch eingestellt werden, entweder ob ein absatz kommt oder nicht */
			/* bringt nichts: */
				/* padding-top: 4px; */ /* abstand in hintergrundfarbe des link-rechteckes bleu z. b. */
				/* border-top: 4px solid #f2f2f2; *//* dicken rand darueber */
		}
		#firMainLeft .firSubmenu.original ul li.first a.neuer-absatz:link,
		#firMainLeft .firSubmenu.original ul li.first a.neuer-absatz:visited,
		#firMainLeft .firSubmenu.original ul li.first a.neuer-absatz:focus,
		#firMainLeft .firSubmenu.original ul li.first a.neuer-absatz:hover,
		#firMainLeft .firSubmenu.original ul li.first a.neuer-absatz:active
		{
				margin-top: 0px !important; /* bei dem allerersten element einer seitenunternavigation darf der abstand nicht gesetzt werden,*/
											/* er waere ausserdem hintergrundfarbe, nicht weiss */
		}

/* ro 20130709: moeglichkeit herstellen, absaetze zwischen linken menueeintraegen herzustellen , ende. */


/* auch untersten navpkt abtrennen durch weisse linie darunter (fkt auch ohne) */

#firMainLeft .firSubmenu ul li.last {
	border-bottom: 4px solid #fff;
}

#firMainLeft .firSubmenu ul li.last a {
	margin-bottom: 0 !important;
}

#firMainLeft .firSubmenu ul li ul li.last {
	border-bottom: none;
}

#firMainLeft .firSubmenu ul li a:link,
#firMainLeft .firSubmenu ul li a:visited,
#firMainLeft .firSubmenu ul li a:hover,
#firMainLeft .firSubmenu ul li a:active {
	margin-bottom: 4px;
	margin-top: 4px; /* weisser abstand ueber hauptmenueeintraegen ausser dem ersten */
}

	/* 20171102ro: wenn es einen (nur fuer den admin sichtbaren - zur erzeugung des links) unterpunkt auf einer eins zu tiefen ebene gibt, dann muss der ebene, die noch ok ist, der automatisch zugewiesene abstand genommen werden:
				   dazu die seite bearbeiten und bei "Menu item attributes", "Class attribute:" eingeben: "kein-absatz"
	*/
	#firMainLeft .firSubmenu ul li a.kein-absatz:link,
	#firMainLeft .firSubmenu ul li a.kein-absatz:visited,
	#firMainLeft .firSubmenu ul li a.kein-absatz:hover,
	#firMainLeft .firSubmenu ul li a.kein-absatz:active {
		margin-bottom: 0px;
		margin-top: 0px; /* weisser abstand ueber hauptmenueeintraegen ausser dem ersten */
	}

#firMainLeft .firSubmenu ul li.first a {
	margin-top: 0 !important;
}

#firMainLeft .firSubmenu ul li a {
	background: none;
	background-image: none;
	border-left: 4px solid #transparent;
	margin-top: 0px;
	margin-bottom: 4px !important; /* weisser abstand unter hauptmenueeintraegen ausser dem letzten */
	display: block;
	/* 20150609del ro, da: li nav-spalte, tiefste nav-struktur teilw. (nur im ie) waagerechte weisse linien anzeigte (stand internet explorer 11) */
	/*zoom: 1;*/
	/*padding: 4px 10px 4px 15px;*/ /* orig. letzter eintrag ist abstand des nav-namens von der linken kante
																		 passend zu #firMainLeft .firSubmenu ul li ul li a {: background-position: 15px 12px; 1. wert dort */
	padding: 4px 10px 4px 11px; /* geaendert, damit itmgt passt... */
	font-size: 12px;
}

#firMainLeft .firSubmenu ul li ul {
	/* border-bottom: 4px solid #fff; */ /* ro090512del: macht zu viel abstand unter untermenue im firefox */
}

#firMainLeft .firSubmenu ul li ul li {
	border-left: 4px solid transparent;
}

#firMainLeft .firSubmenu ul li ul li a {
	margin-bottom: 0 !important;
	/*padding: 6px 10px 6px 25px;*/ /* orig, aber dann passt itmgt nicht hinein */
	padding: 6px 10px 6px 18px; /* letzter wert ist abstand zwischen minus (fir-submenu-bullet) und dem unav-namen */
	border-left: none !important;
	font-size: 11px;
	/*background-image: url(images/fir-submenu-bullet.gif);*/
	background-image: url(grafiken/fir_unterunternav_li_passiv.gif);
	/*background-position: 15px 12px; *//*orig. 1. wert = position des minus (fir-submenu-bullet) vom linken rand; passend zu:
																				#firMainLeft .firSubmenu ul li a {: padding: 4px 10px 4px 11px; letzter wert dort*/
	background-position: 11px 12px; /* geaendert, damit itmgt passt... */
	background-repeat: no-repeat;
}

#firMainLeft .firSubmenu ul li ul li a:hover,
#firMainLeft .firSubmenu ul li ul li a.active {
	/*background-image: url(images/fir-submenu-act-bullet.gif);*/
	background-image: url(grafiken/fir_unterunternav_li_aktiv.gif);
}

/* Avoid margins of 3rd level navigation items */
#firMainLeft .firSubmenu ul.menu li.expanded ul.menu li.leaf a {
	margin: 0 !important;
}

/* dieser nav-pkt braucht haendische sonderbehandlung, da die nav darueber per programmierung entstehen... */
/*
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte:link,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte:visited,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte:focus,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte:hover,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekte:active
{
	// border-bottom: none;   zuruecksetzen hier //
	// border-bottom: 4px solid #fff; //
	// wird oben gesetzt, ist aber unkritisch, da eh vorher schon null (muss hier also nicht korrigiert werden):
	   margin-bottom: 0 !important; //
	margin-top: 0 !important;
	margin-top: 4px;  // weisser abstand ueber hauptmenueeintraegen ausser dem ersten //

	border-top: 4px solid #fff;
	
}
*/
/* dieser nav-pkt braucht haendische sonderbehandlung, da die nav darueber per programmierung entstehen... ende.*/

/* dieser nav-pkt braucht haendische sonderbehandlung, da die nav darueber per programmierung entstehen... beginn:*/
/*
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern:link,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern:visited,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern:focus,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern:hover,
#firMainLeft .firSubmenu ul li.first.last a.forschungsprojekteintern:active,

#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern,
#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern:link,
#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern:visited,
#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern:focus,
#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern:hover,
#firMainLeft .firSubmenu ul li.last a.forschungsprojekteintern:active

{
	margin-top: 4px;  // weisser abstand ueber hauptmenueeintraegen ausser dem ersten //
	border-top: 4px solid #fff;
	margin-bottom: 16px !important;  // weisser abstand ueber hauptmenueeintraegen ausser dem ersten //
}
*/
/* dieser nav-pkt braucht haendische sonderbehandlung, da die nav darueber per programmierung entstehen... ende.*/
/*
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv,
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv:link, // noch nicht besucht //
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv:visited,// besucht //
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv:focus,// tastatur //
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv:hover,// drueberfahren //
#firMainLeft .firSubmenu ul li.first.last ul li.first.last a.forschungsprojektearchiv:active// geklickt //
{
	// border-bottom: none;   zuruecksetzen hier //
	// border-bottom: 4px solid #fff; //
	// wird oben gesetzt, ist aber unkritisch, da eh vorher schon null (muss hier also nicht korrigiert werden):
	   margin-bottom: 0 !important; //
	// margin-top: 4px;  weisser abstand ueber hauptmenueeintraegen ausser dem ersten //
	margin-top: 0 !important;	
	margin-top: 4px;  // weisser abstand ueber hauptmenueeintraegen ausser dem ersten //
	border-top: 4px solid #fff;
	// margin-top: 0 !important; //
}
*/

/*--------------*/
/* /Submenu END */
/*--------------*/

#firMainRight {
	margin-left: 203px;
	padding: 0;
	width: 727px !important;
	max-width: 727px !important;
	overflow: hidden !important;
	position: relative;
	height: 100%;
	min-height: 756px;	/* set to achieve a min page-height of 900px; */
	color: #000;
}

/*-------------------*/
/* Headerimage START */
/*-------------------*/

#firHeaderimage {
	background: #f2f2f2;
	border-bottom: 4px solid #fff;
}

#firHeaderimage * {
	margin: 0;
	padding: 0;
}

#firHeaderimage img {
	float: right;
}

/*------------------*/
/* /Headerimage END */
/*------------------*/

.breadcrumbWrapper {
	background: #fff;
	border-bottom: 10px solid #fff;
}

div.breadcrumb {
	background: #fff;
	display: block;
	padding: 0 0 4px 0;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #6e6e87;
	color: #999; /* color: breadcrumb */
	font-size: 10px;
}

div.breadcrumb a {
	color: #999 !important;
	font-size: 10px;
	text-decoration: none;
}

/* fusszeile auf jeder seite, definiert ueber website-informationen */
#firFooter {
	margin-top: 10px;
	height: auto;
	min-height: 10px;
	background: #dc1969;
	color: #ffffff;
	padding: 2px 5px;
	text-align: center;
	font-size: 8pt;
}

#firFooter p {
	margin: 0;
}

#firMainContent {
	width: 727px;
	max-width: 727px;
	/* overflow: hidden; */
	font-size: 10pt;
	height: 100% !important;
	min-height: 100%; /* damit kein springen bei langen seiten und gr monitor */
	display: inline-block;	/* Force hasLayout */
}
/* alt:
#firMainContent {
	width: 727px;
	max-width: 727px;
	overflow: hidden;
	font-size: 10pt;
	height: 100%;
}
*/

#firContentleft {
	float: left;
	position: relative;
	margin-left: 10px;
	height: auto;
}

#firContentright {
	margin-left: 527px;
	background: #f2f2f2;
	padding: 10px;
	width: 180px !important;
	max-width: 180px !important;
	height: 100%;
	min-height: 598px;
	font-size: 12px;
}

#firContentright a {
	color: #999;
}

#firContentright ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#firContentright ul li {
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
}

#firContentright ul li a {
	/*background: url(images/fir-submenu-bullet.gif) 0px 7px no-repeat;*/
	background: url(grafiken/fir_unterunternav_li_passiv.gif) 0px 7px no-repeat;
	padding: 0 0 0 12px;
	text-decoration: none;
}

#firContentright ul li a:hover {
	color: #000;
	/*background: url(images/fir-submenu-act-bullet.gif) 0px 7px no-repeat;*/
	background: url(grafiken/fir_unterunternav_li_aktiv.gif) 0px 7px no-repeat;
}

#firShadowBottom {
	width: 960px;
	height: 10px;
	max-height: 10px;
	/*background: #fff url(images/fir-shadow-bottom.gif) top left no-repeat;*/
	background: #fff url(grafiken/fir_schatten-unten_fir1.gif) top left no-repeat;
	margin: 0 auto;
}

/*----------------------------*/
/* Event related styles START */
/*----------------------------*/

.taxonomyWrapper {
}

.taxonomyWrapper .termImage {
	float: left;
	margin: 0 20px 20px 0;
}

.taxonomyWrapper .termName {
	font-weight: bold;
}

.mitte {
	float: left;
	width: 500px;
	max-width: 500px;
	/*padding: 10px 0; del ro, stattdessen: */
	padding-top: 6px; /* anpassen auf erste zeile im kasten rechts */
	padding-right: 10px; /* muss, damit text nicht bis an spalte rechts heranreicht */
	padding-bottom: 10px;
	padding-left: 0px;
}

/*.eventBold {
	font-weight: bold;
}*/

/*--------------------------*/
/* Event related styles END */
/*--------------------------*/

/*--------------------------*/
/* node-template START */
/*--------------------------*/

/* rechts = rechts-weiteres seite Textinklre */
/* links s.o. */

.rechts /* <div class="xxx"> */
{
	/*fir.de bisher:
	font-family:Arial;	
	font-style:normal;
	margin-top:0px;
	margin-bottom:3px;*/
	/*auf maxim-seite war noch:
	position: absolute;
	top: 0em;
	left: 517px;
	bottom: 0em;*/
	width: 180px;
	height: 100%;
	background: #f2f2f2;

	float: right;
	min-height: 736px;
}
.rechts.leer { /*<div class="rechts leer">*/
	background: none;
}
.rechts.itmatchmaker { /*<div class="rechts itmatchmaker">*/
	min-height: 10px; /* re spalte soll hier max. so gross sein, wie in ihr benoetigt oder wie nebenstehendes mitte-div benoetigt */
}


/* detailseiten z.b. projekt, veranstaltung: logo links, text (titel, untertitel) daneben */
/* kontaktperson-listen fuer view z.b. fobei, praesidium */

table.detailseitenkopfliste,
table.detailseitenkopf, table.kontaktpersonliste, table.projektsuccessstoryliste, table.projektsuccessstorylistelinks, table.whitepaperliste, table.publikationliste {
	table-layout:auto;
	margin:0px;
	padding:0px;
	/*border-width:0px;*/
	border-collapse:collapse;
}
table.detailseitenkopfliste, table.kontaktpersonliste, table.projektsuccessstoryliste, table.projektsuccessstorylistelinks, table.whitepaperliste, table.publikationliste {
	table-layout:fixed; /* statt auto, damit width der foto-td fkt. */ /* wenn min-width in ie6 fkt wuerde, dann waere nur min-width und layout auto ok... */
}
table.kontaktpersonliste, table.projektsuccessstoryliste, table.whitepaperliste {
/*	border-width: 2px;
	border-style: solid;*/
	margin-bottom: 10px;
}
table.projektsuccessstorylistelinks {
	border: none;
}
tr.detailseitenkopfliste, tr.detailseitenkopf, tr.kontaktpersonliste, tr.projektsuccessstoryliste, tr.projektsuccessstorylistelinks-logozeile, tr.publikationliste {
	margin:0px;
	padding:0px;
}
/*tr.projektsuccessstorylistelinks { fkt nur bei td s.u.
	margin:50px;
	padding:20px;
}*/
tr.detailseitenkopfliste, tr.detailseitenkopf, tr.kontaktpersonliste, tr.projektsuccessstoryliste, tr.projektsuccessstorylistelinks-logozeile {
	vertical-align:middle;
}
tr.projektsuccessstorylistelinks,
tr.publikationliste
{
	vertical-align:top;
}
td.detailseitenkopfliste, td.detailseitenkopfliste-logo, td.detailseitenkopfliste-text,
td.detailseitenkopfliste-datum, td.detailseitenkopfliste-datumstext, 
td.detailseitenkopf, td.detailseitenkopf-logo, td.detailseitenkopf-text,
td.kontaktpersonliste, td.kontaktpersonliste-foto, td.kontaktpersonliste-text,
td.projektsuccessstoryliste, td.projektsuccessstoryliste-foto, td.projektsuccessstoryliste-text,
td.projektsuccessstorylistelinks-li, td.projektsuccessstorylistelinks-re,
td.publikation-bucheinband, td.publikation-bibtext
{
	margin:0px;
	padding:0px;
}
td.detailseitenkopfliste-logo {
	text-align: center;
}
td.detailseitenkopfliste-datum {
	text-align: left;
}
td.detailseitenkopfliste, td.detailseitenkopf, td.detailseitenkopf-logo, td.detailseitenkopf-text {
	vertical-align:middle;
}
td.kontaktpersonliste, td.kontaktpersonliste-foto, td.kontaktpersonliste-text {
	vertical-align:bottom;
}
td.projektsuccessstoryliste, td.projektsuccessstoryliste-foto, td.projektsuccessstoryliste-text,
td.detailseitenkopfliste-datum, td.detailseitenkopfliste-datumstext,
td.publikation-bucheinband, td.publikation-bibtext
{
	vertical-align:top;
}
td.kontaktpersonliste-foto,
td.projektsuccessstoryliste-foto { /* damit abstand zum rahmen der tabelle drumherum ueberall gleich (geht nicht in tr) */
	padding:5px; /* danach rechts mit mehr abstand ueberschreiben: */
}
td.detailseitenkopfliste-logo,
td.detailseitenkopfliste-datum,
td.detailseitenkopf-logo,
td.kontaktpersonliste-foto,
td.projektsuccessstoryliste-foto,
td.publikation-bucheinband
{
	padding-right:15px; /* nur, wenn ein logo vorh, abstand zum text rechts daneben einbauen */
}
td.detailseitenkopfliste-logo { /* innerhalb einer listenanzeige - z.b. uebersicht aller projekte aus views heraus */
	width:86px; /* 120x120 => 86px achtung, muss passend sein zu: imagecache preset l_projekt_gesamtliste plus padding-right hier drueber */
}
td.publikation-bucheinband { /* innerhalb einer listenanzeige - z.b. uebersicht aller projekte aus views heraus */
	width:99px; /* 140x140 => 99 breit achtung, muss passend sein zu: imagecache preset l_projekt_gesamtliste plus padding-right hier drueber */
}
/* nicht bei:
td.detailseitenkopfliste-text,
td.detailseitenkopfliste-datumstext*/
td.detailseitenkopf-text,
td.kontaktpersonliste-text,
td.projektsuccessstoryliste-text,
td.publikation-bibtext
{
	width:100%;
}
td.detailseitenkopfliste-datum {
	width:60px;/* fuer datum1 - datum2: 120px; */
}
td.kontaktpersonliste-text,
td.projektsuccessstoryliste-text { /* damit abstand zum rahmen der tabelle drumherum ueberall gleich (geht nicht in tr) */
	padding:5px;
}
td.projektsuccessstorylistelinks-li {
	margin:0px;
	padding:0px;
	padding-top:5px;
	width:40%; /* wenn ohne projektpartnerlogos (li text, re inhalt) */
	width: 60%;
}
td.projektsuccessstorylistelinks-re {
	margin:0px;
	padding:0px;
	padding-top:5px;
	width:60%; /* wenn ohne projektpartnerlogos (li text, re inhalt) */
	width:40%;
}


/*--------------------------*/
/* node-template END */
/*--------------------------*/

/*---------------------------*/
/* Front page elements START */
/*---------------------------*/

#firMainLeftFront {
	float: left;
	/* del20090226roly2:*/
	/*width: 179px;		*//* 199px incl. padding */ /*dann weisser strich links und rechts noch platz...*/
	width: 199px;
	background: #e4ecf4;
	/* padding: 0px; */ /* korrekt?????????????????????? */
	position: relative;
	/* height: 737px;
	min-height: 737px; */	/* set to achieve a min page-height of 900px */
	height: 827px;
	min-height: 827px;
	color: #6d6f88;
}

/* von maximago so vorgesehen, bringt aber extra weisse linien rein zwischen aktuelles
#firMainLeftFront .block {
	padding: 10px;
	border-bottom: 5px solid #fff;
}
*/

#firHeaderimageFront {
	margin: 0 0 10px 0;
}

#firHeaderimageFront img {
	border: 0;
	margin: 0;
	padding: 0;
}

#firMainRightFront {
	width: 727px;
	max-width: 727px;
	overflow: hidden;
	position: relative;
	/* height: 737px;
	min-height: 737px; */	/* set to achieve a min page-height of 900px */
	/* 20170807sl: nun mehr text erforderlich => ro: hoehe anpassen (dies dann auch fuer firMainLeftFront erforderlich s. o.! */
	height: 827px;
	min-height: 827px;
	color: #000000;
	margin-left: 203px;
}

#firMainLeftFront h2
/* view diashow, block_1 = startseite, Text 1. Grades */
, div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1
{
	color: #6d6f88;
}

#firFrontpageFooter {
	display: block;
	border-top: 1px solid #6e6e87;
	border-bottom: 1px solid #6e6e87;
	padding: 10px 0;
}

#firFrontpageFooter div.footerImage {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	border-width: 0px;
}

#firFrontpageFooter img {
	/*border: 1px solid #a4a5a7; *//* keine umrandung gewuenscht, deshalb 0 oder auskommentieren */
}

/*-------------------------*/
/* Front page elements END */
/*-------------------------*/



/***********************/
/* Drupal-styles START */
/***********************/

#admin-menu {
	margin-top: -20px !important;
}

.block .content {
	margin: 0;
	padding: 0;
}

div.node {
	margin: 0;
	padding: 0;
	border: none;
}

/* neu maximago */
fieldset * {
	/* position: relative; */
	height: auto;
	min-height: 1%;
}
/* ro20131030: nur (!) "Google Chrome 30.0.1599.101 m" zeigt die Buchstabengrafik zu riesig an,
   lt. surferfeedback wohl auch schonmal zu klein(?);
   fehlerursache ist obiges "min-height: 1%;";
   zur behebung mit der folgezeile konkret diesen einen fall ueberschreiben
   (scheint keinen fehler zu erzeugen in den anderen browsern) */
fieldset.captcha img {
	min-height: 0%;
}

div.wysiwygToolbar div {
	min-height: auto; /* hier keine mindesthoehe,
	sonst werden im tinymce die buttons im ie untereinander dargestellt statt nebeneinander,
	wenn ein dieses fliesstextfield einer gruppe zugehoert! */
}

/* neu maximago */
#tabs-wrapper {
	margin: 0;
	padding: 10px 0;
	background: #fff;
	border: none;
}

div.grippie {
	width: auto;
	min-width: 100.75%;
	max-width: 100.75%;
	display: block;
}

/*********************/
/* Drupal-styles END */
/*********************/



/*****************************/
/* Bottom-stretched elements */
/*****************************/
/*
#firMain {

}

#firMainLeft {
	 position: relative;
	 top: 0;
}
*/

#firMainLeft {
	position: absolute;
	bottom: 0em;
	top: 0em;
	left: 0em;
}

.eventBasics {
	position: absolute;
	top: 0em;
	left: 517px;
	bottom: 0em;
}

/******************************/
/* /Bottom-stretched elements */
/******************************/



/******************************/
/* views: leerer text         */
/******************************/

.view-empty {
	margin-top: 10px; /* abstand nach oben, da html-code in view/leerer Text nicht akzeptiert wird z.b. <p> oder <br> oder ein RETURN */
}


/*************************************************************/
/* Anzeige von Aktuelles auf der Startseite                  */
/* (ist Kopie von firSubmenu, also bei Bedarf beide aendern) */
/*************************************************************/

/* 20090226roly2neu, beginn: 

.firAktuellesBlock {
        padding: 0px;
        margin: 4px 0;
        font-size: 12px;
}
.firAktuellesBlock .views-row-odd,
.firAktuellesBlock .views-row-even {
        background: #ffffff;
        padding: 4px 0 0 0;
        margin: 0px;
}
.firAktuellesBlock .views-row-odd.views-row-first {
        background: #ffffff;
        padding: 0px;
        margin: 0px;
}

.firAktuellesBlock .views-row-odd.views-row-last, .firAktuellesBlock .views-row-even.views-row-last {
        padding-bottom: 4px;
}

.firAktuellesBlock p{
        padding: 0px;
        margin: 0px;
}

.firAktuellesBlock .views-field-title, .firAktuellesBlock .views-field-body {
        padding: 0px 20px 0px 10px;
}

.firAktuellesBlock .views-field-title {
        font-weight: bold;
        background: #ffffff;
        margin: 0px;
				padding-top: 7px;
}
.firAktuellesBlock .views-field-body {
        background: #ffffff;
        margin: 0px;
        padding-bottom: 6px;
}

.firAktuellesBlock .views-field-body a {
				color:#cc0066;
}

 20090226roly2neu, ende. */


/* zusaetzlich s. an den entspr. stellen:
	
	#firMainLeftFront,
	#firMainLeftFront .firAktuellesBlock,
	#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
	#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value,
	#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value div,
	#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url

	#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
*/
/* def. nicht extra noetig unten, sollte stattdessen dem allgemeinen standard der webseite entsprechen:
  #firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url a
*/


/*************************************************************/
/* Anzeige Sitemap "ohne" Ueberschrift "Primary Links"       */
/*************************************************************/

/* 20090303roneu, beginn: */

/* 1. "ohne" Ueberschrift "Primary Links"       */
/*************************************************************/

/* in einstellungen, sitemap koennen menues aufgenommen werden, die in die map aufgenommen werden sollen,
   die anzeige der zugehoerigen ueberschrift kann aber nicht unterbunden werden,
	 deshalb hier behelfsweise auf schrift 0 oder klein und sicherheitshalbe auch auf weiss auf weiss setzen: */
.site-map .sitemap-box .title {
	font-size: 0pt; /* firefox kann 0, ie setzt auf 1 */
	color: #ffffff; /* egal wie gross durch browser angezeigt, auf jeden fall nicht sichtbar, da weiss */
}

/* abstaende abzugucken bei:
   class="node">
   <div class="content clear-block"> */
/* #firMain #firMainRight .help p {
		geht nicht, veraendert auch z.b. strukt, block
*/
/* also evtl. in genau dieses textfeld einzugeben als vorbesetzung */

.sitemap-einleitung {
	margin-left: 10px; /* firefox kann 0, ie setzt auf 1 */
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.help p div.sitemap-einleitung p {
	margin-top: 0px; /* firefox kann 0, ie setzt auf 1 */
	padding-top: 0px;
}

/* 20090303roneu, end. */



/*************************************************************/
/* Anmeldeformulare (webform):                               */
/*************************************************************/

	/*	speziell fuer ein formular bestimmbar per aufgreifen von:
		form id="webform-client-form-5027" =>
		form#webform-client-form-5054 input[type=text] {
	*/

	/*	allgemein fuer alle bestimmen per aufgreifen von:
		form class="webform-client-form"
		form.webform-client-form input[type=text] {
		greift neben den veranstaltungsanmeldungen auch bei:
		- https://www.fir.rwth-aachen.de/presse/aufnahme-in-den-presseverteiler
		- https://www.fir.rwth-aachen.de/veranstaltungen/anmeldeformulare/e-mail-informationen-save-the-date
		- https://www.fir.rwth-aachen.de/ueber-uns/publikationen/-infoservice
		- https://www.fir.rwth-aachen.de/node/2233 (download von whitepapern)
		- https://www.fir.rwth-aachen.de/veranstaltungen/anmeldeformulare/informationsmaterial-instandhaltung
	*/
	
	/*	diese allgemeine def hier greift nicht fuer:
		- ma-seiten, e-mail, aufgeschaltetes formular,
		  wg.: form id="contact-mail-page"
		- suchformular-masken z. b. ueber die projekte
		  wg. form id="views-exposed-form-Projekt-page-1"
	*/

	form.webform-client-form div.resizable-textarea,
	form.webform-client-form input[type=text] {

		/* color: #0000ff; *//* test auf greifend */
		width:460px !important;
	}
	form.webform-client-form select {

		/* color: #0000ff; *//* test auf greifend */
		width:466px !important; /* werden anders gerechnet, hier wert von oben plus 6px */
	}



/*************************************************************/
/* Bei Aenderung der Presets fuer ImageCache anzupassen:     */
/*************************************************************/

/* wenn kein foto vorhanden, trotzdem die liste mit/ohne fotos sauber untereinander ausgeben */
td.kontaktpersonliste-foto,
td.projektsuccessstoryliste-foto { 
	/* min-width: 120px; *//* kann firefox, aber ie 6 nicht... */ /* hierbei waere table-layout:auto; machbar... */
	width: 120px; /* damit dies fkt, muss: table-layout:fixed; */
}



/*************************************************************/
/* MODUL-ANPASSUNGEN                                         */
/*************************************************************/


/* Modul multiselect: */
/**********************/
/* anpassungen, da auch nach ruecksprache auf drupal.org
	 keine loesung zur sichtbarkeitmachung fuer lange eintraege umgesetzt werden wird;
	 hier manipulation dahingehend, dass die beiden auswahlboxen untereinander angezeigt werden */

/* auswahlboxen: */
/* -> auf gewuenschte breite verbreitern,
			dadurch rutscht die zweite box (wie gewuenscht) automatisch unter die erste */
/*	definiert in, dort mit:
		./sites/all/modules/multiselect/multiselect.js:
			verwendet die definition
		./sites/all/modules/multiselect/multiselect.css:
			SELECT.multiselect_unsel, SELECT.multiselect_sel
				width:250px;
*/
SELECT.multiselect_unsel, SELECT.multiselect_sel {
	width: 650px; /* im fir-theme rutscht dann die zweite box unter die erste */
	margin-top: 0px;
}
SELECT.multiselect_unsel {
	float: left;
	margin-top: -300px; /* anzupassen */
}

/* beschriftung der auswahlboxen: */
/* -> ueberschrift 'selected options' oberhalb der nun unter der ersten box positionierten zweiten box anzeigen
      (ohne anpassg erscheint sie neben 'available options') */
/*	definiert in: ./sites/all/modules/multiselect/multiselect.css:
			label_unselected = available options
				float: left
			label_selected = selected options
				float: right; margin-rigth: 145 px;
		./sites/all/modules/multiselect/multiselect.module:
				die beiden ausgaben erfolgen direkt hintereinander mittels
					<div id="label_unselected">Available Options:</div>
					<div id="label_selected">Selected Options:</div>
*/
#multiselect_labels>#label_unselected {	/* = Available Options */
	margin-bottom: 3px; /* anpassung an fuer _selected s.u. definierten abstand */
}
#multiselect_labels>#label_selected { /* = "Selected Options"; zur von ro gewuenschten anzeige untereinander */
	margin-bottom: 3px; /* abstand zur box darunter */
	clear: both; /* verhindern, dass es noch um "Available Options" herumfliesst - sprich entspr. platz nach li hat */
	float: left; /* anpassg wie bei _unselected */
	margin-top: 281px; /* bei aenderg ist s. 'anzupassen' anzupassen!*/
}

/* +-/--Pfeile zwischen den Boxen: */
ul#multiselect_btns {
	margin-top: -130px; /* anzupassen */
} 


/* Modul statistics (enthalten im core: */
/****************************************/

div.block-statistics p.bearbeitbardurch
{
	padding-left: 0px;
}
div.block-statistics h2,
div.block-statistics h3,
div.block-statistics ul li
{
	color: #000000;
	font-size: 11px;
    font-weight: normal;
	margin-top: 0px;
}
div.block-statistics h2
/* ueberschrift ueber block => gewuenscht */
{
	font-size: 12px;
}
div.block-statistics h3,
div.block-statistics li,
div.block-statistics ul
/* unterueberschriften ueber blockbestandteilen => nur fuer ro => unwichtiger formatieren */
{
   margin-top: 0px;
   margin-bottom: 0px;
}
hr.bearbeitbardurch-drueber
{
   margin-top: 0px;
   margin-bottom: 0px;
}
hr.bearbeitbardurch-drunter
{
   margin-top: -8px;
   margin-bottom: 0px;
}
div.block-statistics h3
/* unterueberschriften ueber blockbestandteilen => nur fuer ro => unwichtiger formatieren */
{
   color: #777777;
   margin-top: 0px;
}


/*************************************************************/
/* Groessen + position fuer nicht haupttheme-elemente        */
/* s. http://de.selfhtml.org/css/eigenschaften/positionierung.htm */
/*************************************************************/

/* achtung: bei neuer diashow anzupassen: */

	/* view diashow, block_1 = startseite */
	div.view-diashow_block-1-startseite
	{
		height:322px; /* slideshow-hoehe plus 20px */
	}
	div.view-diashow_xxx_fliesstext_maxmax
	{
		position:relative; /* damit auf der seite dieser platz reserviert ist und text erst darunter weitergeht*/
		width:496px; /* field_dia_grafikfuellend groesse lt. imagecache dia_xxx_fliesstext_maxmax */
		height:331px; /* field_dia_grafikfuellend groesse lt. imagecache dia_xxx_fliesstext_maxmax */
	}

/* achtung: bei neuer diashow anzupassen: */

	/* view diashow, block_1 = startseite, ausfuellende Hintergrundgrafik */
	div.view-diashow_block-1-startseite div.field_dia_grafikfuellend
	{
		width:727px; /* ueberall anzupassen: field_dia_grafikfuellend groesse lt. imagecache dia_startseite_ausgefuellt */
		height:302px; /* slideshow-hoehe */
		position:relative; /* damit auf der seite dieser platz reserviert ist und text erst darunter weitergeht*/
		left:0px;
		top:0px;

		/* platz zum darunterfolgenden text einraeumen z.b. 20px */
		/* folgendes ueberlagert den folgetext in angegebener hoehe
		   dito beim einbau eine stufe hoeher, d.h. zur div.view-diashow_block-1-startseite */
		/* margin-bottom:20px; */
		/* padding keine loesung, dann wird der platz aufgefuellt mit hintergrundbild durch anfang der wiederholung desselben */
		/* stattdessen nur height in slideshow-einstellungen wird nur fuer ie ausgewertet
		   (probs damit werden auf drupal.org auch angekreidet, aber keine loesg) */
		/* loesg: kein height in slideshow und stattdessen div.view-diashow_block-1-startseite mit einer height versehen */
		
	}
	div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend
	{
		width:496px; /* field_dia_grafikfuellend groesse lt. imagecache dia_xxx_fliesstext_maxmax */
		/*s. auch: *//* platzierung innerhalb der hintergrundgrafik = 727pxBx302pxH*/
		height:331px; /* field_dia_grafikfuellend groesse lt. imagecache dia_xxx_fliesstext_maxmax */
	}
	div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend
	{
		position:relative; /* damit auf der seite dieser platz reserviert ist und text erst darunter weitergeht*/
		left:0px;
		top:0px;

		/* platz zum darunterfolgenden text einraeumen z.b. 20px */
		/* folgendes ueberlagert den folgetext in angegebener hoehe
		   dito beim einbau eine stufe hoeher, d.h. zur div.view-diashow_block-2-mitte */
		/* margin-bottom:20px; */
		/* padding keine loesung, dann wird der platz aufgefuellt mit hintergrundbild durch anfang der wiederholung desselben */
		/* stattdessen nur height in slideshow-einstellungen wird nur fuer ie ausgewertet
		   (probs damit werden auf drupal.org auch angekreidet, aber keine loesg) */
		/* loesg: kein height in slideshow und stattdessen div.view-diashow_block-2-mitte mit einer height versehen */
		
	}

div.view-diashow_block-1-startseite div.field_dia_grafikklein,
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikklein
{
	/* platzierung innerhalb der hintergrundgrafik = 727pxBx302pxH*/
	position:absolute; /* innerhalb des elternelements */
	right:5px;
	top:10px;
}
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1
{
	/* platzierung innerhalb der hintergrundgrafik = 727pxBx302pxH*/
	position:absolute; /* innerhalb des elternelements */
	right:5px;
	bottom:10px;
}
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_text1
{
	/* innerhalb des elternelements *//* platzierung innerhalb der hintergrundgrafik = 727pxBx302pxH*/
		position:absolute; 
		right:5px;
		right:10px; /* gleich zu unten */
		bottom:10px;
	/* unterhalb des elternelements */
	/* - die obere zeile eines zweizeilers würde allerdings ins bild reinkragen */
	/* - nicht aenderbar, weil wenn nach top kalkuliert wuerde darum der platz nicht ausreichen und unten abgeschnitten werden */
		position:absolute; 
		right:0px;
		bottom:-15px;
		/* bei unterhalb diese formatierg nutzbar:
		   - view-template: alternativzeile mit '<span class="fliesstext-image-untertitel">' einblenden: '//nutzen bei kleineren fuellbildern und text darunter'
			 - bildnummerierung 2 von 3 z.b. der schriftgroesse der bildunterschrift anpassen (s. hierunter)
			 - background ohne farbe, damit nicht ins bild reinkragend: */
			 background: none !important; /* = background-color: transparent; */
			 padding:0px !important;
			 margin:0px !important;
										/* fkt nicht...
										div.view-diashow_block-2-mitte div.field_dia_grafikfuellend div.field_dia_text1:after
										{	content:</span>;}
										div.view-diashow_block-2-mitte div.field_dia_grafikfuellend div.field_dia_text1:before
										{	content:<span class=\"fliesstext-image-untertitel\">;}
										*/
}
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_copyright /* entwickelt fuer und uebernommen von ak-sb.net */
{
	-moz-transform:rotate(270deg); /* Firefox */
	-ms-transform:rotate(270deg); /* IE 9 *//* fkt nicht, stattdessen: */
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-o-transform:rotate(270deg); /* Opera: fuer opera 27 fkt auch ohne */
	-webkit-transform:rotate(270deg); /* Safari und Co; auch fuer safari 5 & chrome 4 noch noetig */
	transform:rotate(270deg);
	
	/* muss als letzter stehen */ /* fkt fuer chrome 40 */

	/* platzierung innerhalb der hintergrundgrafik = 727pxBx202pxH*/
	
	/* hochkant schreiben von unten */
	/*   = kopf nach links, um zu lesen = von unten nach oben geschrieben */
	/*   - nach rotate kein leerzeichen, sonst fkt nicht */
	/*   - 270 = -90 deg */

	/* width: breite des ungedrehten textes; muss sein, damit anzeigestelle bei div. textlaengen nicht springt; falls text zu lang, wird er anhand dieser angabe umgebrochen */
	/* achtung: bei neuer diashow anzupassen: */
		width:331px; /* field_dia_grafikfuellend groesse lt. imagecache dia_xxx_fliesstext_maxmax */ /* !weite hier als hoehe eintragen! */
	
	/* ACHTUNG: mit veraenderg wird der text verschoben, dann also anpassungen noetig bei right&bottom: */
	/* height: 1em; */ /* fkt, aber: a) bei einzeilig nicht noetig; b) fkt nicht bei mehrzeilig, dazu stattdessen: */
	/* height:50px; *//* hoehe des ungedrehten textes; dann erfolgt zeilenumbruch wenn zu langer text beim blank; mehr textzeilen als platz werden auch dargestellt, 1. zeile bleibt unveraendert stehen, der weitere text erscheint 'darunter'=rechts */
	height: 2em;

	position:absolute; /* innerhalb des elternelements */

	/* achtung: bei neuer diashow anzupassen: */
		/* right: position des rechtecks, mehrzeiliger text laeuft bei bedarf rechts daneben weiter in nicht dazu geplanten raum... */

		/* bei width:727px; und height:202px; diese werte: */
		/* right:-90px; *//* je negativer, desto mehr rechts */
		/* bottom:100px; *//* abstand von unten, aber 0 gibt kleiner 0 */

		/* bei width:496px; und height:331px; diese werte: */
		right:-155px; /* je negativer, desto mehr rechts */
		bottom:165px; /* abstand von unten, aber 0 gibt kleiner 0 */

/* ie fkt nicht, anpassungsversuche: */
/*	right:200px; *//* je negativer, desto mehr rechts */
/*	bottom:-150px; *//* abstand von unten, aber 0 gibt kleiner 0 */

	/* versuch, text an letzter zeile zu verankern bezogen auf rechten rand statt an erster, d. h. linkester zeile */
	/* damit laesst sich nichts steuern: text-align:bottom; */
	/* -> keine loesg gefunden => falls es mehrzeilig werden kann und soll, dann height entspr. auf max.-moeglich vorkommende hoehe setzen */

	text-align:left; /* ist textausrichtung des ungedrehten textes */

   	font-size: 6pt;
	font-weight: normal;
	color:#f2f2f2; /* hellgrau ohne background */

	/* hintergrund fkt nicht, da gesamte breite gefuellt wird; hoehe mind. 2em, sonst farbflaeche nach oben verschoben vom text:
	   background-color:#ffffff;
	   vertical-align:middle; text auf background mitteln
	   color:#999999; dunkelgrau, wenn background vorh. */


	/* ACHTUNG: mit veraenderg wird der text verschoben, dann also anpassungen noetig bei right&bottom: */
	/* zum testen: border: 3px solid #ff0000; */
}

div.views-slideshow-controls-bottom {font-size:8pt;color:#999;}/* hierhin wert uebertragen von fliesstext-image-untertitel minus 2 */
										/* in view einstellen, 2 gleichzeitg anzuzeigen => erscheinen untereinander;
											 hier: versuch diese stattdessen nebeneinander anzuzeigen => fuer ie fkt, ff nicht... 
											 div.views_slideshow_slide > div.views-row-odd
											 {float: left;}
											 div.views_slideshow_slide > div.views-row-even
											 {clear: left;}
										*/


/* untertitel unter diashows: */
/* anzupassen an span.fliesstext-image-untertitel, damit immer alle 'untertitel' ueberall gleich */

		/* div.view-diashow_xxx_fliesstext_maxmax_block-1-erp-innovation-lab */
		/* - achtung s. u. bei bedarf dann dazu passend blocknummer anzupassen von view-display-id-block_3 */
		/* - hat uebergeordnet stehen: div class="view view-diashow view-id-diashow view-display-id-block_3 view-dom-id-1"
		     wird nicht manipuliert von der view "diashow", "Theme: Information" im Standard "Anzeigeausgabe: views-view.tpl.php" */

		div.view-diashow_xxx_fliesstext_maxmax_block-1-erp-innovation-lab div.field_dia_grafikfuellend div.field_dia_text1
		{
			color: #999; /* color: breadcrumb */
			font-size:10px;
		}
		/* anpassung zaehler auf untere und obere schrifthorizontale des bilduntertitels */
				/* bei bedarf konkreter moeglich per: */
				/* div.view-id-diashow_xxx_fliesstext_maxmax.view-display-id-block_1 div.views_slideshow_image_count */
		div.view-id-diashow_xxx_fliesstext_maxmax div.views_slideshow_image_count
		{
			padding-top:3px;
			font-size:10px;
		}

/*************************************************************/
/* Abstaende fuer nicht haupttheme-elemente                  */
/*************************************************************/

body, 
mitte, rechts,
h1, h2, h3, h4, h5, h6,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	margin: 0;
	padding: 0;
}

h2 {
	/*ro: alles nullen: */ 
	margin:0px; padding:0px;
}

div.content h2.mainTitle, div.mitte h2.mainTitle {
	   /*KOMMANFdurch node-typname ausgegebenen mainTitle
	   anpassen an hoehe des titles aus standard-page.tpl.php-ausgabe:
	   (<div class="content clear-block">..<h2 class="mainTitle">
	   u.a. native-vorteil: hat korrekten abstand von folgendem h2 untertitel)KOMMEND*/
	/* margin-top:-8px; */
	/* margin-bottom:8px; */ /*KOMMANF anpassen auf abstand, den der allgemeine titel zum darunter befindlichen hat KOMMEND*/
}

/* s. auch page.tpl */

h3,
h3.systemgegeben, h3.systemgegeben-veranstreihe, h3.systemgegeben-veranstart, h3.systemgegeben-veranstaltung, h3.systemgegeben-allg_text_inkl_rechts_weiteres,
.rechts h3,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	margin-top:12px;
}

h3.organigramm, h3.organigramm ul, h3.organigramm ul li, p.organigramm {
	margin-top:0px;
	margin-bottom:0px;
}
h3.organigramm ul li, p.organigramm {
	margin-bottom:4px;
}
h3.organigramm ul li {
	margin-top:8px;
}

.rechts p
{
	margin-top:0px;
	margin-bottom:3px;
}
.rechts /* <div class="xxx"> */
{
	margin-left: 517px;
	padding: 10px;
	margin: 0;
}
.rechts h3
{
	margin-bottom:1px; 
}
.rechts h3.first
{
	margin-top: 0px;
}

/*ulli*/
ul li, ul li.views-row, div#contact-list ul li { /* achtung teilweise aus style.css uebernommen...! */
/* 'div#contact-list ul li' noetig, da dort auf 'ul li' nicht reagiert wird... */
  padding: 0 0 .2em 1.5em; /* uebernommen aus style.css; em bezogen auf schriftgroesse */
}

td.detailseitenkopfliste-datumstext { /*abstaende der einzelnen datensaetze innerhalb der view-liste*/
	padding-bottom:8px;
}

.theme-darstellung-unformatiert.pdflink { /* s. ul li */
  margin-top: 5px;
	margin-bottom: 0px ; /* .2em = relativ, bezogen auf die schriftgroesse des elements */
	/*margin-left: 20px;*/
}
.theme-darstellung-unformatiert.detailseitenkopf { /* z.b. in ou, liste der zugehoerigen projekte */
  margin-top: 20px;
	margin-bottom: 0px ; /* .2em = relativ, bezogen auf die schriftgroesse des elements */
}

.webform-confirmation { /* modul webform: text auf der bestaetigungsseite*/
	/* abstand einfuegen, wird sonst standardmaessig dargestellt einfach als neue zeile */
	margin-top:8px;
	margin-bottom:8px;
}

/* es gibt subtitle und maintitle, einmal der eine oder der andere oben stehend,
   deshalb ueber oben und unten getrennt davon definieren, wer oben bzw. unten steht;
	 abh. davon dann z.b. fuer das gesamtpaket der h2s die abstaende nach oben bzw. unten definieren */

h2.oben, td.detailseitenkopf-text h2.oben {
	margin-top: 0px;
}
h2.unten, td.detailseitenkopf-text h2.unten {
	margin-bottom: 0px;
}
h4.successstory { /* Darstellung des Titels der Success Story innerhalb der View */
	margin-top: 12px;
	margin-bottom: 36px; /* bei projektpartner darunter ohne logo*/
	margin-bottom: 24px;
	margin-bottom: 12px;
}

p.bearbeitbardurch, p.bearbeitbardurch-internhinweis, p.bearbeitbardurch-internhinweis-mini {
	margin-left: 5px;
	margin-top: 6px;
	margin-bottom: 8px;
}
p.bearbeitbardurch-internhinweis-mini {
	margin-top: 0px;
	margin-bottom: 0px; /* wo verwendet? */
	margin-bottom: 10px; /* 20150518 umstellg ro auf abstand wie ohne mini; verwendet fuer bearbeitgshinweise, letzte zeile = abstand zur linie */
}

/* bilduntertitel / bildunterschrift */

span.fliesstext-image-mit-untertitel,
span.fliesstext-image-mit-untertitel-float-left, span.fliesstext-image-mit-untertitel-float-right {
	text-align:left; /* muss hier sein, das direkt beim untertitel wird nicht genommen... */
	margin-bottom: 10px !important;
}
span.fliesstext-image-mit-untertitel {
	margin-right: 20px !important;
}
span.fliesstext-image-mit-untertitel-float-left {
	float:left;
	margin-right: 20px !important;
}
span.fliesstext-image-mit-untertitel-float-right {
	float:right;
	margin-left: 20px !important;
}
img.fliesstext-image, img.fliesstext-image-float {
	margin-bottom: 5px;
}
span.fliesstext-image-untertitel, span.fliesstext-image-untertitel-float {
	margin:0px;
}

#firMainLeftFront,
#firMainLeftFront .firAktuellesBlock,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url,
#firMainLeftFront .firAktuellesBlock .views-field-nid
{
	margin: 0px;
	padding: 0px;
}
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url,
#firMainLeftFront .firAktuellesBlock .views-field-nid
{
	padding-left: 10px; /* fkt auf groberer ebene nicht... */
	padding-right: 20px; /* fkt auf groberer ebene nicht... */
}
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
#firMainLeftFront .firAktuellesBlock .views-field-nid
{	
	padding-top: 7px;
}
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url,
#firMainLeftFront .firAktuellesBlock .views-field-nid
{	
	padding-bottom: 6px;
}

/* formatierung jeder einzelnen aktuelles-meldung in ihrer gesamtheit */
#firMainLeftFront .firAktuellesBlock .views-row-odd,
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-first,
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-last,
#firMainLeftFront .firAktuellesBlock .views-row-even,
#firMainLeftFront .firAktuellesBlock .views-row-even.views-row-last
{
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
}
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-last,
#firMainLeftFront .firAktuellesBlock .views-row-even.views-row-last
{
	padding-bottom: 4px;
}
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-first
{
	padding-top: 0px;
}


/*************************************************************/
/* Rahmen inkl. Farben fuer nicht haupttheme-elemente        */
/*************************************************************/

/* ma-foto */
/* table.projektsuccessstoryliste, *//* 20151204ro: del kasten drumrum; stattdessen nun nichts und zwischen elementen linientrennung (per 1. feldrewrite in der view plus <br><hr><br>) */
table.kontaktpersonliste, table.whitepaperliste,
img.fliesstext-image, img.imagecache-ma_foto_alleaktiven, img.imagecache-ma_foto_details, img.imagecache-l_publikation_details, img.imagecache-l_kontaktunt_spalte-re, img.imagecache-l_projekt_successstoryliste,
.view-diashow .field_dia_grafikfuellend,
p.objecct, object {
	border-width: 2px;
	border-style: solid;
}
/* ma-foto */
table.kontaktpersonliste,
/* table.projektsuccessstoryliste, *//* 20151204ro: del kasten drumrum; stattdessen nun nichts und zwischen elementen linientrennung (per 1. feldrewrite in der view plus <br><hr><br>) */
table.whitepaperliste,
img.fliesstext-image, img.fliesstext-image-float, img.imagecache-ma_foto_alleaktiven, img.imagecache-ma_foto_details, img.imagecache-l_publikation_details, img.imagecache-l_kontaktunt_spalte-re, img.imagecache-l_projekt_successstoryliste,
p.objecct, object {
	border-color: #f2f2f2; /* color: rahmenfarbe fuer view-elemente */ /* grey, grau, bilderrahmen */
}

/* diese grafiken erscheinen auf dem rahmen-grau, also fuer diese dunkler waehlen: */
img.imagecache-l_kontaktunt_spalte-re, img.imagecache-l_projektfoerdergrafik_spalte-re{
	border-width: 2px;
	border-style: solid;
}
img.imagecache-l_kontaktunt_spalte-re, img.imagecache-l_projektfoerdergrafik_spalte-re {
	border-color: #e1e1e1; /* color: rahmenfarbe fuer view-elemente */ /* grey, grau, bilderrahmen */
}
img.imagecache-xxx_spaltere_grafik
{
	border-width: 1px; /* dezenter */
	border-style: solid;
	border-color: #0067a6; /* th-dunkelblau */
	border-color: #999999;/* dunkelgrau edler */
}
.view-diashow .field_dia_grafikfuellend
{
	border-color: #f2f2f2; /* color: rahmenfarbe fuer view-elemente */
}


p.objecct {
	/* display: block; aendert nichts an anderer breite in ff wenn mit rahmen*/ 
	/* border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-collapse: separate; */
	/* outline: 2px solid #f2f2f2; */
	/* padding: 2px; */

/*	border: 2px solid #ffffff;
	border-left: 4px solid #ffffff;
	outline: 2px solid #f2f2f2; *//* li outline fehlt... */
}



/* bilduntertitel / bildunterschrift */

span.fliesstext-image-untertitel, span.fliesstext-image-untertitel-float
/*.fliesstext-image-untertitel*/
{
	/* color:#f2f2f2; rahmenfarbe zu hell fuer text */
	color: #999; /* color: breadcrumb */
	font-size:10px;
	text-align:left; /* passend zum fir-layout*//* ps: ... fkt nicht: text-align:center; */
	margin-bottom:0px; 
}


/* formatierung von links, genutzt zur darstellung von print/e-mail/pdf */

/* aus themes\garland\style-rtl.css:
ul.links li, ul.inline li {
  padding-left: 1em;
  padding-right: 0;
}
.node .links, .comment .links {
  text-align: right;
}
.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  padding-right: 1em;
  padding-left: 0;
}*/
/* aus themes\garland\style.css:
ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; *//* LTR *//*
  padding-right: 1em; *//* LTR *//*
  background-image: none;
}
.node .links, .comment .links {
  text-align: left; *//* LTR *//*
}
.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}*/
/* greift nicht...
ul.links li {
	margin-top:150px !important;
	padding-top:140px !important;
}
*/

/*************************************************************/
/* Farben fuer nicht haupttheme-elemente                     */
/*************************************************************/

body, /* z. b. admin-menue */
mitte, rechts,
h1, h2, h3, h4, h5, h6,
p /* auch fuer tinymce-felder genutzt */
{
	color:#000000; /* maxi: #808080; - warum?*/
	background: none;
}
h2.mainTitle, h2.subTitle
/* view diashow, block_1 = startseite, Text 1. Grades */
, div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1
{
	color:#dc1969;
}
/* view diashow, block_1 = startseite, Text 1. Grades */
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1
{
	/*background:#f2f2f2;*/ /* grau von der detailsspalte rechts */
	background: none; /* = background-color: transparent; */
	padding:0px; /* abstand des hintergrundfarbblocks um den text herum */
}
div.view-diashow_xxx_fliesstext_maxmax div.field_dia_grafikfuellend div.field_dia_text1
{
	/*background:#f2f2f2;*/ /* grau von der detailsspalte rechts */
	background: none; /* = background-color: transparent; */
	background-color: white;
	/* abstand des hintergrundfarbblocks um den text herum */
	padding:3px; /* 0 fuer ff ok, schneidet aber bei ie unterlaengen z.b. vom g ab! */
							 /* 3 z.b. noetig bei schriftgroesse 20px */
}

h3,
h3.systemgegeben, h3.systemgegeben-veranstreihe, h3.systemgegeben-veranstart, h3.systemgegeben-veranstaltung, h3.systemgegeben-allg_text_inkl_rechts_weiteres,
.rechts h3, h4.successstory
{
	color:#000000;
	background: none;
}
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	background: #e4ecf4; /* color: aktuelles-background */
	color: #6e6e87; /* color: aktuelles-schriftfarbe */
}


/* link-definition */

/*"linkformatierung"*/
/* in gleicher farbe setzen: alt-text, wenn kopfzeilengrafik nicht angezeigt werden kann: */
img[usemap], object[usemap] {
  color: #0067a6; /* th-dunkelblau */
}
a:link,
a.active:link, /* fuer: <a href="..." title="..." alt="..." class="active">, d.h. active ist fest im code drin */
.rechts a:link {
  color: #0067a6; /* th-dunkelblau */
}
a:visited,
a.active:visited,
.rechts a:visited {
  color: #779ec9; /* th-hellblau */
}
a:focus, a:hover, a:active,
a.active:focus, a.active:hover, a.active:active,
.rechts a:focus, .rechts a:hover, .rechts a:active {
  color: #0067a6; /* th-dunkelblau */
}
#firFooter a:link, #firFooter a:visited, #firFooter a:focus, #firFooter a:hover, #firFooter a:active, #firFooter a.active
{
  color: #ffffff; /* weiss */
}

/* 20100202 cr: ueberschrift soll nicht mehr th-blau, sondern schwarz sein, d.h. def s.o.
.rechts h3 KOMMANF nur fuer die rechts, die im mittleren fliesstext ist anders formatiert KOMMEND
{
	color:#0067a6; KOMMANF th-dunkelblau KOMMEND
	background: none;
}
*/

.rechts p
{
	color:#000000;
}

/* bsp veranstaltung */
.zurueckgenommenertext, .zurueckgenommenertext h3, .zurueckgenommenertext p {
	/* zu nah an schwarz und je nach monitoreinstellung:
	color:#4b4b4b;
	color:#646464; */
	color:#7f7f7f;
	color:#828282;
}


/* 20100202 cr: ueberschriftsinhalt soll nicht mehr th-blau, sondern schwarz sein, da hier eher als fliesstext eingesetzt d.h. def s.o.
h4.successstory { KOMMANF Darstellung des Titels der Success Story innerhalb der View KOMMEND
	color:#0067a6; KOMMANF th-dunkelblau KOMMEND KOMMANF angepasst an linkfarbe, die im akronym darueber automatisch verwendet wird... KOMMEND
}
*/

p.bearbeitbardurch {
	color: #000000;
}
p.bearbeitbardurch-internhinweis {
	color: #000000; /* http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm */
}
p.bearbeitbardurch-internhinweis-mini {
	color: #808080; /* http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm */
}
hr.bearbeitbardurch-drueber, hr.bearbeitbardurch-drunter {
/* freundlicher, deshalb doch so: (auffaelliger, aber teilweise mit hintergrund beissend):*/
	color: #cc0066;
	background-color: #cc0066;
/* einheitlich, aber zu depressiv...:
	color: #000000;
	background-color: #000000;*/
	height:2px;
}


hr { /* formatiert wie spiegelstriche, diese wie design-linien ganz oben auf webseiten */
	color:#dee0e3;
	background-color:#dee0e3;
	height:2px;
}

/* formatierung jeder einzelnen aktuelles-meldung in ihrer gesamtheit */
#firMainLeftFront .firAktuellesBlock .views-row-odd,
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-first,
#firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-last,
#firMainLeftFront .firAktuellesBlock .views-row-even,
#firMainLeftFront .firAktuellesBlock .views-row-even.views-row-last
{
	background: #ffffff;
}

/* formatierung der einzelteile der aktuelles-meldung */
#firMainLeftFront,
#firMainLeftFront .firAktuellesBlock,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value div,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url,
#firMainLeftFront .firAktuellesBlock .views-field-nid
{
	background: #e4ecf4; /* color: aktuelles-background */
	color: #6e6e87; /* color: aktuelles-schriftfarbe */
}

/* modul webform, hier presse, presseverteiler */
/* *********************************************/

/* - gruppierungsfeld */
.webform-component-fieldset {
/* rubrik presse:
	 - hellgrau: eeeef1
   - dunkelgrau: 6e6e87*/
	border-color:#eeeef1;
	border-style:solid;
	border-width: 2px;
	border-left-color:#6e6e87;
	border-left-style:solid;
	border-left-width: 4px;
	background-image: none;
}
/* - name des gruppierungsfelds */
.webform-component-fieldset legend,
.webform-component-fieldset legend a:link,
.webform-component-fieldset legend a.active,
.webform-component-fieldset legend a:visited,
.webform-component-fieldset legend a:focus, .webform-component-fieldset legend a:hover, .webform-component-fieldset legend a:active
{
	color:#6e6e87;
	font-weight: bold;
}


/* Modul glossary: */
/*******************/
/* stellt die description in webformularen schwarz statt grau dar, weil dann body greift und nicht .description { aus der style.css */
/* also hier nochmal setzen */
body.fir2 #firMainRight .description p {
  color: #898989;
}


/*************************************************************/
/* schriftgroesse und -gewicht fuer nicht haupttheme-elemente*/
/*************************************************************/

body, /* z.b. admin-menue */
mitte, rechts,
h1, h2,
/* view diashow, block_1 = startseite, Text 1. Grades */
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1,
h3, h4, h5, h6 {
	font-size: 10pt;
	font-weight: normal;
}

h2 {
	font-size: 16px;
			/* maximago, aber ungleich etcetera: */
			/* font-size: 14px; */
			/* font-weight: bold; */
}
/* view diashow, block_1 = startseite, Text 1. Grades */
div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1
{
	font-size: 70px;/* 50 und bold geht; 70 und nicht bold */
}

h2.mainTitle
/* view diashow, block_1 = startseite, Text 1. Grades */
/*, div.view-diashow_block-1-startseite div.field_dia_grafikfuellend div.field_dia_text1*/
{
	font-weight:bold;
			/* maximago, aber ungleich etcetera: */
			/* font-size: 14px; */
			/* font-weight: bold; */
}
h2.subTitle {
	font-size:14px;
}

h3,
h3.systemgegeben, h3.systemgegeben-veranstreihe, h3.systemgegeben-veranstart, h3.systemgegeben-veranstaltung, h3.systemgegeben-allg_text_inkl_rechts_weiteres,
.rechts h3,
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	font-size:12px;
	font-weight:bold;
}
h4.successstory { /* Darstellung des Titels der Success Story innerhalb der View */
	font-weight:bold;
}
#firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url
{
	font-size:12px;
}
.mitte {
	font-size: 12px;
}
.rechts, .rechts h3 {
	font-size: 11px;
}
.rechts h3 {
	font-size: 12px;
}

p.bearbeitbardurch, p.bearbeitbardurch-internhinweis {
	font-size: 11px;
}
p.bearbeitbardurch-internhinweis-mini {
	font-size: 9px;
}
/*ueberschreibt etwas: 
.mitte h3, .mitte p {
color:#ff0000;
}
*/
div.block-user /* admin-menue */
{
	font-size: 10px;
}
div.block-user h2
{
	font-size: 12px;
}

table tbody {
	border: none; /* noetig, damit nicht ueber tabellen immer eine linie angezeigt wird im firefox... */
}


/*************************************************************/
/* sonderseiten, hier: landingpage                           */
/*************************************************************/

/* diese grafiken erscheinen auf dem rahmen-grau, also fuer diese dunkler waehlen: */
.rechts.landingpage img {
	border-width: 2px;
	border-style: solid;
}
.rechts.landingpage img {
	border-color: #e1e1e1; /* color: rahmenfarbe fuer view-elemente */ /* grey, grau, bilderrahmen */
	border-color: #ffffff; /* 20150818ro: strahlender... ?! */
}

/* nur hier: ausnahmsweise farbgestaltung anpassen statt veranstaltungsgruen */
	/* titel, untertitel der seite */
	.landingpage #firMainContent .mitte h2 {
		color: #0069B5; /* dunkelblau */
	}
	/* zwischenueberschriften innerhalb der seite */
	.landingpage #firMainContent .mitte h3 {
		color: #0069B5; /* dunkelblau */
	}
	/* text in der spalte rechts */
	.landingpage #firMainContent .rechts,
	.landingpage #firMainContent .rechts h3 {
		color: #0069B5; /* dunkelblau */
	}

/* nur hier: ausnahmsweise hervorstechender formatieren durch groessere schriftart */
.landingpage #firMainContent .mitte h3,
.landingpage #firMainContent .rechts h3 {
	font-size:14px; /* analog zuer ueberschrift auf der seite */
}

/*
<div class="rechts landingpage"
#eff6e7
*/


/* s. ausserdem weiter unten: #firContentleft .rechts.landingpage */
/* nur fuer seiten ausserhalb von fir.de noetig, die nicht die fir.de-rechte-spalte haben */
/* also hier nicht... */


/************************/
/* Equally long columns */
/************************/

#firContentleft .rechts {
	width: 187px;
}

#firContentleft {
	overflow: hidden;
}

/* und s.u.! */

/************************/
/* Equally long columns */
/************************/



/*******************/
/* Clearfix method */
/*******************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/********************/
/* /Clearfix method */
/********************/



/***********************/
/* view-formatierungen */
/***********************/

/* Mitarbeiter, Seite 1 = Alle Mitarbeiter aktiv, wenn als grid=Raster angezeigt */
/* ***************************************************************************** */
div.view-Mitarbeiter.view-display-id-page_1	div.view-content > table.views-view-grid > tbody tr {
	vertical-align:top;
}
div.view-Mitarbeiter.view-display-id-page_1	div.view-content > table.views-view-grid > tbody tr td span.views-field-field-ma-foto-fid {
  /* fkt so auch fuer nicht vorh. fotos */
	display:inline-block; /* damit eine hoehe zu diesem span definiert werden kann: */
	/* imagecache, preset: imagecache_scale for preset ma_foto_alleaktiven:
	   breite: 50px erzeugt bei standardfotos hoehe von: 75; diese hier nehmen plus 5 px => 80
		 neu 20100415 cr, th (alle fotos neu rein im seitenverhaeltnis 3:4): hier wunsch anzuzeigen mit 60px breit => 80px hoch plus 5px => 85
		 */
	height:85px; 
}
/* damit alle spalten gleich breit, egal wo gerade wie lange namen darunter erscheinen: */
div.view-Mitarbeiter.view-display-id-page_1	div.view-content > table.views-view-grid {
	table-layout:fixed;
}


/*************************************************************/
/* exposed-form-formatierungen                               */
/*************************************************************/
/* !!! -> jedes neue feld/operator hier passend aufnehmen!!! */
/*************************************************************/


/* schriftgroesse: */
/* --------------- */
/* - schrift: 11!*/
/*   schriftgroessenaenderg aendert leider nichts bei der breite der operatorfelder, diese z.b. bei 11 zu breit, bei 14 passend, deshalb diese abh. von schriftgroesse unten passend breitenbesetzen */
/*   Achtung: ff wuerde falls zu schmal gesetzt beim aufklappen breitere eintraege anzeigen, ie schneidet diese aber ab, also breite abh. vom breitesten element def! */
/* - aller labels innerhalb der form: */
		form div.views-exposed-form {
			font-size:11px; /* i.d.r. gleich zu den feldern in der form */
											/* suche nach: schriftgroesse passend zueinander definieren! */
		}
		/* steuert die labels an - bei bedarf */
		/*
		form div.views-exposed-form label {
			font-size:15px;
		}
		*/
		/* schriftgroesse des label-zusatzes i.d.r. hilfetext der form, also etwas zurueckgenommener darstellen
			 durch kleinere schriftart oder HIER durch nicht-fett (da labels demgegenueber fett sind) oder - falls die schriftart der labels schon sehr klein - dann nur optisch durch einklammerung des textes */
		form div.views-exposed-form label.label-zusatz {
			font-size:11px; /* suche nach: schriftgroesse passend zueinander definieren! */
			font-weight:normal;
		}
/* - schriftgroesse aller felder und operatoren innerhalb der form: */
		form div.views-exposed-form select,
		form div.views-exposed-form input[type=text]{
			font-size:11px; /* ff: 11 kragt z.b. bei projektpartnern uber die re spalte hinaus */
											/* ff: 10 passt fuer projektpartner bei vorh. re spalte */
											/* suche nach: schriftgroesse passend zueinander definieren! */
		}
/* schriftgroesse. */
/* --------------- */


/* herausforderung lange eintraege in aufklapplisten, die in ihrer ueberlaenge/rechts nicht sichbar sind: */
/* ------------------------------------------------------------------------------------------------------ */
/* - loesung: beschraenkung der anzeige mittels 'width:100%;' auf mittelspaltenbreite.
     fuehrt nicht zum rechts ueberkragenden ziel,
     aber zumindest zeigt es schonmal einen für 'daus' praktischen - und fuer die optik gleichmachenden sauberen - senkrechten scrollbalken an -
	   der hier sonst auch nicht vorh. waere wg. des unterkragens der textueberlaenge unter die re spalte
		 => beim aufklappen nach klick auf eine einfach-/multiple-auswahl wird im ff - wie ohne angabe - re ueberbreit angezeigt, im ie bleibt groesse beschraenkt auf mittelspaltenbreite;
		 <- die einzig sinnvolle, bzgl. aufwand vertretbare loesung
		 -> zum klaren test bei bedarf oben bei 'form div.views-exposed-form select' die schriftgroesse temp auf z.b. 20 statt 10 setzen */

										/* verworfen, da unschoen:
										   alle felder gleich breit, auch die operatoren-auswahl...*//*
										   form div.views-exposed-form select {
											   width:100%; }*/
										
										/* verworfen, da multiple-felder so nicht speziell ansteuerbar(?):
										   form div.views-exposed-form select input[multiple=multiple] { */

										/* urspruenglich:
											 hier haendisch (nur) alle (select-)felder (mit einfach- oder mehrfach-auswahl) aufnehmen, die so lange eintraege enthalten, dass diese ueber den re rand hinauskragen
											 stattdessen   aber nun realisiert:
							 		     fuehrt bei ueberbreiten feldern zur korrekten max. moeglichen anzeige und diese untereinander alle gleich breit und zwar: 367px;
											 
											 fuer schmalere felder muss stattdessen ===> geht auf in loesung s. unter 'sauberes untereinanderformatieren' <=== 
											 (nur, falls liste als right definiert bliebt, damit dann - optisch notwendig - gleichbreit mit den vorgenannten)
											 dieser (s. u.) px-wert angegeben werden, damit das feld an analoger stelle (innerhalb der mittelspalte re spalte, alle linksbuendig untereinander) angezeigt wird...
											 (feld ist dadurch natuerlich eigentlich zu breit fuer die nur schmaleren listeneintraege...) */

										/* - alternativ-versuch:
										     formatiert das element, das drumrum vorh. ist, so, dass re und un ein scrollbalken erscheint
											   (nicht brauchbar, da das multiselect-feld darin seinen scrollbalken zusaetzlich behaelt...)
										#edit-field-projekt-partner-nid-wrapper {overflow:auto;} */

										/* steuert die eintraege der aufklapplisten an - bei bedarf *//*
										form div.views-exposed-form select[multiple=multiple] {color: #ff0000;
											overflow:visible; fkt alle nicht...
											overflow:visible !important; -> fuehrt nicht dazu, dass alles sichtbar auch ueber den re rand hinaus angezeigt wird...
											overflow:scroll; -> zeigt keinen waagerechten scrollbalken an...
											overflow:auto; }*/

/* herausforderung lange eintraege in aufklapplisten, die in ihrer ueberlaenge/rechts nicht sichbar sind. */
/* ------------------------------------------------------------------------------------------------------ */


/* sauberes untereinanderformatieren aller eintraege in li spalte ist label, re spalte daneben enthaelt: operator, darunter feld: */
/* ------------------------------------------------------------------------------------------------------------------------------ */

	/* neue 'zeile' anfangen: */
	form div.views-exposed-widget /* beginn einer jeden exposed-feld-ausgabe */
	{									/*border: 1px solid #ff0000;*/
		clear:both;  /* verhindert, dass das naechste feld direkt neben das vorige geschrieben wird, solange platz dafuer ist
										erscheinung nur sichtbar bei: form div.views-exposed-form div.views-widget {width:50px;}
										also ist im system an einer anderen stelle ein float fuer diese exposed felder gesetzt... */
		/* !fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
	}
	
	/* li spalte: */
	
	/* - label */
		form div.views-exposed-form label
		{								/* color: #ff0000; *//*border: 1px solid #ff0000;*/
			display:block;
			float:left;
			padding-top:3px;  /* verticaler ausgleich label mit nebenstehendem select-feld bzgl. schriftunterkante */
												/* -> leider nicht sauber gleich fkt fuer alle felder!!!!evtl. felder-sonderbehandlgen? */
			/*width:25%; */		/* quasi-spalten-def fuer li spalte
												   -> fuehrt aber leider zu untersch. angaben je feld, deshalb hier stattdessen als feste px festlegen!
													    & ausrichtungen sind abh. von der laenge der woerter im label-field, d.h. aenderg des labels wuerde anpassung notwendig machen z.b.:
																form div.views-exposed-form .views-widget div#edit-field-projekt-foerderkennz-value-wrapper {margin-left: 40px;}
																form div.views-exposed-form .views-operator div#edit-field-projekt-ansprech-nid-op-wrapper,
																form div.views-exposed-form .views-widget div#edit-field-projekt-ansprech-nid-wrapper {margin-left: 41px;}
																form div.views-exposed-form .views-operator div#edit-field-projekt-akronym-value-op-wrapper,
																form div.views-exposed-form .views-widget div#edit-field-projekt-akronym-value-wrapper {margin-left: 4px;} */
			width:122px;
										/* bringt nichts: vertical-align:bottom; */
		}

	/* re spalte: */
	form div.views-exposed-form div.views-operator-widget { /* hiermit wird per view-template die re spalte umschlossen */
		float:right;
		width:75%;
	}

	/* - select-felder */
		form div.views-exposed-form select#edit-field-projekt-partner-nid,
		form div.views-exposed-form select#edit-field-projekt-ftraeger-nid,
		form div.views-exposed-form select#edit-field-projekt-traeger-nid,
		form div.views-exposed-form select#edit-field-projekt-ansprech-nid,
		form div.views-exposed-form select#edit-field-projekt-akronym-value,
		form div.views-exposed-form select#edit-field-projekt-themaind-nid,
		form div.views-exposed-form select#edit-field-projekt-themenfeld-nid,
		form div.views-exposed-form select#edit-field-projekt-fschwerpkt-nid,
		form div.views-exposed-form select#edit-field-kontaktunt-branche-nid
		{									/*color:#00ff00;*//* hier ueberall nur zum test, dass definition das gewuenschte element ansteuert... */
			width:367px; /* suche nach: width passend zueinander definieren! */
		}
		
	/* - freitext-felder */
		form div.views-exposed-form .views-widget div#edit-field-projekt-foerderkennz-value-wrapper,
		form div.views-exposed-form .views-widget div#edit-field-projekt-foerderkennz-value-1-wrapper
		{
												/* width: wird angezeigt wie durch width:100%; ist dadurch aber nach re breiter als das innenliegende text-feld... */
												/* width: hat hier keinen einfluss auf anzeige position bzgl. linksbuendig zu drueber */
			margin-left: 11px;
		}
		/* die so verrueckten felder muessen um einen betrag (akt: minus 6) in der breite reduziert werden, damit sie rechtsbuendig zu den anderen passen: */
		form div.views-exposed-form input[type=text]#edit-field-projekt-foerderkennz-value,
		form div.views-exposed-form input[type=text]#edit-field-projekt-foerderkennz-value-1
		{
			width:361px; /* suche nach: width passend zueinander definieren! */
		}
	/* - datums-felder */
		/* die gesamtheit der datumsausgaben zu einem datumsfeld li-buendig ausrichten */
		form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.container-inline-date
										/* macht eine einzelauflistung ueberfluessig:
											 form div.views-exposed-form .views-widget div#edit-date-filter-value-wrapper,
											 form div.views-exposed-form .views-widget div#edit-date-filter-1-value-wrapper, usw. */
		{								/*border: 1px solid #0000ff;*/
			margin-left: 39px; /* suche nach: li rand datum passend zueinander definieren! */
			/* 20150512ro - anpassg an akt. stand (anzeige war verschoben...) */
			margin-left: 29px; /* suche nach: li rand datum passend zueinander definieren! */
			/* !fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
		}

/* sauberes untereinanderformatieren aller eintraege in li spalte ist label, re spalte daneben enthaelt: operator, darunter feld. */
/* ------------------------------------------------------------------------------------------------------------------------------ */


/* feintuning, hier label-zusatz: */
/* ------------------------------ */

	/* - label-zusatz */
		form div.views-exposed-form label.label-zusatz {
			margin-top:0px;
			width:100%; /* sonst wird nicht die volle verfuegbare breite innerhalb von label genutzt durch label-zusatz */
		}

/* feintuning, hier label-zusatz. */
/* ------------------------------ */


/* feintuning, hier bzgl. operatorentypen: */
/* --------------------------------------- */

	/* - datumsfelder *//* typ: ist kleiner als / ist kleiner als oder gleich / ... */
		form div.views-exposed-form select#edit-date-filter-op
		,form div.views-exposed-form select#edit-date-filter-1-op
		,form div.views-exposed-form select#edit-date-filter-2-op
		,form div.views-exposed-form select#edit-date-filter-3-op
		/* !ACHTUNG auch aufzunehmen in: fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
		{								/*border: 1px solid #ff0000;*/
			width:218px; /* ff */
			margin-left: 39px; /* suche nach: li rand datum passend zueinander definieren! */
			/* 20150512ro - anpassg an akt. stand (anzeige war verschoben...) */
			margin-left: 29px; /* suche nach: li rand datum passend zueinander definieren! */
		}

	/* - select-felder *//* typ i: ist eines von / ist alles von / ... */
		form div.views-exposed-form select#edit-field-projekt-ftraeger-nid-op
		,form div.views-exposed-form select#edit-field-projekt-traeger-nid-op
		,form div.views-exposed-form select#edit-field-projekt-partner-nid-op
		,form div.views-exposed-form select#edit-field-projekt-ansprech-nid-op
		,form div.views-exposed-form select#edit-field-projekt-ansprech-nid-op
		,form div.views-exposed-form select#edit-field-kontaktunt-branche-nid-op
		{								/*border: 1px solid #00ff00;*/
			width:184px; /* ff */
		}
	
	/* - select-felder *//* typ ii: ist gleich mit / ist ungleich zu / ... */
		form div.views-exposed-form select#edit-field-projekt-akronym-value-op
		{								/*border: 1px solid #0000ff;*/
			width:230px; /* ff */
		}

/* feintuning, hier bzgl. operatorentypen. */
/* --------------------------------------- */


/* feintuning, hier bzgl. datumsanzeige: */
/* ------------------------------------- */

	/* - datumsfelder */
		/* datumsfelder sinnvoll schmaler darstellen */
		/* value/min/max = alle datumsfreifelder */
		form div.views-exposed-form input[type=text].date-date
		{								/*border: 1px solid #00ffff;*/
			width: 7em;   /* suche nach: schriftgroesse passend zueinander definieren! */
										/* quellcode ist: <input type="text" maxlength="128" name="date_filter[value][date]" id="edit-date-filter-value-date" size="60" value="2011-05-18" class="form-text  date-date" />
																 bzw: <input type="text" maxlength="128" name="date_filter[max][date]" id="edit-date-filter-max-date" size="60" value="2011-05-18" class="form-text  date-date" />
											 width: 70px; -> ie z.b. braucht mehr platz als ff!; ff reicht bei font-size 10px: 60px;
											 schoener waere, die zeichenanzahl (size="60") manipulieren zu koennen, da dann immer passend unabh. von schriftgroesse!!
												size (http://www.w3.org/TR/html4/interact/forms.html#h-17.4) = [...] This attribute tells the user agent the initial width of the control. The width is given in pixels 
													except when type attribute has the value "text" or "password". In that case, its value refers to the 
													!(integer) number of characters!.
													width (http://www.w3.org/TR/CSS21/visudet.html#the-width-property) [...] This property specifies the content width of boxes generated by block-level and replaced elements.
											 besser als px ist genutztes: 'width: 7em;', damit autoanpassung an veraenderte schriftart oben erfolgt! */
		}
		form div.views-exposed-form input[type=text]#edit-date-filter-value-date,
		form div.views-exposed-form input[type=text]#edit-date-filter-1-value-date,
		form div.views-exposed-form input[type=text]#edit-date-filter-2-value-date,
		form div.views-exposed-form input[type=text]#edit-date-filter-3-value-date
		/* !ACHTUNG auch aufzunehmen in: fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
		{								/*border: 1px solid #00ffff;*/
			margin-top:-10px; /* re spalte: operator, direkt(!) darunter datumsfeld:
													 nur dieses eine value-feld (nicht min/max) muessen hoeher stehen, damit sie nach oben an den nur dort vorh. operator anschliessen */
		}
		/* datumsfeld-operator anheben, damit er innerhalb seiner re spalte textgrundlinien-buendig mit dem label in der li spalte steht */
										/* operator-untersuchung:
											<div class="views-exposed-form">
												<div class="views-exposed-widgets clear-block">
													<div class="views-exposed-widget">
														<label>Projektbeginn          </label>
														<div class="views-operator">
															<div class="form-item" id="edit-date-filter-op-wrapper">
																<select name="date_filter_op" class="form-select" id="edit-date-filter-op" >
																	<option value="&lt;" title="Ist kleiner als">Ist kleiner als</option>

													<div class="views-exposed-widget">
														<label>            Projektende          </label>
														<div class="views-operator">
															<div class="form-item" id="edit-date-filter-1-op-wrapper">
																<select name="date_filter_1_op" class="form-select" id="edit-date-filter-1-op" >  
																	<option value="&lt;" title="Ist kleiner als">Ist kleiner als</option>

												auswertung: s. bei select: date_filter_1_op/date_filter_1/date-filter-1 kommt vom in view aenderbaren 'bezeichner für filter'
												ein anderes unterscheidungskriterium fuer die art des operators gibt es nicht
												=> um spezifisch formatieren zu koennen, muessten entweder die 'bezeichner fuer filter' je mit zu def. standards besetzt werden
													 z.B. date_op auswahlklapplisten_op programmierteeinfachauswahlklapplisten_op (falls gleichnamiges hier moeglich ist) oder
													 hier alle bezeichner mit gleichartiger funktion zus. formatieren; vorteil: die bezeichner sind auch noch getrennt ansprechbar
													 und: wird oben analog ja auch schon so spezifisch gehandhabt */
		form div.views-exposed-form div.views-operator-widget > div.views-operator > div#edit-date-filter-op-wrapper,
		form div.views-exposed-form div.views-operator-widget > div.views-operator > div#edit-date-filter-1-op-wrapper,
		form div.views-exposed-form div.views-operator-widget > div.views-operator > div#edit-date-filter-2-op-wrapper,
		form div.views-exposed-form div.views-operator-widget > div.views-operator > div#edit-date-filter-3-op-wrapper
		/* !ACHTUNG auch aufzunehmen in: fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
		{
			margin-top:-18px;
		}
		/* damit datumsfeld nicht hochrutscht in operatorfeld: */
		form div.views-exposed-form .views-widget div#edit-date-filter-value-wrapper
		, form div.views-exposed-form .views-widget div#edit-date-filter-1-value-wrapper
		, form div.views-exposed-form .views-widget div#edit-date-filter-2-value-wrapper
		, form div.views-exposed-form .views-widget div#edit-date-filter-3-value-wrapper
		{
			margin-top: 1em; /* ganz sauber muesste es noch 1px tiefer sein... */
		}
		/* datumsfeld-platzbedarf minimieren: a) li + re von allen datumsfeldern gemeinsam;
		   wenn groesser, macht es das drumrum groesser...; bel. klein ist egal, datum und format werden trotzdem angezeigt... */
		form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.date-clear
		{										/*border: 1px solid #00ffff;*/
			width:0px; /* width:100%;width:0%; bringt nichts *//* margin und padding auf 0 auch nicht */
		}
		/* datumsfeld-platzbedarf minimieren: b) verhindert leerzeile unter 'Format: 2011-06-07': */
		form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.container-inline-date div.form-item div.description {
			margin:0px;
			padding:0px;
			/* !fuer ie abweichende angabe in i_fir_fix-ie.css vorhanden! */
		}
		/* datumsfeld-platzbedarf minimieren: c) verhindert platz unter letztem vorhandenen (kann also value/min/max sein) 'Format: 2011-06-07': */
		form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.date-clear > div.description {
			margin:0px;
		}


/* feintuning, hier bzgl. datumsanzeige. */
/* ------------------------------------- */


										/* war mal aktiv, aber ohne auch funktionsfaehig - nach akt.! stand... deshalb erstmal weglassen. */
										/* ------------------------------------- */
										/* umschliesst das gesamte datumsfeld:
										form div.views-exposed-form div.views-widget div.date-views-filter-wrapper {
											height:1px;
											display:inline;
											dieser pfad verursacht platz; eintraege dazu machen es nicht besser; ganzen pfad weglassen, dann kein platz dafuer benoetigt...
											margin:0px;
											padding:0px;
											width:0px;}*/
										/*form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.form-item div.date-date {
											width:0px;    wenn groesser, macht es das drumrum groesser...; bel. klein ist egal, datum und format werden trotzdem angezeigt... 
											width:100px;} noetig (nur) fuer ie, sonst zeile 'Format: 2011-06-07' sehr schmal umbebrochen statt einzeilig */
										/*form div.views-exposed-form .views-widget div#edit-date-filter-value-wrapper {
											width:0px;} *//* wenn groesser, macht es das drumrum groesser...; bel. klein ist egal, datum und format werden trotzdem angezeigt... */
										/*form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.form-item div.description div.container-inline-date {
											width:0px;}*//* wenn groesser, macht es das drumrum groesser...; bel. klein ist egal, datum und format werden trotzdem angezeigt... */
										/*form div.views-exposed-form div.views-widget div.date-views-filter-wrapper div.date-clear > div.description {*/
											/*padding:0px;*/
											/*width:0px;}*/ /* 100% nur noch groesser als ohne angabe *//* sonst zu gross */
										/*form div.views-exposed-form div.views-widget {color: #ff0000;
											margin:0px;}*/ /* um jeden gesamtlisten-eintrag herum */

/* datum: *//*
<div class="views-widget">
  <div class="date-views-filter-wrapper">
		<div class="container-inline-date date-clear">
		</div>
		<div class="date-clear form-item">
			<div class="description">
				<div class="container-inline-date date-clear-block">
					<div class="form-item" id="edit-date-filter-value-wrapper">
						<div class="date-date"> ist zu breit
							<div class="form-item" id="edit-date-filter-value-date-wrapper"> ist eng und ok.
								<input type="text" maxlength="128" name="date_filter[value][date]" id="edit-date-filter-value-date" size="60" value="2011-06-07" class="form-text  date-date" />
								<div class="description"> Format: 2011-06-07
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="container-inline-date date-clear-block">
					<div class="form-item" id="edit-date-filter-min-wrapper">
						<label for="edit-date-filter-min">„Von“-Datum: </label>
						<div class="date-date">
							<div class="form-item" id="edit-date-filter-min-date-wrapper">
								<input type="text" maxlength="128" name="date_filter[min][date]" id="edit-date-filter-min-date" size="60" value="2011-06-07" class="form-text  date-date" />
								<div class="description"> Format: 2011-06-07
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="container-inline-date date-clear-block">
					<div class="form-item" id="edit-date-filter-max-wrapper">
						<label for="edit-date-filter-max">„Bis“-Datum: 
						</label>
						<div class="date-date">
							<div class="form-item" id="edit-date-filter-max-date-wrapper">
								<input type="text" maxlength="128" name="date_filter[max][date]" id="edit-date-filter-max-date" size="60" value="2011-06-07" class="form-text  date-date" />
								<div class="description"> Format: 2011-06-07
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>*/

/* form-elemente-aufbau allgemein:
<div class="view-filters">
  <form action="/testbed/forschung/forschungsprojekte/"  accept-charset="UTF-8" method="get" id="views-exposed-form-Projekt-page-1">
		<div>
			<div class="views-exposed-form">
				<div class="views-exposed-widgets!! clear-block">

					<div class="views-exposed-widget!!">
						<label>            Projektpartner<br>
							<label class="label-zusatz">(Mehrfachauswahl mittels STRG+Klick)</label>          
						</label>
						<div class="views-operator">
							<div class="form-item" id="edit-field-projekt-partner-nid-op-wrapper">
								<select name="field_projekt_partner_nid_op" class="form-select" id="edit-field-projekt-partner-nid-op" >
									<option value="or" selected="selected" title="Ist eines von">Ist eines von</option>
								</select>
							</div>
						</div>
						<div class="views-widget">
							<div class="form-item" id="edit-field-projekt-partner-nid-wrapper">
								<select name="field_projekt_partner_nid[]" multiple="multiple"  class="form-select" id="edit-field-projekt-partner-nid"  size="8">
									<option value="All" title="- beliebig -">- beliebig -</option>
									<option value="911" title="Aachener Gesellschaft für Innovation und Technologietransfer AGIT mbH">Aachener Gesellschaft für Innovation und Technologietransfer AGIT mbH</option>
								</select>
							</div>
						</div>
					</div>
*/





/***************************************************************************************/
/***************************************************************************************/
/* theme fir2 = umstellung von bunt auf monochrom, anfang                              */
/***************************************************************************************/
/***************************************************************************************/

/***********************************************/
/* fir2 zu ueberschreibendes von fir           */
/***********************************************/

/***********************************************/
/* farben, schriften: fir2                     */
/***********************************************/

	/* [mit blank davor fuer copy-paste; teilweise auch vorh als z. b. KOMMANF fir-farbe-magenta: #cc0066 KOMMEND] */

	/* fir-logo-farben: */
	/* - dunkelblau: RWTH-dunkelblau: #0067a6 */	/* fir-logo-farbe-dunkelblau: #0067a6 */
	/* - hellblau: RWTH-hellblau: #779ec9 */		/* fir-logo-farbe-hellblau: #779ec9 */
	/* - magenta: FIR-magenta: #cc0066 */			/* fir-logo-farbe-magenta: #cc0066 */

						 /* kopfzeilen-grau: #f2f2f2 */ /* dort, wo logo-grau zu dunkel */
						 /* schriftfarben-schwarz: #000000 */

	/* farben, schriften. */
	/***********************************************/
	/* bei aenderungen der standardfarben suchen mit diesen begriffen und dort ueberall anpassen */
	/* color: rahmenfarbe fuer view-elemente */





/* 20171102ro: neu, beginn: */
/* ------------------------ */
/* ------------------------ */




	/* ============================================================================================================================================= */
	/* 20171102: Unterseite "Ueber uns, Publikationen" austauschen mit Hauptrubrik "Cluster" */
	/*                                     rubriken bei 7-er dt [ Über uns / Forschung / Beratung   / Veranstaltungen / Karriere / Publikationen / Presse ] */
	/*                                     rubriken bei 7-er en [ About Us / Research  / Consulting / Events          / Career   / Publications  / Press  ] */
	/* ============================================================================================================================================= */

				/* algorithmus: -> anzupassen, da nun 3 px links immer!
				   - alle rubriken anlegen
					 - screenshot in psd
					 - 727 px: verfuegbare gesamtbreite s. graue-waagerechtlinien-grafik darueber

					 dt:
					 - minus * 381 * px = gesamtbreite aller texte alle hintereinanderschieben - text an text
					 - minus (* 6 * (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
					 - =, dann geteilt durch * 7 * (# rubriken)
					 - =, dann minus 8px bunte border [(= je rubrik)]
					 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: * 38 => 38 *

					 en:
					 - minus * 317 * px = gesamtbreite aller texte alle hintereinanderschieben - text an text
					 - minus (* 6 * (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
					 - =, dann geteilt durch * 7 * (# rubriken)
					 - =, dann minus 8px bunte border [(= je rubrik)]
					 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: * 47,14 => 47 *

					 -> falls eine rubrik gar nicht erscheint, dieser die width 0 zuweisen
					 -> eventuellen rand rechts (durch halbe pixel entstanden bei der berechnung oben)
						auf so viele Rubrikenbreiten aufaddieren, bis passend
					 -> auskomm: margin-right: 4px; achtung: die definition, die zur letzten rubrik gehoert darf dies nicht mehr besitzen,
						sonst wird die letzte rubrik im firefox nicht mehr angezeigt (im ie7 schon)
				*/

				/* menu-namen - menu class attribute - textbreiten scharf ausgeschnitten */
				/* ********************************************************************* */
				/* - DT: gesamtbreite aller rubrikennamen aneinandergeschoben: 381 -> je plus 38 */
				/* Über uns:			RubrikFir20171102Ueberuns				 50 + 38 =  88px + 0px =  88px */
				/* Forschung:			RubrikFir20171102Forschung				 59 + 38 =  97px + 0px =  97px */
				/* Beratung:			RubrikFir20171102Beratung				 50 + 38 =  88px + 0px =  88px */
				/* Veranstaltungen:		RubrikFir20171102Veranstaltungen		 91 + 38 = 129px + 0px = 129px */
				/* Karriere:			RubrikFir20171102Karriere				 45 + 38 =  83px + 0px =  83px */
				/* Publikationen:		RubrikFir20171102Publikationen			 46 + 38 =  84px + 0px =  84px */
				/* Presse:				RubrikFir20171102Presse					 40 + 38 =  78px + 0px =  78px */
				/* - EN: gesamtbreite aller rubrikennamen aneinandergeschoben: 317px -> je plus 47 */
				/* About Us:			RubrikFir20171102EnAboutus				 51 + 47 =  98px + 1px =  99px */
				/* Research:			RubrikFir20171102EnResearch				 52 + 47 =  99px + 0px =  99px */
				/* Consulting:			RubrikFir20171102EnConsulting			 60 + 47 = 107px + 0px = 107px */
				/* Events:				RubrikFir20171102EnEvents				 37 + 47 =  84px + 0px =  84px */
				/* Career:				RubrikFir20171102EnCareer				 38 + 47 =  85px + 0px =  85px */
				/* Publications:		RubrikFir20171102EnPublications			 46 + 47 =  93px + 0px =  93px */
				/* Press:				RubrikFir20171102EnPress				 33 + 47 =  80px + 0px =  80px */
				/* --->>> alle plus 1px li seite und 1 px abstand weniger je button => alle plus 3 px, ausser das letzte kommt dann hin. */
				
				/* rubrikenbreiten bei 7-er dt [ Über uns / Forschung / Beratung   / Veranstaltungen / Karriere / Campus / Presse ] */
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Ueberuns {
						width: 85px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Forschung {
						width: 94px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Beratung {
						width: 85px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Veranstaltungen {
						width: 127px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Karriere {
						width: 80px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Campus {
						width: 81px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Publikationen {
						width: 122px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse {
						width: 74px; /* plus 0 px ausgleich */
					}

				/* rubrikenbreiten bei 7-er en [ About Us / Research  / Consulting / Events          / Career   / Campus / Press  ] */
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnAboutus {
						width: 99px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnResearch {
						width: 100px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnConsulting {
						width: 108px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnEvents {
						width: 85px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCareer {
						width: 86px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPublications {
						width: 108px; /* plus 0 px ausgleich */
					}
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress {
						width: 81px; /* plus 0 px ausgleich */
					}

				/* formatierung der passiven darstellung */
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Ueberuns,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Forschung,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Beratung,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Veranstaltungen,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Karriere,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Campus,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Publikationen,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse,
					
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnAboutus,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnResearch,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnConsulting,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnEvents,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCareer,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCampus,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPublications,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress {

					margin-right: 3px;

					/* farbanpassungen */
						background: #0067a6;				/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
						border-left: 3px solid #0067a6;		/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
						border-right: 3px solid #0067a6;	/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
						color: #ffffff; /* textfarbe passiv */

					/* schrifttypanpassungen */
						font-size: 12px; /* schrift der seitennav hier fuer hauptnav uebernehmen */
						font-size: 13px; /* 14 zu gross */
						font-weight: bold; /* weiss lesbarer machen */
						font-weight: normal; /* weiss lesbarer machen */
					}
					/* sonderfall: letzte rubrik dt bzw. en */
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse,
						#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress {
							/* LETZTE RUBRIK *//* 3px; auskomm, da letzte rubrik */
							margin-right: 0px;
						}

				/* formatierung der aktiven darstellung */
				
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Ueberuns:hover,
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Ueberuns.active,
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Ueberuns.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Forschung:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Forschung.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Forschung.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Beratung:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Beratung.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Beratung.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Veranstaltungen:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Veranstaltungen.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Veranstaltungen.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Karriere:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Karriere.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Karriere.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Campus:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Campus.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Campus.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Publikationen:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Publikationen.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Publikationen.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102Presse.active-trail,
				
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnAboutus:hover,
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnAboutus.active,
				#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnAboutus.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnResearch:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnResearch.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnResearch.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnConsulting:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnConsulting.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnConsulting.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnEvents:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnEvents.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnEvents.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCareer:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCareer.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCareer.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCampus:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCampus.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnCampus.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPublications:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPublications.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPublications.active-trail,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress:hover,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress.active,
					#firPage.fir2 #firMainmenu ul li a.RubrikFir20171102EnPress.active-trail {

				border-left: 3px solid #0067a6;			/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
				
				/* farbanpassungen */
					background: #f2f7fa;				/* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */
					border-right: 3px solid #f2f7fa;	/* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */

					color: #000000; /* textfarbe aktiv */

					color: #777; /* textfarbe aktiv */
					color: #000000; /* textfarbe aktiv */ /* notation von seitennav uebernehmen: aktiviertes ist schwarz */
					color: #777; /* textfarbe aktiv */

				/* schrifttypanpassungen */
				/* - schrift der seitennav hier fuer hauptnav uebernehmen */
				font-weight: normal;
				}


/* 20171102ro: neu, ende. */
/* ---------------------- */
/* ---------------------- */





									/* 20171102ro: old, beginn: */
									/* ------------------------ */
									/* ------------------------ */



									/* ============================================================================================================================================= */
									/* 20151119ro(wie auch in bunt vorh.): Rubrik "Campus" => "Cluster" (dazu einfach unveraendert mit angepasstem namen uebernehmen                 */
									/*                                     rubriken bei 7-er dt [ Über uns / Forschung / Beratung   / Veranstaltungen / Karriere / Cluster / Presse ] */
									/*                                     rubriken bei 7-er en [ About Us / Research  / Consulting / Events          / Career   / Cluster / Press  ] */
									/* farben: abgegriffen vom logo fir an der rwth                                                                                                  */
									/* */
									/* ============================================================================================================================================= */

									/* ============================================================================================================================================= */
									/* 20151104ro(wie auch in bunt vorh.): rubriken bei 7-er dt [ Über uns / Forschung / Beratung   / Veranstaltungen / Karriere / Campus / Presse ] */
									/*                                     rubriken bei 7-er en [ About Us / Research  / Consulting / Events          / Career   / Campus / Press  ] */
									/* farben: abgegriffen vom logo fir an der rwth                                                                                                  */
									/* ============================================================================================================================================= */

										/* algorithmus: -> anzupassen, da nun 3 px links immer!
										   - alle rubriken anlegen
											 - screenshot in psd
											 - 727 px: verfuegbare gesamtbreite s. graue-waagerechtlinien-grafik darueber

											 dt:
											 - minus * 381 * px = gesamtbreite aller texte alle hintereinanderschieben - text an text
											 - minus (* 6 * (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
											 - =, dann geteilt durch * 7 * (# rubriken)
											 - =, dann minus 8px bunte border [(= je rubrik)]
											 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: * 38 => 38 *

											 en:
											 - minus * 317 * px = gesamtbreite aller texte alle hintereinanderschieben - text an text
											 - minus (* 6 * (# rubriken minus 1) * 4) px weisser zwischenplatz zwischen den rubrikenfarbflaechen
											 - =, dann geteilt durch * 7 * (# rubriken)
											 - =, dann minus 8px bunte border [(= je rubrik)]
											 - = ergebnis, dieses auf jede in psd abgegriffene textbreite jeder rubrik addieren und unter width angeben: * 47,14 => 47 *

											 -> falls eine rubrik gar nicht erscheint, dieser die width 0 zuweisen
											 -> eventuellen rand rechts (durch halbe pixel entstanden bei der berechnung oben)
												auf so viele Rubrikenbreiten aufaddieren, bis passend
											 -> auskomm: margin-right: 4px; achtung: die definition, die zur letzten rubrik gehoert darf dies nicht mehr besitzen,
												sonst wird die letzte rubrik im firefox nicht mehr angezeigt (im ie7 schon)
										*/

										/* menu-namen - menu class attribute - textbreiten scharf ausgeschnitten */
										/* ********************************************************************* */
										/* - DT: gesamtbreite aller rubrikennamen aneinandergeschoben: 381 -> je plus 38 */
										/* Über uns:			RubrikFir20151104Ueberuns				 50 + 38 =  88px + 0px =  88px */
										/* Forschung:			RubrikFir20151104Forschung				 59 + 38 =  97px + 0px =  97px */
										/* Beratung:			RubrikFir20151104Beratung				 50 + 38 =  88px + 0px =  88px */
										/* Veranstaltungen:		RubrikFir20151104Veranstaltungen		 91 + 38 = 129px + 0px = 129px */
										/* Karriere:			RubrikFir20151104Karriere				 45 + 38 =  83px + 0px =  83px */
										/* Campus:				RubrikFir20151104Campus					 46 + 38 =  84px + 0px =  84px */
										/* Cluster:				RubrikFir20151119Cluster				 46 + 38 =  84px + 0px =  84px */
										/* Presse:				RubrikFir20151104Presse					 40 + 38 =  78px + 0px =  78px */
										/* - EN: gesamtbreite aller rubrikennamen aneinandergeschoben: 317px -> je plus 47 */
										/* About Us:			RubrikFir20151104EnAboutus				 51 + 47 =  98px + 1px =  99px */
										/* Research:			RubrikFir20151104EnResearch				 52 + 47 =  99px + 0px =  99px */
										/* Consulting:			RubrikFir20151104EnConsulting			 60 + 47 = 107px + 0px = 107px */
										/* Events:				RubrikFir20151104EnEvents				 37 + 47 =  84px + 0px =  84px */
										/* Career:				RubrikFir20151104EnCareer				 38 + 47 =  85px + 0px =  85px */
										/* Campus:				RubrikFir20151104EnCampus				 46 + 47 =  93px + 0px =  93px */
										/* Cluster:				RubrikFir20151119EnCluster				 46 + 47 =  93px + 0px =  93px */
										/* Press:				RubrikFir20151104EnPress				 33 + 47 =  80px + 0px =  80px */
										/* --->>> alle plus 1px li seite und 1 px abstand weniger je button => alle plus 3 px, ausser das letzte kommt dann hin. */
										
										/* rubrikenbreiten bei 7-er dt [ Über uns / Forschung / Beratung   / Veranstaltungen / Karriere / Campus / Presse ] */
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Ueberuns {
												width: 91px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Forschung {
												width: 100px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Beratung {
												width: 91px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Veranstaltungen {
												width: 132px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Karriere {
												width: 86px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Campus {
												width: 87px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119Cluster {
												width: 87px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse {
												width: 80px; /* plus 0 px ausgleich */
											}

										/* rubrikenbreiten bei 7-er en [ About Us / Research  / Consulting / Events          / Career   / Campus / Press  ] */
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnAboutus {
												width: 101px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnResearch {
												width: 102px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnConsulting {
												width: 110px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnEvents {
												width: 87px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCareer {
												width: 88px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCampus {
												width: 96px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119EnCluster {
												width: 96px; /* plus 0 px ausgleich */
											}
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress {
												width: 83px; /* plus 0 px ausgleich */
											}

										/* formatierung der passiven darstellung */
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Ueberuns,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Forschung,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Beratung,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Veranstaltungen,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Karriere,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Campus,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119Cluster,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse,
											
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnAboutus,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnResearch,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnConsulting,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnEvents,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCareer,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCampus,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119EnCluster,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress {

											margin-right: 3px;

											/* farbanpassungen */
												background: #0067a6;				/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
												border-left: 3px solid #0067a6;		/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
												border-right: 3px solid #0067a6;	/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
												color: #ffffff; /* textfarbe passiv */

											/* schrifttypanpassungen */
												font-size: 12px; /* schrift der seitennav hier fuer hauptnav uebernehmen */
												font-size: 13px; /* 14 zu gross */
												font-weight: bold; /* weiss lesbarer machen */
												font-weight: normal; /* weiss lesbarer machen */
											}
											/* sonderfall: letzte rubrik dt bzw. en */
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse,
												#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress {
													/* LETZTE RUBRIK *//* 3px; auskomm, da letzte rubrik */
													margin-right: 0px;
												}

										/* formatierung der aktiven darstellung */
										
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Ueberuns:hover,
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Ueberuns.active,
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Ueberuns.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Forschung:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Forschung.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Forschung.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Beratung:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Beratung.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Beratung.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Veranstaltungen:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Veranstaltungen.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Veranstaltungen.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Karriere:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Karriere.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Karriere.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Campus:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Campus.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Campus.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119Cluster:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119Cluster.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119Cluster.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104Presse.active-trail,
										
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnAboutus:hover,
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnAboutus.active,
										#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnAboutus.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnResearch:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnResearch.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnResearch.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnConsulting:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnConsulting.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnConsulting.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnEvents:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnEvents.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnEvents.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCareer:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCareer.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCareer.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCampus:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCampus.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnCampus.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119EnCluster:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119EnCluster.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151119EnCluster.active-trail,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress:hover,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress.active,
											#firPage.fir2 #firMainmenu ul li a.RubrikFir20151104EnPress.active-trail {

										border-left: 3px solid #0067a6;			/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
										
										/* farbanpassungen */
											background: #f2f7fa;				/* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */
											border-right: 3px solid #f2f7fa;	/* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */

											color: #000000; /* textfarbe aktiv */

											color: #777; /* textfarbe aktiv */
											color: #000000; /* textfarbe aktiv */ /* notation von seitennav uebernehmen: aktiviertes ist schwarz */
											color: #777; /* textfarbe aktiv */

										/* schrifttypanpassungen */
										/* - schrift der seitennav hier fuer hauptnav uebernehmen */
										font-weight: normal;
										}


										/* 20171102ro: old, ende. */
										/* ---------------------- */
										/* ---------------------- */


/*******************************************************************/
/* linke spalte									                   */
/*******************************************************************/

/* schrifttypanpassungen */
#firPage.fir2 #firMainLeft .firSubmenu ul li a {
	font-size: 13px;
}

/* wenn nicht rubrikenuntergrund, der ueber page.tpl.php definiert */

/* startseite, aktuelles-block */
/* =========================== */
/* formatierung jeder einzelnen aktuelles-meldung in ihrer gesamtheit */
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-row-odd,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-first,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-row-odd.views-row-last,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-row-even,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-row-even.views-row-last
{
	background: #ffffff;
}

/* formatierung der einzelteile der aktuelles-meldung */
#firPage.fir2 #firMainLeftFront,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-field-akt-fliesstext-value div,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-field-akt-link-url,
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-nid
{
	background: #f2f7fa;	/* color: aktuelles-background */ /* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */
}
#firPage.fir2 #firMainLeftFront .firAktuellesBlock .views-field-field-akt-titel-value h3
{
	background: #f2f7fa;	/* color: aktuelles-background */ /* rubrikenfarbe aktiv hell */ /* fir-logo-farbe-dunkelblau 95%: #f2f7fa */
}


/*******************************************************************/
/* seitentitelgestaltung     					                   */
/*******************************************************************/

#firPage.fir2 h2.mainTitle {
	/* themename1 (s. o.):
	font-size:16px;
	font-weight:bold;
	*/
	/* themename2 (leichter): */
	font-weight:normal;
	font-size:18px;
}


/*******************************************************************/
/* landingpage			     					                   */
/*******************************************************************/
#firPage.landingpage.fir2 #firMainContent .mitte h3,
#firPage.landingpage.fir2 #firMainContent .rechts h3 {
	font-weight: normal;
}
#firPage.landingpage.fir2 #firMainContent .rechts,
#firPage.landingpage.fir2 #firMainContent .rechts p {
	color: #000000;
	font-size:12px;
}
#firPage.landingpage.fir2 #firMainContent .rechts h3 {
	margin-bottom:8px; margin-top:10px; color:#0069B5; font-size:14px;
}
#firPage.landingpage.fir2 #firMainContent .rechts h3.first {
	margin-top:0px;
}
/* "linkformatierung" */
	#firPage.landingpage.fir2 #firMainContent .rechts a:link {
		color: #000000;
	}
	#firPage.landingpage.fir2 #firMainContent .rechts a:visited {
		color: #000000;
	}
	#firPage.landingpage.fir2 #firMainContent .rechts a:focus, .rechts a:hover, .rechts a:active {
		color: #000000;
	}
/* fuer ausgabe "direktlink zur seite" gilt: die folgenden werte vom normalen css wurden hier ueberschrieben - im folgenden wieder zuruecksetzen: */
	#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern p.bearbeitbardurch-internhinweis-mini {
		color: #808080; /* http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm */
		font-size: 9px;
	}
	#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern p {
		font-size: 11px;
	}
	/* "linkformatierung" */
		#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern a:link {
			color: #0067a6; /* th-dunkelblau */
		}
		#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern a:visited {
			color: #779ec9; /* th-hellblau */
		}
		#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern a:focus,
		#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern a:hover,
		#firPage.landingpage.fir2 #firMainContent .rechts div._phptemplate_direktlink_ueblink_intern a:active {
			color: #0067a6; /* th-dunkelblau */
		}


/*******************************************************************/
/* fusszeile         							                   */
/*******************************************************************/

/* fusszeile auf jeder seite, definiert ueber website-informationen */
#firPage.fir2 #firFooter {
	background: #0067a6;	/* rubrikenfarbe passiv dunkel */ /* fir-logo-farbe-dunkelblau: #0067a6 */
}


/*******************************************************************/
/* hintergrund         							                   */
/*******************************************************************/

/* hintergrundflaeche browserfensterfuellend */
body.fir2 {
	background: url(grafiken/fir_hintergrund-browserfensterfuellend_fir2.jpg);
	background-position: center 0; /* oben buendig, li-re gemittelt */
	background-size: cover; /* auto = masse der grafik; prop beibehalten, dabei: a) contain=groessere seite einpassen, d. h. ganzes bild, aber leere b) cover=kleinere, also fehlendes, aber bildschirmfuellend */
	background-repeat: no-repeat; /* da je eh schon bildschirmfuellend */
	background-attachment: fixed; /* beim bewegen des elementinhalts hintergrund unveraendert lassen */
	/*background-clip: border-box; voreinstellung: hintergrund im inhalts- & padding-bereich & unter dem Rahmen darstellen */
}

/* seitliche deko, die mitscrollt */
#firPage.fir2 #firPageOuter {
	background: url(grafiken/fir_hintergrund-browserfensterbreit-srollend_fir2.gif) center 38px no-repeat;
	/* alternativ: background: none; */
}


/*******************************************************************/
/* rahmen um eigentliche/n webseite/ninhalt                        */
/*******************************************************************/

#firPage.fir2 {
	background: url(grafiken/fir_schatten-li-re_fir2.gif) center top repeat-y;
}

#firPage.fir2 #firShadowBottom {
	width: 958px;
	height: 8px;
	max-height: 8px;
	width: 968px;
	height: 14px;
	max-height: 14px;
	background: #fff url(grafiken/fir_schatten-unten_fir2.gif) top left no-repeat;
}

#firPage.fir2 #firShadowBottom {
	margin-bottom: 20px; /* hintergrundgrafik auch unterhalb des eigentl. webseiteninhalts noch etwas anzeigen */
	/* margin-bottom: 0px; *//* ie7.css - in ie nicht, da fehlerhaft: hintergrundgrafik auch unterhalb des eigentl. webseiteninhalts noch etwas anzeigen */
}

/*******************************************************************/
/* platzverteilung innerhalb der seite			                   */
/*******************************************************************/

#firPage.fir2 #firMain {
	margin: 8px 0 0 0;
}
#firPage.fir2 #firMainRight {
	padding-top: 10px;
}


/*******************************************************************/
/* iframes, hier piwik                                             */
/*******************************************************************/

iframe.piwik
{
	color: #0000ff;
	border: none;
	height: 300px;
	width: 500px;
	margin-top: 0px;
	padding-top: 0px;
	/* innerhalb des iframes die schriftgestaltung etc. wird gesteuert durch:
	/srv/www/piwik/docs/plugins/CoreAdminHome/templates/optOut.twig	*/
}


/***************************************************************************************/
/***************************************************************************************/
/* theme fir2 = umstellung von bunt auf monochrom, ende                                */
/***************************************************************************************/
/***************************************************************************************/





/*********************************************************/
/*********************************************************/
/* moegliche detailsteuerungen in der fir_print.css koennten noch sein:
/*********************************************************/
/* ausblenden von menues u.ae.: */
/*original:*/				/*ul.primary-links, ul.secondary-links,*/
/*rowac110131neu:*/	/*div#firTopnav,*/
/*rowac110131neu:*/	/*div#firMainmenu,*/ /* Ueber uns, ... */
/*rowac110131neu:*/	/*div#firMainLeft,*/ /*alles in linker spalte */
/*rowac110131neu:*/	/*ul.primary,*/ /* anzeigen, bearbeiten, ... */
/*original:*/				/*#header-region, .sidebar {
										  display: none;
										}*/

/*********************************************************/
/*********************************************************/
/*	A C H T U N G :  nach aenderungen in fir.css TO DO!  */
/*********************************************************/
/*********************************************************/
/*
		- copy fir.css nach fir_print.css
		- in fir_print.css das folgende auskommentieren!
*/
/*********************************************************/
/*********************************************************/

/* Equally long columns */ /* achieve a 10px padding at the bottom */