* {font-family: Verdana, Geneva, sans-serif; font-size: 1.1rem; font-weight: normal; color: #000000; line-height: 140%; margin: 0; padding: 0; border: none; outline: none; cursor: default;}
* {--diff: calc(var(--max-size) - var(--min-size)); --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1200 - 420)));}
html, body {height: 100vh; min-height: 100vh;}
/*html {font-size: calc(100vw / 90);}*/
html {--max-size: 13; --min-size: 10; font-size: var(--responsive);}
body {background-image: url(img/palissander.jpg); background-position: center; background-size: cover; background-attachment: fixed; background-color: #eeeeee;} /* overflow: hidden;}*/
h1, h2, h3, h4, h2 span {font-weight: normal; color: inherit; line-height: 1.2; margin: 0 0 0.5rem 0;}
h1 {font-size: 2.3rem;}
h2, h2 span {font-size: 1.8rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.1rem;}
b, strong, .vet {font-size: inherit; font-weight: bold; color: inherit;}
a {color: #999999; text-decoration: none; cursor: pointer;}
a:hover {color: #000000; text-decoration: underline;}
.medium {font-size: 0.9rem;}
.klein {font-size: 0.7rem;}
.mini {font-size: 0.6rem;}
.grijs {color: #999999;}
.center {margin: auto;}

.container {position: absolute; left: 0px; top: 0px; width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 100vh; display: flex; flex-direction: column;}
.container .flexcol {display: flex; flex-direction: column;}
.container .flexrow {display: flex; flex-direction: row;}
.container .flexcel {padding: 4px;}
.container .flexd {padding: 4px 8px 8px 8px;}
#inhouddiv {width: 90vw; max-width: 1002px !important; min-height: 100vh; max-height: 100vh; margin: 0 auto 0 auto;}

#menu {position: relative; width: 100%; max-width: 1002px; padding: 0; margin: 0px auto 0px auto; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#menu > div {flex: 1; text-align: center; white-space: nowrap;}
#welkomtab {font-size: 1.5rem; padding: 0.4rem 0 0.4rem 0;}
#huwelijktab, #zestigtab {padding: 1.9rem 0 0 0;}
.inactief {border-top: 1px solid #e0e0e0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #8a8a8a; border-left: 1px solid #e0e0e0; background-color: #e0e0e0; white-space: nowrap;}
.actief {border-top: 1px solid #c0c0c0; border-right: 1px solid #8a8a8a; border-bottom: 1px solid #ffffff; border-left: 1px solid #c0c0c0; background-image: url(img/sparkle.png); background-position: left top; background-repeat: no-repeat; background-color: #ffffff; cursor: default; white-space: nowrap;}
.mouseover {border-top: 1px solid #c0c0c0; border-right: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; border-left: 1px solid #c0c0c0; background-image: url(img/sparkle2.png); background-position: left top; background-repeat: no-repeat; background-color: #f0f0f0; cursor: pointer; white-space: nowrap;}

#inhoud {height: 100vh; min-height: 100vh; max-height: 100vh;}
#inhoud > #logo {position: relative; min-height: calc((100vh - 5.4rem) - 40px); text-align: center;}
#inhoud > div {position: relative; width: 100%; text-align: center;}
#welkominhoud {width: 100%; height: 100%; overflow: hidden;}
#huwelijkinhoud, #zestiginhoud {margin-top: 1.9rem;}
.inhoudinactief {visibility: hidden; display: none;}
.inhoudactief {visibility: visible; display: block;}
.diamantgroot {position: absolute; top: 0; right: 0; bottom: 0px; left: 0; width: auto; max-width: 80%; height: auto; max-height: 80%; margin: auto; -webkit-transform: rotate(370deg); transform: rotate(370deg); -webkit-transition-property: all; -webkit-transition-duration: 5s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: 5s; transition-timing-function: ease-in-out;}
.diamantklein {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 10%; height: auto; margin: auto; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transition-property: all; -webkit-transition-duration: 5s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: 5s; transition-timing-function: ease-in-out;}
/*div.foto {--fres: calc(((90vw * 0.2) * 0.6608695652173913) * 1px); --fmax: calc(((1002 * 0.2) * 0.6608695652173913) * 1px); position: relative; display: inline-block; width: 20%; max-width: 230px; height: min(var(--fres),var(--fmax)); max-height: 153px; background-position: left top; background-size: auto 100%; background-repeat: no-repeat; background-color: transparent;}*/
div.foto {position: relative; display: inline-block; width: 10%; max-width: 230px; max-height: 153px; background-position: left top; background-size: 100% auto; background-repeat: no-repeat; background-color: transparent; margin: 3px;}
/*div.foto img {position: absolute; left: 0; top: 0; width: 100%; max-width: 230px; height: auto; max-height: 153px; cursor: pointer;}*/
div.foto img {width: 100%; max-width: 230px; height: auto; max-height: 153px; cursor: pointer;}