/****************************************************************************************
*																																												*
*		Name: /seiten/bibliothek/layout.css																									*
*																																												*
*		Aufgabe:																																						*
*		Dieses Stylesheet bestimmt das Aussehen des gesamten Serviceportal.									*
*		- Formatierungen																																		*
*		- Farben																																						*
*		- Schriften																																					*
* 																																											*
*		Aenderungen:																																				*
*		- 23.10.2003	[T-Low]				Dokumentation und Dateinamen ueberarbeitet 							*
*		- 01.09.2003	[T-Low]				erstellt 																								*
*																																												*
****************************************************************************************/


/****************************************************************************************
Name: Allgemein
Bestimmt das Aussehen nicht klassifizierter Elemente und allgemeingueltiger Klassen.
****************************************************************************************/

a:link 		{ color:#0000FF;	text-decoration:none;}	/* normale Linkfarbe */
a:visited   { color:#0000FF;	text-decoration:none;}	/* besuchter Link */
a:hover 	{ color:#CE0000;	text-decoration:none;}	/* rollOver Link */
a:active 	{ color:#CE0000;	text-decoration:none;}	/* gedrueckter Link */
a:focus 	{ color:#CE0000;	text-decoration:none;}	/* ausgewaehlter Link */



a:link.registermenu 	{ color:#000000;	text-decoration:none;}	/* normale Linkfarbe */
a:visited.registermenu  { color:#000000;	text-decoration:none;}	/* besuchter Link */
a:hover.registermenu 	{ color:#BB4C47;	text-decoration:none;}	/* rollOver Link */
a:active.registermenu 	{ color:#000000;	text-decoration:none;}	/* gedrueckter Link */
a:focus.registermenu 	{ color:#000000;	text-decoration:none;}	/* ausgewaehlter Link */

body 			{	color:#000000;
						font-family: arial;
						margin:	0;
						padding:0;}

table 		{	margin:	0;
						padding:0;
						border-collapse:collapse;}

tr 				{	margin:	0;
						padding:0;}

td 				{	margin:	0;
						padding:0;
						font-size: 10pt;
						color:#000000;}

img 			{	border-style:none;
						border-width:0px;}

.rot 			{	color:red;}
.green 			{	color:green;}
.gkkrot 	{	color:#CE0000;}
.hellrot 	{	color:#DCB5B2;}
.grau		 	{	color:#636563;}
.rechts 	{	text-align:right;}
.weiss		{	color:white;}
.deaktiviert 	{color:#636563;
							font-style:italic}
.aktiviert 		{color:#000000;
							font-style:normal}							

/****************************************************************************************
Name: Menue
Bestimmt das Aussehen des Menues.
****************************************************************************************/
table.menu 				{
	width:125px;
	border-width:1px;
	border-color:#636563;
	border-style:solid;
	margin-bottom:10px;
	margin-left: 0px;
	margin-right: 2px;}

table.logo {
	width:125px;
	margin-bottom:5px;
	margin-left: 20px;}

td.menu_th {
	height:20px;
	background-color:#636563;
	color:#FFFFFF;
	text-align:left;
	padding-left:5px;
	font-weight:bold;}

td.menu_td {
	padding-left:10px;
	font-size: 8pt;}

td.menu_log {
	padding-left:5px;
	padding-right:0px;
	font-size: 8pt;
	width:60px;}

td.menu_logfeld {
	width:65px;}

/****************************************************************************************
Name: Haupt
Bestimmt das Aussehen des Haupfensters.
****************************************************************************************/

/* Layout und Rahmen im Hauptfenster*/
table.haupt {	width:98%;
	/*height:96%;*/
	vertical-align:top;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:6px;	
	border-width:1px;
	border-color:#D6D3CE;
	border-style:solid;
	border-collapse:collapse;}

td.haupt_th {
	height:20px;
	background-color:#D6D3CE;
	font-weight:bold;
	padding-left:6px;
}

td.registermenu_red {
	height:20px;
	background-color:#BB4C47;
	font-weight:bold;
	padding-left:6px;
}

td.registermenu_active {
	height:20px;
	background-color:#D6D3CE;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	color:#BB4C47;
}

td.registermenu_hidden {
	height:20px;
	background-color:#D6D3CE;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	color:#636563;
}

td.registermenu_normal{
	height:20px;
	background-color:#D6D3CE;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	color:#000000;
}

td.haupt_task {
	height:20px;
	background-color:#F5F5F5;
	vertical-align:middle;
	padding-left:6px;
	border-width:0;
	border-bottom-width:1px;
	border-color:#D6D3CE;
	border-style:solid;
}

td.haupt_td {
	padding:6px;
	vertical-align:top;}

/****************************************************************************************
Name: Tabelle in einer Tabelle
Bestimmt die Eigenschaften eine rverschachtelten Tabelle.
****************************************************************************************/
table.TinT	{
	width:100%;
}	


/****************************************************************************************
Name: Kopf
Bestimmt das Aussehen des Kopfes.
****************************************************************************************/
table.kopf {
	width:98%;
	height:75px;
	margin-left:6px;
	margin-right:6px;}

td.kopf_oben {
	width:100%;
	height:30px;
	text-align:right;
	vertical-align:bottom;}

td.kopf_mitte {
	background-image:url(../bilder/line.gif);
	width:100%;
	height:2px;}

td.kopf_unten {
	vertical-align:top;
	width:100%;
	height:39px;}


	
/****************************************************************************************
Name: Formulare
Bestimmt die Eigenschaft von Formularen im Modul Citroen.
****************************************************************************************/
td.citroenform_tdl {
	text-align:right;
	padding-right:10px;
	width:150px;
	vertical-align:middle;
	height:20px;
	padding-top:5px;}

td.citroenform_tdr {
	vertical-align:middle;
	height:20px;
	text-align:left;
	padding-top:5px;}

td.citroenform_tdr_r {
	vertical-align:middle;
	height:20px;
	text-align:left;
	padding-top:5px;
	padding-left:5px;}

td.citroenform_tdl_l {
	text-align:right;
	padding-right:10px;
	padding-left:10px;
	vertical-align:midle;
	height:20px;
	padding-top:5px;}	
	
/****************************************************************************************
Name: Formulare
Bestimmt die Eigenschaft von Formularen.
****************************************************************************************/
td.firmform_tdl {
	text-align:right;
	padding-right:10px;
	width:150px;
	vertical-align:top;
	height:20px;
	padding-top:5px;}

td.firmform_tdr {
	vertical-align:middle;
	height:20px;
	text-align:left;
	padding-top:5px;}
/*
td.firmform_tdr_r {
	vertical-align:middle;
	height:20px;
	text-align:left;
	padding-top:5px;
	padding-left:5px;}

td.firmform_tdl_l {
	text-align:right;
	padding-right:10px;
	padding-left:10px;
	vertical-align:top;
	height:20px;
	padding-top:5px;}
*/

td.haupt_extra {
	padding-left:6px;
	height:20px;}

/****************************************************************************************
Name: Session
Tabelle im Menue (normalerweise deaktiviert) gibt Kontrolle ueber Sessionwerte.
****************************************************************************************/

table.status 		{	width:125px;
									border-width:1px;
									border-color:#D6D3CE;
									border-style:solid;
									margin-bottom:10px;
									margin-right:2px;
									margin-left: 20px;}

td.status_th 		{	height:20px;
									background-color:#D6D3CE;
									color:#FFFFFF;
									text-align:left;
									padding-left:5px;
									font-weight:bold;}

td.status_td 		{	padding-left:10px;
									font-size: 8pt;
									color: #D6D3CE;}

/****************************************************************************************
Name: Suchliste
Generierte Liste mit den Ergebnissen einer Suchanfrage. 
****************************************************************************************/	

								/* Tabellenkopf */
td.liste_th			{	height:15px;
									vertical-align:top;
									padding-left:2px;
									padding-right:2px;
									font-size: 7pt;}
								/* Tabellenzeile */
td.liste_td 		{ height:15px;
									font-size: 7pt;
									vertical-align:middle;
									padding-left:2px;
									padding-right:2px;}	
								/* Leerzeilen mit rotem Rahmen (oben) */
td.liste_th10			{	height:15px;
									vertical-align:top;
									padding-left:10px;
									padding-right:10px;
									font-size: 10pt;}
								/* Tabellenzeile */
td.liste_td10 			{ height:15px;
									font-size: 10pt;
									vertical-align:middle;
									padding-left:10px;
									padding-right:10px;}	

									
td.liste_line 	{	height:15px;
									padding:2px;
									vertical-align:middle;
									font-size: 7pt;
									color:#000000;
									border-top:1px solid #CE0000;}
									
td.liste_td-druck 	{	height:15px;
									font-size: 7pt;
									vertical-align:middle;
									padding-left:2px;
									padding-right:2px;
									border-width:1px; border-style:solid; border-color:#D6D3CE;
						}																

/*PopUP-Listen*/
td.liste_thPopUp			{	height:15px;
									vertical-align:top;
									padding-left:10px;
									padding-right:10px;
									font-size: 12px;}
								/* Tabellenzeile */
td.liste_tdPopUp 			{ height:15px;
									font-size: 12px;
									vertical-align:middle;
									padding-left:10px;
									padding-right:10px;}	
									
/****************************************************************************************
Name: Detailansicht
Generiert eine Detailansicht zu einem Auftrag. 
****************************************************************************************/	

								/* Detail Kopf */
table.det_kop		{	border: solid 1px #D6D3CE;}
								/* Detail Kopf linke Spalte */									
td.det_kop_lin	{	width:150px;
									padding-left:5px; 
									text-align:left;}
								/* Detail Kopf rechte Spalte */								
td.det_kop_rec	{	width:200px;
									padding-left:5px;}	
																

								/* Detail Body */
table.det_bod		{	border: solid 1px #D6D3CE;
									margin-top:6px;}
								/* Detail Body linke Spalte */									
td.det_bod_lin	{	width:150px;
									padding-left:5px; 
									text-align:left;}
								/* Detail Body mittlere Spalte */									
td.det_bod_mit	{	width:145px;
									padding-left:5px; 
									text-align:right;}
								/* Detail Body rechte Spalte */									
td.det_bod_rec	{	width:50px;
									padding-left:5px;}	

table.det_back	{	margin-top:6px;}									
td.det_back			{	width:360px;
									text-align:center;}	
									
/****************************************************************************************
Name: Auswertungen
Statistisches Auswerten von Auftraegen. 
****************************************************************************************/	

								/* Detail Kopf */
table.sta_kop		{	border: solid 1px #D6D3CE;}
								/* Detail Kopf linke Spalte */									
td.sta_kop_lin	{	width:150px;
									padding-left:5px; 
									text-align:left;}
								/* Detail Kopf rechte Spalte */								
td.sta_kop_rec	{	width:200px;
									padding-left:5px;}	
																

								/* Detail Body */
table.sta_bod		{	border: solid 1px #D6D3CE;
									margin-top:6px;}
								/* Detail Body linke Spalte */									
td.sta_bod_lin	{	width:150px;
									padding-left:5px; 
									text-align:left;}
								/* Detail Body mittlere Spalte */									
td.sta_bod_mit	{	width:145px;
									padding-left:5px; 
									text-align:right;}
								/* Detail Body rechte Spalte */									
td.sta_bod_rec	{	width:50px;
									padding-left:5px;}	
								/* Tabelle fuer den backButton */
table.sta_back	{	margin-top:6px;}									
td.sta_back			{	width:360px;
									text-align:center;}	

								/* PullDown Ort */
table.sta_ort		{	border: solid 1px #D6D3CE;}									
								/* Pulldown Ort rechts */										
td.sta_ort_lin	{	width:145px;
									padding-left:5px; 
									text-align:left;
									padding-top:10px;
									vertical-align:top;}
								/* Pulldown Ort links */								
td.sta_ort_rec	{	width:200px;
									padding-left:5px;
									padding-right:5px;
									padding-top:10px;}
									
								/* PullDown Ort */
table.sta_list	{	border: solid 1px #D6D3CE;
									margin-top:6px;}									
								/* Pulldown Ort rechts */										
td.sta_list_lin	{	width:140px;
									padding-left:5px; 
									text-align:left;}
								/* Pulldown Ort links */								
td.sta_list_oth	{	width:45px;
									padding-right:5px; 
									text-align:right;}	
									
/****************************************************************************************
Name: Auftrag
Tabelle mit Auftragsdaten zum pruefen. 
****************************************************************************************/	

								/* Auftragsdaten pruefen */
table.auf_sta		{	margin-bottom:6px;}
								/* Auftragsdaten pruefen linke Spalte */									
td.auf_sta_lin	{	width:150px;
									padding-left:5px; 
									text-align:left;
									vertical-align:top;}
								/* Auftragsdaten pruefen rechte Spalte */								
td.auf_sta_rec	{	width:250px;
									padding-left:5px;
									vertical-align:top;}
																
								/* Auftragsdaten pruefen Kopf */								
td.auf_sta_kop	{	width:405px;
									padding-left:5px;
									vertical-align:top;}
																		
								/* TD fuer die Knoepfe  */								
td.auf_sta_but	{	width:405px;
									text-align:center;}		
									
/****************************************************************************************
Name: Task
Taskleiste, Drucken und Exportfunktion.
****************************************************************************************/	



td.task_icon		{	padding-right:5px;
									vertical-align:middle}
td.task_text		{	padding-right:10px;
									font-size:9px;
									vertical-align:middle}				
									
/****************************************************************************************
Name: Liste
Liste aller bei GKK_WEB angemeldeter Firmen. 
****************************************************************************************/	

								/* Tabellenkopf */
td.firmlist_th	{	height:16px;
									vertical-align:top;
									padding-left:5px;
									padding-right:5px;}
								/* Tabellenzeile */
td.firmlist			{ height:16px;
									vertical-align:middle;
									padding-left:5px;
									padding-right:5px;}										
								/* Leerzeilen mit rotem Rahmen (oben) */
td.firmlist_ln 	{	height:16px;
									padding:5px;
									vertical-align:middle;
									border-top:1px solid #CE0000;}	
								/* Leerzeilen mit rotem Rahmen (unten) */
td.firmlist_ln_dn	{	height:16px;
									padding:5px;
									vertical-align:middle;
									border-bottom:1px solid #CE0000;}
									
/****************************************************************************************
Name: Hiweise
Layout und Rahmen im HilfeFenster
****************************************************************************************/	


table.hilfe {	width:280px;
							height:200px;
							vertical-align:top;
							margin:10px;
							border-width:1px;
							border-color:#D6D3CE;
							border-style:solid;
							border-collapse:collapse;}

td.hilfe_th {	height:20px;
							background-color:#D6D3CE;
							font-weight:bold;
							padding-left:6px;}

td.hilfe_td {	padding:6px;
							vertical-align:top;}

/****************************************************************************************
Name: Rechtevergabe
Bestimmt das Aussehen von Checkboxen in der Datenpflege.
****************************************************************************************/
table.rechte 				{
	width:200px;
	border-width:1px;
	border-color:#636563;
	border-style:solid;
	margin-bottom:5px;}

td.rechte_th {
	height:20px;
	background-color:#636563;
	color:#FFFFFF;
	text-align:left;
	padding-left:5px;
	font-weight:bold;}

td.rechte_td {
	padding-left:10px;
	font-size: 8pt;}		

	
/****************************************************************************************
Name: Datenpflege-Listen
Kopf für die Listen der Datenpflege
****************************************************************************************/																																														
td.datenpf_list {
	              height:1px;
				  font-size:1pt;
				  vertical-align:top;
				  padding-left:5px;
				  padding-right:5px;
				  border-bottom:1px solid #CE0000;
				 }






