@charset "utf-8";
/* CSS Document */
body {
	background-color: #2e373e;
}
 section {
			  display: flex;
			  flex-direction: column;
			  justify-content: space-between;
			  min-height:100vh;
		  }
		  
		  
		  
		  header {
			  flex: 0 0 100px;
			  background-color: #2e373e;
			  position: fixed;
			  width: 100%;
			  height: 80px;
			  z-index: 997;
		  }
		  footer {flex: 0 0 250px;
			  background-color: #2e373e;
		  }

		  article {
			  margin-top: 60px;
			  background-color: #2e373e;
			  flex:1;
			  
		  }
	.article-foto {
			  margin-top: 140px;
			  background-color: #fae5d3  ;
			  flex:1;
			  
		  }
.article-page-pano {
	position: fixed;
			  margin-top: 1400px;
			  background-color: white;
	color: white;
			 		  
		  }
.article-grid {
			  margin-top: 30px;
	padding-bottom: 10px;
			  background-color: white  ;
			  flex:1;
			  
		  }
slider{
	
	z-index: -999;
	}
content p, h1 {
	margin-left: 25px;
			  margin-right: 25px;
			  text-align: justify;
	
}
article-fotopage p, h1 {
	margin-left: 0px;
	margin-right: 25px;
	text-align: justify;
	color: black;
	}
article-fotopage h3 {
	margin-bottom: 0px;
			  margin-right: 25px;
			  text-align: justify;
	color: black;
	}

.bg04 {
	background-image: url(../graph/bg_04.jpg);
	background-size: cover;
}

.bg05 {
	background-image: url(../graph/bg_05.jpg);
	background-size: cover;
	
}

.xxx{
	heigt=100px;
}

.black {
	background-color: black;
}
.menu04 {
			  box-sizing: border-box;
	          background-color: black;
	     	   width: 100%;
			  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
			  font-size: 24px;
			  font-weight: 400;
			  text-align: center;
			  padding-left: 5px;
			  padding-right: 5px;
			  height:22px;
	letter-spacing: 0.2em;
	
			  }	
.content {
	position: relative;
	height: 100%;
	
}
.tekst-content {
	  margin-top: 0px;
	  margin-left: 20px;
	  margin-right: 20px;
	  text-align: justify;
	background-color: white;
	height: 100%;			  
		  }	 
.grid-content {
	  margin-top: 60px;
	  margin-left: 20px;
	  margin-right: 20px;
	  text-align: justify;
	background-color: white;
	height: 100%;			  
		  }	 
.foto-content {
	  margin-top: 80px;
	  margin-left: 20px;
	  margin-right: 20px;
	  text-align: justify;
	background-color: white;
	height: 100%;			  
		  }	 
.foto-content h1 {
	margin-top:10px;
	color: black;
}

}
.foto-content p {
	margin-right: 120px;
	padding-right: 50px;
	color: black;
}
.pano-content {
	  margin-top: 25px;
	  margin-left: 20px;
	  margin-right: 20px;
	  text-align: justify;
	background-color: white;
	color: grey;
	text-align: right;
	font-size: 0.9em;
	
	height: 100%;			  
		  }

.tekst-bio {
	  margin-top: 75px;
	  margin-left: 20px;
	  margin-right: 200px;
	margin-bottom: 50px;
	font-size: 1.5em;
	  text-align: justify;
	background-color: white;
	height: 100%;			  
		  }	 
 
.floatleft03 {
float: left;
width: 200px;
margin: 0 20px 0 0;
padding: 0px;
}
.floatleftbio {
float: left;
width: 80px;
margin: 0 20px 0 0;
padding: 0px;
}
.kader{
	margin-top: 30px;
	margin-left: 20px;
	max-width: 1000px;
}
div.floatleft03 img
{
border-top: 2px solid #000;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
border-color: black;
}
.tekstfloat{
			text-align: justify;
			margin-right: 20px;
			line-height: 1em;
	color: white;
}
main {
	 flex-grow: 0;
      overflow: auto;	
	background-color: white;
    }

.carousel .carousel-item {
    transition-duration: 0.5s;
}
.linkfotopage a, hover, visited, link, active {
	color: black;
	text-decoration: none;
	
}
.kleinetekst a {
	font-size: 0.7em;
	color: white;
}
.black a {
	color: white;
	background-color: olivedrab;
	display: block;
	text-decoration: none;
	
}

.lightbox {
	margin-right: 100px;
}
#mc div {
	column-count:2;
	column-width: 35em;
	column-gap: 30px;
	column-rule: solid 0px white;
}
.pano {
	margin-top:60px;
	background-color: white;
	
}
.thumbs-pano {
	margin-top: 1500px;
	width: 500px;
	background-color: yellow;
	
		
}
.width500 {
	position: relative;
	margin-top: -50px;
	margin-bottom: 50px;
	width:500px;
}
.width1200 {
	position: relative;
	margin-bottom: 50px;
	width:1200px;
}
.width750 {
	position: relative;
	align: center;
	margin-bottom: 50px;
	margin-left:150px;
	max-width:  width:1200px;
}