html,
body {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
}


#header{

	flex-basis: 40px;
	flex-shrink: 0;
	flex-grow: 0;
	
	display: flex;
	flex-direction: row;
}

#container {

	flex-grow: 1;
	overflow: auto; 
	
	display: flex;
	flex-direction: row;
}

#htmlkant{
	flex-basis: 50%;
	
	display: flex;
	
	flex-direction: column;

}


 #map {
	flex-basis: 50%;

	

	border-left:groove 4px Gray;

}


#breadcrumb {
	flex-basis: 36px;
	flex-shrink: 0;
	flex-grow: 0;
	color: #FFF;
	background-color: #383838;
	line-height: 36px;
	padding-left: 12px;
}
	
	
#breadcrumb .chevronright {
	font-size: 12px; 
	padding-left: 8px; /* fa fa icons zijn inline-block elementen zodat deze ook een padding kunnen hebben */
}


#breadcrumb .breadcrumb {
	cursor: pointer;
}

#container2 {
	
	flex-shrink: 1;
	flex-grow: 1;
	overflow: auto; 
	display: flex;
	
	flex-direction: row;


}



#nav1{
	flex-basis: 40%;
	overflow: auto; 

	display: flex;
	flex-direction: column;
}

	 .nav1title {
		flex-basis: 36px;
		flex-shrink: 0;
		flex-grow: 0;
	 }


	.nav1 .nav1content {
		flex-shrink: 1;
		flex-grow: 1;
		overflow: auto; 
	}


#content{
	flex-basis: 60%;
	overflow: auto; 
	
	display: flex;
	flex-direction: column;

}


			.Contenttitle {
				flex-basis: 36px;
				flex-shrink: 0;
				flex-grow: 0;
				overflow: hidden;
			}



			#ContentContent { 
				flex-shrink: 1;
				flex-grow: 1;
				overflow: auto; 
			}


			.ContentNav { 

				flex-basis: 40px;
				flex-shrink: 0;
				flex-grow: 0;
				display: flex;
				
			}

			.Contentnextprevious {
				flex-basis: 36px;
				flex-shrink: 0;
				flex-grow: 0;
				overflow: hidden;
				display: flex;

			}
			.Contentnextprevious .control-left {
				display: flex;
				 align-items: center;
			}

			.Contentnextprevious .control-right {
				display: flex;
				 align-items: center;
			}


* {
  margin: 0;
  box-sizing: border-box;
}




.md-icon {
	margin: auto;
	background-repeat: no-repeat no-repeat;
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
	height: 24px;
	width: 24px;
	min-height: 24px;
	min-width: 24px;
}