body {
   font-size: small;
   background-color: #f9f9f9; 
   font-family: verdana, arial, sans-serif;
   color: black;
}

body table {
   font-size: small;
}

a {
   text-decoration: underline;
   color: #090909;
}

a :hover {
   color: #0C0C0C;
} 

h1 {
   font-size: 140%;
   color: #000066;
   font-weight: bold;
}

h2 {
   font-size: 115%;
   color: #000066;
   font-weight: bold;
   border-bottom: 1px solid #c0c0c0;
   padding-top: 0px;
   padding-bottom: 5px;
}

h3 {
   font-size: 110%;
   color: #000066;
   font-weight: normal;
   border: 0 none;
   padding-top: 0px;
   padding-bottom: 5px;
   /* text-decoration: underline; */
}

/* treeview-styles */

ul.shift {
   position: relative;
   left: 20px;
}

span.abovetopnode {
   font-weight: bold;
   font-size: 120%;
   margin-left: 0;
   margin-top: 10px;
   padding: 3px;
   line-height: 1.7em;
   
}

span.topnode {
   /*font-weight: bold;*/
   font-size: 110%;
   margin-left: 0;
   margin-top: 10px;
   background-color: #eeeeee;
   padding: 3px;
   border: 2px silver ridge;
   line-height: 1.7em;
   position: relative;
   top: -3px;
   left: 2px;
   
}


span.whitenode {
   position: relative;
   background-color: #ffffff;
   padding-top: 2px;
   padding-bottom: 1px;
   padding-left: 5px;
   padding-right: 5px;
   /*margin-left: 2px;
   */
   border: 1px silver ridge;
   top: -2px;
   left: 2px;
}

/* shift everything within partresnode more upwards 
 * it doesn't look centered because of upper index (^3) */
ul.shiftup {
   position: relative;
   top: -3px;
}
span.partresnode {
   position: relative;
   top: -3px;	/* shift more upwards because of upper index (^3) */
}

span.node {
   position: relative;
   left: 2px;
   top: -2px;
}

tt {
   font-size: 115%; 
   position: relative; 
   top: -2px; /* make distance to previous line (institute) a bit smaller */
   background-color: #f9feff;
   border: 1px silver solid;
   padding: 1px;
   left: 3px;
}

li {
   line-height: 1.3em;
}
span.linklike {
   text-decoration: underline;
   cursor: pointer;
   z-index: 1;
}

/*.linklike :hover {
   text-color: #0C0C0C;
   background-color: #ff0000;
} /*-> not working */

/* nice hover for images */
img.plusnode:hover {
   background-image: url(colsquare.gif);
}

div.wraptreeblocks {
   float: left;
   /*width: 690px;
   overflow: visible;*/
}

div.treeblock {
   /* container for tree-view */
   
   /*position: absolute;top: 1em; */
   /*width: 60%;	/* will be changed to 400 px by funtion! */
   margin-right: 0px; 	/* will be changed by function! */
   /*min-width: 20em;*/
   /* text-wrap: none; = css3 */
   white-space: nowrap; /* do not allow wrapping! -> causes an overflow */
   /* width: adaptive*/
   /*border: 1px solid black;*/
   /*overflow: visible; /*-> just let it overflow! auto: scroll-balken too soon*/
   /*overflow: visible; */
   padding-top: 0.5em;
   padding-bottom: 30px;
   padding-right: 0.5em;
   
   /* make sure, that iframe stays within its bounds */
   /*width: 690px;	/* There's no more space reserved for the iframe */
   /*overflow: auto;*/	
}

div.infoblock {
   /*position: absolute; top: 0.5em; right: 0.5em;*/
   float: right;
   margin-top: 1em;
   margin-left: 1em;
   margin-bottom: 1em;
   width: 250px;
   font-size: 90%;   
   border: 1px silver solid;
  /* position: absolute; top: 1.25em; right: 0.5em;/*left: 400px or right: 1em; */
   /*position: relative; *//*top: 1em; right: 1em; */
   /*float: left; /*right; => dann verschwindet das Element u.U. links, ohne Scrollbalken!*/
   /* margin-right: 3em; - rather put a gap-block there! better scalable then! */
   background-color: #ffffff;	/* #fffee9; */
   border: 1px silver solid;
   z-index: 10;
}

div.infoblock table {
   font-size: 100%;
}


div.whiteblock {
   background-color: #ffffff;	/* #fffee9; */
   /*border: 1px silver solid;*/
   margin: 0;
   padding: 3px;
   width: 95%;
}

.whiteblock table {
   border-collapse: collapse;
}

.whiteblock table th {
   font-weight: normal;
   text-align: left;
   background-color: #f0f0f0;
}

table.noborder {
   border-collapse: none;
   border: none;
}

span.closeme {
   text-align: right;
   background-image: url('closeme.gif') no-repeat;
   cursor: pointer;

}
/* show/hide style */
.hide {
   display: none;
}

.show {
   display: run-in; /* block or inline, depends on context */
}

#pagetreecontrol {
   font-size: 80%;
}

.li {
   max-width: 600px;
}