@import url("snaperdeballenvan.css");
@import url("voetbaldokter.css");
@import url("quiz.css");
@import url("nieuws.css");
@import url("uitdaging.css");
@import url("home.css");
@import url("ballenjournaal.css");
@import url("truc.css");
@import url("spelletjes.css");
@import url("bekijk_uitzendingen.css");
@import url("wk_subsite.css");	
	*{
		font-family: verdana;
		font-size: 11px;
	}

	html, body {
		height: 100%;
		width:100%;
		margin: 0;
		padding: 0;
		background-repeat:repeat;
		background-image:url(../_images/bg.gif);		
	}
	
	a{
		text-decoration:none;
		color:#000;
	}
	a:hover{
		text-decoration:underline;
	}
	
	img{
		border:none;
	}
		
	#site {
		position: relative;
		width: 900px; /*100%;*/
		height: 100%;
		margin: 0 auto;
		font-family: verdana;
		font-size: 11px;
		/*background-repeat:no-repeat;
		background-image:url(../_images/splash.png);
		background-position:60%;*/	
	}
	
.site {position:relative;width:1000px; margin:auto;}
	
#content {
		position: relative;
		top:110px;
		left:235px;
		width:770px;
}	
#content_bg {
		top:-20px;
		padding-left:70px;
		z-index:20;
		width:770px;
}	

#content_paper {
	position:absolute;
	top:10px;
	z-index:30;
	width:770px;
	text-align:left;
}	





#bottom_bar {
	position:absolute;
	top:615px;
	left:240px; /*240*/
	height:50px;
	z-index:30;
	width:770px; /*770*/
	/*left:0px;
	width:100%;*/
	text-align:center;
	background-image:url(../_images/logobalk_bg.png);
}	
	
#logo {
	position: absolute;
	top:00px;
	left:15px;
}

#banner_knvb {
	position: absolute;
	top:5px;
/*	left:677px;*/ left:280px;
}

#banner_herhaling {
	position: absolute;
	top:5px;
	left:280px;
}

#banner_herhaling_home {
left:-50px;
position:absolute;
top:175px;
}

#menu {
	position: absolute;
	width:221px;
	top:0px;/*100px;*/
	left:15px;
	z-index:950;

}

#video
{
	position: absolute;
	top:220px;
	left:265px;
	cursor:move;
	width:315px;
	z-index:999;
}



#magnet_blue_1, #magnet_blue_1_over
{
	position: absolute;
	top:155px;
	left:460px;
	z-index:990;
}

 #magnet_blue_1_over
 {
 	top:160px;
	left:420px;
 }

#magnet_blue_2, #magnet_blue_2_over
{
	position: absolute;
	top:310px;
	left:390px;
	z-index:999;
}

 #magnet_blue_2_over
 {
	top:340px;
	left:290px;
 }

#magnet_blue_3, #magnet_blue_3_over
{
	position: absolute;
	top:550px;
	left:920px;
	z-index:990;
}

 #magnet_blue_3_over
 {
	top:560px;
	left:830px;
 }

#magnet_blue_4, #magnet_blue_4_over
{
	position: absolute;
	top:550px;
	left:920px;
	z-index:990;
}

 #magnet_blue_4_over
 {
	top:560px;
	left:830px;
 }


#magnet_red_1, #magnet_red_1_over
{
	position: absolute;
	top:125px;
	left:850px;
	z-index:990;
}

 #magnet_red_1_over
 {
	top:140px;
	left:790px;
 }
 
 
#magnet_red_2, #magnet_red_2_over
{
	position: absolute;
	top:220px;
	left:780px;
	z-index:990;
}

 #magnet_red_2_over
 {
	top:240px;
	left:660px;
 }

#magnet_red_3, #magnet_red_3_over
{
	position: absolute;
	top:460px;
	left:640px;
	z-index:990;
}

 #magnet_red_3_over
 {
	top:480px;
	left:480px;
 }

#magnet_red_4, #magnet_red_4_over
{
	position: absolute;
	top:550px;
	left:555px;
	z-index:990;
}

 #magnet_red_4_over
 {
	top:535px;
	left:515px;
 }

#magnet_yellow_1, #magnet_yellow_1_over
{
	position: absolute;
	top:150px;
	left:640px;
	z-index:990;
}

 #magnet_yellow_1_over
 {
 	top:185px;
	left:660px;
 }


#magnet_yellow_2, #magnet_yellow_2_over
{
	position: absolute;
	top:550px;
	left:670px;
	z-index:990;
}



#logos
{
	position: relative;
	top: 10px;
	left: 5px;
	bottom: 0px;
	width: auto;
	height: 100%;
	
}

#logos-bottom
{
	position: relative;
	top: 90%;
	left: 65px;
	bottom: 0px;
	width: auto;
	background-image:url(../_images/logobalk_bg.png);
}

#hyves
{
left:-190px;
position:absolute;
top:480px;
z-index:990;
}