@charset "ISO-8859-2";


/* Global Styles */

/* Definition von html-tags */

body  {
  /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	margin: 0;
	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. */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	text-align: left;
}

p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
		line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
	background-position: top;
}


/* Definition von Ueberschriften */
h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 18px;
	margin-bottom: 3px;
}

h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 12px;
	margin-bottom: 3px;
}

h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 9px;
	margin-bottom: 3px;
}

h4 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
}



/* Definition von Tabellen */
td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background: #EDF4C7;
	background-position: top;
	vertical-align: top;
}

th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
			background: #FFFFFF;
	vertical-align: top;
}


/* Definition fuer Programm-tabelle */
.th_time {
	font-size: 13px;
	font-weight: bold;
	background-color: #A0C113;
	text-align: right;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.th_pause {
	font-size: 13px;
	font-weight: bold;
	background-color: #D2E47B;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.th_title_o {
	font-size: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #A0C113;
	line-height: 18px;
}

.th_title_ou {
	font-size: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A0C113;
	border-bottom-color: #A0C113;
	line-height: 18px;
}

.th_title {
	font-size: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	line-height: 18px;
}

.th_title_u {
	font-size: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A0C113;
	line-height: 18px;
}




/* Stile fuer links */
a:link {
	color: #52651E;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0C113;
}
a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0C113;
}
a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #A0C113;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0C113;
}
a:active {
	color: #FF3333;
	background-color: #C4DB57;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0C113;
}

a.normal {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	word-spacing: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
	padding: 1px;
	text-decoration: none;
}
a.normal:visited {
	color: #333333;
}
a.normal:hover {
	color: #FFFFFF;
	background-color: #A0C113;
}
a.normal:active {
	color: #FFFFFF;
	background-color: #FF6600;
}




a.menue1 {
	color: #000000;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	text-decoration: none;
	background-color: #C4DB57;
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: 2px outset #EDF4C7;
	text-indent: 6px;
	text-align: right;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 1px;
	height: 18px;
	width: 150px;
}
a.menue1:visited {
	color: #333333;
}
a.menue1:hover {
	color: #FFFFFF;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	text-decoration: none;
	background-color: #FF0000;
	display: block;
	font-weight: bold;
	border: 2px outset #EDF4C7;
	text-indent: 6px;
	text-align: right;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 1px;
	height: 18px;
	width: 150px;
}
a.menue1:active {
	color: #FFFFFF;
	background-color: #FF6600;
}

a.menue1h {
	color: #000000;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	text-decoration: none;
	background-color: #A0C113;
	display: block;
	font-weight: bold;
	border: 2px outset #EDF4C7;
	text-indent: 6px;
	text-align: right;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 1px;
	height: 18px;
	width: 150px;
}
a.menue1h:visited {
	color: #333333;
}
a.menue1h:hover {
	color: #FFFFFF;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	text-decoration: none;
	background-color: #C4DB57;
	display: block;
	font-weight: bold;
	border: 2px outset #EDF4C7;
	text-indent: 6px;
	text-align: right;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 1px;
	height: 18px;
	width: 150px;
}
a.menue1h:active {
	color: #FFFFFF;
	background-color: #FF6600;
}

a.menue2 {
	color: #000000;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	padding: 1px;
	text-decoration: none;
}
a.menue2:visited {
	color: #000000;
}
a.menue2:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}
a.menue2:active {
	color: #FFFFFF;
	background-color: #FF6600;
}

a.menue3 {
	color: #000000;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	word-spacing: normal;
	padding: 1px;
	text-decoration: none;
}
a.menue3:visited {
	color: #666666;
}
a.menue3:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}
a.menue3:active {
	color: #FFFFFF;
	background-color: #FF6600;
}

a.pdf {
	color: #0000FF;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}

a.hidden {
	background-color: #FFFFFF;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	word-spacing: normal;
	padding: 1px;
	color: #FFFFFF;
}




/* Stil fuer Aufzaehlungen */
li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
	list-style-image: url(../img/general/bullet-ethik-gn-9x9.gif);
}

li li {
	margin-top: 2px;
	margin-left: 0px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-image: url(../img/general/arrow-re-9x9.gif);
	left: 0px;
}


/* Stil fuer Definitionen */
dl {
    margin-left: 6px;	
}

dt{
	font-weight: bold;
	color: #666666;
	margin-top: 9px;
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	text-decoration: none;
	margin-bottom: 1px;
}

dd{
	text-indent: 0px;
	padding-top: 0.6px;
	list-style-image: url(../img/general/arrow-re-9x9.gif);
}





address {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
}





/* Class Styles */


.referent {
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
}

.diskutant {
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
}






/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px ;
	color: #D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	

#logo 	{
	font:24px ;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px ;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px ;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px ;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	




/* Class Styles */
	
    .twoColFixLtHdr #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: 15px solid #FFFFFF;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
	
    .twoColFixLtHdr #header {
	background-color: #FFFFFF;
	background-position: right;
	text-align: right;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
		/* 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. 
		*/
    } 
	
    .twoColFixLtHdr #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. */
    }
	
	/* Tipps für sidebar:
    	1. Bei relativen Einheiten ist es empfehlenswert, für die Randleiste keine Auffüllung zu verwenden. 
		   Sie wird bei standardgerechten Browsern der Gesamtbreite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite. 
		2. Da der Randleistenwert in Gevierten (ems) angegeben wird, variiert die Breite der Randleiste je nach der Standardgröße des Textes.
		3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, 
		   indem Sie diesen Elementen wie in ".twoColHybLtHdr #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
    */

    .twoColFixLtHdr #sidebar {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 174px; /* 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:  #A0C113; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 10px 60px 15px;
    }


    
    /* Tipps für mainContent:
		1. Der Abstand zwischen mainContent und sidebar1 entsteht durch den linken Rand des mainContent-div. 
		   Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. 
		   Sie können diesen linken Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet.
		2. Wenn ein Element im mainContent-div platziert wird, das zu breit ist, entsteht möglicherweise ein Float-Drop 
		   (d.h. der nicht floatende mainContent-Bereich wird unter die Randleiste verschoben). 
		   Bei einem Mischlayout (prozentbasierte Gesamtbreite und em-basierte Randleiste) kann die verfügbare Breite gegebenenfalls nicht exakt berechnet werden. 
		   Wenn die Textgröße des Benutzers über dem Durchschnitt liegt, fällt das Randleisten-div breiter aus, und dementsprechend ist im mainContent-div weniger Platz verfügbar. 
		   Sie sollten sich dieser Einschränkung bewusst sein. Dies gilt insbesondere, wenn der Kunde Inhalte mit Contribute hinzufügt.
		3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. 
		   Dadurch können möglicherweise verschiedene IE-spezifische Fehler verhindert werden.
    */

    .twoColFixLtHdr #mainContent {
	background:  #EDF4C7;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 30px;
	padding-left: 9px;
		/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
	
    .twoColFixLtHdr #footer {
	background:#FFFFFF;
	padding: 0;
    } 

	
    .twoColFixLtHdr #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. */
    }
	
    .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;
    }


    




.pageName{
	font-size: 18px ;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px ;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font-size: 20px ;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font-size: 10px ;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	color: #0000CC;
	line-height:15px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #C4DB57;
	text-align: right;
	white-space: nowrap;
	display: block;
	padding: 3px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin none #A0C113;
	}

.navText_ia {
	color: #FFFFFF;
	line-height:15px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #A0C113;
	text-align: right;
	white-space: nowrap;
	display: block;
	padding: 3px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin outset #A0C113;
	}
	
.date-time {
	font-size: 18px;
	line-height: 24px;
	text-align: right;
}

.border12 {
	margin: 12px;
}

.border-tb12 {
	margin-top: 12px;
	margin-bottom: 12px;
}




/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border: none;
	overflow: hidden;
}



/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
	background: #2d2d2d url(/img/general/bullet-ethik-gn-9x9.gif) left bottom repeat-x;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background: transparent url(/pics/bullets-ethik-gn-3x3.gif) center top repeat-y;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	padding: 0px;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelOpen .AccordionPanelContent	{
	overflow: auto;
	margin: 0px;
	height: 100%;
	padding: 5px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background: transparent url(/img/general/bullet-ethik-gn-3x3.gif) center top repeat-y;
	color: #000;
	padding-bottom: 3px;
}

/* This is an example of how to change the appearance of the panel tab as the
			 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #000;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: transparent;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}