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: 9vh; left: 16vw;}
div#k-c {position: absolute; top: 14vh; left: 16vw;}


/* ==> Formatierung der Tabellenzeilen */

table {border:0px solid black; width:84vw; }
tr {}

td {width: auto; white-space: nowrap; font-size: 2vh; 
   border-top: 1vh solid #ffffff;
   border-right: 1vw solid #ffffff;
   padding-right: .5vw;
   padding-left: 1vw;
   background: lavender;
   }


#ztyp1 {width: 100%; padding-left: 1vw; background: lavender;}



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

za1:before,za2:before,za3:before,za4:before,za5:before,za6: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: 2vh;
overflow-x: hidden;
overflow-y: scroll;
height: 83vh;

}
div#links a {padding: 0.25rem; 
  display: block; 
  background: lavender; 
  border-bottom: .5rem solid #ffffff;}


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

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



/* ======== Spezifische Gestaltung des Center-Fensters 201705 =========  */

div#center { position: absolute; top: 16vh; left: 16vw;
  width:83vw; height:83vh;
  margin:0rem; padding: 0rem;  
  overflow: hidden;
  }

ciframe iframe {border: 0rem solid lime; width: 82vw; height: 80vh;}


/* ==> NEWS Rahmen */
.news-list-container {
  overflow-y: scroll;
  width: 83vw; height:77vh;
  padding-bottom: 3vh;
  border-top: 1px dotted blue;
   }

.news-list-item {
border: .0rem dotted blue;
padding: .25rem 0rem 0rem 0rem;
background: transparent;
}
 
.news-list-item a { font: normal .75rem Roboto; line-height: 1.125rem;
  word-wrap: break-word;  display:inline; background: lavender;}



/* ==> Gestaltung in NEWS-Untertitel */

p.ti-norm {font-size: 2vh;  margin: 0rem 2rem 1rem 0rem;}

span.t-italic {font-style: italic; color: black;}
span.t-bold {font-weight: bold;}
span.t-kapit {font-variant:  small-caps;}
span.t-hoch {line-height: 75%;  vertical-align:50%;  font-size: 75%; }
            

span.pn {}  
span.pn a {
  float: left;
  font-size: 1.25vh;
  font-weight: bold;
  border-bottom: .75vh solid lavender;
  border-radius:.25rem;
  margin-right: .5rem;
  font-stretch: condensed;
  background: lavender;
  }
span.pn a:before {content: "▲"; color: blue; background: lavender;}

span.pn a:visited {background: palegreen;}

span.pnu {font-size: 1.5vh; font-stretch: condensed;}


   


/* ==> Darstellung für ArGe-Ausgabe aktuell

@media screen and (orientation:portrait)

{
html {font-size: 16px;}
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;  transform: scaleX(0.75); letter-spacing: -.125vw;}
}




@media screen and (orientation:portrait)
{
html {font-size: 24px;}
div#k-0, div#k-1,div#k-links, za1, za2, za3, za4, za5, zb1, zb2, zb3, zb4, zc1
{font-size: 2vw; font-stretch: ultra-condensed; letter-spacing: -.125vw;}
}

@media screen and (orientation:portrait)
{
html {font-size: 24px;}
div#k-0, div#k-1,div#k-links, za1, za2, za3, za4, za5, zb1, zb2, zb3, zb4, zc1
{font-size: 2vw; font-stretch: ultra-condensed; letter-spacing: -.125vw;}
}