html {font-family: Roboto; font-size: 16px; overflow: hidden;}
body {font-family: Roboto; font-size: 16px; overflow: hidden;  margin: .25vh;}
html a, body a, td a {text-decoration: none; }
html a:hover, body a:hover, div#links a:hover, div#center a:hover  { background-color: fuchsia;}

/* ==>  Kopf - k-0 = LOGO k-1 =TEXT k-a=Link-Tabelle Oben k-b=Link-Tabelle unten k-c=Linktabelle ganz unten  */

div#k-0 {
display: block;
width: 13vw;
height: 11vh;
font-size: 2vh;
font-stretch: ultra-condensed;
line-height: 2.5vh;
text-align: left;
letter-spacing: 0rem;
padding-top: 1.75vh;
padding-left: 1vw;
background: darkmagenta;
}
div#k-0 a {color: #ffffff;}


div#k-0 pflime:before{content:"►"; color:#ffffff; background: lime; margin-right: 1vh;}
div#k-0 pfdark:before{content:"►"; color: darkmagenta; margin-right: 1vh; }



div#k-1,div#k-a,div#k-b,div#k-c {width: 84vw;}

div#k-1 {
position: absolute; top: 0vh; left: 16vw;
padding-top:.5vh;
  white-space: nowrap;letter-spacing: .45vw;word-spacing: .1vw;
  font-size: 1.75vw;
  line-height: 3vh;
}


div#k-a {position: absolute; top: 4vh; left: 16vw;}
div#k-b {position: absolute; top: 8vh; left: 16vw;}
div#k-c {position: absolute; top: 12vh;left: 16vw;}


/* ==> Formatierung der Tabellenzeilen */
tr {width:84vw; float: left; background: lavender;    }

td {width: 31%; white-space: nowrap; font-size: 1.25vw;
   line-height: 3vh;
   border-top: 1vh solid #ffffff;
   border-right: 1vw solid #ffffff;
   padding-right: .5vw;
   }

za1, zb1, zc1 {font-size: 1.25vw; line-height: 3.5vh;}

za1:before,za2:before,za3:before,za4:before,za5:before,
zb1:before,zb2:before,zb3:before,zb4:before,zb5:before,zb6:before,
zc1:before,zc2:before,zc3:before,zc4:before,zc5:before,zc6:before

{content:"►"; padding-left:.125vw; padding-right:.125vw; margin-right: .125vw;
  color: blue; background: lavender;}


/* Spalte LINKS*/

div#links {position: absolute; top: 16vh; width:14vw; font-size: 1.25vw;
overflow-x: hidden;
overflow-y: scroll;
height: 83vh;
}
div#links a {padding: 0.25vw;
  display: block;
  background: lavender;
  }


spak {display: block; background: lime; font-weight: bold;}
div#links img {width: 12.5vw; height:18vw;}

/* ==>Umschaltung der KOPF LINKS-Beschriftung bei Hochformat */



/* Formatierung von LINKS */
spak {display: block; background: palegreen; font-weight: bold;}
spukk {width: 7rem; height: 5rem;}



div#k-c:after {
content: "Auswahl der Ausgabe: KLICK, angezeigt werden die zu einer Ausgabe vorhandenen Katalogeinträge. ";
position: relative; top:1vh; font-size: 1.25vw;  
}

/* ======================================================================================================================= */
div#center {
  position: absolute; top: 20vh; left: 16vw;
  padding-top: 0rem;
  width:82vw;
  height: 79vh;
  margin:0rem;
  overflow: hidden;
  font-size: 1.25vw;
  border: 0px solid red;
  }

.news-list-container {}
/* ========================B-----R-----O-----W-----S-----E LINKS LISTE
<span class="activeLinkWrap">|</span>
<div class="news-list-browse">|</div> funktioniert
<div class="browseLinksWrap">|</div>
<span class="disabledLinkWrap">|</span>
<div class="showResultsWrap">|</div>
*/
.news-list-browse {
  width: 59vw;
  font-size: 1.5vw;
  font-stretch: ultra-condensed;
  margin: 1vh 0vh 1vh 0vh;
  padding: 0vh 0vh 0vh 1vh;
  text-align: left;
  border: 0px solid lavender;
   }

.browseLinksWrap {
  position: absolute; top: 0vw; left: 6vw; 
  width: 52vw;  
  }


p.mort {
  font-size: 1.5vw;
  font-stretch: ultra-condensed;
  display: inline-block;
  width: 1.75vw;
  height: 2vw;
  border: .125rem solid #ffffff;
  border-radius: 1vw;
  margin: 0vw 0vw 0vw 0vw;
  background: palegreen;
  text-align: center; 
}

p.mort:after {
  position: relative; left: 2vw; top: -1.75vw;
  font-size: .75vw;
  font-stretch: ultra-condensed;
  font-weight: bold; 
  width: 3.5vw;
  display: inline-block;
  content: "Ausgaben gefunden!";
 
}


.browseLinksWrap:before {}


.browseLinksWrap a {
  display: inline-block;
  width: 1.5vw;
  border: .125rem solid #ffffff;
  border-radius: 1vw;
  margin: .625vw 0vw 0vw 0vw;
  text-align: center;
  background: lavender;
}


.activeLinkWrap, .activeLinkWrap a {
  display: inline-block;
  width: 1.5vw;
  margin: 0vh;
  border: .125vw solid #ffffff;
  border-radius: 1.5vw;
  text-align: center;
  background: lime;
  }



.disabledLinkWrap {
  display: inline-block;
  width: 1.5vw;
  border: .125vw solid #ffffff;
  border-radius: 1.5vw;
  text-align: center;
  background: yellow;
  margin: 0vh;
}



.tit-dat {
  float: left;
  font-size: 1vw; font-weight: bold;
  width: 60vw;
  margin-top: .375vh;
  }


.tit-dat a {
 display: inline-block;
 background: lavender;
 border-radius: 3vw;
}




 div#center posrel {
  /*Anzeige Überschriften Katalogblätter*/
  position: absolute; top: 0vh; left: 61vw;
  float: right;  
  width: 21vw;
  height: 76vh;
  padding-bottom: 2vh;
  overflow-y: scroll;
 
  background: transparent;
  }


div#center posrel:before {
border: .125vw solid lime;
border-bottom: 1rem solid #ffffff;
display: block;
text-align: center;
content: "▼ KLICK: Katalogeintrag komplett anzeigen:▼";
}

 
div#center posrel lirelo a {
  font-size: .875vw; text-decoration: none;
  background: lavender;
  display: block;
  word-break: break-all;
  margin-bottom: .375rem;
  padding:.0rem .25rem .0rem .25rem;
  font-weight: normal;
  }


.news-list-item lirelo a:active {background: darkmagenta; color: #ffffff;}
.news-list-item lirelo a:before {content:"";}

/* Positionierung des IFRAME - (innere Ebene, eigenes css)*/

iframe {position: absolute; left: 0rem; top: 10vh; width: 60vw; height: 71vh; border: 0px dashed black;}

/* =================================================== */





/* PB Alle downloadlisten */
div#center p.i1 {float: left;}
div#center p.i1 iframe {width: 60vw; height:78vh; }

div#center p.i2 {float: right; height: 48vh;}
div#center p.i2 iframe {width: 20.5vw; height:48vh; border: .25rem solid red;}

p.inhalt {padding-top: .5rem; margin: 0rem;
  position: absolute; left: 0rem;
  width: 14.75rem; height: 1.25rem;
  background: linen;
  text-align: center;
}

p.lili {float:left;   overflow-y: scroll; height: 45vh; border: .25rem solid yellow;}
p.lili a {border-bottom: .25rem solid red; line-height: 1.5rem;}

jotz {background: lightblue; }
/*
@media screen and (orientation:portrait)
{
html {font-size: 24px;}
div#k-0, div#k-1,div#k-links, div#k-links a, za1, za2, za3, za4, za5, zb1, zb2, zb3, zb4, zc1, 
div#links,  div#center posrel
{font-size: 1.5vh; font-stretch: ultra-condensed; letter-spacing: -.125vw;}
}

 transform: scaleX(0.5);

*/