@charset "utf-8";
html, body{
	width: 100%;
	height: 100%;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 14px;
}
*{
	margin:0;
	padding:0;
}
.stippellijn {
	margin: 12px 0 8px 0;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
li{
	margin: 0 0 0 16px;
}
/* PAGES - HOME */
#home_school {
	width: 300px;
	height: 310px;
	top: 271px;
	left: 0;
	position:absolute;
}
#home_beeld {
	width: 382px;
	height: 402px;
	top: 0px;
	left: 650px;
	position:absolute;
}
#home_tekst {
	width: 300px;
	height: 570px;
	overflow: auto;
	top: 30px;
	left: 350px;
	position:absolute;
}
#home_schooltekst {
	width: 220px;
	top: 410px;
	left: 700px;
	position:absolute;
}
#home_schooltekst p {
	margin: 0 0 0 95px;
}
#home_logo {
	top: 0px;
	left: 0px;
	position:absolute;
}
/* PAGES - MODESHOW */
#modeshow_tekst {
	width: 300px;
	height: 570px;
	overflow: auto;
	top: 60px;
	left: 120px;
	position:absolute;
}
#modeshow_beeld {
	width: 100px;
	height: 50px;
	top: 480px;
	left: 590px;
	position:absolute;
}
#modeshow_tickets {
	width: 547px;
	top: 75px;
	left: 460px;
	position:absolute;
}
#modeshow_flash {
	width: 416px;
	height: 280px;
	top: 96px;
	left: 485px;
	position:absolute;
}
/* PAGES - info */
#info_tekst {
	width: 410px;
	height: 320px;
	overflow: auto;
	top: 110px;
	left: 55px;
	position:absolute;
}
#info_school {
	top: 0px;
	left: 480px;
	position:absolute;
}
#info_datum {
	width: 350px;
	top: 334px;
	left: 500px;
	position:absolute;
}
/* PAGES - AFDELING MODE */
#mode_tekst {
	width: 330px;
	height: 250px;
	overflow: auto;
	top: 20px;
	left: 515px;
	position:absolute;
}
#mode_beeld {
	top: -10px;
	left: 16px;
	position:absolute;
}
#mode_artikels {
	top: 330px;
	left: 40px;
	position:absolute;
}
/* PAGES - AFDELING GRAFISCH ONTWERP */
#grafischontwerp_tekst {
	width: 300px;
	height: 180px;
	overflow: auto;
	top: 430px;
	left: 20px;
	position:absolute;
}
#grafischontwerp_beeld{
	top: 120px;
	left: 300px;
	position:absolute;
}
/* PAGES - AFDELING WEBDESIGN */
#webdesign_tekst {
	width: 360px;
	height: 140px;
	overflow: auto;
	top: 125px;
	left: 66px;
	position:absolute;
}
#webdesign_beeld {
	bottom: -25px;
	left: 400px;
	position:absolute;
}
#webdesign_artikel {
	bottom: -40px;
	left: 100px;
	position:absolute;
}
#webdesign_video {
	top: 250px;
	margin-left: 24px;
	position:absolute;
}
/* PAGES - AFDELING ILLUSTRATIE */
#illustratie_beeld {
	top: 40px;
	left: 220px;
	position:absolute;
}
#illustratie_tekst {
	width: 400px;
	height: 180px;
	overflow: auto;
	top: 445px;
	left: 90px;
	position:absolute;
}
/* PAGES - AFDELING DECOR */
#decor_tekst {
	width: 360px;
	height: 200px;
	overflow: auto;
	top: 400px;
	left: 10px;
	position:absolute;
}
#decor_beeld {
	top: -50px;
	left: -50px;
	position:absolute;
}
#decor_boudewijn {
	top: 0px;
	left: 425px;
	position:absolute;
}
/* SCROLLING BASICS */
#container-wrapper {
	overflow: auto;
	height: 100%;
	width: 100%;
	position: relative;
}
#container-inner {
	width: 3840px;
	height: 1220px;
	background-image: url(../img/bg.jpg);
	position: relative;
}
/* SCROLLING POSITIONS */
#content_home {
	left: 0px; 
	top: 0px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_modeshow {
	left: 955px; 
	top: 0px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_info {
	left: 1910px; 
	top: 0px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_mode {
	left: 2865px; 
	top: 0px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_grafischontwerp {
	left: 0px; 
	top: 600px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_webdesign {
	left: 955px; 
	top: 600px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_illustratie {
	left: 1910px; 
	top: 600px;
	position: absolute;
	width: 955px;
	height: 600px;
}
#content_decor {
	left: 2865px; 
	top: 600px;
	position: absolute;
	width: 955px;
	height: 600px;
}
/* NAVIGATIE */
#slide {
	width: 350px;
	height: 298px;
	left: 50px;
	top: 0px;
	position: absolute;
	z-index: 100;
}
#container-bar {
	width: 238px;
	height: 298px;
	position: absolute;
	left: 50px;
	top: 0px;
	background-image: url(../img/nav_bg.png);
	background-repeat: no-repeat;
}
#link_home {
	left: 14px; 
	top: 0px;
	position: absolute;
}
#link_modeshow {
	left: 14px; 
	top: 54px;
	position: absolute;
}
#link_info {
	left: 126px; 
	top: 54px;
	position: absolute;
}
#link_decor {
	left: 14px; 
	top: 105px;
	position: absolute;
}
#link_mode {
	left: 14px; 
	top: 149px;
	position: absolute;
}
#link_illustratie {
	left: 14px; 
	top: 173px;
	position: absolute;
}
#link_grafischontwerp {
	left: 14px; 
	top: 198px;
	position: absolute;
}
#link_webdesign {
	left: 14px; 
	top: 223px;
	position: absolute;
}
#link_navigatie {
	left: 14px; 
	top: 248px;
	position: absolute;
}