@font-face {
	font-family: 'TravelDiary';
	src: url("/Fonts/travel_diary_feb26.eot") format("eot"),
	url("/Fonts/travel_diary_feb26.woff") format("woff"),
	url("/Fonts/travel_diary_feb26.ttf") format("truetype"),
	url("/Fonts/travel_diary_feb26.svg#travel_diary_feb26") format("svg");
   font-weight:normal;
	font-style:normal;
}
body {
  background: var(--main-cap-color:) url("https://davidbrouwer.nl/blanko.gif") no-repeat center;
}
H3 {
	font-family: "TravelDiary";	
}
H4 {
	text-align: center;
  	text-shadow: 2px 2px 15px black;
} 
H5 {
	line-height: 1%;
}
H6 {
font-size: 10px;
	font-weight: lighter;
	font-variant: small-caps;
}
.Dagboek {
	hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	background-color: var(--main-cap-color:);
	
}
div {
    cursor:progress;
}

s {
font-weight: lighter;
	color: red;
	background-color: yellow;
	opacity: 0.5;
}
dfn {
	text-decoration: line-through;
	color: red;
	background-color: yellow;
	opacity: 0.5;	
}
tbody {
	text-align: left;
}

table, td, th {  
 border: 1px solid black;
	border-color: var(--main-frm-color);
font-size: 12px;
}
table {
	border-collapse: collapse;
	border-color: var(--main-frm-color);
	width: 100%;
	table-layout: fixed;
	border: 3px groove;
}

th, td {
  height: 17px;
}
th {
	background-color: var(--main-txt-color);
	color: var(--main-cap-color);
	font-weight: bolder;
	text-align: left;
}
td {
	background-color: var(--main-cap-color);
	color:  var(--main-txt-color);
}
pre {
	font-family: "Times New Roman";
	font-size: 16px;
}
#customers {
	border-collapse: collapse;
	width: 100%;
	font-size: 13px;
}

#customers th {
	background-color: var(--main-txt-color);
	font-weight: bolder;
	color: var(--main-cap-color);
	border: 1px solid;
}
#customers td {
	background-color: var(--main-cap-color);
	color: var(--main-txt-color);
	border: 1px solid;
	padding: 1px;
	opacity: 1.0;
}

#customers tr:nth-child(even){
	background-color: var(--main-cap-color);
	color: var(--main-txt-color);
	opacity: 1;
}

#customers tr:hover {
	font-weight: bolder;
	opacity: 1.0;
	font-size: 13px;
	border: 2px groove;
	border-color: var(--main-frm-color);
}

#customers th {
  padding-top: 2px;
  padding-bottom: 2px;
}
.button {
   width: 100%;
	background-color: var(--main-cap-color);
	color: var(--main-txt-color);
}
 .custom-table {
      table-layout: auto;
      width: auto;
      border-collapse: collapse;
	 border-color: var(--main-frm-color);
  }
  .custom-table th {
	 max-width: 350px;
      border: 1px solid #000; 
	font-weight: bolder;
	  border-color: var(--main-frm-color);
}
  .custom-table td {
      max-width: 350px;
      border: 1px solid #000;
	  border-color: var(--main-frm-color);
  }