/* Main Stylesheet */

/* Type */


h1{
	font-weight:		bold;
	font-size:			14px;
	padding:			0;
	margin:				0;
}

h2{
	font-weight:		bold;
	font-size:			12px;
	padding:			0;
	margin:				0;
}

h3{
	font-weight:		bold;
	font-size:			15px;
	padding:			0;
	margin:				0;
}

a:link, a:visited{
	color:				#000000;
	text-decoration:	none;
}

a:hover{
	color:				#000000;
	text-decoration:	underline;
}

p{
	font-size:			10px;
	line-height:		13px;
	color:				#000000;
	padding:			0;
	margin:				0;
}

p.footertekst{
	padding-top:		5px;
}

body{
	background: 		#ffed00;
	font-style: 		normal;
	letter-spacing: 	0px;
	font-family: 		Verdana, Lucida Sans, Sans-Serif;
	margin: 			0px;
	padding: 			0px;
	text-align: 		center;
}

/* Basic framework */

#container{
	position:			absolute;
	left: 				50%;
	top: 				0px;
	overflow:			hidden;	
 	margin-left: 		-380px;
	width: 				760px;
	height:				585px;
	border: 			solid black 0px;
}

#container-small{
	position:			absolute;
	left: 				50%;
	top: 				0px;
	overflow:			hidden;	
 	margin-left: 		-200px;
	width: 				400px;
	height:				400px;
	border: 			solid black 0px;
}


#navigatie{
	position:			absolute;
	left: 				0px;
	top: 				0px;
	overflow:			hidden;	
 	margin-top:			10px;
	width: 				760px;
	height:				40px;
	border: 			solid black 0px;
}

#content, #content-wit, #content-home{
	position:			absolute;
	left: 				0px;
	top: 				40px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				760px;
	height:				520px;
	border: 			solid black 0px;
}

#content-wit{
	background-image: 	url(../_img/bg-wit.gif);
	background-repeat:	no-repeat;
}	

/*	page-home */

#content-home{
	background-image: 	url(../_img/bg-home.jpg);
	background-repeat:	no-repeat;
}	

/*	page-home */

#spreekbeurt{
	background-image: 	url(../_img/spreekbeurt.gif);
	background-repeat:	no-repeat;
	position:			absolute;
	left: 				0px;
	top: 				45px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				454px;
	height:				435px;
	border: 			solid black 0px;
}

#balloon1, #mo-balloon1, #balloon2, #mo-balloon2, #balloon3, #mo-balloon3, #balloon4, #mo-balloon4, #balloon5, #mo-balloon5{
	background-repeat:	no-repeat;
	position:			absolute;
	overflow:			visible;	
 	margin: 			0px;
	border: 			solid black 0px;
}

#balloon1{
	background-image: 	url(../_img/balloon_kleurplaat.gif);
	display:			none;
	left: 				110px;
	top: 				60px;
	width: 				181px;
	height:				127px;
}

#mo-balloon1{
	left: 				90px;
	top: 				170px;
	width: 				110px;
	height:				110px;
}

#balloon2{
	background-image: 	url(../_img/balloon_stroopstift.gif);
	display:			none;
	left: 				500px;
	top: 				40px;
	width: 				190px;
	height:				110px;
}

#mo-balloon2{
	left: 				310px;
	top: 				60px;
	width: 				250px;
	height:				220px;
}

#balloon3{
	background-image: 	url(../_img/balloon_stripverhaal.gif);
	display:			none;
	left: 				50px;
	top: 				190px;
	width: 				174px;
	height:				112px;
}

#mo-balloon3{
	left: 				200px;
	top: 				240px;
	width: 				110px;
	height:				150px;
}

#balloon4{
	background-image: 	url(../_img/balloon_bungelcards.gif);
	display:			none;
	left: 				220px;
	top: 				280px;
	width: 				182px;
	height:				109px;
}

#mo-balloon4{
	left: 				320px;
	top: 				320px;
	width: 				130px;
	height:				180px;
}

#balloon5{
	background-image: 	url(../_img/balloon_spreekbeurt.gif);
	display:			none;
	left: 				550px;
	top: 				210px;
	width: 				181px;
	height:				112px;
}

#mo-balloon5{
	left: 				540px;
	top: 				320px;
	width: 				70px;
	height:				80px;
}

/*	page-spreekbeurt */

#spreekbeurt-animatie{
	background-image: 	url(../_img/spreekbeurt-animatie.gif);
	background-repeat:	no-repeat;
	position:			absolute;
	left: 				444px;
	top: 				52px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				65px;
	height:				305px;
	border: 			solid black 0px;
}

#spreekbeurt-open{
	background-image: 	url(../_img/spreekbeurt-open.gif);
	background-repeat:	no-repeat;
	display:			none;
	position:			absolute;
	left: 				443px;
	top: 				81px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				309px;
	height:				257px;
	border: 			solid black 0px;
}

/*	page-stroopstift */

#stroopstift{
	background-image: 	url(../_img/stroopstift.jpg);
	background-repeat:	no-repeat;
	position:			absolute;
	left: 				330px;
	top: 				0px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				240px;
	height:				519px;
	border: 			solid black 0px;
}

#balloon-vraagteken1, #balloon-vraagteken2, #balloon-vraagteken3, #balloon-vraagteken4, #balloon-vraagteken5{
	background-repeat:	no-repeat;
	position:			absolute;
	overflow:			visible;	
 	margin: 			0px;
	border: 			solid black 0px;
}

#balloon-vraagteken1{
	left: 				110px;
	top: 				50px;
	width: 				181px;
	height:				112px;
}

#balloon-vraagteken2{
	left: 				450px;
	top: 				10px;
	width: 				174px;
	height:				112px;
}

#balloon-vraagteken3{
	left: 				35px;
	top: 				200px;
	width: 				181px;
	height:				112px;
}

#balloon-vraagteken4{
	left: 				480px;
	top: 				280px;
	width: 				181px;
	height:				112px;
}

#balloon-vraagteken5{
	left: 				70px;
	top: 				350px;
	width: 				181px;
	height:				112px;
}

/* stripverhaal */

#strip1,#strip2{
	position:			absolute;
	left: 				17px;
	top: 				15px;
	overflow:			visible;	
 	margin: 			0px;
	width: 				745px;
	height:				260px;
	border: 			solid black 0px;
}

#strip1{
	display:			none;
}

#strip-tekst{
	position:			absolute;
	left: 				30px;
	top: 				285px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				340px;
	height:				205px;
	border: 			solid black 0px;
}

#strip-libelle{
	position:			absolute;
	left: 				390px;
	top: 				275px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				340px;
	height:				215px;
	border: 			solid black 0px;
}

/* bungel cards */

#kaart1{
	position:			absolute;
	left: 				20px;
	top: 				25px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				380px;
	height:				300px;
	border: 			solid black 0px;
}

#kaart2{
	position:			absolute;
	left: 				430px;
	top: 				10px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				285px;
	height:				410px;
	border: 			solid black 0px;
}

#kaart-tekst{
	position:			absolute;
	left: 				20px;
	top: 				345px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				340px;
	height:				150px;
	border: 			solid black 0px;
}

/*kleurplaat */

#kleurplaat{
	background-image: 	url(../_img/kleurplaat.gif);
	background-repeat:	no-repeat;
	position:			absolute;
	left: 				15px;
	top: 				10px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				725px;
	height:				498px;
	border: 			solid black 0px;
}	


#kleurplaat-kader{
	background-image: 	url(../_img/kleurplaat-kader.gif);
	background-repeat:	no-repeat;
	position:			absolute;
	left: 				565px;
	top: 				10px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				181px;
	height:				500px;
	border: 			solid black 0px;
}	

/* contact */

#container-contact{
	position:			absolute;
	left: 				50%;
	top: 				0px;
	overflow:			hidden;	
 	margin-left: 		-200px;
	width: 				400px;
	height:				500px;
	border: 			solid black 0px;
}

#formvalue{
	position:		absolute;
	left: 			0px;
	text-align:		left;
	overflow:		hidden;	
	width: 			300px;
	height:			30px;
	border: 		solid black 0px;
}

#forminput{
	position:		absolute;
	left: 			80px;
	text-align:		left;
	overflow:		hidden;	
	width: 			250px;
	height:			30px;
	border: 		solid black 0px;
}

#forminput_textarea{
	position:		absolute;
	left: 			80px;
	text-align:		left;
	overflow:		hidden;	
	width: 			250px;
	height:			85px;
	border: 		solid black 0px;
}

/* footer */

#footer{
	position:			absolute;
	left: 				0px;
	top: 				560px;
	overflow:			hidden;	
 	margin: 			0px;
	width: 				760px;
	height:				25px;
	border: 			solid black 0px;
}