#navigatie li:before {
    margin: 0 1px 0 1px;
    width: 1px;
}

#navigatie li:before {
			content: "";
			border-radius: 0;
			padding: 0;
}

#navigatie ul li {
    margin: 0 5px 0 0;
}

#navigatie {
	position: absolute;
			position: fixed;
	width: 100%;
	margin: 220px 0 0 0;
	padding: 20px 0 0 0;
	right: 0;
	top: 0;
	z-index: 212;
	background-color: #FCF8F5; /* positie background 1 */
}



#navigatie {
	ddirection: rtl;
	ddisplay: flex !important;
	dflex-direction: reverse;
	
}

#navigatie {
	ddirection: ltr;
}



div#navigatie li div.menu-responsive {
	display: none;
	z-index: 1;
	margin-top: 20px;
	background-color: #FCF8F5; /* positie background 2 */
}

#navigatie h2 {
	display: none;
	color: #ffffff;
}

#navigatie ul { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	list-style: none;
	line-height: 19px;
	text-indent: 0;
}

#navigatie ul.navigatie.screen-device {
	display: block !important; 
}

#navigatie ul  li  {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	cursor: pointer;
	text-align: left;
}

#navigatie ul  li.parent-horizontaal-li, #navigatie ul  li.parent-li {
	
}

#navigatie ul.navigatie-menu-ul li, #navigatie ul.meer-dan-een li {
	
}

#navigatie li div.menu-responsive {
	cursor: default !important;
}

#navigatie ul li:hover {
	color: #cc0000;
}

#navigatie ul li.active a {
	color: #cc0000;
	cursor: default;
}

#navigatie ul li.active span { 
	
}

#navigatie ul li.active a span { 
	
}

#navigatie ul li:not(.active):hover { 

}

#navigatie ul ul.navigatie-menu-ul { 

}

#navigatie ul ul  li {
	dclear: both;
    float: left;
	color: #000000;
}

#navigatie ul ul li:hover {
	width: 100%;
}

#navigatie ul ul li.active {
	width: 100%;
		cursor: default;
}

#navigatie ul li a.parent-a { 
	color: #000000;
	cursor: pointer;
}

#navigatie ul li a.parent-a:hover { 
	color: #cc0000;
	cursor: pointer;
}

#navigatie ul li a.child-a  { 
	color: #000000;
	cursor: default;
}

#navigatie ul li.active a.parent-a.active { 
	color: #cc0000;
	cursor: default;
}

#navigatie ul li.active a.child-a.active  { 
	color: #cc0000;
	cursor: default;
}

#navigatie ul li.active a.child-a a  {
	color: #000000;
	cursor: default;
}

#navigatie ul li.active a.child-a:hover {
	color: #cc0000;
	cursor: pointer;
}

#navigatie ul ul li.active:hover { 
	
}

#navigatie ul ul {
	position: relative;
	float: right;
	width: 29%;
	margin: 12px 1% 0 0;
}

#navigatie ul ul a {
	margin: 0 8px 0 14px;
}

#navigatie ul ul li.parent-li {
	width: 100%;
}

#navigatie ul ul li.child-li {
	
}

#navigatie a, #navigatie span.parent-horizontaal-a {
	float: left;
	display: block;
	width: auto;
	padding: 10px 4px 10px 4px;
	font-size: 16px;
	letter-spacing: 1.1px;
	text-decoration: none;
	white-space: nowrap; 
	text-transform: uppercase;
	color: #000000;
}

#navigatie span.parent-horizontaal-a {
	color: #cc0000;
}

#navigatie ul.meer-dan-een span.parent-horizontaal-a {
	color: #000000;
}

#navigatie ul.meer-dan-een span.parent-horizontaal-a:hover {
	color: #cc0000;
}

#navigatie ul.meer-dan-een span.parent-horizontaal-a.active  {
	color: #cc0000;
		cursor: default;
}


#navigatie i.icons-basis-angle-down {
	line-height: 16px;
}

#navigatie a:hover, 
#navigatie a i.icon-angle-right, 
#navigatie a:hover i.icon-angle-right, 
#navigatie li.active a i.icon-angle-right {
	color: #cc0000;
}

#navigatie .navigatie-menu-holder {
	position: relative;
	float: left;
	width: 70%;
}

#navigatie .navigatie-menu-holder h2 {
	display: block;
	color: #99918b;
}

#navigatie .navigatie-menu-holder-foto  {
	position: relative;
	float: left;
	width: 49%;
	margin: 12px 0 0 1%;
}

#navigatie .navigatie-menu-holder-foto img  {
	float: left;
	border: 0; 
	width: 100%;
	height: auto;
}

#navigatie .navigatie-menu-holder-tekst  {
	position: relative;
	float: left;
	width: 45%;
	margin: 4px 0 0 0;
	padding: 0 2% 0 3%;
}

#navigatie .navigatie-menu-holder-tekst h2  {
	text-align: left;
	font-size: 24px;
	line-height: 30px;
	margin: 4px 0 8px 0;
}

#navigatie .navigatie-menu-holder-tekst p  {
    font-size: 16px !important;
	margin: 0 0 6px 0;
    font-weight: 100 !important;
	line-height: 22px !important;
	color: #99918b;
	text-align: left;
}

#menu {
	position: relative;
	background-color: transparent;
	margin: 0 0 0 0;
	z-index: 901;
	float: right;
	display: inline-block;
	margin: 2px 2px 0 0;
}

.iphone-toggle {
    background-color: #424242;
    height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    position: relative;
}

#toggle-navigatie {
    float: right;
    padding: 0 5px 0 0;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    color: #ffffff;
    display: block;
    font-size: 14px;
    margin: 10px 40px 0 0;
}

.toggle-navigatie, .toggle-navigatie a {
    display: block;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
	color: #444444;
    font-size: 32px;
    position: absolute;
    right: 10px;
	top: 8px;
    right: 10px;
    font-size: 24px;
}

.toggle-navigatie  {
	display: none;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	display: none;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder,
#toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home  {
	color: #cccccc !important;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder, 
#toggle-navigatie a i.icon-home, #toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home  {
    color: #000000 !important;
}

#navigatie a i.icon-angle-right, #navigatie a i.icons-basis-angle-right {
	color: #cccccc !important;
}

#navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right,
#navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right  {
	color: #000000 !important;
}

#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down,
#navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down  {
	color: #000000 !important;
	line-height: 12px;
}


/* snelle correctie werkvoorbereiding proggen */

#container-3 {
	margin-top: 63px !important; 
											margin-top: 70px !important; 
}

.arrow-default {
	transition: .3s;
}

.arrow-rotated {
    transform: rotate(-90deg);
}





	/* 1. groter dan 960px */
	@media only screen and (min-width: 960px) {
		
		
#navigatie li:before {
    margin: 0 1px 0 1px;
    width: 1px;
}

#navigatie ul li {
    margin: 0 5px 0 0;
}

#navigatie li div.menu-responsive  {
	display: block;
	z-index: 1;
	position: absolute;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	min-height: 280px;
	width: 1064px;
	right: 0;
	background-color: #FCF8F5;
	border: 1px solid #000000;
}

#navigatie a, #navigatie span.parent-horizontaal-a {
	padding: 10px 1px 10px 1px;
	font-size: 16px;
	letter-spacing: 1.1px;
}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right,
#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right   {
	display: none;
}

#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down,
#navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down,
#navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie  span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active  span.parent-horizontaal-a i.icons-basis-angle-down {
	top: 20px;
	padding-left: 4px;
	font-size: 16px;
	color: #ffffff;
}

#navigatie li:hover div.menu-responsive {
	
}

div#navigatie li div.menu-responsive {
	display: none;
	z-index: 1;
}

#navigatie li:hover div.menu-responsive {
	display: block;
}

#navigatie li.webkit-hover-active div.menu-responsive {
	display: block;
}



/* snelle correctie werkvoorbereiding proggen */

div video {
	width: 100% !important;
	height: auto !important;
	max-height: 56.25vw !important;
}

video {
	border: 0;
}

body.geen-quote #container-1 #header .quote .content span.positie-left, body.geen-quote #container-1 #header .quote .content span.positie-right {
	display: none;
}

	
	}

	

	/* 1. Groter dan 1280px (1280px) */
	@media only screen and (min-width: 1280px) {
		
		
#navigatie li:before {
    margin: 0 1px 0 1px;
    width: 1px;
}

#navigatie ul li {
    margin: 0 5px 0 0;
}

#navigatie li div.menu-responsive {
	display: block;
	z-index: 1;
	position: absolute;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	min-height: 280px;
	width: 1090px;
	right: 0;
	background-color: #ffffff;
	border: 1px solid #000000;
}

#navigatie a, #navigatie span.parent-horizontaal-a {
	padding: 10px 9px 10px 11px;
	font-size: 16px;
	letter-spacing: 2.1px;
}

div#navigatie li div.menu-responsive {
	display: none;
	z-index: 1;
}

#navigatie li:hover div.menu-responsive {
	
}

#navigatie li:hover div.menu-responsive {
	display: block;
}

#navigatie li.webkit-hover-active div.menu-responsive {
	display: block;
}

/* snelle correctie werkvoorbereiding proggen */


div video {
	width: 100% !important;
	height: auto !important;
	max-height: 56.25vw !important;
}

video {
	border: 0;
}

body.geen-quote #container-1 #header .quote .content span.positie-left, body.geen-quote #container-1 #header .quote .content span.positie-right {
	display: none;
}



	}


	
	
	/* 4. Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
#container-3 {
    margin-top: 50px !important;
}

#navigatie i {
	display: block;
}

.iphone-toggle {
	margin: 8px 8px 0 0;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	float: right;
    display: block;
    margin: 12px 44px 0 0;
	color: #5A6987;
	font-size: 18px;
}

.toggle-navigatie, .toggle-navigatie a {
	display: block;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 32px;
	color: #ffffff;
}

#toggle-navigatie a:hover i.icon-reorder {
	color: #cccccc !important;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	color: #ffffff;
}

#navigatie {
	position: relative;
		position: absolute;
	right: 0;
	margin: 240px 0 0 0 !important;
		padding: 20px 0 40px 0;
	display: none;
	background-color: #FCF8F5;
	z-index: 100;
}

#navigatie ul {
	width: 100%;
	width: 78%;
	margin: 0 10% 0 10%;
	padding: 0 0 0 2%;
	background-color: #F9EDE8 !important; 
	float: left;
}

#navigatie ul.navigatie.screen-device {
	display: none !important; 
}

#navigatie ul ul {
    margin: 0;
    position: relative;
}

#navigatie ul li  {
	float: none !important;
	width: 100%;
}

#navigatie ul li.active:hover {

}

#navigatie ul li.parent-horizontaal-li.active { 

}

#navigatie ul li.parent-horizontaal-li.active:hover { 

}

#navigatie span.parent-horizontaal-a {
    color: #000000;
}

#navigatie span.parent-horizontaal-a:hover, #navigatie span.parent-horizontaal-a.active {
	color: #cc0000;
}

span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-down {
    line-height: 22px;
    color: #cc0000 !important;
}

#navigatie ul.meer-dan-een li.active span.parent-horizontaal-a i.icons-basis-angle-down {
	color: #cc0000 !important;
	top: 12px;
    right: 8px;
}


#navigatie .parent-a.active  {
	color: #cc0000 !important;
}

#navigatie .parent-li.active  i.icons-basis-angle-down, #navigatie .parent-li.active  i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie a, #navigatie span.parent-horizontaal-a {
	float: none !important;
	display: block;
	position: relative;
	margin: 0 8px 0 8px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	text-align: left;
	font-size: 17px !important;
}

#navigatie a:hover, #navigatie span.parent-horizontaal-a:hover {
	
}

#navigatie ul ul a {
	margin: 0 8px 0 64px;
	color: #5A6987 !important;
}

#navigatie ul ul a:hover {
	color: #cc0000 !important;
}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right,
#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
}

#navigatie a:hover, 
#navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right,
#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down  {
	color: #cc0000 !important;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
	float: none;
}

#navigatie ul ul {
	width: 98%;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}

#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right, #navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down,
#navigatie span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-down {
    position: absolute;
    top: 17px;
    right: 2px;
    font-size: 16px;
    color: #5A6987 !important;
    display: block;
}

#navigatie li.active a:hover i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-down, 
#navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down {
	color: #cc0000 !important;
}

#navigatie span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-down {
	line-height: 22px;
}

div#navigatie li div.menu-responsive {
    margin-top: 0;
}

#navigatie ul ul li { 

}

#toggle-navigatie {
    margin: 10px 20px 0 0;
	padding: 0 5px 0 0;
	display: fixed;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    margin: 4px 70px 0 0;
    color: #444444;
    font-size: 14px;
							font-size: 24px;
	display: block;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
    color: #444444;
			font-size: 28px;
			top: 19px;
			right: 135px;
	position: absolute;
}

#toggle-mobile-telefoon {
    float: right;
    width: 10%;
    margin: 25px 0 0 0;
    margin: 15px 5px 0 0;
}

.toggle-navigatie {
    display: block;
    z-index: 113;
}


#navigatie li.active li.parent-li.active i.icon-angle-right, 
#navigatie li.active li.parent-li.active i.icons-basis-angle-right {
    color: #cc0000 !important;
}

#navigatie li.active li.parent-li i.icon-angle-right, 
#navigatie li.active li.parent-li i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.parent-li a:hover i.icon-angle-right, 
#navigatie li.active li.parent-li a:hover i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie li.active li.child-li i.icon-angle-right, 
#navigatie li.active li.child-li i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.child-li.active i.icon-angle-right, 
#navigatie li.active li.child-li.active i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.child-li a:hover i.icon-angle-right, 
#navigatie li.active li.child-li a:hover i.icons-basis-angle-right {
	color: #cc0000 !important;
}




	}
	


	/* 5. All Mobile Sizes (devices and browser) groot blok */
	@media only screen and (max-width: 767px) {

	
div#navigatie li div.menu-responsive {
    margin-top: 0;
	width: 100%;
	float: left;
	background-color: #F9EDE8 !important;
}

#toggle-navigatie  {
	position: relative;
	float: right;
	padding: 0 5px 0 0;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    display: block;
    margin: 4px 40px 0 0;
	color: #444444;
	font-size: 14px;
}

#navigatie i {
	display: block;
}

.toggle-navigatie {
	display: block;
	z-index: 113;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 28px;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	color: #ffffff;
}

#navigatie {
	position: absolute;
	left: 0;
			margin: 130px 0 0 0 !important;
			padding: 20px 0 40px 0;
	display: none;
	z-index: 100;
	background-color: #FCF8F5;
}

#navigatie ul.navigatie.screen-device {
	display: none !important; 
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}

#navigatie ul ul {
    float: left;
    margin: 0;
    position: relative;
}

#navigatie ul {
	width: 100%;
	font-size: 16px;
	width: 78%;
	margin: 0 10% 0 10%;
	padding: 0 0 0 2%;
	background-color: #F9EDE8 !important; 
	border-bottom: none !important;
	float: left;
}

#navigatie ul li { 
	width: 100%;
	float: left !important;
}

#navigatie ul li a:hover {
	color: #cc0000 !important;
}

#navigatie ul li.active:hover { 

}

#navigatie ul li.parent-horizontaal-li ul {
	display: block !important;
}

#navigatie ul li.parent-horizontaal-li.active { 
 
}

#navigatie ul li.parent-horizontaal-li.active:hover {

}

#navigatie a, #navigatie span.parent-horizontaal-a {
	float: none !important;
	display: block;
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 8px 0 8px;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#navigatie a:hover, #navigatie span.parent-horizontaal-a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 0px;
}

#navigatie ul li.parent-horizontaal-li a.parent-horizontaal-a, #navigatie ul li.parent-horizontaal-li span.parent-horizontaal-a {
	padding: 20px 0 20px 0 !important;
}

#navigatie ul li.parent-horizontaal-li a.active.parent-horizontaal-a.active, #navigatie ul li.parent-horizontaal-li span.parent-horizontaal-a.active {
	padding: 20px 0 20px 0 !important;
}

#navigatie ul li.parent-horizontaal-li a:hover.parent-horizontaal-a, #navigatie ul li.parent-horizontaal-li span:hover.parent-horizontaal-a {
	padding: 20px 0 20px 0 !important;
}

#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right, #navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down,
#navigatie span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-down {
    position: absolute;
    top: 17px;
    right: 2px;
    font-size: 16px;
    color: #5A6987 !important;
    display: block;
}

#navigatie li.active a:hover i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-down, 
#navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down {
	color: #cc0000 !important;
}

#navigatie span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-right, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down, #navigatie span.parent-horizontaal-a:hover i.icons-basis-angle-down, #navigatie li.active span.parent-horizontaal-a i.icons-basis-angle-down {
	line-height: 22px;
	color: #cc0000 !important;
}

#navigatie span.parent-horizontaal-a i.icons-basis-angle-right, #navigatie span.parent-horizontaal-a i.icons-basis-angle-down {
	color: #000000 !important;
}

#navigatie .parent-a.active  {
	color: #cc0000 !important;
}

#navigatie .parent-li.active  i.icons-basis-angle-down, #navigatie .parent-li.active  i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie span.parent-horizontaal-a {
	color: #000000;
}

#navigatie span.parent-horizontaal-a:hover, #navigatie span.parent-horizontaal-a.active {
	color: #cc0000;
}

#navigatie ul ul a {
	margin: 0 8px 0 64px;
	color: #000000 !important;
}

#navigatie ul ul a:hover {
	color: #cc0000 !important;
}

#navigatie ul ul li { 

}

#navigatie ul ul li.active a.active {
	color: #cc0000 !important;
}

#navigatie ul ul li.active:hover { 

}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
}																								

#navigatie li.active li.parent-li.active i.icon-angle-right, 
#navigatie li.active li.parent-li.active i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie li.active li.parent-li i.icon-angle-right, 
#navigatie li.active li.parent-li i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.parent-li a:hover i.icon-angle-right, 
#navigatie li.active li.parent-li a:hover i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie li.active li.child-li i.icon-angle-right, 
#navigatie li.active li.child-li i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.child-li.active i.icon-angle-right, 
#navigatie li.active li.child-li.active i.icons-basis-angle-right {
	color: #5A6987 !important;
}

#navigatie li.active li.child-li a:hover i.icon-angle-right, 
#navigatie li.active li.child-li a:hover i.icons-basis-angle-right {
	color: #cc0000 !important;
}

#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
    line-height: 22px;
}

#navigatie a:hover, 
#navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	color: #cc0000;
}

#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
	line-height: 22px;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst {
	width: 100%;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
	float: none;
}

#navigatie ul ul {
	width: 98%;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}

#navigatie ul.meer-dan-een li.active span.parent-horizontaal-a i.icons-basis-angle-down {
	color: #cc0000 !important;
	top: 14px;
    right: 8px;
}



	}


	
	/* 6. Mobile Landscape Size to Tablet Portrait (devices and browsers) grotere kleine versie mobile Firefox */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

#navigatie { 

}

#toggle-navigatie {
	margin: 10px 20px 0 0;
}


	}
	


	/* 7. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)  kleine versie mobile Firefox*/
	@media only screen and (max-width: 479px) { 

	
	
#navigatie { 

}

#toggle-navigatie {
	margin: 10px 20px 0 0;
}



	}