@keyframes schuif-binnen {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}
.netsoj-aanmeldbalk::before {
	content:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMaxYMid meet' viewBox='0 0 10 10'><polygon points='-1,-1 10,0 10,10' style='fill:%23ff8432;'/></svg>");
	background-color: "transparent";
	display: inline-block;
	height: 3.2em;
	width: 3.2em;
	vertical-align: top;
}
.netsoj-aanmeldbalk {
	color: white;

	position: fixed;
	top: 0;
	right: 0;

	font-size: 1.2em;
	user-select: none;
	animation: schuif-binnen 0.3s ease-out;
	line-height: 1.2em;
	white-space: nowrap;
}

.netsoj-aanmeldbalk-jaloezie {
	display: inline-block;
	position: relative;
	background-color: #ff8432; 
}

.netsoj-aanmeldbalk-jaloezieknop {
	padding: 1em;
	cursor: pointer;
}

.netsoj-aanmeldbalk-jaloezieknop:active,
.netsoj-aanmeldbalk-jaloezieknop:hover {
	background-color: #ff4402;
}

.netsoj-aanmeldbalk-jaloezieknop:focus {
	text-decoration: underline;
}

.netsoj-aanmeldbalk-jaloezie.zichtbaar .netsoj-aanmeldbalk-jaloezieknop::after {
	content: " ▾";
}
.netsoj-aanmeldbalk-jaloezieknop::after {
	content: " ▸";
}

.netsoj-aanmeldbalk-jaloeziemenu {
	position: absolute;
	background-color: #fff; 
	border: 1px solid #000;
	border-top: none;
	right: 0;
	display: none;
}

.netsoj-aanmeldbalk-jaloezie.zichtbaar .netsoj-aanmeldbalk-jaloeziemenu {
	display: block;
}

.netsoj-aanmeldbalk-jaloeziemenulamel:first-child {
	border-top: none;
}
.netsoj-aanmeldbalk-jaloeziemenulamel {
	padding: 0.5em 1.0em;
	display: block;
	color: #000;
	text-decoration: none;
	border-top: 1px #555 dotted;
}

.netsoj-aanmeldbalk-jaloeziemenulamel:focus {
	text-decoration: underline;
}

.netsoj-aanmeldbalk-jaloeziemenulamel:hover,
.netsoj-aanmeldbalk-jaloeziemenulamel:active {
	background-color: #ff4402;
	color: #fff;
}

.netsoj-aanmeldbalk-icoon {
	height: 2.2em;
	display: inline-block;
	background-color: #ff8432;
	vertical-align: top;
	padding: 0.5em;
}