﻿/***********************************************************************************************************

	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 ***/
}
IMG {
	border:				0px solid black;
}
UL  {
	PADDING:			5px 0px 0px 15px ;	/*** oben,rechts,unten,links ***/
	MARGIN:				0px 0px 0px 0px;
}
LI  {
	PADDING-TOP:		8px;
}


/*************************************************************************************************
	Kästen Header
*************************************************************************************************/
.KH {
	BACKGROUND-COLOR:	#3A80B4;
	FONT:				bold 11pt Verdana;
	COLOR:				#FFFFFF;
	PADDING:			5px 0px 5px 0px ;	/*** oben,rechts,unten,links ***/
	text-align:	center;
}
/*************************************************************************************************
	Kästen Body
*************************************************************************************************/
.KB {
	BACKGROUND-COLOR:	#EAF4FE;
	FONT:				normal 11pt Verdana;
	COLOR:				#000000;
	MARGIN:				0px 0px 0px 0px ;	/*** oben,rechts,unten,links ***/
	border:             0px solid black;
}
/*************************************************************************************************
	Kästen Footer
*************************************************************************************************/
.KF	{
	PADDING:			8px 0px 5px 0px ;	/***oben,rechts,unten,links ***/
	text-align:	center;
}

.TabSuche1  {
	BACKGROUND-COLOR:	#3A80B4;
	FONT:				bold 10pt Verdana;
	COLOR:				#FFFFFF;
}

.TabSuche2  {
	FONT:				bold 10pt Verdana;
	COLOR:				#156AAB;
}

/*************************************************************************************************
	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;
}

.gr_link {
	BACKGROUND-COLOR:	#EAF4FE;
	FONT:				normal 11pt Verdana;
	COLOR:				#3A80B4;
	text-align:         center;
	border:             0px solid black;
}


/*************************************************************************************************
	weitere HTML-TAGs
**************************************************************************************************/
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 10pt 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;
}
/*** ebenso wird der Text anders dargestellt ***/
A.farbe2	{
	FONT:				normal 8pt Verdana, Helvetica, Verdana, Tahoma, Sans Serif;
	COLOR:				#000000;
	TEXT-DECORATION:	underline;
}
A.farbe2:hover	{
	FONT:				normal 8pt Verdana, Helvetica, Verdana, Tahoma, Sans Serif;
	COLOR:				#FF0000;
	TEXT-DECORATION:	underline;
}
farbe2a	{
	FONT:				normal 8pt Verdana, Helvetica, Verdana, Tahoma, Sans Serif;
	COLOR:				#000000;
	TEXT-DECORATION:	underline;
	CURSOR:				Hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}
.farbe3	{
	FONT:				normal 8pt Verdana, Helvetica, Verdana, Tahoma, Sans Serif;
	COLOR:				#000000;
}
.farbe4	{
	FONT:				bold 8pt Verdana, Helvetica, Verdana, Tahoma, Sans Serif;
	COLOR:				#1B658A;
	CURSOR:				hand;
	CURSOR:				pointer;	/*** für Mozilla ***/
}
.farbe5	{
	FONT-WEIGHT:		bold;	
	COLOR:				#1B658A;
}




/*************************************************************************************************
	DIV:	Karte + Kästchen am rechten Rand
*************************************************************************************************/
.clsListe	{
	BACKGROUND-COLOR:	#BBD7ED;
	DISPLAY:			block;
	HEIGHT:				2200px;
	TEXT-ALIGN:			left;
	overflow:			visible;
	width:				655px;
	margin:				0;
	padding:			0;
}

.clsKarte	{
	BACKGROUND-COLOR:	#BBD7ED;
	DISPLAY:			block;
	HEIGHT:				730px;
	TEXT-ALIGN:			left;
	overflow:			visible;
	width:				655px;
	margin:				0;
	padding:			0;
}

.txtSuchen	{
	BORDER:				1px #156AAB solid;
	BACKGROUND-COLOR:	#FFFFFF;
	FONT:				normal 10pt Arial;
	COLOR:				#000000;
	WIDTH:				250px;
}

FIELDSET	{
	WIDTH:				260px;
	BACKGROUND-COLOR:	#EAF4FE;
	MARGIN-Left:		10px;
}

FIELDSET LEGEND	{
	FONT:				bold 10pt Verdana;
	COLOR:				#156AAB;
}

FIELDSET TABLE	{
	MARGIN:			5px 0px 10px 0px ;	/*** oben,rechts,unten,links ***/
	width:100%;
}

.spanLink	{
	border-bottom: Solid 1px #1B658A;CURSOR:hand;CURSOR:pointer;FONT:normal 10pt Verdana;COLOR:#3A80B4;margin-bottom:15px;
}

/*************************************************************************************************
	hide/show elements mit mootools
*************************************************************************************************/
.hide {
	display: none;
}

.show{
	opacity:1.0;
}

/*************************************************************************************************
	TAB-Menue
*************************************************************************************************/
.Menue0 {
    width:20px;
    background:	#ffffff;
}
.Menue1 {
    width:10px;
    background:	#ffffff;
}
/* dunkelblaue Schrift auf hellblauem Hintergrund */
.MPaktiv {
    padding: 5px 0px 5px 0px ;	/*** oben,rechts,unten,links ***/
    text-align:center;
    vertical-align:middle;
    width:230px;
    height:35px;
    background:	#EAF4FE;
    color:	#3A80B4;
    FONT:	bold 11pt Verdana;
    border-left: 1px solid #3A80B4;
    border-right: 1px solid #3A80B4;
    border-top: 1px solid #3A80B4;
    border-bottom:0px;
    CURSOR:	pointer;
}
/* weisse Schrift auf dunkelblauem Hintergrund */
.MPstart {
    padding: 5px 0px 5px 0px ;	/*** oben,rechts,unten,links ***/
    text-align:center;
    vertical-align:middle;
    width:230px;
    height:35px;
    background:	#3A80B4;
    color:	#ffffff;
    FONT:	bold 11pt Verdana;
    border-left: 1px solid #3A80B4;
    border-right: 1px solid #3A80B4;
    border-top: 1px solid #3A80B4;
    border-bottom:0px;
    CURSOR:	pointer;
}

.Menue3 {
    height:2px;
    background:	#3A80B4;
    FONT:normal 1pt Verdana;
}
.Menue4 {
    display:none;
    border-left: 2px solid #3A80B4;
    border-right: 2px solid #3A80B4;
    border-bottom: 2px solid #3A80B4;
    border-top:0px;
    width:956px;
    background:	#EAF4FE;
    padding: 15px;
    margin:0px;
    text-align:left;
/*  	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity)=0;

		opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity)=100;
*/
}

