*{
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
}


#infoDiv {
	position: absolute;
	left: 1%;
	top: 1%;
	right: 1%;
	bottom: 1%;
	background-color: #BFBFBF;
	visibility: hidden;
	opacity: 0.9;

  	max-width: 100%;
  	display: flex;
  	flex-direction: column;
  	flex-wrap: nowrap;
  
}

#navBar {  
	order: 1;
  
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	background-color: #555753;
	
	max-height: 80px;
	height: 80px;
	width: 100%;
	max-width: 100%;
}

#navigation {

	display: flex;
	flex-direction: row;
  	flex-wrap: nowrap;
  
	width: 100%;
	height: 80px;

	margin-left: 2em;
	
	overflow-x: auto;
	overflow-y: hidden;
}

#navigation img {
   margin: 1em 0.1em 1em 0.1em;
   width: 60px;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.5s ease;
}

/**
.hoverNav:hover {
	-webkit-filter: grayscale(20%);
   -moz-filter: grayscale(20%);
   filter: grayscale(20%);
}**/

#navigation img:hover {
	-webkit-filter: grayscale(45%);
   -moz-filter: grayscale(45%);
   filter: grayscale(45%);
}

.selected {
	-webkit-filter: grayscale(0%) !important;
   -moz-filter: grayscale(0%) !important;
   filter: grayscale(0%) !important; 
}

#close {
	width: auto;
	height: 80px;
	padding-left:10px;
	padding-right: 2em;
}

#close img{
	
	margin: 1em 0em 1em 0em;
	width: 52px;
	filter: brightness(2.5);
}

#close img:hover{
	filter: brightness(4);
}

#infoDivName {
	order:2;
}


#content {
  	order: 3;
  	height: 100%;
	background-color: #BFBFBF;    
	  
	padding-left: 5%;
	padding-right: 5%;
	  
	overflow-y: auto;
}


#divgalerie {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2em;
	display: flex;
	height: auto;
	width: auto;
	justify-content: center;
	align-items: center;
	max-width: 100%;
}

#galerieimage {
	margin-top: 2em;
	max-width: 100%;
	max-height: 70vh;
	justify-content: center;
	object-fit: scale-down;
	background-repeat: no-repeat;
}

#imageright {
	position: absolute;
	right: 0px;
	height: 5vw;
	opacity: 80%;
}

#imageleft {
	position: absolute;
	left: 0px;
	height: 5vw;
	opacity: 80%;
}

#divright {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 50%;
}

#divleft {
	position: absolute;
	left: 0px;
	height: 100%;
	width: 50%;
}