@charset "UTF-8";
/* CSS Document */
body {
	background-color: #0099cc;
	font-size: 18px;
	line-height: 18px;
	font-family: 'Paytone One', sans-serif;
	color:#FFF;
}

a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
}

#wrapper {
	background-image:url(../img/guido_back.png);
	height: 700px;
	width: 900px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -350px;
}

#foto {
	position: absolute;
	left: 54px;
	top: 5px;
}


#kader {
	position: absolute;
	left: 0px;
	top: 0px;
}

#tekst {
	position: absolute;
	left: 128px;
	top: 600px;
	width: 603px;
	text-align:center;
}

#teller {
	position: absolute;
	left: 10px;
	top: 40px;
	width: 20px;
	text-align:center;
}



#butPrev {
	position: absolute;
	left: 752px;
	top: 618px;
	cursor: pointer;
}

#butNext {
	position: absolute;
	left: 797px;
	top: 618px;
	cursor: pointer;
}



#footer {
	height: 25px;
	width: 900px;
	position: absolute;
	top: 675px;
	left: 0px;
	text-align:center;
	background-color:#0099cc;
}

/* 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) {
	#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) {
	#wrapper {
		transform: scale(0.5);
	}
}

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