@charset "iso-8859-1";
  
   
body  {
	background-color: #FFCC00;
	font: 90% Arial, Helvetica, sans-serif; /* Erste Zahl Position von Links.  Zweite Zahl Position von oben */
	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;
	left: auto;
	position: relative;
	width: auto;
	}

.twoColFixRtHdr #container {
	width: 1000px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	background-color: #FFFFFF;
	border: 1px solid #FFFF66;
	text-align: left;
	background-image: url(Templates/bilder/spalten.gif); background-repeat:repeat-y; /* neues Hintergrundbild so    breit wie der ganze container, mit Pseudo-Spalten */
    } 
.twoColFixRtHdr #header {
	background-repeat: no-repeat;
	height: 150px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
    } 
    
.twoColFixRtHdr #sidebar1 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none
    }
.twoColFixRtHdr #mainContent {
	margin-top: 0;
	margin-right: 221px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 15px;
	} 
.twoColFixRtHdr #footer { 
    	border: 1px solid #CCCCCC;
		padding: 0 1px 0 1px; 
		clear:both;
		/* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	
		font: 90% Arial, Helvetica, sans-serif;
		background: #ECE9D8; 
    } 
.twoColFixRtHdr #footer p {
    	clear:both;
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fusszeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 1px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts  vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
	 }
.nachrechts { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 20px;
    }
.nachlinks { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fliessen lassen. */
	float: left;
	margin-right: 20px;
	
    }
.weitrechts { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 35px;
    }
.weitlinks { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fliessen lassen. */
	float: left;
	margin-right: 35px;
	
    }
	
.rechtsmitrand { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 35px;
		padding-right: 80px;
    }
.linksmitrand { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fliessen lassen. */
	float: left;
	margin-right: 35px;
	padding-left: 80px;
    }
	
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

.hggelb/* gelber Hintergrund für bessere Uebersichtlichkeit , hier mit Aussenrand, z.B. Programm - stille Gruppen */
{
	background-color: #FFFFCC; padding:6px; margin:0px; 
}

.textmarkierung /* legt optische Eigenschaften für Markierungen eines Textes innerhalb eines Abschnittes fest, hier ohne Aussenrand. z.B. in               gäste-umgebung */
    {
	background-color: #FFFF99; 
    } 

h1   /* für die Hauptüberschrift: z.b. Meditation, Programm, Fotos... */

	{
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	margin-bottom:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 108%;
	
	}
		

h2  /* für die Unter-Ueberschrift: z.b. Meditationstechniken, Feste... */
   {
    font-style: normal;
	font-weight: bold;
	color: #CC0000;
	margin-bottom:3px;
	font: Arial, Helvetica, sans-serif; 
	font-size: 100%;
	}

		
h3 /* für weiter Uebeschriften z.B. bei Links oder besondere Hervorhebungen bzw. Stichworte innerhalb des Textes */
   {
    font-size: 95%;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	color: #FF9900;
	font-weight: bold;
    margin-bottom:3px
	}
.Seitenmenue
   {color: #CC0000;
    font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 100%
	}

.englisch_90_standard /* für englischen Text auf deutschen Seiten z.b. Fotos, Impressum */
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 90%;
    color: #339900;
	}
	
.englisch_90_fett /* für englische Ueberschriften auf deutschen Seiten z.b. Fotos, Impressum */ 
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold;
	color: #339900;
	font-size: 90%;
	}


.A { /* für rechtes seitenmenue und auch footer, damit es nicht wie normaler link aussieht und zuviel aufmerksamkeit zieht */
    color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 98%;
	}
	
.A:hover {  /* für rechtes seitenmenue, verhalten beim drüberfahren mit der maus */
	text-decoration: underline;
	color: #0000CC;
	}
	
	
.A:active { /* für rechtes seitenmenue, verhalten beim klicken mit der maus */
	color: #FF6600;
	text-decoration: underline;
	}


.AA { /* für rechtes seitenmenue innerhalb des dropdownmenues, damit es nicht wie normaler link aussieht und nicht noch kleiner ist*/
    color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 102%;
	}
	
.AA:hover {  /* für rechtes seitenmenue, verhalten beim drüberfahren mit der maus */
	text-decoration: underline;
	color: #0000CC;
	}
	
	
.AA:active { /* für rechtes seitenmenue, verhalten beim klicken mit der maus */
	color: #FF6600;
	text-decoration: underline;
	}


.winzig /* Abstand unter dem Suchkästchen und der Hauptrubrik für Internetwxplorer*/
{
    color: #FFFFCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 30%;
	}