@charset "UTF-8";
/* CSS Document */
body {
	background-color: #000;
	font-size: 24px;
}
#wrapper {
	background-color: #1990BA;
	height: 504px;
	width: 859px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -429px;
	margin-top: -252px;
}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
}
#schijf {
	position: absolute;
	left: 225px;
	top: 59px;
}
#video {
	position:absolute;
	left:127px;
	top:149px;
	width:300px;
	height:224px;
	background-image:url(../images/loading.gif);
}
#viewerImg {
	position:absolute;
	left:445px;
	top:220px;
}
#draaiSchijf {
	position:absolute;
	left:127px;
	top:45px;
	cursor: pointer;
}
#start {
	position:absolute;
	left:140px;
	top:370px;
	cursor: pointer;
}
#model {
	position:absolute;
	left:150px;
	top:53px;
}
#prev {
	position:absolute;
	left:10px;
	top:446px;
}
#next {
	position:absolute;
	left:801px;
	top:446px;
}
#menu {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -165px;
  width: 107px;
  height: 329px;
  font-size: 0px;
}
#models {
	position:absolute;
	left:734px;
	top:35px;
	cursor: pointer;
}
#model1, #model2, #model3, #model4, #model5, #model6, #model7, #model8, #model9, #model10, #model11, #model12, #model13 {
	font-size:0px;
}


/* Smaller than standard 960 (devices and browsers) */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#menu {
		display:none; 
	}
	#wrapper {
		transform: scale(0.8);
	}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#menu {
		display:none; 
	}
	#wrapper {
		transform: scale(0.5);
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#menu {
		display:none; 
	}
	#wrapper {
		transform: scale(0.4);
	}
}