@charset "utf-8";
/* ARtEZ Expo */
/* door MOStudio/Twan Verheijen, september 2025 */

body, html 
{
	font-family: "Century Gothic", Helvetiva, verdana, arial;
	padding-bottom: 0px; 
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #ffcc66;
}

@media screen and (orientation: portrait)
{
	body { overflow: auto; }
	
	#venster { 	width: 750px; }

	#S2 { margin-top: -280px; margin-left: 175px; }
	
	#S3 { margin-top: -280px; 	margin-left: 350px; }
	
	#S4 { margin-top: -280px; 	margin-left: 525px; }
	
	#S5 { margin-top: 4px; 	margin-left: 0px; }
	
	#S6 { margin-top: -280px; 	margin-left: 175px; }
	
	#S7 { margin-top: -280px; 	margin-left: 350px; }
	
	#S8 { margin-top: -280px; 	margin-left: 525px; }
	
	#S9 { margin-top: 4px; 	margin-left: 0px; }
	
	#S10 { margin-top: -280px; 	margin-left: 175px; }
	
	#S11 { margin-top: -280px; 	margin-left: 350px; }
	
	#S12 { margin-top: -280px; 	margin-left: 525px; }
	
	#S13 { margin-top: -280px; 	margin-left: 525px; }
	
} /*PORTRAIT*/



#overall_container
{
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-left:auto;
	margin-right: auto;
	background-color: #e4c256;
}

#venster {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}


#S1, #S2, #S3, #S4, #S5, #S6, #S8, #S9, #S10, #S11, #S12, #13 {
	position: relative;
	width: 171px;
	height: 277px;
	border: none;
}

#S7 {
	position: relative;
	width: 90%;
	height: 50px;
	border-top: rgb(0,0,0) solid 1px;
}

#S2 { margin-top: -280px; margin-left: 175px; }

#S3 { margin-top: -280px; 	margin-left: 350px; }

#S4 { margin-top: -280px; 	margin-left: 525px; }

#S5 { margin-top: -280px; 	margin-left: 700px; }

#S6 { margin-top: -280px; 	margin-left: 875px; }

#S7 { margin-top: 0px; 	margin-left: 0px; }

#S8 { margin-top: -280px; 	margin-left: 175px; }

#S9 { margin-top: -280px; 	margin-left: 350px; }

#S10 { margin-top: -280px; 	margin-left: 525px; }

#S11 { margin-top: -280px; 	margin-left: 700px; }

#S12 { margin-top: -280px; 	margin-left: 875px; }

#S13 { margin-top: -280px; 	margin-left: 875px; }

img { width: 171px; height: 277px; }

#A7A, #A7B { height: 60% !important; padding-top: 30px !important; margin-left: auto !important; margin-right: auto !important; }

#A1A, #A2A, #A3A, #A4A, #A5A, #A6A, #A7A, #A8A, #A9A, #A10A, #A11A, #A12A, #A13A { display: block }

#A1B, #A2B, #A3B, #A4B, #A5B, #A6B, #A7B, #A8B, #A9B, #A10B, #A11B, #A12B, #A13B { display: none }

#T1, #T2, #T3, #T4, #T5, #T6, #T7, #T8, #T9, #T10, #T11, #T12, #T13	{
	margin-top: -280px;
	text-align: center;
	width: 171px;
	height: 275px;
	color: rgb(0,0,0); 
	display: none;
}

a { text-decoration: none; }