@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
/*
    jb-blauw: #253776;
    nav-groen: #335525;
    nav-rood: #7c2529;
    nav-lichtblauw: #6068b2;
    navnoglichterblauw: #a7a4e0;
    nav-lichtgroen: #9abb91;
    bbr-geel: #e1bb4b;
    bbr-rood: #9e2330;
    bbr-lichtblauw: #4bafe8;
*/
.client-authmsg {
    font-size:80%;
    color:#000;
    line-height:1.2em;
    padding-left:1em;
}

.client-ip {
    font-family:Courier;
}

u {
    border-bottom:2px solid #aaa;
    text-decoration:none;
}

.bbr .met {
	background-color: #006995;
}
.bbr .bop {
	background-color: #63947d;
}
.bbr .hop {
	background-color: #7681b1;
}
.bbr .hts {
	background-color: #00a9b7;
}
.bbr .hot {
	background-color: #5d1e79;
}
.bbr .tsb {
	background-color: #c1001f;
}
.jbp {
	background-color: #052365;
}

*, *::before, *::after {
    box-sizing: border-box;
}
/*@font-face {*/
/*	font-family: 'icomoon';*/
/*	src:url('fonts/icomoon.eot?dkj9j6');*/
/*	src:url('fonts/icomoon.eot?#iefixdkj9j6') format('embedded-opentype'),*/
/*		url('fonts/icomoon.woff?dkj9j6') format('woff'),*/
/*		url('fonts/icomoon.ttf?dkj9j6') format('truetype'),*/
/*		url('fonts/icomoon.svg?dkj9j6#icomoon') format('svg');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/
/*}*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote, label {
	margin: 0; padding: 0; border: 0;
}
body, html {
	margin:auto;
	font-family: "Noto Sans", Roboto, Verdana, "Arial unicode ms", sans serif;
	height:100%;
	width:100%;
}
body {
	display: block;
	border: none;
	text-align:	left;
	line-height: 1.75em;
	font-size: 12pt;
    background-color:white;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
}
main {
    background-color:white;
    padding: 0;
    padding-top: 65px;
    overflow: hidden;
    display: block;
    margin:0 auto;
    width:100%;
    height:100%;
    max-width:1000px;
    z-index:-1;
   	vertical-align:top;
   	text-align:left;
}

header {
    width: 100%;
    background-color:#253776;
    fill:#fff;
    position:fixed;
    top:0px;
    height:65px;
    z-index:999;
    transition:all .5s;
}

#header-content {
    height:65px;
    max-width:1000px;
    margin: 0 auto;
    text-align:left;
    vertical-align: middle;
    position:relative;
    background-color: #e1bb4b;
}
.hamburger {
	width:36px;
	height:36px;
	z-index:1000;
	display:none;
	float:left;
}
#subburger {
    position:absolute;
    bottom:5px;
    left:80px;
    z-index:9;
    transition:all .5s;
}
#subburger label {
    height:20px;
    width:20px;
    cursor:pointer;
}
.bullet::after {
	color: #253776;
	content: " • ";
	font-size:.9em;
}
.found {
    background-color: yellow;
}
#printerfriendly {
	font-weight: bold; 
	font-family: Verdana, Myriad, sans-serif;
	font-size: .8em;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #e1bb4c;
	padding: .35em .7em;
	cursor:pointer;
}
.button {
    text-align:center;
    margin:1em .5em;
}
.svg-nav-toggle {
	fill: #fff;
	height:22px;
	width:32px;
    pointer-events: all;
    cursor: pointer;
}
.svg-sub-toggle path {
    stroke-width:0;
    transition: all .5s;
}
#submenu svg, #subburger svg, #back-to-top svg {
    border: solid 1px #bbb;
    border-radius:.25em;
    background-color:#e1bb4c;
    height:35px;
    width:35px;
    opacity:.5;
}

#subburger svg path, #back-to-top svg line, #back-to-top svg path {
    stroke:#253776;
    fill:#253776;
}
#search {
    float: right;
}
#search-svg {
    height: 48px;
    fill:#a8d5ba;
}

fieldset {
    border: 2px solid #253776;
    padding: 1em;
    background-color: #fafafa;
    line-height: 2.5em;
}

input {
	border: solid 1px #ccc;
    font-weight: normal;
    color:black;
        
}
#nav-trigger, #sub-trigger, #key-trigger, #mc-trigger {
    display: none;
}
#nav-trigger:checked ~ header nav {
    display: block;
    margin-left:0;
}
#sub-trigger:checked ~ main #submenu {
    margin-left:-125px;
}
#sub-trigger:checked ~ main nav {
    display:none;
}
#sub-trigger:checked ~ main .scroll-wrapper {
    width: 100%;
}
#sub-trigger:checked ~ header {
    margin-top:-65px;
}
#sub-trigger:checked ~ main {
    padding-top:0;
}
#sub-trigger:checked ~ main #subburger svg path, #sub-trigger:checked ~ header #subburger svg path {
    stroke:white;
    fill:white;
}
.key {
    display:none;
}
#key-trigger:checked ~ div.key {
    display:block;
}
.showkey::before {
    content:"Show ";
    cursor: pointer;
    font-weight:bold;
}
#key-trigger:checked + label .showkey::before {
    content:"Hide ";
}
input[type=submit],input[type=reset] {
	padding:.25em .5em;
    font-weight: bold;
    color: white;
    margin-top: 1em;
    background-color: #9e2330;
    text-transform: uppercase;
    letter-spacing: .1em;
    border:solid 1px #253776;
    cursor:pointer;
}
input[type=reset] {
    background-color: #666;
}
input[name="q"] {
    border: 0;
    border-bottom: solid 3px #253776;
    font-size: 1.2em;
	line-height:1.6em;
    padding-left:1em;
}
input[name="q"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: solid 3px #ccc;
    background-color: #fff;
    outline: none;
}

.svg-nav-toggle .bar {
  -webkit-transform: rotate(0) translateY(0) translateX(0);
  transform: rotate(0) translateY(0) translateX(0);
  opacity: 1;
  -webkit-transform-origin: 20px 10px;
  transform-origin: 20px 10px;
  -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
}
.svg-nav-toggle .bar:nth-of-type(1) {
  -webkit-transform-origin: 20px 10px;
  transform-origin: 20px 10px;
}
.svg-nav-toggle .bar:nth-of-type(3) {
  -webkit-transform-origin: 20px 20px;
  transform-origin: 20px 20px;
}

input[id=nav-trigger]:checked ~ header .svg-nav-toggle .bar:nth-of-type(1) {
  -webkit-transform: rotate(-45deg) translateY(0) translateX(0);
  transform: rotate(-45deg) translateY(0) translateX(0);
}
input[id=nav-trigger]:checked ~ header .svg-nav-toggle .bar:nth-of-type(2) {
  opacity: 0;
}
input[id=nav-trigger]:checked ~ header .svg-nav-toggle .bar:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translateY(0em) translateX(0em);
  transform: rotate(45deg) translateY(0em) translateX(0em);
}
input[id=sub-trigger]:checked ~ main #subburger svg, input[id=sub-trigger]:checked ~ header #subburger svg {
    transform:scaleX(-1);
    background-color:#9e2330;
    opacity:.5;
    color:#fff;
}
input[id=sub-trigger]:checked ~ main #subburger .svg-sub-toggle path {
    stroke:#fff;
    fill:#fff;
}
input[id=sub-trigger]:checked ~ main #subburger {
    left:135px;
}

input[id=sub-trigger]:checked ~ main nav {
    opacity:.5;
}

input[id=nav-trigger]:checked ~ main {
	top: 200px;
}

nav {
	margin: auto;
	font-weight: bold;
	color: white;
	clear:both;
	text-align: left;
	z-index:999;
}
nav#topbar {
	position:absolute;
	bottom:0px;
	right:0;
}
nav ul {
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	list-style: none;
	background-color:#ddd;
	width:100%
}
nav ul:after {
	content: ""; clear: both; display: block;
}
nav ul li {
	float: left;
}
nav ul li:hover {
	background-color: #335525;
}
nav ul ul {
	background: #7c2529; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	max-width: 15em;
}
nav ul li:hover a {
	color: #fff;
}
nav ul li a {
	display: block; padding: .25em 1em;
	color: #666; text-decoration: none;
}
nav a.nolink {
	text-decoration:none;
	background-color:inherit;
}

.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
  	overflow-y:auto;
    width: calc(100% - 125px);
    height:100%;
    position:relative;
}
#back-to-top {
    position:absolute;
    top:-22px;
    right:15px;
    
    transition:all .5s;
}
#back-to-top.active {
    top:initial;
    bottom:25px;
    right:15px;
    cursor:pointer;
}

#back-to-top.active svg {
    background-color:#9e2330;
    opacity:.5;
}

#back-to-top.active path, #back-to-top.active line {
    fill:#fff;
    stroke:#fff;
}

#content {
    display: block;
    height:100%;
    width:100%;
    overflow-y: hidden;
}

div.topbar {
	text-align:	right;
	padding-right:	2em;
}

#submenu {
	width: 125px;
	background-color: #eee;
	padding:0;
    padding-top: 2em;
    height: 100%;
    display: inline-block;
    float: left;
    transition: all .5s;
    position:relative;
}
div.submenu {
	color: black;
	text-align: left;
	padding: 0;
	margin:0;
	padding-left: .75em;
	padding-top: .5em;
}
div.subsubmenu {
	color: black;
	text-align: left;
	padding: 0;
	margin:0;
	padding-left: 1.5em;
	line-height:2em;
}

nav#topbar {
    font-size:1em;
    text-align: right;
}
nav#topbar ul {
    clear: inherit;
    background-color: transparent;
    box-shadow: 0 0 0px rgba(0,0,0,0);
    margin: 0;
}
nav#topbar li a, nav#topbar li a:link,nav#topbar li a:visited {
    color:white;
    font-size:.85em;
    font-weight: normal;
    padding: 0 1em;
}
nav#topbar li a {
    border-right:1px solid #ccc;
}
nav#topbar li:last-child a, nav#topbar li:last-child a:link, nav#topbar li:last-child a:visited {
    border-right:0;
}

nav#submenu {
    position:inherit;
    height: 100%;
    display: inline-block;
}


#main, .main {
	padding: 1cm 8.5% 2cm 8.5%;
	margin: 0;
	background-color: white;
}

.page {
	padding: 1.2cm 8.5%;
	padding-top: .8cm;
	text-align: left;
	background-color: white;
	font-size:.95em;
}
.pagenumber {
    background-color:#ccc;
    font-size:.8em;
}

#sections {
	text-align:center;
	font-weight:bold;
	color:#444;
	word-spacing:1em;
	font-size:.95em;
	line-height:2.5em;
}

.short {
	display:inline;
	padding:.15em  .35em;
	background-color: #eee;
	color:#777;
	border:.1em;
    border-style:solid;
    border-radius:.15em;
    word-spacing:0;
    white-space: nowrap;
	}

div.letters {
	text-align: center;
	font-weight: bold;
	color:#444;
	line-height: 3em;
	word-spacing: .25em;
	font-size: .95em;
}
.fig.panel, .table-wrap.panel {
    margin:1em 0;
    text-align:center;
    vertical-align:top;
}
.fig-group .fig.panel, .thumbholder {
    display:inline-block;
}
.thumbholder {
    margin-right:1em;
    margin-top: .5em;
}

object:target {
    transition:width 1s;
}
table {
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: center;
	border-collapse: collapse;
}

tr {
	padding: 0;
	margin: 0;
}
.table-wrap td {
    border-top:1px solid #ddd;
}
/* 27/11/2015 - jf moved this line to bottom of th to ensure that multiple rows of th have a thin line beneath them - see new code below */
.table-wrap tr:first-child td {
	border-top:solid #253776 1px;
}

.table-wrap th {
	border-bottom:solid #253776 1px;
}


table.zerotable
{
	margin: 0em;
	border: 0;
	padding: 0;
}

table.zerotable td
{
	padding: .25em 0;
	padding-left: 1em;
	margin: 0;
}
table.array {
    border:none;
    font-size:1em;
    line-height:2em;
    margin:0;
}
.array td {
	padding-right: .5em;
	text-align:left;
	vertical-align:top;
    
}
.array {
    display:block;
    clear:both;
    width:100%;
}
.lin-example {
    display:inline-block;
    padding-right:.1em;
}
.lin-example p {
    display:inline-block;
}
.line1, .line2 {
    display:block;
}
.line2 {
    color:#777;
    line-height:1.6em;
}
table.note-group
{
	margin-top: .6em;
	margin-bottom: .6em;
	border-top: solid 0px;
	border-bottom: solid 0px;
	width:100%;
}
.note{
	padding-bottom: .5em;
	font-size: .95em;
	line-height:1.6em;
}
.back-section .note, .back-section table {
    font-size:1em;
}
.back-section .caption {
    font-size:1.1em;
}
.back-section .table-wrap-foot {
    font-size:.9em;
}

sup.note{
	color: red;
}
sup {
    position: relative;
    top: -.4em;
    font-size: .8em;
    vertical-align:initial;
}
sub {
    position: relative;
    bottom: -.4em;
    font-size: .8em;
    vertical-align:initial;
}

.empty {
	padding: 0;
	height: 20px;
}
.dummy {
	color: white;
}
.addresses {
    vertical-align:top;
    width:100%;
}
.address {
    vertical-align:top;
    font-size:.9em;
    padding-right:1em;
    padding-bottom:1.5em;
    display:inline-block;
}
.addressline {
    display:block;
}
.address .name {
    display:block;
    font-weight:bold;
}

.verse {
    padding-bottom: .5em;
    padding-left:4em;
}
blockquote .verse {
    padding-left:0;
}
.verse-line {
    display:block;
    text-indent:0;
    position:relative;
    text-align:left;
}
.linenumber {
    position:absolute;
    left: -2em;
}

form table,table.form tbody {
    background-color:#f7f7f7;
}

.logo-container {
	margin-left:1em;
	margin-top:.75em;
	display:inline-block;
	width:200px;
	height:31px;
}
.logo {
	height:100%;
	width:100%;
}

#bbr-logo {
	background-color:transparent;
    position: absolute;
    padding-left:1.2em;
}
#bbr-topbar {
    display:inline-block;
    margin:auto;
    float:right;
}
h1#bbr-product {
	line-height: 1em;
	letter-spacing: .1em;
	color: #ddd;
	text-align: right;
	font-size: 1.6em;
	padding: 0;
	padding-top:.45em;
	padding-right: .6em;
    text-transform: uppercase;
}

#bbr-acronym {
	text-align: right;
	padding: 0;
	padding-top: .45em;
	padding-right: .6em;
	line-height: 1.6em;
    display:none;
    font-size:1.45em;
    color:#eee;
}

img#logo { 
    height: 65px;
    width:105px;
    border:0;
    padding:0;
}
#logo > img {
	transition: height 0.5s;
}

.bbr tr {
	padding: .5em;
}
table.topbar {
	width: 100%;
	background-color: #e1bb4b;
	color: 444;
}

th {
	line-height:1.65em;
	color:#253776;
	padding:.5em 0;
}

.bbr span.title {
	padding-top: .35em;
	padding-right: 1em;
	padding-bottom: .5em;
	margin: 0em;
	display: block;
	color: #eee;
	text-align:	left;
	font-size:	1.2em;
	font-weight: bold;
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
}


img.bbr {
	height: 42px;
}

.topbar img {
	padding-left:5%;
}

.bbr {
	color: red;
	padding: 0cm ;
	margin: 0;
	border: none;
}

footer { 
	font-size: .9em;
	color: #a65f66;
	margin: 0 6%;
	margin-top:2em;
    padding:.05em .5em .2em 2.5%;
	display:block;
	border:.1em;
    border-style:solid;
    border-radius:.35em;
	text-align: left;
    vertical-align:middle;
	background-color: #eee;
	line-height:1.6em;
	height:auto;
	opacity:1;
	transition: all .5s;
}
.metrics {
    padding: 0;
    clear: both;
    float: right;
    margin: .66em -2em 2em 1em;
    padding: 1em;
    position: relative;
    top: 0;
    font-size: .85em;
    max-width:25em;
}

.new {
	color:red;
	background-color:white;
	padding: .1em .5em;
	margin-left:1em;
	font-style:italic;
	font-weight:bold;
	border:.1em;
    border-style:solid;
    border-radius:.25em;
    border-color:#ddd;
    float:right;
}

details {
	color: #555;
	margin: 5% 1em 1em 8.5%;
    font-size:.9em;
    display:inline-block;
    vertical-align:top;
    open:false;
}
details.abstract + details.abstract {
    display:block;
}
details.history {
    color:#c0c0c0;
    margin:0 1em;
}

details.toc {
	max-width: 35em;
	open: open;
}
details.related {
    max-width: 35%;
    position: relative;
    right:0;
}
summary {
	font-weight: bold;
}

.translation {
	color: #666;
}

details.abstract, details.keywords {
	margin: 1em 0 0 6%;
    padding:.05em 0 .2em 2.5%;
	max-width:40em;
	font-size:.9em;
}

details.abstract {
	max-width:35em;
}
details.keywords {
	max-width:18em;
}
details p {
 text-align: left;
}
blockquote {
    font-size:.95em;
    padding: 1em 0 1em 4em;
    line-height:1.75em;
}
blockquote p.next {
    text-indent:0;
    padding-top:.5em;
}
blockquote p {
    display:inline-block;
}

blockquote.next {
	padding-top: 0em;
}
blockquote + blockquote {
    padding-top: 0;
}


aside {
	color: #555;
    font-size:.9em;
	margin: 1.2cm 4%;
	border:.1em;
    border-style:solid;
    border-radius:.5em;
    padding:.05em 2.5% .2em 1em;
	text-align: left;
    vertical-align:middle;
	background-color: #eee;
}

/* misc */

.stars {
	margin-top:1em;
	text-align: center;
}

.ss, .InputLabel, .InputField  {
	text-align: left;
	line-height:1.8em;
}

.home {
	border:.1em;
    border-style:solid;
    border-radius:.5em;
    width:100%;
}


/* heading styles */

h1.topbar {
	line-height: 1em;
	letter-spacing: .1em;
	color: #eee;
	text-align: right;
	font-size: 1.4em;
	padding: 0;
	padding-top: .65em;
	padding-right: 2em;
}

h1.topbar.compact {
	font-size: 1.1em;
}

h1 {
	padding: 2% 8.5%;
	margin: 0em;
	display: block;
	text-align: left;
	line-height: 1.25em;
	font-weight: bold;
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	z-index:2;
}


h1.title, h1.small {
	font-size: 1.5em;
	font-weight: bold;
	line-height:1.4em;
 	transition: font-size .5s, line-height .5s, padding .5s;
 	padding-right:2em;
 	background-color:#9e2330;
 	color:#fff;
}
h1.small {
    font-size:1.2em;
}

h1.title.compact {
	font-size:1.2em;
	line-height: 1.25em;
	padding: 1% 8.5%;
	position:fixed;
	width:100%;
	box-shadow:0 0 8px #9e2330;
}

h1.title .details {
    font-size:.75em;
    line-height:.8em;
}

h1.title.compact .details, h1.title.compact .given-names {
    display:none;
}
h1.title.compact .product, h1.title.compact .hidden {
    font-size:.9em;
    line-height:1.1em;
}
h1.subtitle, h2.subtitle, h2.review {
    padding: 2% 8.5%;
    margin: 0em;
	background-color: #ddd;
	color: #9e2330;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
}
h2:first-child {
    padding-top:0;
}
section.references {
	padding-top: 1.4em;
	padding-bottom: .4em;
}
.back-section {
    font-size:.9em;
    line-height:1.6em;
}

.transparent {
	opacity: 0;
	display:none;
	transition: all .5s;
}

h1.title.compact .transparent {
	opacity: 1;
}

.titlesubtitle {
	opacity:1;
}
h1.title.compact .titlesubtitle {
	display:none;
	opacity:0;
}
footer.compact p {
	opacity:0;
	transition: all .5s;
}
footer.compact {
    height:2.25em;
	-webkit-animation-name: smallfooter;
	-webkit-animation-duration:.5s;
	animation-name: smallfooter;
	animation-duration:.5s;
}
.titlesubtitle .subtitle {
    font-weight:normal;
}
h1.author {
	line-height: 1.4em;
	background-color: #e1bb4c;
	color: #253776;
	font-size: 1.3em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.affiliation {
    color: #aaa;
    font-size:.8em;
    font-style:normal;
}

h1.translator {
	line-height: 1.2em;
	color: 	#00a9b7;
	background-color: #ddd;
	font-size: 15pt;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 	0em;
}
h1.translation {
	line-height: 1.2em;
	color: 	#666;
	background-color: #ddd;
	font-size: 12pt;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 	0em;
}

.translation {
	color: #666;
}


.titleauthor {
	font-weight: normal;
	font-style: italic;
	font-size:.9em;
}
h1.subtitle {
    font-size:1.5em;
}

h1.title.compact .article-type {
    display:none;
}
h1.title.compact .hidden {
    display:inline;
}

/*h1.title::before {
	content:"▲";
	width:25px;
	height:25px;
	stroke:#00ffff;
	fill:#aaa;
    background-color: #e1bb4b;
    color:#253776;
    right: 1%;
    top: -1.5em;
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0.3% .7%;
    position: absolute;
   	transition: top .5s;
   	z-index:9;
}
*/
h1.compact:before {
    cursor:pointer;
    top:0px;
}

h1.sectl a, h2 a, h3 a, h4 a, h5 a {
	color: inherit;
}

h2,h1.sectl, .main-title {
    font-weight:bold;
    color:#253776;
	line-height: 1.5em;
	padding: 0;
	margin:0;
	padding-top: 1.4em;
	padding-bottom: .4em;
	font-size: 1.2em;
}

h2 .redline
	{
	font-style: italic;
}

h3,
.section-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
	margin:0;
	line-height: 1.5em;
	padding-top: 1.2em;
	padding-bottom: .6em;
	font-size: 1.1em;
	}

h3 .redline
	{
	text-decoration: underline;
}

h4,.subsection-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
	line-height: 1.5em;
	margin:0;
	padding-top: 1em;
	padding-bottom: .33em;
	font-size:1.05em;
	}
/* jf added to style sub-sub-subsection labels and titles on 2 dec 2015 */	
h6, .subsubsection-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
	line-height: 1.5em;
	margin:0;
	padding-top: 0.5em;
	padding-bottom: .33em;
	font-size:1em;
	}	
/* end jf added */
h5, .contribgroup_heading	{
	line-height: 1.25em;
	margin-top: .75em;
	font-style: normal;
	color: #555;
	font-size:1.1em;
	}
h5.label {
    display:inline-block;
    color:#253776;
    padding-right:.5em;
    vertical-align: top;
    margin-top:0;
    font-size:.9em;
}

h4 .redline
	{
	font-style: italic;
}
.heading-label, .note-label, .caption-label {
    font-weight:bold;
    font-style:normal;
    padding-right:.5em;
    color:#253776;
    font-size:.95em;
}
.caption {
    font-size:.9em;
    margin-top: 1em;
    text-align:left;
    line-height:1.6em;
}
.contribgroup {
    margin-top: .5em;
    vertical-align: top;
    font-weight: normal;
    padding-bottom: .35em;
    line-height:1.85em;
}
.contribgroup_members {
    margin-top:.35em;
}

/* anchor styles */
a {
	color: #9e2330;
	text-decoration: none;
    cursor:pointer;
}

a:hover {
    border-bottom: .25em solid #e1bb4b;
}

a:active {
	border:0;
}
a.shortnote:hover {
	border-bottom: 0;
}
#topbar a {
	color: white;
	font-size:	.85em;
}
#topbar a:hover {
    border-bottom: none;
}



.submenu a {
	color: #9e2330;
	font-weight: bold;
}

.subsubmenu a {
	color: #e1bb4b;
	font-weight: bold;
}

p.entry {
	text-align:left;
	margin-left:4em;
	text-indent:-4em;
	line-height: 2em;
	font-size: .9em;
}
p.subentry {
	text-align:left;
	margin-left:6em;
	text-indent:-4em;
	line-height: 1.75em;
	font-size: .85em;
}
.booktext {
    padding-top:.35em;
}

.entry a, .subentry a {
	font-weight: bold;
}
.index-letter {
	color: #555;
	margin-top: 2em;
}

.letters a {
	padding:.15em  .35em;
	background-color: #eee;
	font-weight: bold;
	color:#444;
	border:.1em;
    border-style:solid;
    border-radius:.15em;
}

.short:hover, .letters a:hover {
	border-color: #fdb813;
	color: #9e2330;
}

.bbr span.title a {
	color: #eee;
}

a.met, a.met:visited {
	color: #006995;
}
a.bop, a.bop:visited {
	color: #63947d;
}
a.hop, a.hop:visited {
	color: #7681b1;
}
a.hts, a.hts:visited {
	color: #00a9b7;
}
a.tsb, a.tsb:visited {
	color: #c1001f;
}

a.crossref-main 
{
	color: #444;
	font-weight: bold;
	
}

a.crossref-sub
{
	color: #444;
	font-weight: normal;
}

a.toc {
	color: #555;
}		

.notenum {
	color: #9e2330;
	font-weight: bold;
 	position:relative;
 	top:-.4em;
    font-size: .8em;
    background-color:#ddd;
    border-radius:.25em;
    padding:0 .15em ;
}
h1 .notenum {
    background-color:inherit;
}
h1.title .notenum {
        color:#fff;
}
div.jblogo {
    margin-top:1.5em;
}
div.coverimage {
    float:right;
    height: 300px;
    width: 225px;
    margin-right:-3.5em;
}
img.coverimage {
}
.imageContainer {
    float: right;
    height: 300px;
    margin: auto;
    margin-left:2em;
    margin-top:1.5em;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 225px;
}

a.outbound {
    background: url(/images/outbound.png) no-repeat scroll right center transparent;
    display: inline-block;
    padding-right: 16px;
}
a.jblogo:hover img {
	background-color:#fff;
	border-bottom:0;
	border-collapse:collapse;
}

a[name] {
	position:relative;
	display: block;
}

a.shortnote[name] {
	display:inline;
}
a.shortnote:after {
	content: url('../images/arrowdown.svg');
	padding-left:.5em;
}

span.refwrapper.active a.shortref:after, span.notewrapper.active a.shortnote:after {
	content: url('../images/arrowup.svg');
	top:.1em;
	left:.15em;
	position:relative;
	display: inline;
	padding-left:.3em;
}
span.nowrap {
    white-space: nowrap;
}


.bbrlink {
	font-weight: bold;
	font-size: .8em;
	font-family: Verdana, sans serif;
	background-color: #f0f0f0;
	padding-top: 0;
	padding-bottom: .05em;
	padding-left: .3em;
	padding-right: .15em;
	letter-spacing: .1em;
	border:1px solid;
	border-radius:.35em;
	border-color: #ccc;
	vertical-align:.1em;
}
.crossref {
	border: 0px;
	padding-right:.05em;
	padding-left:.05em;
}
.pdflink {
    margin-left:1em;
    padding:.1em .25em .2em .4em;
    color:#fff;
    border:.1em solid #aaa;
    background-color:red;
    border-radius: .25em;
    letter-spacing:.1em;
    font-size:.9em;
}
#article-footer .pdflink a {
    color: #fff;
}

.metarule { 
	color: gray;
}
div.metadata-area, div.metadata-area p, div.metadata-area div  {
    display: inline-block;
}
ruby {
    line-height:3em;
    ruby-position: under;
}
rb, rt {
    padding-right:.5em;
}
rt
 {
    font-size:.8em;
    color:#c6371b;
}
rt {
    position:relative;
    bottom:-.25em;
}

/* list styles */
.list {
   	margin-top: .6em;
	margin-bottom: .6em;
	border-top: none;
	border-bottom: none;
	width:100%;
	clear:both;
}
/* jf added on 1 dec 2015 to remove extra margin space at top of nested lists */
.list .list {
    margin-top: 0em;
}
/* end jf added */
.list.example {
    font-size:.95em;
}
.list-item {
    display:flex
}
.list-item-label {
    min-width:3em;
    display:flex;
    flex: none;
}
.list-item-content {
    -webkit-flex: 1;
          flex: 1;
}
.list-item-content .list-item-label {
    min-width:2em;
}

ul, ol {
	margin-top: 0.33em;
	padding-left: 2em;
	margin-bottom:.66em;
}
ul ul {
/* 	margin-left: 1.5em; */
	padding: 0;
	margin: 0em;
	padding-left: 2em;
/*	text-indent: -2em; */
}
ul ul ul {
	/*margin-left: 1.5em;*/
	padding: 0;
	margin-top: 0em;
	padding-left: 2em;
	text-indent: -2em;
}
dl {
    margin-top:.33em;
    margin-bottom:.66em;
}
dd {
    margin-bottom:.75em;
}
details ul {
	padding:0;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

details li {
    list-style-type:none;
}

.toc_author {
	font-weight: normal;
	color: black;
}

.toc_title {
	font-weight: bold;
}
.toc_title .refsource, .product .refsource {
    font-weight:normal;
    font-style:normal;
}
.product-authors {
    clear:both;
}
.toc_issue {
    font-weight: normal;
    color:#253776;
}
.toc_indent {
    margin-left:2em;
}
.translatedinto {
    font-style:italic;
}
ul.articles, ul.clean {
    padding-left:0;
    list-style-type:none;
}
.article-type {
    font-size:.9em;
    text-transform: uppercase;
    color:#555;
    letter-spacing: .1em;
}
h1 .article-type {
    font-size:.7em;
    color:#ddd;
}
ul.articles .article-type {
    margin-top:1em;
    color:#253776;
    font-size:.9em;
}
li.toc, li.related, li.issue, li.article {
	display: list-item;
	margin-left: 0;
	padding:0;
	list-style-type: none;
}
li.article {
    padding-bottom:.5em;
}
li.toc .redline {
	font-style: italic;
}
li.toc.h2 {
    margin-left:1.5em;
}
li.toc.h3 {
    margin-left:3.5em;
}
li.toc.h4 {
    margin-left:6em;
}

li.art {
	list-style-type: none;
	margin: 0;
	padding:0;
}
ul.issues {
    padding-left:0;
}

.pipe {
	color: #bbb;
	font-weight:normal;
}
.pipe.dark {
    color: #666;
}
.italic {
    font-style:italic;
}

.doilink {
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	word-break:keep-all;
}

.intro    {
	display: block;
	color: #052365;
	margin: 0pt;
	padding: 0pt;
}

.artgroup    {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#wrapper {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    background-color: #c0c0c0;
    text-align:	center;
}
span.highlight {
	background-color: #e1bb4c;
}

.background {
	background-color: #c0c0c0;
}

/* sectie voor references */

.hidden {
	display:none;
}

/* old definition
.inline-cit, .inline-fn {
	display:block;
	visibility:hidden;
	opacity:.1;
	padding:.5em 1em;
	width:45em;
	width:calc(96vw - 13.5em);
    background-color: #f0f0f0;
	font-size: .9em;
	line-height:1.5em;
	text-indent: 0;
	text-align: left;
	border:1px solid #aaa;
    border-radius:.5em;
    box-shadow: 2px 2px 20px 2px #c0c0c0;
    position:absolute;
    top:1.5em;
    -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index:-1;
}
*/
.inline-cit, .inline-fn {
	display:block;
	float:left;
	visibility:hidden;
	opacity:.1;
	padding:.5em 1em;
    background-color: #f0f0f0;
	font-size: .9em;
	line-height:1.5em;
	text-indent: 0;
	text-align: left;
	border:1px solid #aaa;
    border-radius:.5em;
    box-shadow: 2px 2px 20px 2px #c0c0c0;
    position:absolute;
    right:8.5vw;
    width:82.5vw;
    -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index:-1;
}

.inlineparagraph {
	color:black;
	font-style:normal;
	font-weight:normal;
	display:inline-block;
}
.inlineparagraph + .inlineparagraph {
    text-indent:2em;
}
.caption p {
    display:inline;
}
.inlinequote {
	display:inline-block;
	margin: 1% 7.5%;
}
.cit-wrap {
    cursor:default;
}
.cit-ref {
    color: #7c2529;
}
.cit-wrap:hover .inline-cit, .fn-wrap:hover .inline-fn, .fn-wrap:active .inline-fn {
    visibility:visible;
    opacity:.96;
    z-index:1;
    
}

.inline-cit .refauth.hidden {
	display:inline;
}
.refline .inline-cit {
    right:0;
}
.inline-cit .inline-cit {
    position:static;
    width:95%;
}

p {	
	margin: 0em;
	text-align: justify;
}
.page p {

	text-align: left;
}

p.first	{
	margin-top: .5em;
	text-indent: 0;
}

p.next, p + p {
	margin: 0em;
	text-indent: 2em;
}
.page p + p {
    text-indent:0;
    margin-top:.5em;
}
p.first[lang=ja], p.next[lang=ja] {
    text-indent:1em;
}
td p {
    text-align: inherit;
}
footer p.first[lang=ja], .example p.first[lang=ja], .table-wrap-foot p.first[lang=ja], td p.first[lang=ja] {
    text-indent:0;
}
footer p.next[lang=ja], .example p.next[lang=ja], .table-wrap-foot p.next[lang=ja], td p.next[lang=ja] {
    text-indent:0;
}
footer p + p, .example p + p, .table-wrap-foot p + p, td p + p, th p +p, .list-item-content p + p {
    text-indent:0;
}
.table-wrap-foot {
    font-size:.8em;
    line-height:1.5em;
}
.example p {
    text-align:left;
}
.example ol {
    margin-top:0;
}
p.attrib {
    display:block;
    text-align:right;
    float:right;
    text-indent:0;
}
span.table-p {
    position:relative;
}

span.attrib, span.source-label {
    text-align:right;
    float:right;
}
span.grammaticality-marker {
    position:absolute;
    left:-1.6em;
    text-align:right;
    min-width:1.5em;
}
p.quotenext {
	margin-top: .25em;
}

.ref-group {
	display: block;
	font-size: .95em;
}
p.ref {
	text-align: left;
}

p.refnoyear {
	color: red;
}

p.refnoname {
	color: black;
	background-color: red;
}

p.refnoyearandname {
	color: maroon;
}

p.address, p.address-line, p.copyright {
    text-indent:0;
}
.reference {
	display: block;
	text-indent: -2.75em;
	margin:0em;
	margin-left: 2.75em;
	line-height: 1.5em;
	margin-top: .25em;
	font-size: .9em;
	text-align: left;
}
.back-section .reference {
    font-size:1em;
}
.refauth {
	font-weight: bold;
	color:#555;
}
.refline {
	margin-top: .1em;
	margin-bottom:.5em;
	text-indent: -3em;
	margin-left: 3em;
	position:relative;
}
.refyear {
	color:#333;
	font-weight:bold;
}

.refsource {
	font-style:italic;
}
.refseries {
	color:#118;
}
.space {
	display:inline-block;
	width:.33em;
}
.small-caps {
    text-transform:uppercase;
    font-size:.8em;
    letter-spacing:.05em;
}
.singleref {
	margin-bottom:.5em;
}
/*.singleref .refrole, .otherref .refrole {
    display:none;
}
*/
.refrole {
    position:absolute;
    left:-2.75em;
    float:left;
}
.labelref .refrole, .inline-cit .refrole, .inline-fn .ref-role {
    position:static;
    float:none;
}
.firstref {
	margin-bottom:0;
	}
.nextref {
	margin-top: 0;
	margin-bottom:0;
}
.lastref {
	margin-top: 0;
}
.otherref{
	text-indent: -2.75em;
	margin-left:0;
}
.labelref {
    text-indent:0;
}
.edited {
	text-indent: -6em;
}
.samedash {
	letter-spacing:-.15em;
	font-stretch: expanded;
}
.secondary {
    font-size:.85em;
}
@media screen and (max-width: 800px) {
    h1#bbr-product {
        font-size:1.35em;
    }
    p {
        text-align:left;
    }
}
@media screen and (max-width: 725px) {
    h1#bbr-product {
        text-transform: inherit;
        letter-spacing:normal;
    }
    nav#topbar {
        display: none;
        position: absolute;
        top:65px;
        right:0px;
        left:auto;
        height: auto;
        background-color:#9e2330;
		width: 13em;
    }
	nav ul {
	background-color: #ccc;
    float: right;
	}
	nav ul li {
		float:none;
		border-bottom: solid 1px #eee;
	}
    nav ul li {
    background-color: #253776;
    }
    nav ul li a:hover {
        font-weight: bold;
    }
    .hamburger {
        display: inline-block;
        float:right;
    }
}
@media screen and (max-width: 600px) {
    body, .page {
        font-size:10.5pt;
    }
    #bbr-acronym {
        display:inline;
    }
    h1#bbr-product {
        display:none;
    }
    h1.title {
        font-size:1.3em;
    }
    h1.author {
        font-size:1.1em;
    }
    p {
        text-align:left;
    }
    img#logo { 
        height:30px;
        width:50px;
    }
    main {
        padding-top:35px;
    }
    header, #header-content {
        height:35px;
    }
    nav#topbar {
        top:35px;
    }
    details.related {
        max-width: 100%;
        position:static;
    }
    .logo-container {
        width:125px;
        height:20px;
        margin-left:.5em;
        margin-top:.5em;
    }
    div.coverimage {
        float:right;
        height: 150px;
        width: 113px;
        margin-right:0;
    }
    div.coverimage img {
        height: 150px;
        width: 113px;
    }
    nav#topbar li a, nav#topbar li a:link, nav#topbar li a:visited {
        color:#fff;
    }
}
@media screen and (min-width: 1000px) {
    .inline-cit, .inline-fn {
        width:685px;
        right:calc((100vw - 1000px) / 2 + 3em);
    }
}
@media print {
	body,p,ul,ol {
		font-family: Georgia, "Minion Pro", "times new roman", serif;
	}
	A {	color: #333;
	}
    main #submenu {
        display:none;
    }
    main nav {
        display:none;
    }
    main .scroll-wrapper {
        width: 100%;
    }
    header {
        display:none;
    }
    main {
        padding-top:0;
        padding-left:0;
        margin:5em 0;
    }
}