html {
  overflow-y: scroll;
}

.tmp-attention {
	color: blue;
	background-color: yellow;
	font-size: 75%;	
	font-style: italic;
}

body {
	background-color: #333333;
	color: #DDDDDD;
}

.container.mt-3.panel-right {
	padding-left: 0px;
	padding-right: 0px;
}

.container.tab-pane.active.panel-right {
	padding-left: 0px;
	padding-right: 0px;
}

.panel-right .tab-content .primary-content {
	font-size: 1.0rem;
}

.panel-right .tab-content h3 {
	margin-top: .3rem;
	margin-bottom: .1rem;
}

.panel-right .tab-content .secondary-content .details-item {
	margin-top: .3rem;
}

.panel-right .tab-content .secondary-content {
	font-size: .7rem;
}

.panel-right .tab-content .secondary-content h3 {
	margin-top: 2rem;
}

#home {
  position: relative;	
}

#home .info-box {
  position: absolute;
  bottom: 0;
  left: 0;
}

a {
	color: #faf8c7;
}

a:hover {
	color: #fffff0;
	text-decoration: none;
}

.ta-a a {
	color: #faf8c7;
}

.ta-a a:hover {
	color: #fffff0;
	text-decoration: none;
}

.btn-primary:* {
  color: #333333;
  background-color: #dddddd;
  border-color: #aaaaaa;
 	outline:0;
}

.btn.btn-primary.ta-btn {
	color: #333333;
	background-color: #dddddd;
	border-color: #aaaaaa; 
	outline:0;
}

.btn.btn-primary.ta-btn:* {
	color: #333333;
	background-color: #dddddd;
	border-color: #aaaaaa; 
	outline:0;
}

.btn.btn-primary.ta-btn:active::after {
	color: #333333;
	background-color: #dddddd;
	border-color: #aaaaaa; 
	outline:0;
}

.btn.btn-primary.ta-btn:hover {
	color: #333333;
	background-color: #faf8c7; 	
	border-color: #aaaaaa;
	outline:0;
}

.site-header {
	background-color: #2a2a2a;
	color: #faf8c7;
}

.site-header h1 {
	font-size: 50px;	
  font-weight: bold;
  text-align: center;
}

.site-header h2 {
	position: relative;
	top: -10px;
	font-size: 100%;	
	font-style: italic;
  text-align: center;
	color: #aaaaaa;
	margin-bottom: -7px;
}

.extra-em {
	color: #faf8c7;
	font-style: italic;
}

.index_table td {
  vertical-align: top;
}

.details-table td {
  vertical-align: top;
}

.details-table h1 {
  font-size: 120%;
  font-weight: normal;
}

#intro-view h1 {
	color: #dddddd;
}

#intro-view h2 {
	color: #dddddd;
}

#intro-view h3 {
	color: #dddddd;
}

#detail-view-textpage h1 {
	color: #dddddd;
}

#detail-view-textpage h2 {
	color: #dddddd;
}

#detail-view-textpage h3 {
	color: #dddddd;
}


.detail-tagged-text h1 {
	font-size: 120%;
	font-weight: normal;
}

.detail-tagged-text h2 {
	font-size: 200%;
	font-weight: normal;
}

.detail-tagged-text h7 {
	font-size: 70%;
	font-weight: normal;
}

.detail-tagged-text h8 {
	font-size: 70%;
	font-weight: normal;
}

.detail-tagged-text h9 {
	font-size: 70%;
	font-weight: normal;
}

.label-cell {
	min-width: 200px;
  font-weight: bold;
}

.title-top {
	padding-top: 0px;
  font-weight: bold;
  text-decoration: underline;
}

.title-between {
	padding-top: 20px;
  font-weight: bold;
  text-decoration: underline;
}

.thumbnail-box {
  position:relative;
	background-color: #2a2a2a;
	width: 130px;
	max-width: 130px;
	min-width: 130px;
	border: 1px solid #777777;
	border-radius: 3%;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	margin: 20px;
  vertical-align: middle;
	text-align: center; 
}

.thumbnail-box.final-thumbnail {
	border: 1px solid #777777;
}

.thumbnail-box.final-thumbnail:hover {
	background-color: #1a1a1a;
}

.thumbnail-box.raw-converted-thumbnail {
	border: 1px dotted #777777;
	background-color: #5a5a5a;
}

.thumbnail-box.raw-converted-thumbnail:hover {
	background-color: #3a3a3a;
}

.thumbnail-box.raw-converted-thumbnail.not-clickable:hover {
	background-color: #5a5a5a;
}

.thumbnail-box-small {
  position:relative;
	background-color: #2a2a2a;
	width: 130px;
	max-width: 130px;
	min-width: 130px;
	border: 1px solid #777777;
	border-radius: 3%;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	margin: 5px;
  vertical-align: middle;
	text-align: center; 
}

.album-box {
	margin: 10px;
}

.album-box-blb {
	font-style: italic;
}

.uds-main-picture-box {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: -10px;
}

img {
 	top:0;
  bottom:0;
	left:0;
	right:0;
  margin:auto;
}

.thumbnail-img {
  top:0;
  bottom:0;
  position:absolute;
  display: inline-block;
  max-height: 100px;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
}

.thumbnail-txt {	
  text-align: center;
  vertical-align: middle;
}

.bg-navbar-custom {
	padding-top: 0;
  background-color: #2a2a2a !important;
}

.text-cell {
	padding-top: 7px;
}

.site-logo {
  top:0;
  bottom:0;
  position:absolute;
  display: inline-block;
  max-height: 30px;
  max-width: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
}

.main-menu-logo {
  bottom:0;
  position:relative;
  display: inline-block;
  max-height: 11px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: bottom;
  top: -9px; 
}

.sub-title-logo {
  bottom:0;
  position:relative;
  display: inline-block;
  max-height: 25px;
  max-width: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: bottom;
  top: -3px;
}

.email-logo {
  bottom:0;
  position:relative;
  display: inline-block;
  max-height: 25px;
  max-width: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: bottom;
  top: -3px;
}

.previous-col {
	text-align: right;
}

.next-col {
	text-align: left;	
}

.page-header h1 {
	font-size: 30px;
}

.page-header h2 { 
	font-size 25px;
	color: purple;	
}

.thumbnail-nav {
	width: 100px;
}

li.page-item {
	padding: 0px;
	margin: 3px;
  border-color: #aaaaaa;
  color: #333333;
	background-color: #faf8c7; 	
  outline: 0;
  border-radius: 3rem;
}

li.page-item: {
	background-color: #dddddd; 	
}

a.page-link {
	background-color: #dddddd; 		
	color: #333333;
}

li.page-item.t-archief:hover {
	background-color: #faf8c7;
}

a.page-link.t-archief:hover {
	background-color: #faf8c7; 		
	color: #333333;
}

.pagination {
	margin-top: 20px;
	background-color: #333333;
}

.pagination a:hoover {
	color: #fffff0;
	text-decoration: none;
}

.form-control.search-form-control {
	border-radius: .10rem;
	margin-bottom: 5px;
}

.detail-img {
  background-color: #2a2a2a;
  border: 1px solid #777777;
  border-radius: 1%;
	padding: 5%;
  height: inherit !important;
}

.datail-image.

.line-splitter {
	border: 1px solid #777777;
}

.search-form-control.search-form-checkbox-left {
	width: 2%;
	display: inline;
}

.formatted-file-number {
	font-size: 70%;
}

.navbar-nav-svg {
	color: #00aced;
	  vertical-align: bottom;
}

p.clickable {
	cursor: pointer;
}

img.clickable {
	cursor: pointer;
}

.breadcrumb {
  background-color: #333333;
  padding-left: 0px;
  margin-bottom: 0px;
}


div.col-12.details-table.no-margin-padding {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

div.container.mt-3.no-margin-padding {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;	
}

#thumbnail-view {
	margin-top: -20px;
	margin-left: -20px;
}

.row-link:hover {
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.row-link-tn:hover {
	background-color:rgba(0, 0, 0, 0.3);
}

#cds-home-primary-content {
	margin-top: 20px;
}

#twitter-small-screen {
	margin-right: 8px !important;
}

.site-header-row { 
	margin-left: 0px;
	margin-right: 0px;
}

.header-twitter-link {
	margin-right: .8rem;
	margin-top: .8rem;
}

a svg:hover #facebook,
a svg:hover #previous,
span svg:hover .button_previous,
span svg:hover .button_next { 
  fill: #eeeeee;
}

.tmp-small {
	font-size: 9px;
}

.required-input-label {
  font-size:75%;
}

.home-album-flag {
	height: 14px;
	vertical-align: baseline;
}

.home-picture-flag {
	float: right;
	margin-top: 5px;
	height: 14px;
	vertical-align: baseline;
}

.home-picture-header {
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 0px;
  font-weight: bold;
  text-decoration: underline;
  width: 130px;
}

.home-picture-footer {
	margin-left: 20px;
	margin-right: 15px;
  font-weight: bold;
	width: 127px;
	margin-top: -25px;
	z-index : -1;
}

.thumbnail-box.home-picture-thumbnail-box {
	margin-top: 5px;
}

.tooltip {
	width: 130px;
	position: relative;
	opacity: 1;
	color: #faf8c7;
	font-weight: bold;
	font-size: 1rem;
	text-align: right;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  font-weight: normal;
  font-size: 70%;
  width: 250px;
  background-color: #dddddd;
  color: #333333;
  text-align: left;
  padding: 10px;
  margin-left: -20px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
}

.tooltip .tooltiptext h1 {
  color: #2a2a2a;
  font-size: 110%;
  font-weight: bold;
  text-decoration: strong;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.right-button-box {
	text-align: right;
}

.home-row-h1-plus-button {
}

.home-extra-margin-bottom {
	margin-bottom: 30px;
}

.thumbnaillist-view {
	margin-left: 15px;
}

.thumbnaillist-row {
	width: 100%;
}
.ta-btn.ta-line-button {
	position: relative;
	bottom:   -2px;
	left: 10px;
	padding: 0rem .375rem;
	font-size: 80%;
}

.container-intro h1,
.container-intro form {
    display: inline;
    vertical-align: top;
}

.row.home-row-h1-plus-button {
	margin-bottom: 0px;
}

#home-last-intro-div p{
	margin-bottom: 0px;	
}

.header-breadcrumbs ol.breadcrumb {
	padding: .2rem;
	padding-bottom: .5rem;
}

.article h1 {
	font-size: 25px;
	color: #faf8c7;
}

.article h1.white {
	color: #dddddd;
}

.article h2 {
	font-size: 20px;
	color: #faf8c7;
}

.article.article-cameras h2 {
	font-size: 20px;
	color: #faf8c7;
	margin-top: 20px;
}


.article h3 {
	font-size: 18px;
	color: #aaaaaa;
}

.tab-text h1 {
	font-size: 25px;
	color: #faf8c7;
}

.tab-text h2 {
	font-size: 20px;
	color: #faf8c7;
}

.tab-text h3 {
	font-size: 18px;
	color: #dddddd;
}

.tab-text h7 {
	display: block;
	font-size: 0.8rem;
	color: #dddddd;
}

.tab-text h8 {
	display: block;
	font-size: 0.8rem;
	color: #dddddd;
}

.tab-text h9 {
	display: block;
	font-size: 0.8rem;
	color: #dddddd;
}

.primary-content {
	padding-bottom: 1rem;
}

/* informatie tabblad, gegevens over de foto's. In de parktijk alleen het veld 'beschrijving' */
.tab-text .tagged-text-picture-data h1 {
	font-size: 20px;
	color: #dddddd;
}

/* zal in de praktijk niet gebruikt worden. */
.tab-text .tagged-text-picture-data h2 {
	font-size: 19px;
	color: #dddddd;
}

/* zal in de praktijk niet gebruikt worden. */
.tab-text .tagged-text-picture-data h3 {
	font-size: 18px;
	color: #dddddd;
}

#cds-home-primary-content.primary-content.detail-tagged-text {
	margin-top: 0px;
}

.primary-content.detail-tagged-text h1 {
	text-align: center;
	font-size: 25px;
	color: #dddddd;
	line-height: 1.2;
}

.primary-content.detail-tagged-text h2 {
	text-align: center;
	font-size: 20px;
	color: #dddddd;
	line-height: 1.2;
}

.primary-content.detail-tagged-text h3 {
	text-align: center;
	font-size: 18px;
	color: #dddddd;
	line-height: 1.2;
}

.tab-thumbnail-link-row {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.div-like-a { 
	color: #faf8c7; 
	cursor: pointer; }

.div-like-a:hover {
	color: #fffff0;
	text-decoration: none;	
}

.div-like-a .final-thumbnail {
	background-color: #2a2a2a;
}

.div-like-a .final-thumbnail:hover {
	background-color: #2a2a2a;
}

.div-like-a .raw-converted-thumbnail {
	background-color: #5a5a5a;
}

.div-like-a .raw-converted-thumbnail:hover {
	background-color: #5a5a5a;
}

.invalid-feedback {
	display: block;
	margin-bottom: 10px;
	color: #faf8c7;
}

.return-message {
	margin-top: 20px;
	margin-bottom: 10px;
}

.return-message-success {
	color: #faf8c7;	
}