/*COPYRIGHT © 2023 AUTHOR-E BV. ALL RIGHTS RESERVED */
/* all tabs */
.Tab.Link
{
	/* Display: none */
}

.Tab.Tab-BlueDark
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
	
}

.Tab.Tab-BlueLight
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
	
}

.Tab.Tab-BlueMid
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
	
}

.Tab.Tab-GreyLight 
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
	
}
.Tab.Tab-Grey
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
}

.Tab.Tab-GreyDark
{
	color: #767F90;
	background-color: #FFFFFF;
	Display: inline-block;
}


.Tab.Tab-StartNow
{
	color: #E47544;
	background-color: #FFFFFF;
	Display: inline-block;
	
}
.Tab-BlueMid
{
	
	font-size:50%;
}



/*Tab niet zichtbaar - text kleur wit ivm title in content*/
.Tab.Tab-Invisible
{
	display: none;
	color: #FFFFFF;
}
/* navigation small*/


@media screen and (max-width:949px){
#navSmall
{
	margin-top: 6px;
    margin-right: 12px;
    background-color: #ffffff;
    background-image: url(../Images/hamburgerIcon.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    /* float: Right; */
    width: 30px;
    height: 30px;
    background-size: contain;
    z-index: 99999;
    margin-left: auto;
    margin-bottom: 10px;
}
#Navigation1.SmallNavOpen
{
	display: block;
}

.Tab
{
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
   	text-decoration: none;   
  	font-size: 12pt;  
    
}
/* Main tabs */
#Navigation1
{
	display: none;	
	top:20px;
	width: 60px;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
	z-index: 100; position:relative;
}
#Navigation1 .InnerTabset
{
    background-color: white;
	float:right;
	margin-top:32px;
	margin-left: auto;
	margin-right: 11px;
}

#Navigation1 .Tab
{	
	font-weight: normal;
    width: 150px;
    float: right;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
    background-color: white;
}

#Navigation1 .Tab.Active
{

	color: #2C407D;
	font-weight: bold;
	    background-color: #C1D0FF;
/*   color: #424147; background-color: #E3E9F7; */
}

#Navigation1 .Tab.Active.Tab-BlueDark
{
	color: #FFFFFF;
	font-weight: normal;
	background-color: #2C407D;
}

#Navigation1 .Tab.Active.Tab-BlueLight
{
	color: #424147;
	font-weight: normal;
	background-color: #E3E9F7;
}

#Navigation1 .Tab.Active.Tab-BlueMid
{
	display: inblock;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #5B6C97;
	vertical-align: middle;
}


#Navigation1 .Tab.Active.Tab-StartNow
{	
    color: #FFFFFF;
	background-color: #E47544;
	font-weight: normal;
}
#Navigation1 .Tab.Active.Tab-BlueLight
{
	color: #424147;
	font-weight: normal;
	background-color: #E3E9F7;
}

#Navigation1 .Tab.Active.Tab-GreyLight 
{
	color: #767F90;
	font-weight: normal;
	background-color: #F5F5F5;
}
#Navigation1 .Tab.Active.Tab-Grey
{
	color: #767F90;
	font-weight: normal;
	background-color: #EAEAEA;
}
#Navigation1 .Tab.Active.Tab-GreyDark
{
	color: #FFFFFF;
	font-weight: normal;
	background-color: #888888;
}

}
@media screen and (min-width:950px){
.Tab
{
    	
	padding-top: 30px;
    padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
   	text-decoration: none;   
  	font-size: 12pt;  
    
}
/* Main tabs */
#Navigation1
{
	
    height: 60px;
    /* float: left; */
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    /* padding: 10px 0px; */
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: #C1D0FF;
}

#Navigation1 .Tab
{	
	font-weight: normal;
	height: 40px;
}

#Navigation1 .Tab.Active
{
	color: #2C407D;
    font-weight: normal;
    /* background-color: #E3E9F7; */
    font-weight: bold;
}

#Navigation1 .Tab.Active.Tab-BlueDark
{
	color: #FFFFFF;
	font-weight: normal;
	background-color: #2C407D;
}

#Navigation1 .Tab.Active.Tab-BlueLight
{
	color: #424147;
	font-weight: normal;
	background-color: #E3E9F7;
}

#Navigation1 .Tab.Active.Tab-BlueMid
{
	color: #FFFFFF;
	font-weight: normal;
	background-color: #5B6C97;
}

#Navigation1 .Tab.Active.Tab-GreyLight 
{
	color: #767F90;
	font-weight: normal;
	background-color: #F5F5F5;
}

#Navigation1 .Tab.Active.Tab-StartNow
{	
    color: #FFFFFF;
	background-color: #E47544;
	font-weight: normal;
}
#Navigation1 .Tab.Active.Tab-Grey
{
	color: #767F90;
	font-weight: normal;
	background-color: #EAEAEA;
}
#Navigation1 .Tab.Active.Tab-GreyDark
{
	color: #FFFFFF;
	font-weight: normal;
	background-color: #888888;
}
}
/* Sub tabs */
@media screen and (min-width:950px){
#Navigation2
{
	width: 100%;
	min-height: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2C407D;
	text-align: center;
	position: sticky;
	z-index: 99;
	top:70px;
}

#Navigation2 .Tab
{
	background-color: #2C407D; 
	min-height: 30px;
	display: inline-block;
	padding: 15px 15px 0px 15px;
	font-size: 12pt;
	color: #E3E9F7;
}

#Navigation2 .Tab.Active
{
    color: #E47544;
	background-color: #2C407D;
}
}
@media screen and (max-width:949px) and (min-width:601px){
#Navigation2
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #2C407D;
	text-align: center;
	position: sticky;
	z-index: 99;
	top:70px;
}

#Navigation2 .Tab
{
	background-color: #2C407D; 
	min-height: 30px;
	display: inline-block;
	padding: 15px 15px 0px 15px;
	font-size: 11pt;
	color: #E3E9F7;
}

#Navigation2 .Tab.Active
{
    color: #E47544;
	background-color: #2C407D;
}
}
@media screen and (max-width:601px){
#Navigation2
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#2C407D;
	text-align: center;
	position: sticky;
	z-index: 99;
	top:70px;
}

#Navigation2 .Tab
{
	background-color:#2C407D; 
	min-height: 25px;
	display: inline-block;
	padding: 10px 10px 0px 10px;
	font-size: 9pt;
	color: #E3E9F7;
}

#Navigation2 .Tab.Active
{
    color: #E47544;
	background-color: #2C407D;
}
}

@media screen and (min-width:1050px){
	/* Left menu */
	#Navigation3
	{
		left: 0px;
		max-width: 30%;
		width:1%;
		top: 35px;
		right: 0px;
		z-index: 100;
		position: absolute;
		padding: 10px 0px;
		text-align:right;
		font-family:  Verdana;
		font-size: 16pt;
		line-height: 16pt;
		color: #424147;
			
	}

	nav.Tabset#Navigation3
	{
		position: absolute;
		width:350px;
		right: 650px;
		margin-left: auto;
		margin-right: auto;	
	}

	nav.Tabset#Navigation3 ~ #Content > section > .SectionContent
	{
		width: 650px;
		padding-left: 350px;
	}

	#Navigation3 .Tab
	{
		display: block;
		padding: 3px 20px 3px 20px;
		color: #424147;	
	}

	#Navigation3 .Tab.Active
	{
		font-weight: bold;
	}

	#Navigation3 .InnerTabset
	{
		display: block;
		padding: 15px 15px 15px 0px;
		background-color: transparent;
		min-height: 312px;
	}
}

@media screen and (max-width:1049px) and (min-width:601px){
	/* Left menu */
	#Navigation3
	{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #174781;
		text-align: center;
			
	}

	nav.Tabset#Navigation3
	{
			
	}

	nav.Tabset#Navigation3 ~ #Content > section > .SectionContent
	{
		
	}

	#Navigation3 .Tab
	{
		background-color: #174781; 
		min-height: 30px;
		display: inline-block;
		padding: 15px 15px 0px 15px;
		font-size: 11pt;
		color: #E3E9F7;
	}

	#Navigation3 .Tab.Active
	{
		font-weight: bold;
	}

	#Navigation3 .InnerTabset
	{
		
	}
}
@media screen and (max-width:601px){
	/* Left menu */
	#Navigation3
	{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #174781;
		text-align: center;
			
	}

	nav.Tabset#Navigation3
	{
			
	}

	nav.Tabset#Navigation3 ~ #Content > section > .SectionContent
	{
		
	}

	#Navigation3 .Tab
	{
		background-color: #174781; 
		min-height: 25px;
		display: inline-block;
		padding: 10px 10px 0px 10px;
		font-size: 9pt;
		color: #E3E9F7;
	}

	#Navigation3 .Tab.Active
	{
		font-weight: bold;
	}

	#Navigation3 .InnerTabset
	{
		
	}
}