body {
	font: 90% Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #F0F1F1;
	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;
  }
    /*
    div {
      border: 1px solid black;
    }
    */
    
    
    /* Tipps f�r elastische Layouts:
    1. Da die Gesamtgr��e elastischer Layouts von der Standardschriftgr��e des Benutzers abh�ngt, sind diese Layouts weniger berechenbar. Bei korrekter Verwendung haben sie au�erdem f�r Personen, die gr��ere Schriften ben�tigen, einen h�heren Nutzwert, weil die Zeilenl�nge proportional bleibt.
    2. Die Gr��e der divs in diesem Layout basiert auf der Originalschriftgr��e (100%) im Body-Element. Wenn Sie die Textgr��e durch eine Einstellung wie font-size: 80% im Body-Element oder im #container global verringern, wird das gesamte Layout proportional verkleinert. Sie sollten die Breiten der verschiedenen divs vergr��ern, um hierf�r einen Ausgleich zu schaffen.
    3. Wenn Sie in den einzelnen divs unterschiedliche Werte f�r die Schriftgr��e angegeben, anstatt die Schriftgr��e im Design global zu �ndern (z. B. wenn #sidebar1 die Schriftgr��e 70% zugewiesen wird und #mainContent die Gr��e 85%), so wird die Gesamtgr��e der einzelnen divs proportional ge�ndert. Sie sollten anhand der endg�ltig gew�hlten Schriftgr��e entsprechende Anpassungen vornehmen.
    */
#container {
	width: 65em;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern f�r den Text die Standardschriftgr��e des Browsers �bernommen wird. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische R�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */   
}
#header { 
	background: #DDDDDD;
	border-bottom: 1px dotted black; 
	padding: 0 10px 25px 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. */
} 
    
#headnav {
	float: right;
	text-align: right;
	margin-top: 0.4em;
}
    
#headnav a {
	color : black;
	text-decoration : none;
	font: 10pt Arial, Helvetica, sans-serif;
}
    
#headnav a:hover {
    text-decoration : underline;
}    
    
#clear {
    float: clear;
}
    
#mainContent {
  	padding: 0 20px; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
   	background: #FFFFFF;
}

#mainContent img {
	padding : 5px;
    float: right;
}

#mainContent span.title {
	
	font: 15pt Arial, Helvetica, sans-serif, bold;
    float: left;
	display: none;
}


#footer { 
  	border-top: 1px dotted black; 
  	padding: 0 10px; /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
   	background:#DDDDDD;
}
 
#footer p {
   	text-align: right;
   	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. */
}

#form div {
margin: 10px 0 0 10px;
}
#form .label {
font-size: 10pt;
}

#form .left1{
position:absolute;
left:140px;
}

/* Position button 'anzeigen' */
#form .left2{
position:relative;
left: 130px;
}

/* Originalsettings
#form .left2{
position:absolute;
left:295px;
}
*/
#form .left3{
position:absolute;
right:250px;
}

input {
	border: 1px solid black;
	size:30px
}

select {
    border: 1px solid black;
}    
    
table {
    font-size: 90%;
    width: 100%;
    border: 1px solid black;
	table-layout: fixed;
	/*overflow: hidden;*/
}
    
table.anmeldung {
    font-size: 90%;
    width: 80%;
    border: 0px solid black;
}
			
table.lookup {
    font-size: 90%;
    border: 0px solid black;
    width: 100%;
}
	
table.fehlermsg {
	width: 900px;
	margin: 0 0 10px 0;
	border: 1px solid #ff0000;
	padding-top: 5px;
	padding-bottom: 5px
	
}
	
	
th {
	border-bottom: 1px dotted black;
 	background-color: #F0F1F1;
}
	
	
tr.bg1 {
	background-color : #DDEEFF;
}
    
tr.bg2 {
	background-color : #FFFFFF;
}

td { 
    vertical-align:top; 
    overflow:hidden; 
}
    
td.sum {
	border-top: 1px dotted black;
	background-color: #F0F1F1;
    }
    
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: 5px 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. */
   	font-size: 14pt;
}
    
h2 {
   	font-size: 13pt;
    padding: 0.6em 0 0.1em 0;
    margin: 10px 0 0.3em 0;
    border-bottom: 1px dotted #F0F1F1;
    color:#000000;
}
    
a {
	text-decoration : none;
	color: #000000; 
	color: #6495ED;

}
     
a:hover {
	text-decoration : underline;
	color: #000000;
	color: #6495ED;
}
	 
.button_u {
	background-image: url(./img/ic_up.gif);
}
	
.button_d
 {
	background-image: url(./img/ic_down.gif);
}

.label {
font-size: 10pt;
}

.fehlermsg
{
width: 40%;
margin: 0 0 0 0;
border: 1px solid #ff0000;
background:lavender; 
padding-top: 5px;
padding-bottom: 10px
}

.eingabe_prio
{
width: 23%;
margin: 0 0 0 0;
border: 1px solid #ff0000;
background:lavender; 
padding-top: 5px;
padding-bottom: 10px
}

.redbold
{
 color: #ff0000;
}

.chartlegend
{
border: 2px solid black;
margin-right: 10px;
margin-top: 100px;
width: 140px;
/*float:left;*/
}
.chartlegend img
{
float:right;
margin-top: 35px;
margin-right: 5px;
}
table.chartlegend
{
width:90px;
text-align:center;
height:40px;
margin:5px;
}
table.chartlegend th
{
text-align:center;
}

.chart_pic
{
float:none;
margin-top:-240px;
}