@charset "utf-8";

/* Farbangaben

#003366 - Bau für Standardlinks
#ff6600 - Orange für Hover und Aktivzustand von Standardlinks
#e1eef9 - Hellblaue Umrandung der Container
#fcfcfd	- Hellblau für Hintergrund der Container
#003388 - Dunkles Blau für Überschriften der Container
#f3bb7c - Orange für Umrandung timms-Aktuell
#fefbf7 - Orange für Hintergrund timms-Aktuell
#444	- Dunkles Grau für Veranstaltungsüberschriften
#038	- Dunkles Blau für Links zu Veranstaltungen
#888	- Helles Grau für Veranstaltungsdaten
#666	- Mittleres Grau für Zusatztexte bei Veranstaltungen

*/

/* CHANGED D.S.20081216 tested in: Opera 9.26 ## Firefox 3.0.4 ## IE5.5 ## IE6 ## IE7 ## IE8 ## Safari 3.1
   	
*/

a {}
a:link{color:#003366;}
a:visited{color:#003366;}
a:hover{color:#ff6600;}
a:active{color:#ff6600;}
a:focus{color:#ff6600;}


/* Allgemeiner Container Style*/
.container{width:810px; overflow:hidden; display:table; margin:0 10px 15px 0; 
	/* CHANGED D.S.20081216 padding:0; -> padding:0 0 5px 0; Bringt mehr Abstand zwischen den letzten Veranstaltungen und dem Container. 
	*/
	padding:0 0 10px 0; 
	
	/*
	*/border:1px solid #e1eef9; background-color:#fcfcfd;}
	
	.container h1{width:inherit; line-height:20px; 
		/* CHANGED D.S.20081216 margin:0 0 10px 0; -> hinzugefuegt. Bringt Abstand zwischen der Ueberschrift und den darunter folgenden Veranstaltungen. 
		*/
		margin:0 0 5px 0; 
		
		text-indent:5px; color:#003388; background-color:#eef3fa; font-weight:bold;}
	
/* Aktuell */
	#timms-aktuell{padding:0 0 10px 0px; border:1px solid #f3bb7c; background-color:#fefbf7;}
		#timms-aktuell h1{background-color:#f3bb7c;}
		#timms-aktuell h2 {font-weight:bold;}
		#timms-aktuell img{margin:10px 10px 0 10px; float:left;}
		#timms-aktuell p{margin:10px;}
		#timms-aktuell a{padding:0 0 0 15px; margin:0 0 0 10px; background:url(../picture/arrow.gif) no-repeat; text-decoration:none;}


/* Einzelne Veranstaltungen innerhalb des #timms-neu und des #timms-veranstaltungen Blocks */
	.veranstaltung{float:left; width:250px; 
				/* CHANGED D.S.20081216 height:100px -> height:105px Verhindert das Verschieben der Veranstaltungen bei fehlendem Uebersichtslink im IE. 
				*/ 
					height:115px; 
					
				/* CHANGED D.S.20081216 margin:10px 1% 15px; -> margin:10px 0px 0px 10px; Veranstaltungen ruecken naeher zusammen. 
				*/ 	
					margin:10px 0px 0px 10px; font:1em/1.25em Arial;}				
					
				/* CHANGED D.S.20081216 Die h2 erhaelt eine Klasse fuer einzeilige Ueberschriften und eine Klasse fuer zweizeilige Ueberschriften um die verschiedenen Veranstaltungan aneinander anzupassen. 
				*/ 			
		.veranstaltung h2{color:#444; font-weight:bold; height:30px; min-height:30px; } /* Fallback */		
		.veranstaltung h2.einzeilig{color:#444; font-weight:bold; height:15px; min-height:15px; }
		.veranstaltung h2.zweizeilig{color:#444; font-weight:bold; height:30px; min-height:30px; }
		.veranstaltung h2.dreizeilig{color:#444; font-weight:bold; height:45px; min-height:45px; }
		
		.veranstaltung img{float:left; padding:0 5px 0 0;}
		
		.veranstaltung-einzeln{display:block; margin:2px 0 0 0; color:#038;}		
		.veranstaltung-datum{display:block; margin:0 0 10px 0; color:#888;}
		.veranstaltung-beginn{display:block; margin:-12px 0 10px 0; color:#888;}
		.veranstaltung-uebersicht{padding:0 0 0 15px; background:url(../picture/arrow.gif) no-repeat; text-decoration:none;}
		
		.lang{width:500px;}
		.zusatztext{display:block; color:#666; font:0.9em/1em Arial;  height:14px;}


/* Themen */
	#timms-themen{width:520px; float:left;}
		#timms-themen ul{float:left; margin:5px 0 2px 9px; padding:0;}
			#timms-themen ul li{line-height:2em;}
				#timms-themen ul li a{padding:0 0 0 15px; background:url(../picture/arrow.gif) no-repeat; text-decoration:none;}
		.abstand{margin-top:16px;}				
				
/* Informationen */
	#timms-informationen{width:277px;}
		#timms-informationen ul{margin:5px 0 7px 10px; padding:0;}
			#timms-informationen ul li{line-height:1.25em;}
				#timms-informationen ul li a{text-decoration:none; padding:0 0 0 15px;}
.preview{width:800px;}
.preview h2{font-weight:bold; padding:0 0 10px 10px;}
.preview a {background:none !important; display:block !important; margin:10px; padding:0; width:75px; float:left;  }
.preview a img{float:none !important; margin:0 !important; padding:0;}