/*----------------------------------------------------------------------------------------------------------------------------------*/
dialog{
	margin: auto 0px;
	border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
}
.modalDlgNew	
		{position: fixed;
		 font-family: Arial, Helvetica, sans-serif;
		 top: 0;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 background: rgba(0,0,0,0.1);
		 z-index: 99999;
		 opacity:0;
		 -webkit-transition: opacity 200ms ease-in;
		 -moz-transition: opacity 200ms ease-in;
		 transition: opacity 200ms ease-in;
		 pointer-events: none;
		}
.modalDlgNew:target 
		{opacity:1;
		 pointer-events: auto;
		}
.modalDlgNew > div 
		{width: 600px;
		 position: relative;
		 margin: 10% auto;
		 padding: 5px 20px 13px 20px;
		 border-radius: 10px;
		 background: #FCFFFC;
		}
/*-- Close-Button für Dialog (muss als Class für <button> vorhanden sein) ----------------------------------------------------------*/
.close	{background: #606061;
		 color: #FFFFFF;
		 line-height: 25px;
		 position: absolute;
		 right: -12px;
		 text-align: center;
		 top: -10px;
		 width: 24px;
		 text-decoration: none;
		 font-weight: bold;
		 -webkit-border-radius: 12px;
		 -moz-border-radius: 12px;
		 border-radius: 12px;
		 -moz-box-shadow: 1px 1px 3px #000;
		 -webkit-box-shadow: 1px 1px 3px #000;
		 box-shadow: 1px 1px 3px #000;
		}
.close:hover	{ background: #6ed1d8; }
/*----------------------------------------------------------------------------------------------------------------------------------*/
.finp	{margin: .65em 0 .1em 0;
		 position: relative;}
.finp label	
		{position: absolute;
		 background: rgba(0,0,0,0.0);
		 padding: 0 .1em .1em;
		 font-size: .8em;
		 top: -1em;
		 left: .5em;}
.finp input	
		{
			padding: .5em;
			width: 175px;
		}

.finp select{
	padding: .5em;
	 width: 175px;
}		 
.finp textarea	
		{padding: .5em;}
h3{
	padding:		0px;
	margin:			5px;
	margin-left:    0px;
	font-family:	Tahoma, sans-serif;
}
button{
	display: inline-block;
	background-color: lightskyblue;
	border-radius: 10px;
	border: 4px double darkgray;
	color: black;
	text-align: center;
	font-size: .8em;
	padding: 0px;
	width: 60px;
	height: 27px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}
button:disabled{
	color: gray;
	background-color: whitesmoke;
}
button:hover:disabled{
	color:				gray;
	background-color:	whitesmoke;
}
button:hover {
	color:	white;
	background-color: blue;
}
/* --- Ctl-Label ------------------------------------------------------ */
.LABCtl {
	width:			100%;
	padding:		10px;
	font-size:		16px;
	border:			1px solid #ccc;
	border-radius:	4px;
	box-sizing:		border-box;
	position:		relative;
}
.LABLab {
	position: relative;
	pointer-events: none;
	background: white;
	padding: 0 .1em .1em;
	color: rgb(255, 0, 0);
	font-size: 12px;
}
/* ------------------------------------------------------------------- */
input:invalid { background: hsl(4, 100%, 50%)}
/* ------------------------------------------------------------------- */
textarea
		{
			caret-color:	red;  
			width:			285px;
			height:			48px;
			border:			1px solid black;
			padding:		0.5em 0em 0em 0em;
			margin: 		0 0 0 0;
			font-family:	Tahoma, sans-serif;
			resize:			none;			
		}
textarea:focus 
		{
			  background:	#FFC;
		}		
/* ------------------------------------------------------------------- */
.fheader{
	overflow-y: scroll;
	height: 200px;
	width: fit-content;
	border: thin solid black;
	padding:0; margin:0;
}
.fheader thead th
		{position: sticky;
		 top: 0;
		 background: lightgray;}
table	{table-layout:fixed}
td		{
			vertical-align:top;
			text-overflow: ellipsis; 
			overflow: hidden; 
			white-space: nowrap;
		}
.unsichtbar	
		{display: none;}
/* --- Daten-Tabelle ------------------------------------------------- */
.DTAB table { 
			empty-cells:		show; 
			table-layout:		fixed;
			width:				fit-content;
			border:				2px solid black;
			border-radius:		10px;
		}
.DTAB thead	{
			display:			block;
			background-color:	wheat;
			border-bottom:		2px solid black;
		}
.DTAB tbody	{
			display:			block;
			max-height:			100px;
			overflow-y:			scroll;
			background-color:	cornsilk;
		}
.DTAB td, .DTAB th {
			vertical-align:		top;
			text-overflow:		ellipsis;
			overflow:			hidden;
			white-space:		nowrap;
			font-family:		Tahoma, sans-serif;
			font-size:			medium;
			font-weight:		normal;
		}
/* --------- Tabs mit radio-Buttons ---------------------------------- */
.tabbed figure{
	display: block; 
	margin-left: 0; 
	border-bottom: 1px solid silver;
	clear: both;
}
.tabbed > input, .tabbed figure > div 
		{ display: none; }
nav label{
	float:			left;
	padding:		15px 15px;
	border-top:		1px solid silver;
	border-right:	1px solid silver;
	background:		hsl(210,50%,50%);
	color:			#eee;
}
nav label:nth-child(1) { border-left: -10px solid silver; }
nav label:hover { background: hsl(210,50%,40%); }
nav label:active { background: #ffffff; }
#RegClub:checked 		~ nav label[for="RegClub"],
#RegPartner:checked		~ nav label[for="RegPartner"],
#RegRechnung:checked	~ nav label[for="RegRechnung"],
#RegToDo:checked		~ nav label[for="RegToDo"],
#RegProvision:checked	~ nav label[for="RegProvision"],
#RegAdmin:checked		~ nav label[for="RegAdmin"]
		{
			background: 	white;
			color:			#111;
			position:		relative;
			border-bottom:	none;
		}
#RegClub:checked		~ nav label[for="RegClub"]:after,
#RegPartner:checked		~ nav label[for="RegPartner"]:after,
#RegRechnung:checked	~ nav label[for="RegRechnung"]:after,
#RegToDo:checked		~ nav label[for="RegToDo"]:after,
#RegProvision:checked	~ nav label[for="RegProvision"]:after,
#RegAdmin:checked		~ nav label[for="RegAdmin"]:after
		{
			content:	"";
			display:	block;
			position:	absolute;
			height:		2px;
			width:		100%;
			background:	white;
			left:		0;
			bottom:		-1px;
		}
/*----- Schalte den Inhalt der Tabs ein. ---------------------------- */
#RegClub:checked		~ figure .RegClub,
#RegPartner:checked		~ figure .RegPartner,
#RegRechnung:checked	~ figure .RegRechnung,
#RegToDo:checked		~ figure .RegToDo,
#RegProvision:checked	~ figure .RegProvision,
#RegAdmin:checked		~ figure .RegAdmin { display: block; }
/* ------------------------------------------------------------------- */