@CHARSET "ISO-8859-1";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
div ul { margin-left: 20px; }

@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex:  $values;
  -webkit-flex:  $values;
  -ms-flex:  $values;
  flex:  $values;
}

@mixin order($val) {
  -webkit-box-ordinal-group: $val;  
  -moz-box-ordinal-group: $val;     
  -ms-flex-order: $val;     
  -webkit-order: $val;  
  order: $val;
}

.wrapper {
  display: flex;  
  flex-flow: row wrap;
  font-weight: normal;
  text-align: left; 
}

.wrapper > * {
  padding: 0px;
  flex: 1 100%;
}

.main {
  text-align: center;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
p span {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
p {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 16px;
	max-width: 900px;
}
.clickable:hover {
	color: #00CCFF;
	text-decoration: none;
	cursor: pointer;
}
.clickable {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #00CCFF;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
a, a:visited {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}
.menu {
	position: relative;
	width: 100%;
	height: 40px;
}
.fieldset {
	border: 0px black solid;
}
.fieldset .label {
	width: 200px;
}
.fieldset .field {
	width: 300px;
}
.fieldset .field input, .fieldset .field select, .fieldset .field textarea {
	width: 300px;
}
.fieldset .field input, .fieldset .field textarea {
	margin: 2px;
	padding: 2px;
}
.fieldset .field textarea {
	height: 100px;
}
.fieldset .header {
	text-align: center;
}
.fieldset .rowspan {
	text-align: center;
}
.fieldset .bglogin {
	background-image: url('/images/bglogin.png');
}
.fieldset .bgpasswd {
	background-image: url('/images/bgpasswd.png');
}
.fieldset input[type=text].login, .fieldset input[type=password].login {
	width: 200px;
	min-width: auto;
	max-width: auto;
	height: 30px;
	padding-left: 5px;
	font-size: 16px;
}
.fieldset table.login {
	margin-left: 55px;
}

.program {
	width: 100%;
	max-width: 500px;
}
.program td {
	padding: 3px;
}

.main { 
	flex: 3 0px; 
}
.main { 
	order: 1;
}
.footer {
	order: 2; 
}

@media all and (min-width: 1920px) {

	html {
		overflow: auto;
	}
	
	body {
		overflow: auto;
		background-color: white;
		font-family: verdana, sans-serif;
		font-size: 12px;
		padding: 2em;
	}
	
	.dutch {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 50px; 
		width: 62px; 
		height: 39px; 
		background-image: url('/images/dutch.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.english {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 120px; 
		width: 61px; 
		height: 39px; 
		background-image: url('/images/english.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.menuitem {
		float: left;
		text-align: left;
		cursor: pointer;
		padding: 10px;
	}
	
	.message {
		position: absolute; 
		top: 0px; 
		left: 50%; 
		width: 600px; 
		margin-left: -300px; 
		border: 1px solid black; 
		border-radius: 5px; 
		background-color: #ffffe6; 
		font-size: 12px; 
		text-align: center;
		z-index: 999;
	}
	
	.header {
	  font-size: 2em;
	}
	
	.footer {
		font-size: 1em;
		font-weight: bold;
		text-align: center; 
	}

	.middle {
		display: flex;
	}
	.content {
		flex: 60%;
	}
	.slideshow {
		flex: 40%;
		height: 720px;
		width: 720px;
		justify-content: center;
		vertical-align: middle;
		position: relative;
	}
	.slide1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry1.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 540px 720px;
	}
	.slide2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry2.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 540px 720px;		
	}
	.slide3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry3.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 540px 720px;		
	}
	.slide4 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry4.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 386px 720px;		
	}
	.slide5 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry5.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 720px 540px;		
	}
	.slide6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry6.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 720px 540px;		
	}
	.slide7 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry7.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 540px 720px;		
	}
	.slide8 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry8.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 540px 720px;		
	}
	.slide9 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry9.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 386px 720px;		
	}
	.slide10 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry10.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 386px 720px;		
	}
	.slide11 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry11.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 333px 720px;		
	}
	.slide12 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry12.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 386px 720px;		
	}
	.slide13 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry13.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 720px 540px;		
	}
	.slide14 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry14.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 720px 540px;		
	}
	.slide15 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 720px; 
		height: 720px; 
		background-image: url('/images/alexandbarry15.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 720px 540px;		
	}

}

@media all and (min-width: 1280px) and (max-width: 1919px) {

	html {
		overflow: auto;
	}
	
	body {
		overflow: auto;
		background-color: white;
		font-family: verdana, sans-serif;
		font-size: 12px;
		padding: 2em;
	}
	
	.dutch {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 50px; 
		width: 62px; 
		height: 39px; 
		background-image: url('/images/dutch.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.english {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 120px; 
		width: 61px; 
		height: 39px; 
		background-image: url('/images/english.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.menuitem {
		float: left;
		text-align: left;
		cursor: pointer;
		padding: 10px;
	}
	
	.message {
		position: absolute; 
		top: 0px; 
		left: 50%; 
		width: 600px; 
		margin-left: -300px; 
		border: 1px solid black; 
		border-radius: 5px; 
		background-color: #ffffe6; 
		font-size: 12px; 
		text-align: center;
		z-index: 999;		
	}
	
	.header {
	  font-size: 2em;
	}
	
	.footer {
		font-size: 1em;
		font-weight: bold;
		text-align: center; 
	}

	.middle {
		display: flex;
	}
	.content {
		flex: 60%;
	}
	.slideshow {
		flex: 40%;
		height: 480px;
		width: 480px;
		justify-content: center;
		vertical-align: middle;
		position: relative;
	}
	.slide1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry1.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 480px;		
	}
	.slide2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry2.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 480px;		
	}
	.slide3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry3.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size:  360px 480px;		
	}
	.slide4 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry4.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 257px 480px;		
	}
	.slide5 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry5.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 480px 360px;		
	}
	.slide6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry6.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 480px 360px;		
	}
	.slide7 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry7.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 480px;		
	}
	.slide8 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry8.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 480px;		
	}
	.slide9 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry9.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 257px 480px;		
	}
	.slide10 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry10.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 257px 480px;		
	}
	.slide11 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry11.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 222px 480px;		
	}
	.slide12 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry12.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 257px 480px;		
	}
	.slide13 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry13.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 480px 360px;		
	}
	.slide14 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry14.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 480px 360px;		
	}
	.slide15 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 480px; 
		height: 480px; 
		background-image: url('/images/alexandbarry15.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 480px 360px;		
	}
}

@media all and (min-width: 980px) and (max-width: 1279px){

	html {
		overflow: auto;
	}
	
	body {
		overflow: auto;
		background-color: white;
		font-family: verdana, sans-serif;
		font-size: 12px;
		padding: 2em;
	}
	
	.dutch {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 50px; 
		width: 62px; 
		height: 39px; 
		background-image: url('/images/dutch.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.english {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 120px; 
		width: 61px; 
		height: 39px; 
		background-image: url('/images/english.png'); 
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	.menuitem {
		float: left;
		text-align: left;
		cursor: pointer;
		padding: 10px;
	}
	
	.message {
		position: absolute; 
		top: 0px; 
		left: 50%; 
		width: 600px; 
		margin-left: -300px; 
		border: 1px solid black; 
		border-radius: 5px; 
		background-color: #ffffe6; 
		font-size: 12px; 
		text-align: center;
		z-index: 999;		
	}
	
	.header {
	  font-size: 2em;
	}
	
	.footer {
		font-size: 1em;
		font-weight: bold;
		text-align: center; 
	}

	.middle {
		display: flex;
	}
	.content {
		flex: 60%;
	}
	.slideshow {
		flex: 40%;
		height: 360px;
		width: 360px;
		justify-content: center;
		vertical-align: middle;
		position: relative;
	}
	.slide1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry1.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry2.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry3.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide4 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry4.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide5 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry5.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry6.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide7 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry7.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide8 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry8.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide9 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry9.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide10 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry10.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide11 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry11.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 167px 360px;		
	}
	.slide12 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry12.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide13 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry13.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide14 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry14.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide15 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry15.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
}

@media all and (min-width: 386px) and (max-width: 979px) {

	html {
		overflow: auto;
	}
	
	body {
		overflow: auto;
		background-color: white;
		font-family: verdana, sans-serif;
		font-size: 12px;
		padding: 5px;
	}
	
	.dutch {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 10px; 
		width: 31px; 
		height: 20px; 
		background-image: url('/images/dutch.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 31px 20px;
	}
	
	.english {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 45px; 
		width: 31px; 
		height: 20px; 
		background-image: url('/images/english.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 31px 20px;
	}
	
	.menuitem {
		float: left;
		text-align: left;
		cursor: pointer;
		padding: 5px;
	}
	
	.message {
		position: absolute; 
		top: 80px; 
		left: 0px;
		right: 0px; 
		height: 30px; 
		border: 1px solid black; 
		border-radius: 5px; 
		background-color: #ffffe6; 
		font-size: 12px; 
		text-align: center;
		z-index: 999;		
	}
	
	.header {
	  font-size: 1.1em;
	}
	
	.footer {
		font-size: 1em;
		font-weight: bold;
		text-align: center; 
	}

	.middle {
		position: relative;
		left: 0px;
		right: 0px;
		top: 0px;
	}
	.slideshow {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		height: 360px;
		width: 360px;
		justify-content: center;
		vertical-align: middle;
		position: relative;
		clear: both;
		margin: auto;
	}
	.content {
		clear: both;
		padding-top: 1em;
	}
	.slide1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry1.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry2.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry3.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide4 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry4.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide5 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry5.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry6.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide7 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry7.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide8 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry8.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 270px 360px;		
	}
	.slide9 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry9.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide10 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry10.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide11 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry11.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 167px 360px;		
	}
	.slide12 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry12.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 193px 360px;		
	}
	.slide13 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry13.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide14 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry14.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}
	.slide15 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px; 
		height: 360px; 
		background-image: url('/images/alexandbarry15.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 360px 270px;		
	}

}

@media all and (max-width: 386px) {

	html {
		overflow: auto;
	}
	
	body {
		overflow: auto;
		background-color: white;
		font-family: verdana, sans-serif;
		font-size: 12px;
		padding: 5px;
	}
	
	.dutch {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 10px; 
		width: 31px; 
		height: 20px; 
		background-image: url('/images/dutch.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 31px 20px;
	}
	
	.english {
		cursor: pointer; 
		position: absolute; 
		top: 0px; 
		left: 45px; 
		width: 31px; 
		height: 20px; 
		background-image: url('/images/english.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 31px 20px;
	}
	
	.menuitem {
		float: left;
		text-align: left;
		cursor: pointer;
		padding: 5px;
	}
	
	.message {
		position: absolute; 
		top: 80px; 
		left: 0px;
		right: 0px;
		height: 30px;
		border: 1px solid black; 
		border-radius: 5px; 
		background-color: #ffffe6; 
		font-size: 12px; 
		text-align: center;
		z-index: 999;		
	}
	
	.header {
	  font-size: 1.1em;
	}
	
	.footer {
		font-size: 1em;
		font-weight: bold;
		text-align: center; 
	}

	.middle {
		position: relative;
		left: 0px;
		right: 0px;
		top: 0px;
	}
	.slideshow {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		height: 280px;
		width: 280px;
		justify-content: center;
		vertical-align: middle;
		position: relative;
		clear: both;
		margin: auto;
	}
	.content {
		clear: both;
		padding-top: 1em;
		padding-right: 5px;
	}
	.slide1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry1.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 210px 280px;		
	}
	.slide2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry2.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 210px 280px;		
	}
	.slide3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry3.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 210px 280px;		
	}
	.slide4 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry4.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 150px 280px;		
	}
	.slide5 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry5.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 280px 210px;		
	}
	.slide6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry6.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 280px 210px;		
	}
	.slide7 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry7.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 210px 280px;		
	}
	.slide8 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry8.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 210px 280px;		
	}
	.slide9 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry9.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 150px 280px;		
	}
	.slide10 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry10.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 150px 280px;		
	}
	.slide11 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry11.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 130px 280px;		
	}
	.slide12 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry12.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 150px 280px;		
	}
	.slide13 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry13.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 280px 210px;		
	}
	.slide14 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry14.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 280px 210px;		
	}
	.slide15 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 280px; 
		height: 280px; 
		background-image: url('/images/alexandbarry15.png'); 
		background-repeat: no-repeat; 
		background-position: center;
		background-size: 280px 210px;		
	}

}