@font-face {font-family: "AndaleMono";  src: url("../font/AndaleMono.ttf") format("truetype");}

body {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-attachment: fixed;
	padding: 0px;
	border: none;
	background-image: url("../beeld/SI-gang6.jpg");
	background-position: right center;}
	/*background-image: url("../beeld/2022schoen.jpg");
	background-position: center center}*/

p {	
  color:black;
	font-family: "AndaleMono", Courier; 	
	font-size: 26px;
	line-height: 0.3em;
	clear: right;
}

a {	line-height: 0.7em;}
a:visited {color:black}
a:link    {color:black}
a:hover   {color:grey;}
a:active  {color:grey;}

a {text-decoration: none}
img.www {width: 23px;margin-top: -1px; filter: brightness(0%); position: absolute;left:72%}
img.www.ig {left:82%}

span.open { color: rgb(120,110,110);position: absolute;left:92%;padding-top:8px;cursor: default}
a.open { color:black;position: absolute;left:92%;padding-top:8px;cursor: default}
a.open:hover {color: rgb(195,12,12);}


img.www:hover { filter: brightness(100%);}
.rechts {text-align:right;line-height: 0em;}
.rechts.im {position: absolute;right: 130px}
.rechts.tx {position:absolute;right:10px}
@media  (orientation:portrait)  {
.rechts.im {display: none}
.rechts.tx {padding-top: 40px}
}

.klein {font-size: 16px;vertical-align:super}
.aitw {font-size: 12px;vertical-align: middle;float: right}
.adres {font-size: 16px;margin-bottom: 24px;
margin-left: 24px;
}
a.onderadres:hover {color: rgb(195,12,12);}

p.lijst {margin-left: 24px;}
p.zwart {color:black}
p.zwart a {color:black}

p.rood {color:red; }
p.rood a {color:red;}
p.rood a:visited {text-decoration: none}
p.rood a:link    {text-decoration: none}
p.rood a:hover   {text-decoration: underline}
p.rood a:active  {text-decoration: underline}

p.wit {color:white; letter-spacing: -0.1em}
p.wit a {color:white;}
p.wit a:visited {text-decoration: none}
p.wit a:link    {text-decoration: none}
p.wit a:hover   {text-decoration: underline}
p.wit a:active  {text-decoration: underline}

.link {/*display:none;*/ float: right;font-size: 14px;color: rgb(186,154,91);right:4px}
.link a {/*color: black*/color: rgb(186,154,91);}
.link a:hover{/*color: black*/color: rgb(186,154,91);}
.link:hover{/*color: black*/color: rgb(186,154,91);}

.logo {
	margin: auto;
	width: 92vw;
	max-width: 1034px;
	display: block;
}
.logo19 {
	position: relative;
	left:4vw;top:4vh;
	margin: -4px auto;
	width: 672px;
	display: block;
}
.logo19b { 
	position: relative;
	left:4vw;top:4vh;
	margin: 4px auto -4px auto;
	width: 672px;
	display: block;
}
.logo22 {
	position: relative;
	left:0;right:0;

	;top:3vh;
	margin: -4px auto;
	width: 672px;
	display: block;
	background-color:rgba(255,255,255,0.64);
}
#inhoud {
	position: relative;
	z-index: 1;
	margin:8px auto;
	left: 0;right: 0;
	width: 92vw;
	max-width: 1034px;
	display: inline-block;
}
.naam {
	width: 100%;
	background-color: blue;
	display: table-row;
}
#namen {
	width: 41vw;
	min-width: 372px;
	max-width: 486px;
	padding: 2px 2vw;
	background-color:rgba(255,255,255,0.94);
}
#namen19 {
	position: relative;
	margin: auto;margin-top:4px;
	left:4vw;top:4vh;
	width: 652px;
	padding: 2px 10px 20px 10px;
	background-color:rgba(255,255,255,0.94);
}
#namen22 {
	position: relative;
	margin: auto;margin-top:4px;
	top:3vh;
	left:0;right:0;
	width: 652px;
	padding: 2px 10px 20px 10px;
	background-color:rgba(255,255,255,0.94);
}
#nieuws {
	position: absolute;
	z-index: 3;
	top:26vh;
	right:2.4vw;
	width: 41vw;
	min-width: 372px;
	max-width: 486px;
	padding: 2px 2vw;
	opacity: 0.97;
}
.onder {
	position: absolute;
	bottom: 2.1vh;
	z-index: 2;
	color: white;
	right: 4vw;
	text-align: right;
	font-size:26px;
}
/*.open {
	width:24px;
	display:inline-block;	
	font-size: 15px;
	vertical-align: super;
  color: rgb(186,154,91);
}*/
/*
@media (max-width:600px) and (orientation:portrait)  {
	.link {
		display:inline-block;
		right:20px;
		float: right;
	}
	.logo {
		margin: 8px auto 0px auto;
		width: 92vw;
		max-width: none;
		display: block;
	}
	#inhoud {
		position: relative;
		z-index: 1;
		margin:8px auto;
		left: auto;right: auto;
		width: 92vw;
		max-width: none;
		display: block;
	}
	#namen {
		width: 40vw;
		z-index: 1;
		margin:8px auto;
		left: auto;right: auto;
		max-width: none;
		min-width: intrinsic;
		background-color:rgba(225,255,255,0.94);
	}
	#nieuws {
		position: relative;
		z-index: 1;
		width: 40vw;
		top:0px;
		right:auto;
		left:2vw;
		min-width: intrinsic;
		max-width: none;
		padding: 2px 2vw;
		opacity: 0.97;
		margin-bottom: 0.8vh;
	}
	.onder {
		position: relative;
		bottom: 2.1vh;
		z-index:1;
		color: white;
		right: auto;
		text-align: left;
		left:4vw;
		font-size:5vw;
	}
}*/