@font-face {
    font-family: 'Roboto';	
    font-style: normal;
	font-weight: 700;
	src: local('Roboto'), local('Roboto'), url("../fonts/RobotoCondensed-Light.ttf")  format('truetype');
	  }
@font-face {
	font-family: "Roboto Regular";
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Regular'), local('Roboto Regular'), url("../fonts/Roboto-Regular.ttf") format('truetype');
}

	#breadcrumb{

	list-style-type:none;
	padding:0;
	margin:0;
	

			
  background: #0288D1;
	  border-width: 0px;
	  border-style: solid;
	  border-color:  #e5e5e5 #ccc;
	  -moz-border-radius: 0px;
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	  -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	  box-shadow: 0 0 2px rgba(0,0,0,.2);
	  overflow: hidden;
	  width: 100%;
	}
	
	#breadcrumb li{
	  float: left;
	}
	

	
	#breadcrumb a{
	  padding: .7em 0.4em .7em 1.4em;
	  float: left;
	  text-decoration: none;
	  font-size: 12px;
	  font-family: 'Roboto Regular';
	  color: #111;/*kleur tekst*/
	  position: relative;
	  text-shadow: ;
	  background-color: #FFFFFF;
	  background-image: -webkit-gradient(linear, left top, right bottom, from(#000000), to(#000000));
	  background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -moz-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -ms-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -o-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);/* gradient van de vierkante vlakken met links */  
	}
	
	#breadcrumb li:first-child a{
	  padding-left: .8em; /* afstand voor het eerste item */
	  -moz-border-radius: 0px 0 0 0px;
	  -webkit-border-radius: 0px 0 0 0px;
	  border-radius: 0px 0 0 0px;
	}
	
	#breadcrumb a:active{
	  background: #f5f5f5;
	}
	
	#breadcrumb a::after,
	#breadcrumb a::before{
	  content: " ";
	  font-family: 'Roboto Regular';
	  position: absolute;
	  top: 50%;
	  margin-top: -1.97em;   
	  border-top: 1.97em solid transparent;
	  border-bottom: 1.97em solid transparent;
	  border-left: 1.1em solid;
	  right: -1em;
	}
	
	#breadcrumb a::after{ 
	  z-index: 2;
	  border-left-color: #FFFFFF;  /* kleur van de driehoeken */
	}
	
	#breadcrumb a::before{
	  border-left-color: #ccc;  /* kleur van de > */
	  font-family: 'Roboto Regular';
	  right: -1.1em;
	  z-index: 2; 
	}
	
	#breadcrumb .current,
	#breadcrumb .current:hover{
	  font-style: bold;
	  font-family: 'Roboto Regular';
	  color: #FFFFFF;
	  font-weight: normal;
	  background: none;
	}
	
	#breadcrumb .current::after,
	#breadcrumb .current::before{
	  content: normal;  
	}