#title {
	background-image: url('media/berge.jpg');
	background-size: cover;
	background-position: center top;
	padding: 80px 10px 80px 10px;
	color: white;
}

body {
	font-size: 16px;
}

#titletext{
	margin: auto;
	max-width: 970px;
}

#ch-flag {
	max-width: 80px;
	min-width: 50px;
	width: 10%;
}

nav[data-toggle=toc] .nav>li>a {
	color:#adafae
}

nav[data-toggle=toc] .nav>li>a:focus,
nav[data-toggle=toc] .nav>li>a:hover {
  padding-left:19px;
  color:#956ad6;
  border-left:1px solid #956ad6;
}

nav[data-toggle=toc] .nav>.active:focus>a,
nav[data-toggle=toc] .nav>.active:hover>a,
nav[data-toggle=toc] .nav>.active>a {
  color:#956ad6;
  border-left:2px solid #956ad6;
}

.container {
	max-width: 970px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #adafae;
}

a {
	text-decoration: none;
}

.table {
	width: 50%;
	background-color: transparent;
	border-color: #535353;
	margin: auto;
	margin-bottom: 15px;
}

.table > thead > tr > th{
	border-color: #535353;
}

.table > tbody > tr > td{
	border-color: #535353;
}

figcaption {
	text-align: center;
	color: #838383;
	margin-top: 10px;
	margin-bottom: 15px;
}

#ibkr{
	max-width: 500px;
	margin: auto;
	margin-bottom: 15px;
}

#navcol {
	position: sticky;
	top: 20px;
}

/* small screens */
@media (max-width: 768px) {
	/* override stickyness so that the navigation does not follow scrolling */
	#navcol {
		margin-bottom: 42px;
		position: static;
	}
}