/***********************************************************************************************************

	y F r a m e W o r k   -   A W O - G S D

Farben der AWO-GSD
	Logo-grün: 		#00AAB1
	helle Variante: #D0FDFF;

	dunkel-blau:	#034694;
	hell-grün:		#A6CE39;
	dunkel-rot:		#C9243F;
	orange:			#FAA61A;
	grau:			#BCBEC0;

	Hintergründe:
	hell-grau:		#e6e6e6;

Änderungt - Frau Lochau 26.02.07
	BACKGROUND-COLOR:	#FFFFFF;

***********************************************************************************************************/
Body	{
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#FFFFFF;
	HEIGHT:				100%;
	MARGIN:				0px 0px 0px 0px;
 	PADDING:			0px 0px 0px 0px;
}
HTML	{
	HEIGHT:				100%;
	MARGIN:				0px 0px 0px 0px;
 	PADDING:			0px 0px 0px 0px;
}

/***
hidden: beide Scrollbars werden ausgeblendet, die gesamte Fenster-Breite + -Höhe stehen zur Verfügung

auto:	der rechte Scrollbar wird komplett ausgeblendet, die gesamte Seitenbreite steht zur Verfügung
		der untere wird ebenfalls ausgeblendet, der Platz kann NICHT genutzt werden - es bleibt ein weisser Rand
		das geschieht nur beim Laden der Seite, nach einem resize kann wieder der gesamte Platz genutzt werden

=> um diese Unterschiede auszugleichen wurde in prz_HTML_Page_Foot() => fktRender() ein KORfaktor eingeführt
5px 5px 5px 5px;
***/
* HTML {
	OVERFLOW: auto; HEIGHT: 100%
}
* HTML BODY {
	OVERFLOW: auto; HEIGHT: 100%
}

#xxxNav		{ OVERFLOW: auto; }
#xxxContent	{ OVERFLOW: auto; PADDING: 0px 0px 0px 0px; }


/*************************************************************************************************
	Links - ! werden bei Click nicht markiert
*************************************************************************************************/
A		{
	FONT:				normal 10pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	none;
}
A:hover	{
	FONT:				normal 10pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	underline;
}

A.kl	{
	FONT:				normal 8pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	none;
}
A.kl:hover	{
	FONT:				normal 8pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	underline;
}


/*************************************************************************************************
	weitere HTML-TAGs
*************************************************************************************************/
Table	{FONT:normal 10pt Arial;}

HR		{
	COLOR:				#00AAB1;
	WIDTH:				100%;
	HEIGHT:				1px;
	TEXT-ALIGN:left;
}
.HR1	{
	COLOR:#FFFFFF;
	HEIGHT:				1px;
	WIDTH:			180px;
	TEXT-ALIGN:			left;
}
.HR2	{
	COLOR:				#000000;
	HEIGHT:				1px;
	WIDTH:				180px;
	MARGIN-bottom:		0px;
	MARGIN-top:			0px;
	TEXT-ALIGN:			left;
}
.HR3	{
	COLOR:				#FFFFFF;
	HEIGHT:				1px;
	WIDTH:				180px;
	MARGIN-bottom:		0px;
	MARGIN-top:			0px;
	TEXT-ALIGN:			left;
}
H4	{
	FONT:				bold 14pt Arial;
	COLOR:				#000000;
}
/*** ein geringerer Einzug der Listen / quadratisches Listenzeichen *****************************/
UL {
	MARGIN-BOTTOM:			0px;
	MARGIN-LEFT:			17px;
	LIST-STYLE-IMAGE:		url(http://www.awo-gsd.de/Grafik/nav_b.gif);
	LIST-STYLE-POSITION:	outside;
}
/*
LI {
	LIST-STYLE-TYPE:		square;
	FONT:					normal 10pt Arial;
}
*/

/*** kleine grüne Schrift z.B. für die Seiten-ID am unteren Ende jeder Seite ********************/
.kl1	{
	FONT:				normal 8pt Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#FFFFFF;
}

/*** der Abstand zwischen den Bildern über dem Haupttext ****************************************/
.pic {
	FONT:				normal 4px Arial;
	COLOR:				#FFFFFF;
	BACKGROUND-COLOR:	#FFFFFF;
}

.farbe0	{
	BACKGROUND-COLOR:	#FFFFFF;
}
.farbe1	{
	BACKGROUND-COLOR:	#FFFFFF;
}


/*** in der Fusszeile wird ein DIV als Link benutzt und im JS mit der fktLink() bedient *********/
.div_nav	{
	FONT:				normal 8pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	none;
	CURSOR:				hand;
	CURSOR:				pointer;
}

.div_nav1	{
	FONT:				normal 8pt Arial;
	COLOR:				#00AAB1;
	TEXT-DECORATION:	underline;
	CURSOR:				hand;
	CURSOR:				pointer;
}

.div_eb4	{
	MARGIN-LEFT:		100px;
	CURSOR:				hand;
	CURSOR:				pointer;
}

.btn1	{
WIDTH:			70px;
Height:			18px;
FONT:			normal 8pt Verdana;
}



/***********************************************************************************************************
***
***		y F r a m e W o r k   -   A W O - G S D   -   H A E D E R
***
***********************************************************************************************************/


/*** MouseOver + MouseOut im grünen Balken ******************************************************/
.head_1 {
	FONT:				bold 8pt Arial;
	BORDER:				#000000 0px solid;
	COLOR:				#FFFFFF;
	BACKGROUND-COLOR:	#00AAB1;
	WIDTH:				100px;
	HEIGHT:				25px;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}

.head_1a {
	FONT:				bold 8pt Arial;
	BORDER:				#000000 0px solid;
	COLOR:				#FFFFFF;
	BACKGROUND-COLOR:	#00AAB1;
	WIDTH:				110px;
	HEIGHT:				25px;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}

.head_2	{
	FONT:				bold 8pt Arial;
	BORDER:				#000000 0px solid;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#00AAB1;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
	WIDTH:				100px;
	HEIGHT:				25px;
}

.head_2a	{
	FONT:				bold 8pt Arial;
	BORDER:				#000000 0px solid;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#00AAB1;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
	WIDTH:				110px;
	HEIGHT:				25px;
}

.head_3 {
	FONT:				bold 8pt Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#FFFFFF;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}

/*** rot ***/
.head_3a {
	FONT:				bold 8pt Arial;
	COLOR:				#FF0000;
	BACKGROUND-COLOR:	#FFFFFF;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}

.head_4	{
	FONT:				bold 8pt Arial;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#FFFFFF;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}

/*** weisser senkrechter Abstand ****************************************************************/
.td1	{
	FONT:				normal 1px Arial;
	COLOR:				#FFFFFF;
	BACKGROUND-COLOR:	#FFFFFF;
}

/*** grüner waagerechter Abstand ****************************************************************/
.td2	{
	FONT:				normal 4px Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#00AAB1;
}

/*** START: weitere Navigationspunkte: Impressum etc. *******************************************/
.td3	{
	FONT:				bold 8px Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#FFFFFF;
}

/*** gruener senkrechter Abstand ****************************************************************/
.td4	{
	FONT:				normal 1px Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#00AAB1;
}

/*** "Wo bin ich" *******************************************************************************/
/*** gruene Schrift *****************************************************************************/
.td5	{
	FONT:				bold 8pt Arial;
	COLOR:				#00AAB1;
	BACKGROUND-COLOR:	#FFFFFF;
	MARGIN:				0px 0px 0px 0px; /* oben rechts unten links */
}
/*** text-box ohne Ränder, blaue Schrift, unterstrichen *****************************************/
.td6	{
	FONT:				bold 8pt Arial;
	COLOR:				#0000FF;
	TEXT-DECORATION:	underline;
	BACKGROUND-COLOR:	#FFFFFF;
	BORDER:				solid 0px white;
	text-align:			center;

}


/*************************************************************************************************
	Steuerelemente
*************************************************************************************************/
.suchen	{
	BORDER:				1px #00AAB1 solid;
	BACKGROUND-COLOR:	#FFFFFF;
	FONT:				bold 8pt Arial;
	COLOR:				#00AAB1;
	Margin-bottom:		2px;
}


/***********************************************************************************************************
***
***		y F r a m e W o r k   -   A W O - G S D   -   N A V I G A T I O N
***
***********************************************************************************************************/
IMG	{
	vspace:			0px none;
	hspace:			0px none;
	border:			0px none;
}

.tree {
	DISPLAY:		none;
}

DIV {
	MARGIN-BOTTOM:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN-TOP:		0px;
	PADDING-TOP:	0px;
}

.td_nav	{
nav_back.jpg
}

/*** Hauptnavigation - Ebene 0 **************************************

	fktToggle0a():	mouseover: ändert die Klasse im div-TAG von .cls0 => cls0_aktiv
															  schwarz => weiss

	fktToggle0c():	ändert die Klasse im div-TAG von .cls0 => cls0_aktiv
												   schwarz => weiss
	UND
	öffnet die Unternavigation durch style.display = block

	z.B.	"Gesundheitszentrum am Vogelsang Hann Münden"

********************************************************************/
.cls0			{
	FONT:				bold 10pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	WIDTH:				180px;
}
.cls0_aktiv		{
	FONT:				bold 10pt Arial;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	none;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	WIDTH:				180px;	
}


/*** Navigation: Ebene 1 ******************************************************

	A-TAG:		mouseover+mouseout+onClick: fktToggle1c()
	div-TAG:	weisser Rahmen

	fktToggle1c() ändert die Klasse im div-TAG von .div1 => div1_aktiv
											ohne Rahmen => weisser Rahmen
	UND
	öffnet die Unternavigation durch style.display = block

	z.B.	"Nephrologisches Zentrum Niedersachsen"
	
******************************************************************************/

/* default + onMouseOut */
.cls1	{
	FONT:				bold 10pt Arial;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	none;
	BORDER:				solid 1px #00AAB1;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	WIDTH:				180px;	
}
/* onMouseOver */
.cls1_over	{
	FONT:				bold 10pt Arial;
	COLOR:				#A6CE39;	/* AWO-gelb-grün */
	TEXT-DECORATION:	none;
	BORDER:				solid 1px #00AAB1;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	WIDTH:				180px;
}
/* onClick + weisser Rahmen */
.cls1_aktiv	{
	FONT:				bold 10pt Arial;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	none;
	BORDER:				solid 1px #FFFFFF;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	MARGIN-BOTTOM:		5px;
	WIDTH:				180px;
}
/*** ZwischenÜberschriften in den Ebenen 1 + 2 ***/
.cls1a	{
	FONT:				bold 10pt Arial;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	none;
	WIDTH:				180px;
}



/*** Unter-Navigation: Ebene 2 ************************************************

	z.B.	"Das Zentrum"

	A-TAG:		mouseover+mouseout+onClick: fktToggle2()
	cls2-TAG:	hellgrüner Streifen
	cls3-TAG:	Abmessungen für den Menue-Punkte-Layer auf dem grauen Streifen
	
	fktToggle1c() ändert die Klasse im div-TAG von .cls2 => cls2_aktiv
										  kein Streifen => hellgrüner Streifen

	UND
	öffnet die Unternavigation durch positionieren des Menue-Punkte-Layer:
		y-Koordinate:	wird in "AWO_GSD_Nav.js" jederzeit ermittelt
		x-Koordinate:	entspricht dem rechten Rand des "grauen Navigationsfeldes" (z. Zt. 197px)
		sichtbar duch:	style.display = block
	
	z.B.	"Urologie"
	
******************************************************************************/
.cls2	{
	BACKGROUND-COLOR:	#00AAB1;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	BORDER:				solid 0px #FFFFFF;
	WIDTH:				180px;
}
.cls2_aktiv	{
	BACKGROUND-COLOR:	#D0FDFF;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	BORDER:				solid 0px #FFFFFF;
	WIDTH:				180px;
}


/*** Unter-Navigation: Ebene 2 ************************************************

	z.B.	"Das Zentrum"

	cls4-TAG:		mouseover+mouseout+onClick+hellgrüner Streifen: fktToggle2b()
	
	fktToggle2b() ändert die Klasse im div-TAG von .cls2 => cls2_aktiv
										  kein Streifen => hellgrüner Streifen



	UND
	öffnet die Unternavigation durch positionieren des Menue-Punkte-Layer:
		y-Koordinate:	wird in "d_AWO_GSD_Inhalt.html" jederzeit ermittelt
		x-Koordinate:	entspricht dem rechten Rand des "grauen Navigationsfeldes"
		sichtbar duch:	style.display = block
	
	z.B.	"Urologie"
	
******************************************************************************/
/* INaktives Element, welches weitere MPs auf grauem Grund einblenden kann */
.cls4	{
	WIDTH:				180px;
	BACKGROUND-COLOR:	#00AAB1;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	BORDER:				solid 0px #FFFFFF;
	MARGIN-LEFT:		0px;
	MARGIN-bottom:		3px;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/

/*DISPLAY:block;*/
}
/* MouseOver: Element, welches weitere MPs auf grauem Grund einblenden kann */
.cls4_aktiv	{
	BACKGROUND-COLOR:	#D0FDFF;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	BORDER:				solid 0px #FFFFFF;
	MARGIN-LEFT:		0px;
	MARGIN-bottom:		3px;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
	WIDTH:				180px;
/*DISPLAY:block;*/
}
/* OnClick: Element, welches weitere MPs auf grauem Grund eingeblendet hat */
.cls5	{
	WIDTH:				180px;
	BACKGROUND-COLOR:	#D0FDFF;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	BORDER:				solid 0px #FFFFFF;
	MARGIN-LEFT:		0px;
	MARGIN-bottom:		3px;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
/*DISPLAY:			inline;*/
}
/* AKTIVE UMPs auf grauem Grund */
.cls6	{
	BORDER:				solid 0px #FFFFFF;
	WIDTH:				140px;
	POSITION:			absolute;
}

/*** Zwischenüberschrift ***/
.cls4a	{
	BACKGROUND-COLOR:	#00AAB1;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
	MARGIN-LEFT:		0px;
	MARGIN-bottom:		3px;
	MARGIN-top:			0px;
	WIDTH:				180px;
}


/*** Layer auf grauem Grund **************************************************/
.cls7	{
	float:				left;
	TEXT-DECORATION:	none;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	MARGIN-LEFT:		0px;
	PADDING-LEFT:		2px;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/	
}
.cls7_aktiv	{
	float:				left;
	TEXT-DECORATION:	underline;
	FONT:				normal 8pt Arial;
	COLOR:				#000000;
	MARGIN-LEFT:		0px;
	PADDING-LEFT:		2px;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** Mozilla ***/
}


/*** Postitionierung des Punktes ***/
.cls8			{
	float:left;
}


/*************************************************************************************************
	COPYRIGHT Tabelle
*************************************************************************************************/
.crz	{
	BACKGROUND-COLOR:	#00AAB1;
	FONT:				bold 10pt Arial;
	COLOR:				#FFFFFF;

}