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

	y F r a m e W o r k   -   K L I M A

***********************************************************************************************************/
Body	{
	BACKGROUND-COLOR:	#BBD7ED;
	FONT:				normal 10pt Verdana;
	COLOR:				#156AAB;
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
}

H1 {
	FONT:				bold 14pt Verdana;
	COLOR:				#156AAB;
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
}
H2 {
	FONT:				bold 11pt Verdana;
	COLOR:				#156AAB;
	MARGIN:				0px 0px 5px 0px ;	/*** oben,rechts,unten,links ***/
}
H3 {
	FONT:				bold 9pt Verdana;
	COLOR:				#FFFFFF;
	MARGIN:				0px 0px 5px 0px ;	/*** oben,rechts,unten,links ***/
}



/*************************************************************************************************
	Kästen Header
*************************************************************************************************/
.KH {
	BACKGROUND-COLOR:	#3A80B4;
	FONT:				bold 10pt Verdana;
	COLOR:				#FFFFFF;
	PADDING:			5px 0px 5px 10px ;	/*** oben,rechts,unten,links ***/
}
/*************************************************************************************************
	Kästen Body
*************************************************************************************************/
.KB {
	BACKGROUND-COLOR:	#EAF4FE;
	FONT:				normal 10pt Verdana;
	COLOR:				#000000;
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
}
/*************************************************************************************************
	Kästen Footer
*************************************************************************************************/
.KF	{
	PADDING:			8px 0px 5px 8px ;	/***oben,rechts,unten,links ***/
}

.TabSuche1  {
	BACKGROUND-COLOR:	#3A80B4;
	FONT:				bold 8pt Verdana;
	COLOR:				#FFFFFF;
}

.TabSuche2  {
	FONT:				bold 8pt Verdana;
	COLOR:				#000000;
}

/*************************************************************************************************
	Links - ! werden bei Click nicht markiert
*************************************************************************************************/
A		{
	FONT:				bold 10pt Verdana;
	COLOR:				#3A80B4;
	TEXT-DECORATION:	none;
}
A:hover	{
	FONT:				bold 10pt Verdana;
	COLOR:				#3A80B4;
	TEXT-DECORATION:	underline;
}

A.kl	{
	FONT:				bold 8pt Verdana;
	COLOR:				#3A80B4;
	TEXT-DECORATION:	none;
}
A.kl:hover	{
	FONT:				bold 8pt Verdana;
	COLOR:				#3A80B4;
	TEXT-DECORATION:	underline;
}

A.w	{
	FONT:				bold 10pt Verdana;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	none;
}
A.w:hover	{
	FONT:				bold 10pt Verdana;
	COLOR:				#FFFFFF;
	TEXT-DECORATION:	underline;
}


/*************************************************************************************************
	weitere HTML-TAGs
************************************************************************************************
HR		{
	border: 0px; / * Für Firefox und Opera * /
	border-top: solid 1px #FF0000;
	border-bottom: transparent;
	WIDTH:				100%;
*/
HR		{
	COLOR:				#3A80B4;
	BACKGROUND-COLOR:	#3A80B4;
	WIDTH:				100%;
	HEIGHT:				1px;
	BORDER:				solid 0px #3A80B4;
	TEXT-ALIGN:			left;
	MARGIN:				5px 0px 10px 0px;	/*** oben,rechts,unten,links ***/
}


.HR1		{
	COLOR:				#00AAB1;
	WIDTH:				100%;
	HEIGHT:				1px;
	TEXT-ALIGN:			left;
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
}


FORM	{
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
}


.btn1	{
	BORDER-LEFT:		1px solid #156AAB;
	BORDER-TOP:			1px solid #156AAB;
	BORDER-RIGHT:		2px solid #156AAB;
	BORDER-BOTTOM:		2px solid #156AAB;
	FONT:				bold 8pt Verdana;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#FFFFFF;
	TEXT-ALIGN:			center;
	WIDTH:				150px;
	PADDING:			2px 2px 2px 2px ;	/*** oben,rechts,unten,links ***/
	MARGIN:				15px 0px 15px 0px ;	/*** oben,rechts,unten,links ***/
	CURSOR:				hand;
	CURSOR:				pointer;
}

.btn2	{
	BORDER-LEFT:		1px solid #156AAB;
	BORDER-TOP:			1px solid #156AAB;
	BORDER-RIGHT:		2px solid #156AAB;
	BORDER-BOTTOM:		2px solid #156AAB;
	FONT:				bold 8pt Verdana;
	COLOR:				#000000;
	BACKGROUND-COLOR:	#FFFFFF;
	TEXT-ALIGN:			center;
	WIDTH:				100px;
	PADDING:			2px 2px 2px 2px ;	/*** oben,rechts,unten,links ***/
	MARGIN:				15px 0px 15px 0px ;	/*** oben,rechts,unten,links ***/
	CURSOR:				hand;
	CURSOR:				pointer;
}

/*** ein DIV der per Klick eine Zusatzinfo anzeigt **********************************************/
.divInfo	{
	PADDING-LEFT:		3px;
	PADDING-RIGHT:		3px;
	BACKGROUND-COLOR:	#FFFFFF;
	FONT:				bold 8pt Arial;
	COLOR:				#156AAB;
	TEXT-ALIGN:			center;
	CURSOR:				hand;
	CURSOR:				pointer;
}

/*** um die Datensätze übersichtlicher darzustellen wechselt die Farbe von Zeile zu Zeile		***/
/*** deshalb werden folgende Klassen doppelt angelegt - mit unterschiedlichen Hintergrundfarben ***/
.farbe0	{
	BACKGROUND-COLOR:	#FFFFFF;
}
.farbe1	{
	BACKGROUND-COLOR:	#E1F0F7;
}


#ifWetterticker	{
	BACKGROUND-COLOR:	#BBD7ED;
	WIDTH:				100%;
	HEIGHT:				35px;	
	BORDER:				0px solid #000000;
	MARGIN:				10px 0px 0px 0px;	/*** oben,rechts,unten,links ***/
	PADDING:			0px;	/*** oben,rechts,unten,links ***/
}

/*************************************************************************************************
	DIV:	Karte + Kästchen am rechten Rand
*************************************************************************************************/
.clsListe	{
	BACKGROUND-COLOR:	#BBD7ED;
	DISPLAY:			block;
	WIDTH:				640px;
	HEIGHT:				2200px;
	MARGIN-LEFT:		7px;
}

.clsKarte	{
	BACKGROUND-COLOR:	#BBD7ED;
	DISPLAY:			block;
	WIDTH:				100%;
	HEIGHT:				730px;
	TEXT-ALIGN:			left;
	MARGIN-LEFT:		7px;
}

.txtSuchen	{
	BORDER:				1px #156AAB solid;
	BACKGROUND-COLOR:	#FFFFFF;
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
	WIDTH:				250px;
}

FIELDSET	{
	WIDTH:				290px;
	BACKGROUND-COLOR:	#EAF4FE;
}

FIELDSET LEGEND	{
	FONT:				bold 8pt Verdana;
	COLOR:				#000000;
}

FIELDSET TABLE	{
	MARGIN:			5px 10px 10px 10px ;	/*** oben,rechts,unten,links ***/	
}


/*************************************************************************************************
	DIV:	COPYRIGHT Zeile / Tabelle
*************************************************************************************************/
.CRZ	{
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
}
.px1schw	{
	FONT-SIZE:			1px;
	BACKGROUND-COLOR:	#000000;
}
A.ACRZ	{
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	none;
}
A.ACRZ:hover	{
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
	TEXT-DECORATION:	underline;
}

/*************************************************************************************************
	hide/show elements mit mootools
*************************************************************************************************/
.hide {
/*	height:0px; */
	display: none;
}

.show{
	opacity:1.0;
}