/* @media screen and (orientation: landscape) { img { transform: rotate(-90deg); } } */
@media (pointer:fine) {
	/* <https://stackoverflow.com/questions/6794683/is-there-a-way-to-make-desktop-only-css-rules> */
	#nav .nav:hover { stroke:#F00; fill:rgba(255,255,255,0.01); stroke-width:2px; opacity:1; }
}

/*               { font:normal 16px Arial; } */
body             { background-color:#DDD; }/* margin:0px; padding:10px 100px 10px 10px; */
.titel           { position:relative; top:.5em; left:1em; display:inline-block; white-space:nowrap; z-index:0; cursor:help; }
.titel h3        { font-weight:bold; display:inline; }
.titel .root     { color:#00F; font-weight:bold; }
.titel .datum    { font-size:0.8em; }
.titel .fehler   { font-weight:bold; color:#933; }
 
.extern          { position:absolute; top:.5em; right:1em; border:none; white-space:nowrap; overflow:hidden; }
.extern img      { width:2em; border:none; }
.extern a        { margin-left:1em; text-decoration:none; }
 
table            { border-spacing:0px; max-width:100%; }/* border-collapse:collapse; */
td               { border:solid 0px #999; } /* vertical-align:top; */
 
tr.linieO        { border-top:dotted 1px #FFF; }
td.dreieckTD     { padding:3px 0px 0px 5px; width:2em; cursor:pointer; }
td.dreieckTD img { width:1.25em; height:1.25em; }
td.ordnerTD      { vertical-align:top; white-space:nowrap; color:#933; cursor:pointer; }
td.dateiTD       { padding:0.33em 0em 0px 0.33em; }/* padding:5px 0px 0px 5px; */
td.groesseTD     { width:0.5em; font-size:0.8em; text-align:right; vertical-align:bottom; white-space:nowrap; }
td.trennerTD     { width:500px; vertical-align:bottom; white-space:nowrap; }
td.datumTD       { width:9em; font-size:0.8em; vertical-align:bottom; white-space:nowrap; }
td.leerOrTD      {  }
td.leerDaTD      { width:99%; white-space:nowrap; overflow:hidden; }
td.fueller       { width:5em; background-color:none; }

.datei           { text-decoration:none; color:#338;white-space:nowrap; cursor:pointer; }
.datei:link      { color:#338; }
.datei:visited   { color:#448; }
.datei:hover     { color:#00F; }
.datei:active    { color:#CFF; }

.tabelle         { margin:0; padding:0; }
.aktion          { vertical-align:bottom; }
.aktion a        { text-decoration:none; }
.aktion img      { border:none; }
.aktion .mini    { position:absolute; left:-6em; width:6em; image-orientation:from-image; z-index:1; }/* nur safari und firefox */
.suffix          { position:relative; color:orange; text-align:center; white-space:nowrap; cursor:pointer; }
.pfeil           { padding-left:.5em; height:1.4em; vertical-align:bottom; }
.aktion_         { vertical-align:bottom; font-size:1.1em; font-weight:bold; color:#C66; cursor:pointer; }

#bildDiv         { position:fixed; top:0.5em; right:.1em; border:dotted 1px #999; display:none; z-index:2; }
#bild            { border:none; display:block; max-width:100%; }
#bildTxt         { overflow:hidden; }
#bildDiv #datei  { padding:1px 3px; color:blue; background-color:#EEE; white-space:nowrap; overflow:hidden; cursor:pointer; }
#bildDiv #datei img { position:relative; top:2px; margin-right:.5em; float:left; display:block; }

#nav             { position:fixed; top:.25em; display:none; z-index:3; width:13.75em; height:2.75em; }
#nav svg         { width:100%; height:100%; }
#nav .rechteck   { stroke:#000; stroke-width: 2px; fill:#AAA; opacity:0.5; }
#nav .vorZur     { stroke:#00F; stroke-width:10px; fill:none; stroke-linecap:round; }
#nav #dia        { stroke:#00F; stroke-width:10px; fill:#070; }
#nav .nav        { stroke:none; fill:#FFF; opacity:0; }
/* .bbb       { width:36px; top:7px; left:166px; }*/