@import url('leesleeuw.css');

#outerwrapper {
	min-height: 768px; /* ie6 override */
}

body.groep12 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_12-b.jpg');}
body.groep3 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_3-b.jpg');}
body.groep4 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_4-b.jpg');}
body.groep5 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_5-b.jpg');}
body.groep6 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_6-b.jpg');}
body.groep78 #outerwrapper {background-image: url('../gfx/kijkenluisteren/kijkenluisteren_78-b.jpg');}


#flashplayer {
	position: absolute;
	z-index: 10;
	/* left: 314px; */
	/* top: 179px; */
	left: 328px;
	top: 202px;
	width: 507px;
	height: 365px;
	overflow: hidden;
}

body.groep5 #flashplayer,
body.groep6 #flashplayer,
body.groep78 #flashplayer {
	/* top: 174px; */
	/* left: 315px; */
	top: 196px;
	left: 328px;
}

#flashplayer img {
	width: 507px;
	height: 365px;
}

/*
 * Helpscherm
 */

#helpknop {
	background: no-repeat;
	background-image:url(../gfx/kijkenluisteren_help_off.png);
	display:block;
	height:79px;
	left:800px;
	overflow:hidden;
	padding:0 0 0 90px;
	position:absolute;
	top:100px;
	width:0;
}
#helpknop:hover {
	background-image: url(../gfx/kijkenluisteren_help_over.png);
}
#helpscherm {
	background: no-repeat;
	background-image:url(../gfx/kijkenluisteren_helpscreen.png);
	display:block;
	width: 366px;
	height: 190px; /* 510 */
	top:135px;
	left:350px;
	overflow: hidden;
	padding:170px 54px 205px 50px;
	position:absolute;
	z-index:11;
	/* initial hide */
	display: none;
	font: bold 14px/20px arial,sans-serif;
	color: #898a8a;
}

#helpscherm p {
	margin: 0;
	padding: 0;
}

#helpscherm_knop{
	background:no-repeat;
	background-image:url(../gfx/kijkenluisteren_helpscreen_knop_off.png);
	display:block;
	height:44px;
	left:335px;
	overflow:hidden;
	padding:0 0 0 61px;
	position:absolute;
	top:400px;
	width:0px;
	z-index:12;
}
#helpscherm_knop:hover {
	background-image: url(../gfx/kijkenluisteren_helpscreen_knop_over.png);
}