/*HEADER & CONTACT & FOOTER*/

header
{
	top:0;
	background-color: #0F0E0E;
	color: rgba(255,255,255,1);
	font-size: 14px;
	z-index: 10000;
}

.logo img
{
	width:100%;
	background: none;
	margin-bottom:-15px;
}
.logo
{
	float: center;
	margin-left: 0;
}

#CloseButton
{
    background: none;
    border: none;
    width: 25px;
	height: 25px;
	margin-top: 15px;
	margin-right: 10px;
	float: right;
}

#MenuButton img 
{
    height: 45px;
}

#CloseButton img
{
	height: 25px;
}

::-webkit-scrollbar
{ 
    display: none; 
    visibility: hidden;
}

.main-menu
{
	width: 100%;
	height: 100%;
	margin-top: 0;
	float: left;
	position:relative !important;
	z-index: 0;
}

.main-menu ul
{
	width: 100%;
	height: 100%;
}

.menu-item, .menu-item_active, .menu-item_1
{
	top:0;
	float: right;
	width: 100%;
	height: 50px;
	letter-spacing: 2px;
	text-align: right;
	cursor: pointer;
	font: small-caps 15px bold verdana, arial;
	z-index: 500;
	list-style: none;
}

.menu-item .sub_men_click, .menu-item_active .sub_men_click, .menu-item_1 .sub_men_click
{
	padding: 17px;
	padding-right: 5%; 
	width: 100%;
}

.menu-item a, .menu-item_active a, .menu-item_1 a
{
	float: right;
	width: 100%;
	letter-spacing: 2px;
	text-align: right;
	cursor: pointer;
	font: small-caps 15px bold verdana, arial;
}

/*.menu-item .sub_men_click:hover, .menu-item_1 .sub_men_click:hover{
	background:#1b1b1b;
	border-top:1px solid #000;
	border-bottom: 1px solid #2b2b2b;
	padding: 14px;
	padding-left: 100%;
	padding-right: 5%;
}
.menu-item_active ~ .menu-item:hover{
	background:none !important;
	border:none;
	padding: 15px;
	padding-left: 100%;
	padding-right: 5%;
}*/

/*.main-menu { 
	padding: 50px auto;  
	background-color: rgba(0,0,0,0.6); 
	border-top: 1px solid white; 
	border-bottom: 1px solid white; }
#main-menu { margin: 0 auto; list-style: none; position: relative; width: 960px; }
li { display: inline; }
li a { color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#bg_menu-item { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }*/

.submenu-item, .submenu-item_active
{
	top:0;
	margin-right: 20%;
	padding: 5px;
	padding-left: 100%;
	padding-right: 0;
	float: right;
	display: block; 
	width: 100%;
	text-align: right;
	cursor: pointer;

}

.menu-item_active span,
.menu-item_active span::before,
.menu-item_active span::after,
.menu-item_active span div,
.menu-item_active span div::before,
.menu-item_active span div::after{
	border-color: #ccc !important;
}

.menu-item_active .sub_men_click
{
	color: #ccc;
	pointer-events: none;
	cursor: default;
}

.main-menu > li{
	line-height: 50px;
	height: 50px;
}

#selector{
	position:absolute;
	height: 50px;
	top: -50px;
	right: 0;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #2b2b2b;
	background:#1b1b1b;
	transition: transform .3s;
	z-index: -200;
}
 
.sub_bg span,
.sub_bg span .icon_e,
.menu-ico-visible span,
.menu-ico-visible span .icon_e,
.menu-item:hover span,
.menu-item_1:hover span,
.menu-item:hover span .icon_e,
.menu-item_active span,
.menu-item_active span .icon_e{
	opacity: 1 !important;
	transition: opacity .3s;
}

.sub_bg{
	border-top: 1px solid #000;
	border-bottom: 1px solid #2b2b2b;
	background:#1b1b1b;
	height: auto !important;
}

.sub_bg-item:hover{
	border-top: 1px solid #000;
	border-bottom: 1px solid #2b2b2b;
	background:#1b1b1b;
}


.main-menu li:nth-child(1):hover ~ #selector {
	transform:translateY(50px) !important;
}
.main-menu .menu-item_active:nth-child(1) ~ #selector{
	transform:translateY(50px);
}
.main-menu li:nth-child(2):hover ~ #selector{
	transform:translateY(100px) !important;
}
.main-menu .menu-item_active:nth-child(2) ~ #selector{
	transform:translateY(100px);
}
.main-menu  li:nth-child(3):hover ~ #selector {
	transform:translateY(150px) !important;
}
.main-menu .menu-item_active:nth-child(3) ~ #selector{
	transform:translateY(150px);
}
.main-menu li:nth-child(4):hover ~ #selector{
	transform:translateY(200px) !important;
}
.main-menu .menu-item_active:nth-child(4) ~ #selector{
	transform:translateY(200px);
}
.main-menu li:nth-child(5):hover ~ #selector{
	transform:translateY(250px) !important;
}
.main-menu .menu-item_active:nth-child(5) ~ #selector{
	transform:translateY(250px);
}
.main-menu  li:nth-child(6):hover ~ #selector {
	transform:translateY(300px) !important;
}
.main-menu .menu-item_active:nth-child(6) ~ #selector{
	transform:translateY(300px);
}
.main-menu  li:nth-child(7):hover ~ #selector {
	transform:translateY(350px) !important;
}
.main-menu .menu-item_active:nth-child(7) ~ #selector{
	transform:translateY(350px);
}
.main-menu li:nth-child(8):hover ~ #selector{
	transform:translateY(400px) !important;
}
.main-menu .menu-item_active:nth-child(8) ~ #selector{
	transform:translateY(400px);
}
.main-menu li:nth-child(9):hover ~ #selector{
	transform:translateY(450px) !important;
}
.main-menu .menu-item_active:nth-child(9) ~ #selector{
	transform:translateY(450px);
}
.main-menu  li:nth-child(10):hover ~ #selector {
	transform:translateY(500px) !important;
}
.main-menu .menu-item_active:nth-child(10) ~ #selector{
	transform:translateY(500px);
}

.containerholder_menu
{
	margin-left: 20%;
}

#contact
{
	font-size: 14px;
	float: left;
	z-index: 2000;
	top:0;
	position:absolute;
	display:block;
	Overflow: hidden;
}

footer
{
	left:0;
	bottom:0;
	position: fixed;
	height: 7.5%;
	width: 100%;
}

#pijl
{
	float: center;
	width:10%;
	height: 85%;
	margin-bottom: 2%;
}
header span,
#textbalk_small span, 
.icon_e{
	position:relative;
	left:0;
	bottom:-10px;
	float: left;
	margin-left: 25px;
	display: block;
	opacity: 0;
	transition: opacity 0.3s;
}

#textbalk_small span::before,
#textbalk_small span::after, 
header span::before,
header span::after, 
.icon_e::before,
.icon_e::after{
	content: "";
	position: absolute;
	float: left;
}

#icon_voorwoord{
	bottom: -15px;
	left: 5px;
	border-top: 5px solid #A2C012;
	border-right: 5px solid transparent;
}

#icon_voorwoord:before {
    top: -18px;
	left: -5px;
	width:18px;
	height:10px;
	border-radius: 5px;
	border: 2px solid #A2C012;
}


#icon_TeacherAid {
	bottom:0;
	width:18px;
	height:10px;
	border: 2px solid #A2C012;
	border-radius: 3px;
}

#icon_TeacherAid:before {
    top: -4px;
	left: 7px;
	width:3px;
	height:2px;
	border: 1px solid #A2C012;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

#icon_TeacherAid div{
	display:block !important;
}
#icon_TeacherAid div:before {
    top: -5px;
	left: -20px;
	border: 1px solid #A2C012;
	border-left: 7px solid #A2C012;
}

#icon_TeacherAid div:after {
	top: -8px;
	left: -17px;
	border: 1px solid #A2C012;
	border-bottom: 7px solid #A2C012;
}

.icon_Engels{
	bottom:0;
	width:22px;
	height:15px;
	border: 2px solid #A2C012;
}

.icon_Engels:before {
    top: 7px;
	left: -3px;
	border: 1px solid #A2C012;
	border-left: 27px solid #A2C012;
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}

.icon_Engels:after {
    top: 7px;
	left: -3px;
	border: 1px solid #A2C012;
	border-left: 27px solid #A2C012;
	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
}
.icon_Engels div{
	display:block !important;
}
.icon_Engels div:before {
    top: -4px;
	left: -25px;
	border: 2px solid #A2C012;
	border-left: 20px solid #A2C012;
}

.icon_Engels div:after {
	top: -10px;
	left: -16px;
	border: 2px solid #A2C012;
	border-bottom: 15px solid #A2C012;
}

#icon_IT-profiel {
	left: 7px;
	bottom:-10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 5px solid #A2C012;
	border-top: 3px solid #A2C012;
	border-bottom: 2px solid #A2C012;
}

#icon_IT-profiel::before {
	top: -15px;
	left: -11px;
	width:18px;
	height:10px;
	border-radius: 1px;
	border: 2px solid #A2C012;
}

.icon_Website {
    left: 0px;
	bottom:-6px;
	border-radius: 10px;
	border: 12px solid #A2C012;
	border-top: 4px solid #A2C012;
	border-bottom: 4px solid #A2C012;
}

.icon_Website:before {
    top: -12px;
	left: -10px;
	border-radius: 100%;
	border: 5px solid #A2C012;
}

.icon_Website:after {
    top: -14px;
	left: -2px;
	border-radius: 100%;
	border: 6px solid #A2C012;
}

.icon_Stage {
	left:0;
	bottom: -5px;
	border: 3px solid #A2C012;
	border-left:5px solid #A2C012;
	border-right:15px solid #A2C012;
	border-bottom-right-radius: 10px;
}

.icon_Stage::before{
	top: -10px;
	left:2px;
	border: 3px solid #A2C012;
	border-top:15px solid #A2C012;
	border-bottom:5px solid #A2C012;
}

#icon_User {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 10px solid #A2C012;
	border-top: 6px solid #A2C012;
	border-bottom: 4px solid #A2C012;
}

#icon_User::before {
	top: -19px;
	left: -7px;
	border-radius: 100%;
	border: 7px solid #A2C012;
}

#icon_Contact {
	border-top: 10px solid transparent;
	border-right: 11px solid #A2C012;
	border-bottom: 4px solid #A2C012;
	border-left: 11px solid #A2C012;
	bottom:0px;
}

#icon_Contact::before {
	top: -12px;
	left: -10px;
	border-top: 10px solid #A2C012;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}