/* Style zur Gestaltung des Kopf-Frames     */
/* hierzu gehören die eingesetzten Registerkarten (Menue - Navigation  */


/* Body: Hintergrundfarbe: hellgrau   */
BODY {
	font-family :     Arial, Helvetica, sans-serif;
    font-size :       12px;
    color :           #000066;
    margin-left:      5px;
    margin-top:    	  5px;
    margin-bottom: 	  0px;
    margin-right:  	  0px; 
    background-color: #EEEEEE;
}


/*  Navigation - Registerkarten (plus Images)    */
.topmenu 			{
	display:		   block;
	font-size:         8pt;
	font-weight:       bold;
	color: 			   #000066;
	text-align: 	   center;
	vertical-align:	   bottom;
	text-decoration:   none;
	line-height:       2.5;
	height: 		   40px;
	width: 			   75px;
	background-image:  url(/images/tab_grau_75.jpg);
	background-repeat: no-repeat;
}

.topmenu A:link		{
	display:		    block;	
	font-size: 			8pt;
	font-weight: 		bold;
	color: 				#000066;
	text-align: 		center;
	vertical-align: 	top;
	text-decoration: 	none;
	height: 			40px;
	width: 				75px;
	background-image: 	url(/images/tab_grau_75.jpg);
	background-repeat: 	no-repeat;
}

.topmenu A:visited	{
	display:		    block;	
	font-size: 			8pt;
	font-weight: 		bold;
	color: 				#000066;
	text-align: 		center;
	vertical-align: 	top;
	text-decoration: 	none;
	height: 			40px;
	width: 				75px;
	background-image: 	url(/images/tab_grau_75.jpg);
	background-repeat: 	no-repeat;
}

.topmenu A:hover 	{
	display:		    block;	
	font-size: 			8pt;
	font-weight: 		bold;
	color: 				#3366FF;
	text-align: 		center;
	vertical-align: 	top;
	text-decoration: 	none;
	height: 			40px;
	width: 				75px;
	background-image: 	url(/images/tab_blau_75.jpg);
	background-repeat: 	no-repeat;
}

.topmenu A:active	{
	display:		    block;	
	font-size: 			8pt;
	font-weight: 		bold;
	color: 				#000066;
	text-align: 		center;
	vertical-align: 	top;
	text-decoration: 	none;
	height: 			40px;
	width: 				75px;
	background-image: 	url(/images/tab_blau_75.jpg);
	background-repeat: 	no-repeat;
}

.topmenu A:focus	{
	display:		    block;	
	font-size: 			8pt;
	font-weight: 		bold;
	color: 				#000066;
	text-align: 		center;
	vertical-align: 	top;
	text-decoration: 	none;
	height: 			40px;
	width: 				75px;
	background-image: 	url(/images/tab_blau_75.jpg);
	background-repeat: 	no-repeat;
}


/*  Tabelle mit blauem Rand - speziell für Login  -  feste Tabellenbreite */
table.randblau_login {
      width:         240;
      height:        100%;
      border:        0;
      border-bottom: 1px solid blue;
      border-right:  1px solid blue;
      border-left:   1px solid blue;
      border-top:    1px solid blue;
      padding:       0;
      cell-spacing:  0;
    
}

/*  Tabelle mit blauem Rand - läuft um kompletten Text der WebSite       */
table.randblau {
      width:         120;
      border:        0;
      border-bottom: 1px solid blue;
      border-right:  1px solid blue;
      border-left:   1px solid blue;
      border-top:    1px solid blue;

}

td, th, tr {
        font-size :   	12px;
        font-weight:    normal; 
        color :       	#000066;
        text-align:   	left;
        vertical-align: top;
}

/*  folgende Klassen werden für Eingabefelder und Buttons verwendet */
/*  Buttons  */
.ButtonBlauGrau {
	background-color: #cccccc;	
	font-size:        12px;
	font-weight:      bold;
	color:            #000066;	
	border-color:     #2b3eec; 
	border-width:     1px;
	border-style:     solid;
	padding:          1px;
}

/*  Eingabefelder  */
.BlauRand {
	background-color: #eeeeee;
	font-size:        11px;
	font-weight:      bold;	
	color:            #000099;
	border-color:     #2b3eec;
	border-width:     1px;
	border-style:     solid;
	padding:          1px;
}

select.BlauGrauRand{
	background-color: #eeeeee;
	font-size:        10px;
	font-weight:      bold;
	color:            #000066;
	border-color:     #003366;
	border-width:     1px;
	border-style:     solid;
	padding:          1px;
}

.FeldBlauRand {
	background-color: #eeeeee;
	font-family:      Tahoma;
	font-size:        12px;
	font-weight:      normal;	
	color:            #000066;
	border-color:     #2b3eec;
	border-width:     1px;
	border-style:     solid;
	padding:          1px;
}


.PflichtFeldRand {
	background-color: #eeeeee;
	font-family:      Tahoma;
	font-size:        12px;
	font-weight:      normal;	
	color:            #000066;
	border-color:     #ff3300;         /* roter Rand */
	border-width:     1px;
	border-style:     solid;
	padding:          1px;
}

/* Navigation - Menue links  */
/* Menue selbst ist mit JavaScript umgesetzt -- auf-/zu-klappen */

.clsNode, .clsNode:visited{
	color: 			 	blue;
	font-weight : 	 	normal;;
	font-size : 	 	9pt;
	text-decoration: 	none;
}
.clsNode:hover{
	color: 				blue;
	font-weight : 		normal;;
	font-size : 		9pt;
	text-decoration : 	underline;
}

.clsNode01{
	color: 				navy;
	font-weight : 		bold;;
	font-size : 		9pt;
	text-decoration : 	none;
}

.clsNode02{
	color: 				navy;
	font-weight : 		normal;;
	font-size : 		9pt;
	text-decoration : 	none;
}
.clsNode02:Hover{
	color: 				navy;
	font-weight : 		normal;;
	font-size : 		9pt;
	text-decoration : 	underline;
}

/* Tabelle - linkes Menu */ 
table {
      width: 235;           /*  Body: leftmargin: 5px  + 235 px = 240 px  */
      height: 23;
      border: 0;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 1px;
      border-left-width: 0px;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: solid;
      border-left-style: none;
      border-color: #EEEEEE; 
      margin : 0px;
      padding: 0px;

}

/* Tabelle - linkes Menu mit Telefonnummer */ 
table.telefonnr {
      width:   220;
      border:  0;
      margin : 0px;
      padding: 0px;
      
}

td.schrift_12 {
   font-size:       12px;
   font-weight:     bold;
   color:           #000066;
   text-align:      left;
   vertical-align:  top;
   position:        absolute;   
   left:			20px; 
   
}

td.schrift_14 {
   font-size:       14px;
   font-weight:     bold;
   color:           #000066;
   text-align:      left;
   vertical-align:  top;
   left:			20px; 
   
}

td.schrift_18 {
   font-size:       18px;
   font-weight:     bold;
   color:           #000066;
   text-align:      left;
   vertical-align:  top;
   left:			20px; 
   
}

.hervorhebung {
        color:       #0B0DFF;
}


/* Navigation links neben Content  */
/*   altes Menue -- nicht mehr im Einsatz  
#divCont {position:absolute; z-index:1; left:10px; top:70px; height:400px; width:200px; visibility:hidden;}
.clTop   {position:absolute; z-index:1; width:200px; line-height:17px;}
.clSub   {position:absolute; z-index:1; left:0px; top:20px; width:200px; line-height:14px;}
*/  
/*** This sets the style for the links inside the menu. ***/
/*  altes Menue -- nicht mehr im Einsatz 
#divCont .clTop a {color:#000000; font-size:12px; font-weight:bold; text-decoration:none; color:#000066}
#divCont .clTop a:hover {color:#000000; text-decoration:none;}
#divCont .clTop .clSub a {color:#000066; font-size:12px; font-weight:normal; text-decoration:none;}
#divCont .clTop .clSub a:hover {color:#333333; text-decoration:none;}
*/