@font-face {
		font-family: 'xfiles'; /* De naam die je wilt gebruiken voor het font */
		src: url('../lettertypen/x-files.ttf') format('truetype'); /* Pad naar je xfiles.ttf bestand */
		font-weight: normal; /* Gewicht van het font (normaal) */
		font-style: normal;  /* Stijl van het font (normaal) */
	}
	
		

	
	.header {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		color:#F00;
		font-size:40px;
	}
	
	.soortartikel {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		color: #963;
		font-size:12px;
		font-weight:bolder;
	}
	
	.broodkruimel {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		color: #963;
		font-size:14px;
	}
	
	.artikelkop {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:30px;
		color:#F00;
	}
		
	.boekheader {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:30px;
		color:#000;
		line-height: 40px;
	}
	
	.onderwerp, .auteursnaam {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:16px;
		color:#F00;
	}
		
	.boektitel {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:14px;
		color:#000;
		margin-left: 20px;
	}
	
	.artikeltekst {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:14px;
	}
	
	.subkop {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:16px;
		color:#F00;
	}
	
	.footer {
		font-family: 'xfiles', sans-serif; /* Gebruik je custom font in de body */
		font-size:16px;
		border-top: 1px solid black;
		height: 120px;
		line-height: 30px;
		vertical-align:middle !important;
		padding: 30px;
	}
	
	.navbar {
      background-color: white;
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
	
	
    .navbar-nav {
      color: black !important;
	  font-family: 'xfiles', sans-serif;  Gebruik je custom font in de body 
	  font-size:18px;
    }
	
    .navbar-nav .nav-link.hover {
      color:#F00;
	  cursor: pointer;
    }
	
	.navbar-nav .nav-link{
      color:#000;
	  cursor:pointer;
    }


/*	.navbar-nav .nav-link.active {
      color:#F00;
	}*/
	
	.navbar-toggler-icon {
      background-color: #FFF;
    }
	
	.active {
		color:#F00 !important;
	}
	
	.hover {
		cursor:pointer;
	}
	
	.dropdown-menu {
      background-color: white;
      border: 1px solid black;
    }

    .dropdown-item {
      color: black;
    }

    /* Verander de kleur van de dropdown-item bij hover */
    .dropdown-item:hover {
      background-color: #f8f9fa;
    }
	
	.image-wrap {
      float: left; /* Float the image to the left */
      margin-right: 20px; /* Add some space between the image and text */
      margin-bottom: 10px; /* Optional: add space below the image */
    }
	

	
	.artikel:link {
		text-decoration:none;
		color:#000;
	}
	
	.artikel:visited {
		color:#000;
	}
	
	.artikel:hover {
		cursor:pointer;
		color:#F00;
	}
	
	
	.rodelink:link {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		color:#F00;
		font-weight:bold;
	}
	
	.rodelink:visited {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		color:#F00;
		font-weight:bold;
	}
		
	.rodelink:hover {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		cursor:pointer;
		color:#F00;
		font-weight:bold;
	}
	
	
		
	
	.broodkruimellink:link {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		color:#963;
	}
	
	.broodkruimellink:visited {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		color:#963;
	}
		
	.broodkruimellink:hover {
		text-decoration:none;
		font-family: 'xfiles', sans-serif;
		cursor:pointer;
		color:#963;
	}