/* Aphilia Leitseite ohne Tabellen
Autor: Norbert Schuetz, fuer AVDS e. V.

HTML Elemente: 
*/

body {
	font-size: small; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
  background-color: #f5f5f5;
}

a {
	text-decoration: none;
}

h4 {
	color: #404040;
	margin-top: 2em; 
	font-size: larger; 
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}

p {
	margin-top: 1em; 
	margin-bottom: 1.5em;
}

td {
	border-width: 0; 
	padding: 2px 0px 2px 10px;
}

dl.bildrechts {
	float: right;
	margin-left: 2em;
	margin-top: 0.2em;
}

dl.bildrechts dt {
	margin-bottom: 0;
}

dl.bildrechts dd {
	margin: 0; 
	font-size: smaller;
	line-height: 1.2em;
}

img {
	border: 0;
}

dl.bildlinks {
	float: left; 
	margin-right: 2em;
	margin-top: 0.2em;
	margin-bottom: 1em;
}

dl.bildlinks dt {
	margin-bottom: 0;
}

dl.bildlinks dd {
	margin: 0; 
	font-size: smaller;
	line-height: 1.2em;
}

blockquote p {
	font-style: italic;
	font-family: Georgia, Times, Times New Roman, serif;
	line-height: 1.2em;
	text-indent: 0.5em;
}

/* IDs
*/

#container {
	/**width: 670px;**/
  /**anpassung der breite wegen forum**/
  width: 910px;
	margin-top: 10px; 
	margin-right: auto; 
	margin-bottom: 30px; 
	margin-left: auto; 
	background-color: white;
	padding: 0 25px;
  border-left: 2px solid #cfcfcf;
  border-right: 2px solid #cfcfcf;
}

#containerastro {
  width: 910px;
	margin-top: 10px; 
	margin-right: auto; 
	margin-bottom: 30px; 
	margin-left: auto; 
	background-color: white;
 	padding: 0 25px;
	/* padding: 5px; */
  border-left: 2px solid #cfcfcf;
  border-right: 2px solid #cfcfcf;  
}

#subcontainerlinksastro {
	width: 600px; 
	margin-top: -13px;
  /* Nicht ganz klar woher die Verschiebung nach unten kommt... */
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 0; 
	background-color: white;
	float: left;
  padding: 0;
}	

#subcontainerrechtsastro {
	width: 285px; 
	margin-top: -13px;
  /* Nicht ganz klar woher die Verschiebung nach unten kommt... */ 
	margin-right: 0; 
	margin-bottom: 0 ; 
	margin-left: 0; 
	background-color: white;
	float: right;
	clear: right;
}	

#subcontainerlinksreise {
	width: 185px; 
	margin-top: -13px;
  /* Nicht ganz klar woher die Verschiebung nach unten kommt... */
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 0; 
	background-color: white;
	float: left;
  padding: 0;
}	

#subcontainerrechtsreise {
	width: 700px; 
	margin-top: -13px;
  /* Nicht ganz klar woher die Verschiebung nach unten kommt... */ 
	margin-right: 0; 
	margin-bottom: 0 ; 
	margin-left: 0; 
	background-color: white;
	float: right;
	clear: right;
}

		

* html b\ody #subcontainerrechtsastro {
/*Workaround fuer IE*/
	 margin-left: -40px;
}

#toplinks {
	border-width: 0; 
	margin-bottom: 1.5em;
}

#aphilialogo {
	position: relative; 
	left: 0; 
	top: 0; 
	border-width: 0;
}

table#linkliste {
	width: auto;
}

table#linkliste td {
	font-family: Times, serif; 
	font-weight: bold; 
	/* font-stretch: wider; */    /*Probleme mit der CSS-Validierung*/
	font-size: medium;
	color: #990000; 
	background-color: transparent;
	border-width: 0;
	margin-right: 1em;
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-left: 10px;
	line-height: 1.2em;
}

table#linkliste a {
	color: #990000;
	background-color: transparent;
	text-decoration: none;
}

table#linkliste a:hover {
	color: #ff0000;
	background-color: transparent;
	text-decoration: none;
}

#linkliste {
	position: absolute; 
	/*right: 0;*/
  /*anpassung ans forum*/
  left: 310px;
	/*table-layout: auto;*/
  /*anpassung ans forum*/
	font-family: Times, serif; 
	font-size: larger;
	font-weight: bold; 
	/* font-stretch: wider; */    /*Probleme mit der CSS-Validierung*/
	font-size: medium; 
	color: #990000; 
	background-color: transparent;
	display: inline;
	border-width: 0;
	margin-right: 1em;
}

#linkliste a {
	color: #990000;
	background-color: transparent;
}

#linkliste a:hover {
	color: #ff0000;
	background-color: transparent;
}

#linklisteastro {
	position: absolute; 
	left: 310px; 
	font-family: Times, serif; 
	font-size: larger;
	font-weight: bold; 
	/* font-stretch: wider; */    /*Probleme mit der CSS-Validierung*/
	font-size: medium; 
	color: #990000; 
	background-color: transparent;
	display: inline; 
	border-width: 0;
	margin-right: 1em;
}

#linklisteastro a {
	color: #990000;
	background-color: transparent;
}

#linklisteastro a:hover {
	color: #ff0000;
	background-color: transparent;
}																		

#seitenheader {
	font-family: Verdana, Helvetica, Arial,  sans-serif; 
	font-weight: bold; 
	font-size: medium; 
	color: #990000; 
	background-color: white; 
	line-height: 1.5em; 
	margin-left: 96px; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	padding-left: 0.5em; 
	padding-right: 0.5em; 
	vertical-align: middle; 
	text-align: center;
}

#seitenfooter {
	font-family: Verdana, Helvetica, Arial,  sans-serif; 
	font-weight: bold; 
	font-size: small; 
	color: white; 
	line-height: 2em; 
	margin-left: 96px; 
	margin-right: auto;
	padding-top: 1em; 
	padding-bottom: 0.5em; 
	padding-left: 3.5em; 
	padding-right: 1.5em; 
	text-align: right;
	background: url(bildernavi/morgen2.gif) white 0 8px no-repeat;
}			

* html b\ody #seitenfooter {
	background: url(bildernavi/morgen2.gif) white 0 7px no-repeat;
}

#kurstitel {
	margin-top: 1.5em; 
	margin-bottom: 1.5em; 
	font-family: times, serif; 
	font-size:1.4em; 
	font-weight:500; 
	background-color:#cccc99; 
	background-image: url(bildernavi/kurs.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color:black; 
	border-width:1px; 
	border-style:solid; 
	border-color:#990000; 
	padding-top:10px; 
	padding-bottom: 10px;
	padding-left: 130px;
	text-align: left;
	height: 20px;
}

* html b\ody #kurstitel {																																									/* Workaround fuer den Internet Explorer */
	background-image: url(bildernavi/kurs-ie.gif);
}




#test {
	margin-top: -1em;
	padding: 0;
	color: green;
	font-size: medium;
	font-weight: 900;
	text-align: right;
	letter-spacing: 0.2em;
}

#phpkurse {
	margin-top: 1.5em; 
	margin-bottom: 1.5em; 
	font-family: times, serif; 
	font-size:1.4em; 
	font-weight:500; 
	background-color:#cccc99; 
	color:black; 
	border-width:1px; 
	border-style:solid; 
	border-color:#990000; 
	padding-top:0.8em; 
	padding-bottom: 0.8em; 
	text-align: center;
}

#phpkurse a {
	color: black;
	background-color: transparent;
}

#phpkurse a:hover {
	color: white;
	background-color: transparent;
}	

#phpsternbilder {
	margin-top: 1.5em; 
	margin-bottom: 0.5em; 
	font-family: times, serif; 
	font-size:1.4em; 
	font-weight:500; 
	background-color:#cccc99; 
	color:black; 
	border-width:1px; 
	border-style:solid; 
	border-color:#990000; 
	padding-top:0.8em; 
	padding-bottom: 0.8em; 
	text-align: center;
}

#phpsternbilder a {
	color: black;
	background-color: transparent;
}

#phpsternbilder a:hover {
	color: white;
	background-color: transparent;
}	

#kursteil{
	position: absolute;
	left: 860px;
	top: 260px;
	height: 80px;
	width: 80px;
	background-image: url(bildernavi/newstar.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font: bold 11px georgia, times, sans-serif;
	color: #990000;
	text-align: center;
}

#zeile1 {
	position: absolute;
	top: 28px;
	left: 20px;
}

#zeile2 {
	position: absolute;
	top: 40px;
	left: 20px;
}

dl#dibbverweis {
	float: left; 
	margin-right: 2em;
	width: 158px;
	margin-bottom: 1em;
	margin-top: 0;	
}

dl#dibbverweis dt {
	margin-bottom: 0;
}

dl#dibbverweis dd {
	margin: 0;
	text-align: center;
}

dl#dibbverweis dd a {
	color: blue;
	background-color: transparent;
}

dl#dibbverweis dd a:hover {
	color: navy;
	background-color: transparent;
	text-decoration: underline;
}

dl#dibbverweisrechts {
	float: right; 
	margin-left: 2em;
	width: 158px;
	margin-bottom: 1em;
	margin-top: 0;	
}

dl#dibbverweisrechts dt {
	margin-bottom: 0;
}

dl#dibbverweisrechts dd {
	margin: 0;
	text-align: center;
}

dl#dibbverweisrechts dd a {
	color: blue;
	background-color: transparent;
}

dl#dibbverweisrechts dd a:hover {
	color: navy;
	background-color: transparent;
	text-decoration: underline;
}

#sternbilder {
	border-collapse: collapse;
	margin: 0.2em 0 1em 2em;
	float: right;
	border: 1px solid #990000 !important;	
}

#sternbilder a {
	color: blue;
	background-color: transparent;
}

#sternbilder a:hover {
	color: navy;
	background-color: transparent;
	text-decoration: underline;
}	

#sternbilder tr {
	background-color: #cccc99;
}																				

#sternbilder tr.grau {
	background-color: #cccccc;
}

#sternbilder td {
	padding: 0.2em 0.3em;
	text-align: center;	
	border-top: 1px solid white;
}			

#sternbilder th {
	background-color: #999999;
	padding: 0.4em 0.3em;	
	border-top: 1px solid #990000;																			
}	

.almagest {
	border-collapse: collapse;
	margin: 0.5em 0 1em 0;
	border: 1px solid #990000 !important;	
	width: 100%;
}

.almagest a {
	color: blue;
	background-color: transparent;
}

.almagest a:hover {
	color: navy;
	background-color: transparent;
	text-decoration: underline;
}	

.almagest tr {
	background-color: #cccc99;
}																				

.almagest tr.grau {
	background-color: #cccccc;
}

.almagest td {
	padding: 0.2em 0.3em;
	text-align: left;	
	border-top: 1px solid white;
	width: 50%;
}			

.almagest th {
	background-color: #999999;
	padding: 0.4em 0.3em;	
	border-top: 1px solid #990000;		
}																					

#seitenabschluss {
	position: absolute; 
	right: 0; 
	padding-left: 2em; 
	background-color: white; 
	color: inherit;
	margin-top: -0.5em;		/* IE6 bezieht bei den Kursseiten den negativen Abstand nach oben auf das Geschwisterelement #seitenfooter anstatt, wie es korrekt waere, auf das Elternelement .roterbalken. Deshalb berschreibt der IE6 margin-top im Folgenden durch eine Browserweiche mit einem Wert fr padding-top... */ 
}

/* Browserweiche wegen falscher Saeulenpositionierung 
   (nur bei den Kursseiten) im IE6 
*/																	

* html b\ody #seitenabschluss {
	margin-top: 0;
	padding-top: 0;
}

/* Klassen
*/

.roterbalken {
	position: relative;
	/* background: url(bilderstatisch/roterbalken.gif) repeat-x; */
  /* Mäander eingefügt */
  background: url(bilderstatisch/maeander.gif) repeat-x;
	height: 24px; 
	border-width: 1px; 
	margin-bottom: 1em;
	clear: both;
}

.textblock {
	margin-top: 0;
	text-align: justify;
}

.infoboxleft {
	background-color:#dcdcdc;
	color: inherit;
	font-size: 90%;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	border-width:1px;
	border-style:solid;
	border-color:#990000;
	margin-right: 3em;
	margin-top: 0.2em;
	margin-bottom: 1em;
	float: left;
	width: 25%;
	line-height: 1.3em;
}

.infoboxleft:first-letter {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}

.infoboxleft h4 {
	margin: 0.5em 0;
}

.infoboxleft ol {
	margin-left: -2em;
}

/* Workaround fuer den dummen IE */

* html .infoboxleft ul {
	margin-left: 1em;
}

* html .infoboxleft ol {
	margin-left: 1em;
}

.infoboxright {
	background-color:#dcdcdc;
	color: inherit;
	font-size: 90%;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	border-width:1px;
	border-style:solid;
	border-color:#990000;
	margin-left: 3em;
	margin-top: 0.2em;
	margin-bottom: 1em;
	float: right;
	width: 25%;
	line-height: 1.3em;
}

.infoboxright:first-letter {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}

.infoboxright h4 {
	margin: 0.5em 0;
}			

.infoboxright ul {
	list-style-type: disc; 
	margin-left: -2em;
}	

.infoboxright ol {
	margin-left: -2em;
}

/* Workaround fuer den dummen IE */

* html .infoboxright ul {
	margin-left: 1em;
}	

* html .infoboxright ol {
	margin-left: 1em;
}

.zitat {
	border-width: 0px;
	font-style: italic;
	letter-spacing: 0;
	font-weight: bolder;
}

.today {
	color: black;
	margin-top: 0.5em; 
	font-size: larger;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.today.first {
	margin-top: 2em;
}

.gruen {
	margin-bottom: 1.0em; 
	font-family: times, serif; 
	font-size:1.2em; 
	font-weight:500; 
	background-color:#cccc99; 
	color:black; 
	border-width:1px; 
	border-style:solid; 
	border-color:#990000; 
	padding-top:0.4em; 
	padding-bottom: 0.4em; 
	text-align: center;
	width: 55%;
}		

.gruen a {
	color: black;
	background-color: transparent;
}

.gruen a:hover {
	color: white;
	background-color: transparent;
}				
/* Verbreitert den rechten Innenabstand der ersten Navigationsspalte, 
   um das optische Ungleichgewicht zur zweiten Spalte mit dem langen 
   Eintrag "Naturwissenschaft" zu neutralisieren.
*/									

.breiter {																		
	padding-right: 1.5em;
}

.astroheaderlinks {
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
	font-family: times, serif; 
	font-size: 1.4em; 
	font-weight: 500; 
	background-color: silver; 
	color: black; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #990000; 
	padding-top: 0.8em; 
	padding-bottom: 0.8em; 
	text-align: center;
}					

.astroheaderrechts {
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
	font-family: times, serif; 
	font-size: 1.4em; 
	font-weight: 500; 
	background-color: silver; 
	color: black; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #990000; 
	padding-top: 0.8em; 
	padding-bottom: 0.8em; 
	text-align: center;
}

/* ############## Fr Seite kursvorschau.php ##################### */

/* Roter Teil der Kursvorschau-Zigarette */
#kursvorschau_titel {
	margin-top: 1.5em; 
	margin-bottom: 0.5em; 
	font-family: times, serif; 
	font-size:1.4em; 
	font-weight:500; 
	background-color:#cccc99; 
	background-image: url(bildernavi/vorschau.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color:black; 
	border-width:1px; 
	border-style:solid; 
	border-color:#990000; 
	padding-top:10px; 
	padding-bottom: 10px;
	padding-left: 180px;
	text-align: left;
	height: 20px;
}

/* Workaround fuer den Internet Explorer */
* html b\ody #kursvorschau_titel {																		
	background-image: url(bildernavi/vorschau.gif);
}



/* Einleitender Text */
.kursvorschau_ueberschrift {
	font-size: 1.3em;
	margin-bottom: 1.0em;
	letter-spacing: 0.1em;

}

/* Containertabelle mit einer Zeile, zwei Spalten */
.kursvorschau_container{
	width: 100%;
	margin-bottom: 1.0em;
	
}

/* Erste Zelle in Containertabelle, welche wiederum eine Tabelle fuer
   Auflistung der Kursankuendigungen enthaelt */
.kursvorschau_liste_container{
	width: 100%;
	vertical-align: top;
}

/* Tabellenzeile "Datum: Kursteiltitel" */
.kursvorschau_liste{
	font-size: 1.2em;
	letter-spacing: 0.05em;
	height: 2em;
	vertical-align: top;
	
}

/* Kursteiltitel */
.kursvorschau_liste_kursteil{
	width: 100%;	
}																												

/* Tabellenzelle, welche das Bild (Sanduhr) enthaelt */
.kursvorschau_container_bild{
	width: 166px;
	
}																												

/* ############################################# */
/*    Fremdinhalte auf der Kunst-Leitseite       */
.fremdinhalt_links{
/*	padding-left: 0em; 
	padding-top: 0.5em;
	padding-right: 0.5em; 
	padding-bottom: 2.0em;
	border-width:1px;
	border-style:solid;
	border-color:#990000; */
	margin-left: 2em;
	margin-bottom: 2em;
	float: right;
/*	line-height: 1.2em;*/
}

/* Unterbricht den Umfluss um Bilder und beginnt in einer neuen Zeile */
/*   z.B. für Überschriften im Sprachkurs Altgriechisch               */
.neue_zeile{
	margin-top: 5em;
	clear: both;
}

.rahmen  {
	border: 1px solid black;
}