@charset "utf-8";
/* CSS Document */
body{
	background-color : #dddddd;
	text-align : center;
	color : #333333;
	margin: 0px auto;
	padding: 0px;
	font-family: sans-serif;
}

.galleryindex{
	height: auto;
	background: white;
	width: fit-content(<length-percentage>);
	width: 80%; 
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
	
.topnavi{
	background-color: white;
	text-align:left;
	margin-top: 0px;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 0px;
	width:92%;
	padding:0px;
	display: flex;
	justify-content: space-between;
	bottom; 0px;
	}
	
.topnavi #toplinkimg{
	width:80%;
	height: 7.6%;
}
.topnavi #toplinkimg a img{
	width:100%;
}
.topnavi div.baselink {
	display:inline-block;
	width:20%;
	margin-top:auto;
	margin-bottom:auto;
	padding: 0px;
	}
.topnavi div.baselink  ul{
	width:100%;
	margin: 0px;
	padding: 0px;
	}
.topnavi div ul li{
	color : #333333;
	text-align:right;
	font-size:75%;
	list-style-position: inside;
	list-style-type: none;
	}
.topnavi div ul li a{
	color : #333333;
	}
.topnavi div ul li a:hover{
	color : #ef877b;
	text-decoration: underline;
	}
	
.toplink{
	color : #fff;
	background-color:  #D96D00;
	font-weight: bold;
	width: auto;
	height: 3.5%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}
	
.toplink h2{
	text-align: left;
	font-color : #fff;
	margin-top:	0px;
	margin-left:0px;
	margin-bottom: 0px;
	width:30%;
	height:auto;
	float:left;
	}
	
.toplink p{
	text-align: right;
	font-color: #fff;
	font-size:75%;
	display:block;
	}
.toplink p a{
	color: #fff;
	}
.toplink p a:hover{
	color: #333;
	}
.toplink span{
	color:#333;}

#copylight{
	position: relative;
	text-align:right;
	background-color:  #D96D00;
	margin: 0px;
	padding-right: 4%;
}

#worksEurope {
	position: relative;
	width: 95%;
	height: 83%;
	max-height:968px;
	list-style-position: inside;
	list-style-type: none;
	background-color: #FFF;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}
#worksEurope li{
	list-style-type: none;
	}
#worksEurope li a:hover img{
	filter: 
		drop-shadow(1px 1px 1px rgba(0,0,0,0.6))
		drop-shadow(0 0 10px rgba(255,237,81,0.6));
	}

#worksEurope li a img{
	position: relative;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.6));
}



#Europe01 {
	z-index: 15;
	position: absolute;
	width:	15.7%;
	height:	42.6%;
	left:	2.3%;
	top:	1.9%;
	}
	
#Europe02 {
	z-index: 14;
	position: absolute;
	width:	10.9%;
	height: 20.9%;
	left:	19.4%;
	top:	9.4%;
	}

#Europe03 {
	z-index: 13;
	position: absolute;
	width:	13.6%;
	height:	19.8%;
	left:	29.2%;
	top:	3.2%;
	}

#Europe04 {
	z-index: 12;
	position: absolute;
	width:	14.1%;
	height: 17.9%;
	left:	36.7%;
	top:	20.9%;
	}

#Europe05 {
	z-index: 11;
	position: absolute;	
	width:	11%;
	height:	14.9%;
	left:	44.8%;
	top:	1.4%;
	}

#Europe06L {
	z-index: 6;
	position: absolute;
	width:	16.3%;
	height:	42.9%;	
	left:	52.4%;
	top:	3.7%;
	}
	
#Europe06R {
	z-index: 6;
	position: absolute;
	width:	16.2%;
	height:	42.9%;	
	left:	69.4%;
	top:	3.7%;
	}

#Europe07 {	
	z-index: 9;	
	position: absolute;	
	width:	11.6%;
	height:	29.2%;	
	left:	81.9%;
	top:	25.2%;
	}

#Europe08 {
	z-index: 9;
	position: absolute;	
	width:	11.1%;
	height:	28.2%;	
	left:	87.3%;
	top:	1.8%;
	}
	
#Europe09 {
	z-index: 10;
	position: absolute;
	width:	53.9%;
	height:	39.1%;	
	left:	4.2%;
	top:	36.2%;
	}

#Europe10 {
	z-index: 13;
	position: absolute;	
	width:	11.6%;
	height: 15.8%;	
	left:	54.6%;
	top:	50.7%;
	}

#Europe11 {
	z-index: 0;
	position: absolute;
	width:	35.7%;
	height:	34.7%;	
	left:	62.7%;
	top:	49.4%;
	}

#Europe12 {
	z-index: 4;	
	position: absolute;
	width:	16.9%;
	height:	23.6%;	
	left:	1%;
	top:	73%;
	}

#Europe13 {	
	z-index: 15;	
	position: absolute;
	width:	34.1%;
	height:	27.8%;	
	left:	21.3%;
	top:	68.9%;
	}

#Europe14 {
	z-index: 14;	
	position: absolute;
	width:	15.3%;
	height:	22.7%;	
	left:	60.4%;
	top:	75.3%;
	}

#Europe15 {
	z-index: 1;	
	position: absolute;
	width:	13.8%;
	height: 18.4%;	
	left:	82.5%;
	top:	77.4%;
	}

@media screen and (orientation: landscape) and (max-width:1024px){

.galleryindex{
	background: white;
	width: 80%;
	aspect-ratio: 16/9;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
#worksEurope {
	position: relative;
	aspect-ratio: 16/9;
	list-style-position: inside;
	list-style-type: none;
	background-color: #FFF;
	margin-left: auto;
    margin-right: auto;
	}

.toplink{
	color : #fff;
	background-color: #D96D00;
	font-weight: bold;
	width: auto;
	vertical-align:central;
	height: 4%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}
}

@media screen and (orientation: portrait) and (max-width:480px){

.galleryindex{
	background: white;
	width: fit-content(<length-percentage>);
	width: 100%;
	height: 100%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
#worksEurope {
	position: relative;
	aspect-ratio: 16/9;
	list-style-position: inside;
	list-style-type: none;
	background-color: #fff;
	margin: auto;
	}

.toplink{
	color : #fff;
	background-color: #D96D00;
	font-weight: bold;
	width: auto;
	vertical-align:central;
	height: 4%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}


#Europe01 {
	z-index: 15;
	position: absolute;
	width:	23.8%;
	height:	21.2%;
	left:	4%;
	top:	3.2%;
	}
	
#Europe02 {
	z-index: 14;
	position: absolute;
	width:	17.4%;
	height: 11.1%;
	left:	27.1%;
	top:	1.7%;
	}

#Europe03 {
	z-index: 13;
	position: absolute;
	width:	23.8%;
	height:	11.5%;
	left:	47.4%;
	top:	4.9%;
	}

#Europe04 {
	z-index: 12;
	position: absolute;
	width:	25.9%;
	height: 10.9%;
	left:	71.1%;
	top:	1.6%;
	}

#Europe05 {
	z-index: 11;
	position: absolute;	
	width:	20.7%;
	height:	9.3%;
	left:	2.2%;
	top:	26.3%;
	}

#Europe06L {
	z-index: 6;
	position: absolute;
	width:	26.6%;
	height:	22.8%;	
	left:	25%;
	top:	16.4%;
	}
	
#Europe06R {
	z-index: 6;
	position: absolute;
	width:	26.3%;
	height:	22.8%;	
	left:	52.5%;
	top:	16.4%;
	}

#Europe07 {	
	z-index: 9;	
	position: absolute;	
	width:	17.8%;
	height:	14.6%;	
	left:	74.5%;
	top:	26.9%;
	}

#Europe08 {
	z-index: 9;
	position: absolute;	
	width:	15.9%;
	height:	13.3%;	
	left:	82%;
	top:	14.5%;
	}
	
#Europe09 {
	z-index: 10;
	position: absolute;
	width:	95.8%;
	height:	22.9%;	
	left:	2.2;
	top:	40.4%;
	}

#Europe10 {
	z-index: 13;
	position: absolute;	
	width:	24.1%;
	height: 10.9%;	
	left:	3.0%;
	top:	68.1%;
	}

#Europe11 {
	z-index: 0;
	position: absolute;
	width:	58.1%;
	height:	18.6%;	
	left:	23%;
	top:	63.3%;
	}

#Europe12 {
	z-index: 4;	
	position: absolute;
	width:	25.3%;
	height:	11.7%;	
	left:	71.6%;
	top:	73.3%;
	}

#Europe13 {	
	z-index: 13;	
	position: absolute;
	width:	56.8%;
	height:	15.3%;	
	left:	2.3%;
	top:	83.3%;
	}

#Europe14 {
	z-index: 14;	
	position: absolute;
	width:	20.6%;
	height:	10.2%;	
	left:	54.7%;
	top:	85.9%;
	}

#Europe15 {
	z-index: 1;	
	position: absolute;
	width:	21.7%;
	height: 9.6%;	
	left:	76.3%;
	top:	88.9%;
	}	

}