body {
	font-family: Arial, Helvetica, sans-serif;
/* edit font size von 0.9em reduzieren auf: */
	font-size: 0.8em;
	color: #000;
/* edit Zeilenabstand (line-height) von 1.3em reduzieren auf: */  	
	line-height: 1.2em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
    text-align: center;
}

img {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}


/* edit: links in einer 'blauen' Farbe darstellen: */
a:link {
/*	color: #03e; */
	color: #0c619d;
	text-decoration: none;
}


a:visited {
	color: #227;
	text-decoration: none;
}



a:hover {
	color: #900;
	text-decoration: underline;
}




h1 {
/* edit Schrift etwas verkleinert, von 2em auf: */
	font-size: 1.7em;
	line-height: 1.2em;
	color: #000;
	font-weight: normal;
	margin: 0px 0px 10px -5px;
	padding: 5px;
/* edit: den Strich unter den Überschriften entfernen */
/*	border-bottom: 1px dashed #999; */
}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #333;
	font-weight: normal;
	margin: 20px 0px 10px -1px;	
}

h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #333;
/*	font-weight: bold; */
/* den Abstand nach unten von 10px auf 5px reduziert */
/*	margin: 10px 0px 10px -1px;  */
	margin: 10px 0px 5px -1px;	
}


/* da bisher nicht festgelegt ?!, wird hier die Schriftgroesse in Tabellen festgesetzt: */

td {	
	font-size: 0.8em;
	line-height: 1.1em;
}  


th {
	font-size: 0.8em;
	text-align: left;
	vertical-align:top;
	line-height: 1.0em;
}	



hr {
	color: #b2dcff;
	background-color: #b2dcff;
	height: 1px;
	border:none;
}





.bu {
	font-size: 0.8em;
	line-height: 1.2em;
}

.bearbeiter {
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #666;
}

.internetextnavig {
	font-size: 0.8em;
	text-align: right;
	line-height: 1.2em;
}

.seitenanker {
	font-size: 0.8em;
	text-align: right;
	line-height: 1.2em;
}

#topBar {
	height: 25px;
	background-color: #990000;
	margin-bottom: 25px;
	min-width: 982px;
}

#pageContainer {
    text-align: left;
    margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	min-width: 60px;
	width: 960px;
	position: relative;
	padding: 0px 10px 0px 10px;
}

#leftColumn {
/* edit: die Breite der Navigationsspalte von 220px reduzieren auf:  */ 
	width: 170px;
	float: left;
}


#naviBuffer {
	height: 17px;
}


#naviMainContainer li {
	margin-bottom: -1px;
}

#naviMainContainer ul {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
}



 
#naviMainContainer a {
	display: block;
/* oben rechts unten links */
	padding: 5px 5px 6px 1px;
	width: 165px;
	color: #000;
	background-color: #fff;
/*	border-top: 1px solid #fc6;  */
/*	border-top: 1px solid #b2dcff; */
	border-bottom: 1px solid #b2dcff; 
}



/* edit: die Einrückung der 2ten/3ten  Navigationsebene über die Klasse 'level2' (gültig für 'img')
   realisieren => ist so für den Firefox optimiert: */
#naviMainContainer img.level2 {
	width: 7px;
	height: 20px;
}

#naviMainContainer img.level3 {
	width: 16px;
	height: 20px;
}





a.naviMainContainer:link {
	color: #000;
	text-decoration: none;
	border-top: 1px solid #b2dcff;	
}

.lastNav {
	border-bottom: 1px solid #b2dcff;		
}

a.naviMainContainer:visited {
	color: #000;
	text-decoration: none;
}

#naviMainContainer a:hover {
	background-color: #b2dcff;
	color: #000;
	text-decoration: none;	
}

#naviMainContainer a.current {
	background-color:#b2dcff;
	color: #f00;
	border-top: 1px solid #b2dcff; 
	font-weight: bold;		
}

#naviMainContainer a.current:visited {
	color:#000;
	border-top: 1px solid #b2dcff; 
}

#naviMainContainer a.current:hover {
	background-color: #b2dcff;
	color: #000;
	border-top: 1px solid #b2dcff; 
	text-decoration: none;			
}



/* ************* weitere Klassen definieren, die innerhalb von 'naviMainContainer' Links beeinflussen können: */

/*
#naviMainContainer a.current {
	background-color:#b200ff;
	color: #f00;
	border-top: 1px solid #b2dcff; 
	font-weight: bold;		
}

*/






.lastNavCurrent {
	border-bottom: 1px solid #b2dcff;		
}

#naviMainContainer a.lastNavCurrent {
	background-color:#b2dcff;
	color: #000;
	border-top: 1px solid #b2dcff; 
	font-weight: bold;		
}

#naviMainContainer a.lastNavCurrent:visited {
	color:#000;
	border-top: 1px solid #b2dcff; 
}

#naviMainContainer a.lastNavCurrent:hover {
	background-color: #b2dcff;
	color: #000;
	border-top: 1px solid #b2dcff; 
	text-decoration: none;			
}

#naviSubContainer li {
	margin: 0px;
}

#naviSubContainer ul {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	list-style-type: none;
	font-weight: normal;
}

#naviSubContainer a {
	display: block;
	padding: 2px 5px 2px 1px;
	width: 200px;		
	background-color: #fff;
	border-top: 0px solid #b3cce7;
	border-bottom: 0px solid #e4e8ed;	
}

#naviSubContainer a:link {
	color: #000;
}

#naviSubContainer a:visited {
	color:#000;
}

#naviSubContainer a:hover {
	color: #000;
	text-decoration: none;
	background-color: #efefef;	
}

#naviSubContainer a.current {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}

#naviSubContainer a.current:visited {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}

#naviSubContainer a.current:hover {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}




/* ==== die Zierleiste (oben und unten) beim Navigationsmenue beeinflussen: */

#naviMainContainer a.1strich {
	color: #0f0;
	background-color:#ef0000;
	text-decoration:underline;
}


.menu-2strich {
	color: #00f;
}




/* Die Einrückung der 3 Ebenen des Navigationsmenü beeinflussen
=> die Klasse "level2" wirkt tatsächlich auf das Navigationsmenü!
*/


/* ##########  2te Menüebene ########### */
#naviMainContainer div.level2_pro {
	float: left;
}

#naviMainContainer div.level2 {
	font-size:0.9em;
}



/* ####### 3te Menüebene ########## */
#naviMainContainer div.level3_pro {
	width: 3px;
	float: left;
	margin-right: 6px;
	background-image: url(../grafiken/mu.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#naviMainContainer div.level3 {
	font-size:0.9em;
/*	text-indent:9px; */
}



/* 20160801: Gaaanz unten in der Navigationsleiste (links) soll noch ein '<div>' untergebracht werden */
#navibottom {
	position: absolute;
	bottom: 80px;
}








#search {
	margin: 5px 0px 0px 50px;
	font-size: 0.9em;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

#search a {
	font-size: 0.8em;
	color: #666;
	text-transform: none;
	font-weight: normal;
	padding-top: 0px;
	padding-left: 0px;
}

#search a:link {
	color: #666;
	text-decoration: none;
}

#search a:visited {
	color: #666;
	text-decoration: none;
}

#search a:hover {
	color: #000;
	text-decoration: underline;
}

.cleaner {
	clear:both;
}

#wrap {
	float: left;
	margin: 0px;
/* edit: Breite von 528px reduzieren auf */	
/*	width: 460px; */
	width: 618px;
/*	border: solid 1px #777; */ 
}

#middleColumn {
	position: relative;
	float: left;
	width: 566px;
	border-left: 2px solid #b2dcff;
/*	border-right: 1px dashed #999; */
	float: left;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
}

#middleColumn2spalter {
	position: relative;
	float: left;
	width: 697px;
	border-left: 2px solid #b2dcff;
/*	border-right: 1px dashed #999; */
	float:left;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
}

#content {
	margin-top: 7px;
}

#content p {
	margin: 0px 0px 5px 0px;
}

#content ul {
	margin: 0px 0px 15px 15px;
	padding-left: 0px;
	list-style: none;
}

#content ul li {
	line-height: 1.4em;
	padding-left: 15px;
	background: url(https://www.uni-heidelberg.de/images/uni/zentral/all/dot_liste_schwarz.gif) no-repeat;
	background-position: 0px 7px;
}

#naviHor {
	text-align: right;
	font-size: 0.8em;
	line-height: 0px;
	color: #666;
	padding-bottom: 16px;
}

#naviHor a:link {
	color: #666;
	text-decoration: none;
}

#naviHor a:visited {
	color: #666;
	text-decoration: none;
}

#naviHor a:hover {
	color: #666;
	text-decoration: underline;
}

.pathway {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #0c619d;
	padding-top: 8px;
}

.pathway a:link {
	text-decoration: none;
	color: #0c619d;	
}

.pathway a:visited {
	text-decoration: none;
	color: #0c619d;	
}

.pathway a:hover {
	text-decoration: underline;
	color: #0c619d;
}

.top {
	position: relative;
	float: left;
	padding-top: 30px;
	margin: 0px;
}




/* Tabellen-Format fuer die SEHC-Seite */


#sehc {
	font-size: 0.9em;
}



#sehc table {
    border-color: #600;
    border-collapse: collapse;
/*
    border-width: 0 0 1px 1px;
    border-style: solid;
*/
}


#sehc td {
    border-color: #600;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 0px;
	vertical-align: top;
}


#sehc th {
    border-color: #600;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 0px;
   	vertical-align: top;
}




/* ------------------------------ */




#rightColumn {
/* edit: Breite von 200px verkleinert auf: */ 
	width: 160px;
	margin: 0px;
	float: right;
	min-height: 200px;
}

.keyVisual {
	height: 105px;
}

.headlineRightColumn {
	line-height: 1.3em;
/* edit: keine gestrichelte Linie */
/*	border-bottom: 1px dashed #999; */
	margin-bottom: 0.4em;
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 0px;	
}

.boxRightColumn {
	margin-bottom: 5px;
	font-size: 0.9em;
	line-height: 1.3em;
/* edit mal etwas an der Boxen-Farbe spielen: */	
/*	background-color: #efefef; */
/*	background-color: #eeeeff; */
	background-color: #b2dcff; 
	padding: 4px 7px 4px 7px;	
}

.headlineBoxRightColumn {
	margin-bottom: 5px;
	font-size: 0.9em;
	color: #900;	
	font-weight: bold;	
	line-height: 1.2em;
}

a.headlineBoxRightColumn:link { color:#900; text-decoration: none; }
a.headlineBoxRightColumn:visited { color:#900; text-decoration: none; }
a.headlineBoxRightColumn:hover { color:#000; text-decoration: underline; }
a.headlineBoxRightColumn:active { color:#900; text-decoration: underline; }

.boxRightColumn img {
	margin: 5px 0px;	
}

.clear {
	overflow: hidden;
	clear: left;
	height: 1px;
	margin: -1px 0px 0px 0px;
	font-size: 1px;
}

.copyright {
	font-size: 0.9em;
	color: Black;
	text-align: center;
}

#footerBar {
/* edit: statt des hellblauen Balken werden lediglich 30px Höhe statt der 12px eingesetzt  */
	height: 30px;
/*	background-color: #b2dcff; */
/*	margin: 0px 0px 17px 0px; */
}

#footer {
	color: #2269B6;
}

#greyBar {
	height: 17px;
	background-color: #efefef;
	margin: 10px 0px 17px 0px;
}


/* edit: eine neue Klasse erzeugt, die die Höhe des Bereiches - Kopfbild festlegt */
#kBar {
/* edit => statt 130px nur noch 129px, da die neune Kopfbilder kleiner sind */
	height: 129px;
	background-color: #cccccc;

/* margin (nach): oben rechts unten links */ 
	margin: 0px 0px 17px 0px;
}


/* edit farbe geaendert */
#topBarInstitute {
	height: 25px;
	background-color: #999900;
	margin-bottom: 15px;
	min-width: 982px;
}

#universitaet {
	height: 25px;
	min-width: 982px;
}

.institutslogo {
/* edit: hoehe von 83px geaendert auf: */
	height: 30px;
}


#searchBoxRightColumn {
	width: 200px;
	background-color: #efefef;
	margin-bottom: 3px;
}

#searchBoxRightColumn #search {
	margin: 5px 0px 0px 5px;
}

.inputSearchRight {
	font-size: 0.9em;
	background-color: #fff;
	border: 1px solid #666;
	color: #666;
	padding-left: 2px;
	width: 130px;
}

.inputSearchRightButton {
	border: 0px solid #666;
	background: url(http://www.uni-heidelberg.de/images/uni/zentral/all/icon_search.gif) no-repeat;
	width: 13px;
	height: 23px;
	background-position: center;
}
	
#pageContainerVariabel {
    text-align: left;
    margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	position:relative;
	padding: 0px 10px 0px 10px;
	min-width: 740px;
}

#pageContainer2spalterVariabel {
    text-align: left;
    margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	position:relative;
	padding: 0px 10px 0px 10px;
	min-width: 520px;
}

#leftColumnVariabel {
	width: 220px;
	float: left;
	position: relative;
}

#wrapVariabel {
	margin-right: 220px;
	margin-left: 220px;
}

#topBarInstituteVariabel {
	height: 25px;
	background-color: #990000;
	margin-bottom: 15px;
	min-width: 770px;
}

#topBarInstitute2spalterVariabel {
	height: 25px;
	background-color: #990000;
	margin-bottom: 15px;
	min-width: 550px;
}

#universitaetVariabel {
	height: 25px;
	min-width: 770px;
}

#universitaet2spalterVariabel {
	height: 25px;
	min-width: 470px;
}

#middleColumn2spalterVariabel {
	margin-left: 220px;
	border-left: 2px solid #900;
	border-right: 1px dashed #999;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
	min-width: 220px;
}

#rightColumnVariabel {
    float: right; width: 200px;
    margin: 0px; padding: 0px;
	min-height: 200px;
}

#leftColumn3spalterVariabel {
    float: left; width: 200px;
    margin: 0px; padding: 0px;
}

#wrap3spalterVariabel {
    margin: 0px 220px 0px 220px;
    padding: 0px 10px;
}

#middleColumnVariabel {
	min-height: 500px;
	padding: 0px 20px 0px 20px;
	border-left: 2px solid #900;
	border-right: 1px dashed #999;
	min-width: 220px;
}

.topVariabel {
	padding-top: 30px;
	margin: 0px;
}


/* Klassen, die typo3 voraussetzt: */


.align-right	{
	text-align: right;
	}
	
.align-center	{
	text-align: center;
	}	

.align-left	{
	text-align: left;
	}

.align-justify {
	text-align: justify;
	}


u		{
/*	text-decoration:blink; */
	}


p.schraeg	{
	font-size: 1.5em;
	color: #0f0;
	}
	
	
.error	{
	font-size: 1.5em;
	color: #0f0;
	}	 
	
	
#schraeg	{
	font-size: 1.5em;
	color: #0f0;
	}	 
	

/* 20140120: Format fuer eine geordnete Liste mit buchstaben (anstatt ziffern) */
ol.d {list-style-type: lower-alpha;}


/* 20160520: versuch eine ID 'fti' anzulegen, um die Schriftgroesse in der Tabelle zur fti-anmeldung anzupassen */  
#fti	{
	font-size: 1.5em;
	}


/* 20160523: .. und noch eine Klasse '.fti-t1', damit dem neuen Element vom Typ 'Tabelle' in der FTI-1 auch eine
 CSS-Formatierung zugeteilt werden kann (unter dem Reiter 'Tabelle' => zusaetzliche css-Klasse) */
.fti-1	{
	font-size: 2.0em;
	background-color: #8c8c8c;
	}	


#fti2    {
        font-size: 1.2em;
        }



#fti3    {
        font-size: 1.8em;
        }

#fti4	{
	font-size: 1.5em;
	}