body{margin:0;padding:0;
    background-color: white; 
    font-family: biolinum; 
    font-size: 100%;
    counter-reset: h1counter;

    }

h1 {
   font-size: 150%;
    color: navy; 
   /* text-align: left;*/
    counter-reset: h2counter
}

h2 {
    font-size: 135%;
    color: red;
    counter-reset: h3counter
}

h2nn {
    font-size: 135%;
    color: red;
}


h3 {
    font-size: 125%;
    color: green;
    counter-reset: h4counter
}

h3nn {
    font-size: 125%;
    color: green;
}

h4 {
    font-size: 112%;
    color: darkblue;
    margin-bottom: 0;
}

h5 {
    font-size: 100%;
    color: darkred;
    margin-top:5px;
    margin-bottom: 0;
}


h6 {
    font-size: 90%;
    color: darkgreen;
    font-style: italic;
    margin-top:0;
    margin-bottom: 0;
}


h1:before {
       content: counter(h1counter) ".\0000a0\0000a0";
        counter-increment: h1counter;
}

h2:before {
       content: counter(h1counter) "." counter(h2counter) ".\0000a0\0000a0";
        counter-increment: h2counter;
   
} 
h3:before {
        content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
        counter-increment: h3counter;
     } 

h4:before {
        content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0";
        counter-increment: h4counter;
     } 
 
  
/*h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
        display: block;
        content: " ";
        height: 60px;
        margin-top: -60px;
        visibility: hidden;
    }*/

p {
    margin-top: 0;
}

ul{
  margin-left: 1%;
}

/*
figure {
    display: table;
}
*/
figcaption {
    font-size: 85%;
  text-align: center;
 /*   display: table-caption; */
    caption-side: bottom ;    
}

caption {
    padding: 3pt;
     font-size: 85%;
    caption-side: bottom ;    
}


.bicol {
    margin-left: auto;
    margin-right: auto;
}

.bicol tr:nth-child(even){background-color: #f2f2f2;}

.bicol tr:hover {background-color: #ddd;}

.bicol th {
  /*padding-top: 12px;
  padding-bottom: 12px;*/
  text-align: center;
  background-color: #696969;
  color: white;
}



td {
    text-align: center;
}

th {
    text-align: center;
}


audio {
    min-width: 40px;
    min-height: 15px;
    width: 25vw;
    height:3.5vh;
    }

audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display {
      font-family: biolinum;
}

.container{
    display: flex;
    flex-wrap: wrap;
}

.js-toc { 
    padding-left: 0.5%;
    background:#F6F0E0;
    position:fixed;
    left:80%;
    top:7vh;
    width:18%;
    font-size: 75%;
     } 
a.toc-link{
    text-decoration: none;
} 

.content{
    padding-left: 2.0%;
    padding-right: 0,5%;
    width : 77.5%;
}

.widecontent{
    padding-left: 2.0%;
    padding-right: 2.0%;
    width : 96%;
}


.header{
    width:100%;
    background-color:#F3F2ED;
    height:7vh;
}
.header h1nn{
    line-height:7vh;
    margin:0;
    padding-left:3%;
    font-size:5.0vh;
    color: navy;
    float:left;
    
}
.header img{padding-top: 0.5vh; height:5.0vh;}

.footer{
    width:100%;
    padding-right: 25%;
    background:#BFBD93;
    height:4vh; 
    text-align:center;
    font-size: 3.0vh;}

.alignRight {
  float: right;
}
.alignLeft {
  float: left;
}

.center {
  display: block; 
  text-align: center;
}
.NGLsceneLarge {
    margin:auto;
    width: 75vw;
    height: 75vh;
}
.NGLscene {
    margin:auto;
    width: 50vw;
    height: 50vh;
}


infobul span{	
	display:none;
	color:#fff;
	background:rgba(51,51,51,0.85);
	padding:10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-align:center;*/
	position: absolute;
	z-index:10;
}

infobul { 
	display: inline-block;
    text-decoration: underline dotted;
}
infobul:hover span{ 
	display:block; 
}

span.blue{
	background:rgba(41,137,216, 0.85);
	border:1px solid #1E5799;
}

#topsvg{
    @font-face {
    font-family: "biolinum";
    src: url("../fonts/LinBiolinum_R.woff");
    }
}