/* --- Festlegungen werden ggf. durch kunde.css, console.css bzw. 320.css übersteuert --- */
body 
{
	font-family: Arial,Verdana;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background-color: white;
	margin: 10px; 
	padding: 0px;
}

div {
	background-color: #efefef;
	border-radius: 5px;
}
/* --- Kopfzeile --- */
#header {
	background-color: RGB(220,0,40);
	color: white;
	height: 20px;
	font-size: medium;
	font-weight: bold;
	padding: 10px 10px 10px 5px;
	border-radius: 5px;
}
/* --- Footer --- */
#footer
{
    margin: 6px;
	font-size: xx-small;
}


/* --- Inhaltsbereich --- */
#inhaltcontainer
{
	margin-top: 10px;
	min-height: 100px;
	overflow: auto;
	overflow-x: auto; 
	overflow-y: hidden; 
	scrollbar-base-color: #F2F2F2;
}
#inhalt
{
/*	border: #768086 1px dotted; */
    margin: 6px;
	font-size: inherit;
	white-space: nowrap;
    line-height: 20px;
}

/* --- Meldungsbereich --- */
.meldungcontainer
{
	margin-top: 10px;
	min-height: 20px;
}
.meldung
{
    margin: 6px;
	font-size: inherit;
}

/* --- Eingabeblöcke Abstand --- */
.topdist
{
	margin-top: 10px;
}

/* --- Radio-Auswahl HaltTyp --- */
.radio
{
	margin-top: 0;
}

br { line-height: 0; }
#ladeImg
{ 
	position: absolute;
    z-index: 999;
    display: none;
}

/* --- Eingabefelder --- */
textarea, input[type=text], input[type=password], select {
	border: none;
	background: #FFFFFF;
	font-size: inherit;
	font-weight: normal;
	margin: 2px;
	height: 30px;
	border-radius: 5px;
}
textarea, select
{
/*	scrollbar-base-color: #F2F2F2; */
}
input[type=radio]
{
    background: #FFFFFF;
    display: inline;
    vertical-align: middle;
}
input.fehler
{
	font-weight: bold;
/*	border: 1px solid #CC1F2F; 
   background: #FFF5F5; */
}
.pflicht
{
    background: #FFF5F5;
}
.prop
{
	font-family: Courier New;
}
/* --- Eingabefelder disabled (graue Umrandung mit grauer Schrift) --- */
.inp
{
	font-size: inherit;
	font-weight: normal;
	border: #768086 1px solid; 
	color: #768086;
    background: #FFFFFF;
    display: inline-table;
	padding-left: 2px;
    line-height: 20px;
}


/* --- Feldnamen (links neben dem Eingabefeld mit Abstand) --- */
.lbl {
	color: #000000;
	font-size: inherit;

}
.lblerr
{
	color: #CC1F2F;
	font-size: inherit;
}

.lblinakt
{
	color: #768086;
	font-size: inherit;
}

.lblradio
{
	color: #000000;
	font-size: inherit;
    padding-right: 10px;
    padding-left: 4px;
    display: inline-table;
}

/* --- Zeit-Icons --- */
.inl
{
	vertical-align: middle;
}

calIcon {
    max-width: 100%;
    height: auto;
}

.cal {
    vertical-align: top;
}

/* --- Buttons --- */
.buttonesm {
	background: RGB(207,200,200);
	border-color: #dbdbdb;
	border-radius: 5px;
	box-shadow: none;
	color: black;
	font-weight: normal;
	height: 30px;
	margin: 2px;
	border: 0px;
}

.buttonesminakt
{
	background-color: #E4E4E4;
	color: #768086;
	border: #768086 1px solid; 
    vertical-align: baseline;
	font-size: inherit;
	font-weight: bold;
    margin: 4px;
    padding: 2px; 
}

/* --- Breitenfestlegungen --- */
.datum		
{ 
	width: 100px; 
    margin-right: 2px;
    margin-left: 2px;
}
.lang { 
	width: min(90%, 400px);
}

/* --- Sichtbarkeit --- */
.invis		{ visibility: hidden; }
.vis		{ visibility: visible; }

/* --- Vorschläge --- */
.container
{
	background-color: #FFFFFF;
	padding: 0; 
	border: gray 1px solid; 
	position: absolute; 
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden; 
	overflow-y: auto; 
}
.vorschlag
{
	white-space: nowrap;
	margin-left: 2px;
	cursor: pointer
}
.vorschlagsel 
{
	background-color: Silver;
	color: Black;
	margin-left: 2px;
}

a:link		{	color: #768086;	text-decoration: none;	}
a:visited	{	color: #768086;	text-decoration: none;	}
a:hover		{	color: #CC1F2F;	text-decoration: none;	}

/* --- Link für Impressum --- */
.imp			{	color: #768086;	text-decoration: underline;	}
.imp:link		{	text-decoration: underline;	}
.imp:visited	{	text-decoration: underline;	}
.imp:hover		{	text-decoration: underline;	}


.calHide {
    position: absolute;
    left: -400px;
}

.panelDatumCal {
    border: 1px solid #0a0acd;
    padding: 5px;
    background-color: #f8f6fe;
}

.panelDatumCal table {
    background-color: #f8fef6;
}

#panelZeit {
	display: flex;
	align-items: center;
}

#ViaHaltText {
	margin: 2px;
	height: 30px;
	border-radius: 5px;
	background-color: lightgray;
}