/****************** CSS NUR fuer die kartenAnsicht  ******************/
@media only screen      {
/* #druck              { display:none; }	*/										/* tabelle auf der kartenAnsicht nicht sichtbar */
	.rand               { padding-left:.25em; white-space:nowrap; }
     
	.rand, .knopf       { border:1px solid #DDD; }
	.rand input         { margin:0; padding:0; background:transparent; border:solid 1px #FFF; vertical-align:middle; }
	.rand img, .knopf img, .sym img
				        { height:1.75em; vertical-align:middle; }
	.knopf img          { margin-left:.5em; }
	.sym                { border:1px solid #DDD; min-width:2em; background:transparent; }
	.rte                { width:2.5em; }
	.km                 { width:3em; }
	.modOpt             { min-width:1.25em; }

	#anweisDiv          { position:absolute; border:solid .1em #FFF; }

	/*.hauptSc #anweisDiv { resize:both; overflow-y:scroll; display:none; z-index:+1;
	                      width:auto; max-height:99%; height:auto; }/*62.5em*//*
	#anweisDiv:active   { width:auto; height:1.5em; }*//*62.5em*/
	.hauptSc #anweisDiv { resize:both; overflow-y:scroll; display:none; flex-direction:column; align-items:flex-start;
	                      width:auto; max-height:99%; }/* height:auto; z-index:1; */

	#anweisTab          { border-collapse:collapse; counter-reset:zeilenIdx -2; } /* <https://www.mediaevent.de/css/counter-increment-counter-reset.html> */
	#anweisTab tr       { counter-increment:zeilenIdx; }
	#anweisTab tr td:first-child::before
	                    { content:counter(zeilenIdx); }
	#anweisTab td       { font-size:.9em; }
	.rbkEinst,.rbkHoehe { height:1.25em; display:block; float:left; }
	.rbkHoehe           { padding-left:1em }
	#anweisTab .x       { display:block; float:right; padding:.1em .4em; }
	
	#druckNav           { position:fixed; padding:.25em; bottom:.5em; right:.5em; border:1px solid #333; border-radius:.5em; background:#EEE; z-index:+1; }
	#druckNav *         { border-radius:.5em; }
	#druckNav button, #anzSpalten
				        { border:1px solid #999; background-color:#7BE5; }
	#anzSpalten         { width:2em; font-weight:bold; text-align:center; }
}						/* ENDE  @media only screen */


#anweisTab th           { background-color: #EEE; border: solid 1px #EEE; padding-left:1%; text-align:left; }
#anweisTab th div       { display:inline-block; transform:rotate(-10deg) translateX(-10%); font-family:Verdana; color:blue; }
.hauptSc .druck         { display:none; }	/* <div id="haupt" class="hauptSc"> => klasse "druck"  ist unsichtbar */
.hauptDr .schirm        { display:none; }	/* <div id="haupt" class="hauptDr"> => klasse "schirm" ist unsichtbar */

/*	schirm: titelZeile in anweisungsListe,
		   td  {index, merkerSymbol, geoSymbol, plusSymbol, minusSymbol, routeSymbol, [modOption]},
		   div {ergDiv, rbkDiv, symDiv, rteOpt, prefDiv, linkDiv, bedien, karte}

	druck:  titelZeile in anweisungsListe,
		   einstellungen fuer ausdruck {zurueck, anzSpalten, strasse <=> aktion, drucken}
*/

/******************  CSS NUR fuer die druckAnsicht  ******************/

/* SIEHT MAN AUF DEM BILDSCHIRM, WENN "STANDARDSTILE FUER MEDIEN" (SAFARI) ANGEKLICKT IST,  DIE AUSGERUECKTEN GEHEN NICHT */
@media only print       {
	.schirm                    { display:none; }					/* verschiedene elemente auf dem ausdruck nicht sichtbar */
	#anweisDiv, #anweisTab     { width:100%; }						/* blatt bis zum rechten rand nutzen */
	/* <https://www.w3docs.com/snippets/html/how-to-handle-page-breaks-when-printing-a-large-html-table.html> */
	#anweisTab                 { page-break-inside:auto; }
	#anweisTab thead           { display:table-header-group; }		/* GEHT NICHT MIT SAFARI */
	#anweisTab thead tr        { background-color:#EEE; }			/* kopfZeile grau hinterlegen */
	#anweisTab tr              { page-break-inside:avoid; page-break-after:auto; }	
	#anweisTab th div          { font:bold 1.5em Verdana; }


	.rand, .sym                { border-bottom:1px solid #DDD; padding:0 .25em; font-size:1em; font-family:Arial; white-space:nowrap; }
	/*#anweisTab th:nth-child(3) { padding-left:0%; }*/					/* Ort */
	#anweisTab .km             { width:3em; }						/* km */

	#anweisTab input           { border:none; font:bold 1.5em Arial; color:#000001;} /* Ort, Strasse, km */
	#anweisTab .str            { font-weight:normal; }
	/*, #anweisTab span*/
	                           
	#anweisTab img             { width:1.75em; top:0; }				/* symbole */

	#druckNav                  { display:none; }					/* navLeiste auf dem ausdruck nicht sichtbar */

	::placeholder, ::-webkit-placeholder
                               { opacity:.2; }
	:-ms-input-placeholder, ::-ms-input-placeholder
	                           { color:#EEE; }						/* transparenz der <input> platzhalter */
}