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: 2.5vh;line-height: 3vh;
text-align: justify;

}

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


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

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

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;}


.aan, .ban, .can, .dan, .ean, .fan, .gan, .han, .ian, .jan, .kan, .lan, 
.man, .nan, .oan, .pan, .qan, .ran, .san, .tan, .uan, .van, .wan, .xan, .yan, .zan
.azan {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;}



/* Spalte LINKS*/

div#links {position: absolute; top: 16vh; width:14vw; font-size: .875vw;
overflow-x: hidden;
overflow-y: scroll;
height: 79vh;
padding-bottom: 5vh;
}

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: 13vw; height:18vw;}

/* Ab hier altes css */

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

div#center { position: absolute; top: 16.5vh; left: 16vw;
 width:83.5vw;
  height: 82.5vh;
  margin:0rem; padding: 0rem;  overflow: hidden;
  background: transparent;
  border: .125rem dotted black;
  }



fuss {
  width: 84vw;
  font-size: 1vw; float: left;
   
 }
fuss a {
  display: inline-block;
  border-radius: 1vw;
  background: lavender;
  text-align: center;
  margin-right: .125vw;
  padding: 0rem .250vw 0rem 0.25vw;
  }

bisq a {background: lime;}


.news-list-browse {
  width: 69vw;
  float: left;
  padding-top: .25vh;
  padding-left: .25vw;
  float: left;
  margin-top: .25vh;
  font-size:0.75vw;
  text-align:left;
  
    }

.showResultsWrap {}



.browseLinksWrap {
  
  background: lavender;
  text-align:left;
  padding-left: 1.125rem;
  text-indent: -1rem;}

.disabledLinkWrap,.browseLinksWrap a,.activeLinkWrap, .browseLinksWrap {
 font-size: .875vw; background: lavender;
 border:0rem solid #ffffff;
 padding-right: .125vw;
 font-stretch: extra-condensed;
 font-weight: bold;
 }

.activeLinkWrap { background: lime; color: #000000; font-size: .875rem; border-left: .5rem solid #ffffff; }
.activeLinkWrap:before {content:"⯈"; color: #ffffff;}


.news-list-container { padding:0rem; margin-top: 1rem; border: 0rem solid #ffffff;}
.news-list-item {
  width: 70vw; 
  height:77vh;
  padding-right: 1vw;
  margin-top: 4vh;
  font-size: .75vw;
  line-height: 1vw;
  overflow-y: scroll;
  }
.news-list-item a { font: normal .75rem Roboto; line-height: 1.125rem;
  word-wrap: break-word;  display:inline; background: lavender;}
.news-list-item a:before {content:"⯈"; border-radius: 1rem;}
.news-list-item a  {border-radius: 1rem; padding: 0rem .5rem 0rem 0rem;}

.ti-norm {margin: 0rem; padding: 0rem; font-size: .875vw;}
span.t-bold {font-weight: bold;}
span.t-italic{font-style: italic; }

stwpos {display: block; margin-bottom: 1vh; font-size: .625vw;  font-weight: bold; }

<!--
/*warhinweise bei Register links */
 warn {font-size: .75rem; background: yellow; font-weight: bold; color: red;}
    warn:after {content:"!! IM AUFBAU !!"; }

pnt:before {content: "Liste der Katalogeinträge – "}
pnt a:after {content: "Mehr zum Inhalt: Ein/Ausblenden"}
-->





/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
  margin: 0rem; padding:0vm;
  text-indent: .0vw;
  font-size: 1.25vh;
  line-height: 1.75vh;
  }



ul.tree {
  position: absolute; top: 0vh; left: 71.5vw;
  width: 12vw;
  height: 80vh;
  border: .125rem solid blue;  
  margin: 0rem;
  padding: 0rem;
  overflow-y: scroll; overflow-x: hidden;
  z-index: 1;
     }
ul.tree:after {Content: "Ende der Liste";}


ul.tree A {
    text-decoration: none;
  
}

ul.tree A.pm {
    cursor: pointer;
}

ul.tree img {
  width:0rem;
    vertical-align: middle;
    visibility: hidden;
    border: 0rem solid black;
}

ul.tree ul {
    margin: 0rem;
    padding-left: 0rem;
 
  
    }

ul.tree ul li {
  <!--  
  margin: 0rem;
    margin-bottom: -.25rem;
    padding-left: .5rem;
    padding-top: .25rem;
    line-height: 1.0rem;
    border-right: .125rem solid #ffffff;
    border-bottom: .125rem solid  #ffffff;
  -->
    white-space: normal;
}

ul.tree ul li.expanded ul {
  background: lavender;
  margin-bottom:1.5rem;
  border: 0rem solid blue;
  }



ul.tree ul li.last > ul {
    
}

ul.tree li.active, ul.tree ul li.active {
    background-color: palegreen! important;
 }


ul.tree li.active ul, ul.tree ul li.active ul {
    background-color: #f7f3ef;
      
}