﻿@charset "utf-8";
body  {
    	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
		font: 12px Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
	
    .thrColFixHdr #container { 
    	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
    .thrColFixHdr #header { 
    	background: #DDDDDD; 
    	/* padding: 0 10px 0 20px; */ /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    } 
    .thrColFixHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .thrColFixHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 175px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	/*padding: 5px 5px 5px 5px;*/ /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	background-color:#EBEBEB;
	/*background-color:#000033;*/
    }
    .thrColFixHdr #sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 175px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	/*background: #EBEBEB;*/ /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	/*padding: 5px 5px 5px 5px;*/ /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    	text-align: center; /* Hierdurch wird die Einstellung text-align: left im container-Element aufgehoben. */
    }
    .thrColFixHdr #mainContent { 
    	margin: 0 200px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
    .thrColFixHdr #footer { 
    	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#DDDDDD;
    	text-align: center; /* Hierdurch wird die Einstellung text-align: left im container-Element aufgehoben. */
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		font: 10px Arial, Helvetica, sans-serif;
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

    .autor {
	font-style:italic;
    }

h1 a {color:#000000;

}

h3 a:focus {color:#0000FF;

}

h2 a {color:#000000;
}

h3 a {color:#000000;
}

#sidebar1 table {
	margin-left:10px;
	width:165px;
	}
#sidebar1 tr {
	width:165px;
	height:30px;
	}
#sidebar1 a {
	font:12px Arial, Helvetica, sans-serif;
	color: #0080C0;
	text-decoration: none;
	display:inline;
	}
#sidebar1 a:focus {
	color:#FF8000;	
	}
#sidebar1 a:hover {
	text-decoration:underline;
	border-right-width: 0px;
	border-left-width: 0px; 
	}
#sidebar1 span { /* aktuelle Seite */
	font:12px Arial, Helvetica, sans-serif;
	color:#FF8000;
	text-decoration: none;
	display:inline;
	}
	
#submenu1 table {
	margin-left:20px;
	}
#submenu1 a {
	font:12px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	display:inline;
	}
	
#downloadlinks h1 {
	margin-left:10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	}
#downloadlinks table {
	width:155px;
	margin-left:20px;
	}
#downloadlinks tr {
	width:155px;
	}
#downloadlinks a {
	font:12px Arial, Helvetica, sans-serif;
	}
#downloadlinks a:focus {
	color:#0080C0;	/* Wenn der Link in einen neuen Fenster oeffnet und dieses geschlossen
	wird, sind in dem urspruenglichen Fenster sowohl die Seitenbezeichnung
	in der Navigationsleiste als auch der der Downloadlink fokussiert. Es soll aber nur die
	Site hervorgehoben werden, auf der man sich befindet, nicht die, die man auch mal
	besucht hat. Der IE kennt :focus ohnehin  nicht... (SL)*/
	}	
	
#relatedevents h1 {
	margin-left:10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	}
#relatedevents table {
	margin-left:20px;
	margin-bottom:10px;
	}
#relatedevents img {
	border-width:thin;
	border-color:#808000;
	}
	
span.chairoverview{
 	font-style:italic;
        }

span.autor {
 	font-style:italic;
        }

span.tabellenrand {
 	font-weight:bold;
        }

span.sessionchair {
 	font-style:italic;
 	font-weight:bold;
        }

span.zwischen-berschrift {
	font: 18px Arial, Helvetica, sans-serif;
	}

#mainContent h1 {
	font: 24px Arial, Helvetica, sans-serif;
	}
#mainContent h2 {
	font: 18px Arial, Helvetica, sans-serif;
	}
#mainContent h3 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:-5px;
	}
#mainContent h4 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: -5px;
	}
#mainContent li {
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-top:5px;
	}

#mainContent p {
	font: 12px Arial, Helvetica, sans-serif;
	}

div.mainContent * {
	background-color:white;
	}
	
#mainContent img {
	vertical-align:text-top;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

#mainContent tbody {
        border:1;
}

#mainContent img.symbol {
	vertical-align:text-top;
	float:none;
    margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	border:0;
}


#titlepanel p{
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*font-weight:bold;*/
	color:#0080C0;
	}
	
#imgcapt span { /* fuer Bild MIT Unterschrift */
	font-size:10px;
	}

#whatsnewbox {
	background-color:#EBEBEB; /* grau hinterlegt */
	margin-left:-10px; /* graue Box soll groesser sein als der Text-Absatz */ 
	margin-right:-10px;
	padding-left:10px; /* grau hinterlegter Text-Absatz soll mit dem restlichen */
	padding-right:10px; /* Text ausgerichtet sein */
	}
#whatsnewbox h4 {padding-top:10px;}
#whatsnewbox th { /* Datum der Aenderung */
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
	padding-right:10px; /* sorgt ggf. fuer Anstand zum benachbarten Zelleninhalt */
	color:#999999;
	}
#whatsnewbox td { /* Inhalt der Aenderung */
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-align:left;
	}
#importantnews { /* Inhalt wichtiger Aenderungen: rot */
	color:#FF8000;
	}
	
#tableDeadlines th { 
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
	}
#tableDeadlines td { 
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-align:left;
	}
#sd1 { /* schwarz durchgestrichen */
	text-decoration:line-through;
	}
#r1 { /* rot */
	color:#FF8000;
	}
.r2 {/* rot, aber als Klasse */
	color:#FF8000;
	}
	
#tableLinks tr {
	font:12px Arial, Helvetica, sans-serif;
	height:30px;
	}
	
#sidebar2 hr {
	color:#FFFFFF;
	height:10px;
	}
#sidebar2 th {
	width:175px;
	font:18px Arial, Helvetica, sans-serif;
	background-color:#EBEBEB;
	}
#sidebar2 td {
	text-align:center;
	width:175px;
	}
	
.inote {
	color:#FF8000;
	}
	
.reg_link_table th {
	padding-left:30px;
	padding-right:5px;
	font-size:large;
	}
.reg_link_cell{
	background-color:#FFAE5E;
	border-style:outset;
	border-width:5px;
	border-color:#FF8000;
	padding:5 5 5 5;
	}

.three_columns td{
	vertical-align:top;
	width:33%;
	padding-right:5px;
	}
	
.three_columns h4 {
	color:#0080C0;
	}

#tab_sponsors td{
	vertical-align:middle;
	}
	
.sponsor2cells img {
	width:150px;
	border:0;
	}
