@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'akzidenz-grotesk-regular';
    src: url('akzidenzgrotesk-extended-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk-medium';
    src: url('akzidenzgrotesk-mediumextended-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-mediumextended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
background-color:#0f143a	;
		width:100%;
		height:100%;
		
	
	}

body p {
	font-family: 'akzidenz-grotesk-regular';
	font-size:14px;

	
	}


a:link {color: white; text-decoration:none;}
a:visited {color: #D5D5D5;}
a:hover {color: #B1B1B1;}
a:active {color: red;}



.logo {
	padding-top:20px;
	     margin: 0 auto;
  width: 100px;
  height: 100px;

	}
		
.menu p {
	font-size:16px;
	
	}		
	

	
	
.gauche {
	width:50%;
	height:380px;
	position:relative;
	float:left;	
	}	
	
	
.enlarge {
	width:373px;
	height:353px;
	overflow:hidden;
	position:relative;

	}	
	
#largeImg{
	width:420px; 
	height:420px;
		margin-left:30px;
		margin-top:5px;
	overflow:hidden;


	}

.more--thumbs{
	width:355px;
  position:relative;  
/* 	display: inline; */
	  margin: 0 auto;
	margin-top:0px;
}

.more--thumbs img{
	width:110px;
	height:110px;
	flex-direction: row;
	margin-left:5px;
		margin-top:5px;

	
}

.more--thumbs img:hover{
	cursor: pointer;
	opacity:0.8;
}

.more--thumbs1 {
	width:710px;
  position:relative;  
/* 	display: inline; */
	  margin: 0 auto;
	margin-top:0px;
}

.more--thumbs1 img{
	width:110px;
	height:110px;
	flex-direction: row;
	margin-left:5px;
		margin-top:5px;

	
}

.more--thumbs1 img:hover{
	cursor: pointer;
	opacity:0.8;
}

.galerie {
	width:100%;
	height:390px;
	position:relative;
	
	}	
	
	
.galerieindex {
	width:350px;
	height:400px;
	position:relative;
	 margin: 0 auto;
	 	}		
	
.galerieindex img {
	width:110px;
	height:110px;
	}

	
.galerieindex ul {
	padding:0 ;
	}	
	
	
#one {
	margin-left:0px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
#one:hover {
	opacity:0.8;
	}		
	
	
#two {
		margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
#two:hover {
	opacity:0.8;
	}		
	
#three {
	margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}		
	
	#three:hover {
	opacity:0.8;
	}	
	
#four {
		margin-left:0px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
	#four:hover {
	opacity:0.8;
	}	
	
#five {
		margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
	#five:hover {
	opacity:0.8;
	}	
	
#six {
	margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
	#six:hover {
	opacity:0.8;
	}	
	
#seven {
	margin-left:0px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
	#seven:hover {
	opacity:0.8;
	}	
	
#eight {
		margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}	
	
	#eight:hover {
	opacity:0.8;
	}	
	
#nine {
		margin-left:10px;
		margin-top:5px;
		margin-bottom:6px;
		position:relative;
	width:110px;
	height:110px;
	list-style:none;
	float:left;
	}							
	
#nine:hover {
	opacity:0.8;
	}		
	
	
.textegras {
	font-size:14px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}
		
.textegras1 {
	margin-top:120px;
	font-size:14px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}			
	
	
.piedpage {
	text-align: center;
	width: 100%;
	font-family: 'akzidenz-grotesk-regular';
	font-size: 14px;
	margin-bottom: 10px;
	position: relative;
	color: white;	
	}	
	
	
	
@media screen and (max-device-width: 480px)
{

.logo {
  width: 200px;
  height: 200px;

	}
	
.logo img {
  width: 200px;
  height: 200px;

	}	
	
.galerie {
	margin-bottom:70px;
	width:100%;
	height:auto;
		margin-top:80px;

	}	
	
.galerieindex {
	margin-top:75px;
	width:580px;
	height:600px;
	 left:15px;
	margin-bottom:80px; 
	 	}		
	
.galerieindex img {
	width:180px;
	height:180px;
	}	
	
#one {
		margin-top:10px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	
	
#two {
	margin-left:20px;
		margin-top:10px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}
	
#three {
	margin-left:20px;
		margin-top:10px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	
	
#four {
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	
	
#five {
	margin-left:20px;
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}
	
#six {
	margin-left:20px;
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}		
	
#seven {
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	

#eight {
	margin-left:20px;
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	
	
#nine {
	margin-left:20px;
		margin-top:80px;
		margin-bottom:11px;
	width:180px;
	height:180px;
	
	}	
	
	.gauche {
	position:relative;
	 margin: 0 auto;
	 margin-top:70px;
	width:580px;
	height:600px;
	float:none;

	}	
	
	.more--thumbs1 {
	width:600px;
  position:relative;  
/* 	display: inline; */
	float:none;
	margin-top:20px;
	
}

.more--thumbs1 img{
	width:180px;
	height:180px;
	flex-direction: row;
	margin-left:15px;
		margin-top:15px;

	
}
	
.enlarge {
	display:none;
	}			
	
.textegras {
	font-size:14px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}	
	
.textegras1 {
	margin-top:120px;
	font-size:24px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}		
	

				
													
}	

@media screen and (min-width: 0px) and (max-width: 840px) {
	

	

	
	.gauche {
	position:relative;
	 margin: 0 auto;
	 margin-top:20px;
	width:80%;
	height:500px;
	float:none;
		 

	}	
	
	.more--thumbs1 {
	width:355px;
  position:relative;  
/* 	display: inline; */
	float:none;
	margin-top:20px;
	 margin: 0 auto;
	 height:auto;	

}

.more--thumbs1 img{
	width:110px;
	height:110px;
	flex-direction: row;
	margin-left:5px;
		margin-top:5px;

	
}
	

	
.enlarge {
	display:none;
	}			
	
.textegras {
	font-size:14px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}	
	
.textegras1 {
	font-size:14px;
	 font-family: 'akzidenz-grotesk-medium';

	
	}	
	
.galerie {
	margin-bottom:10px;
	width:100%;
	height:auto;
	}	
	
	


	}