@import url("navigatie.css");

html, body {margin: 0; padding: 0;}

body
{
	background: url('/images/zonbg.jpg') center top;
	/*
	padding-left:294px;
	*/
	text-align:center;
	font-family: Tahoma, sans-serif;
	font-size: 70%;
	line-height:138%;
	padding-bottom:12px;		
}

/*
*/
/*
 * Links
 *************************/
a img {border-width:0;}

a
{
	color:#00705d;
	font-weight:bold;
	text-decoration:none;
}

#klik_kro {position:absolute; left:0px; top:0px; width:88px; height:43px; background:url('/images/blank.gif');}
#klik_vkn {position:absolute; left:88px; top:0px; width:138px; height:43px; background:url('/images/blank.gif');}
#klik_cf {position:absolute; left:226px; top:0px; width:239px; height:43px; background:url('/images/blank.gif');}
#klik_zapp {position:absolute; left:795px; top:0px; width:67px; height:43px; background:url('/images/blank.gif');}
#klik_nl {position:absolute; left:862px; top:0px; width:60px; height:43px; background:url('/images/blank.gif');}

#wrap
{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:955px;
	/*
	*/
}

#logoheader
{
	height:43px;
	background:url('/images/wit_o75.png');
}
#logoheader a#zapp {margin-left:330px;}

#header
{
	position:relative;
	/*
	position:absolute;
	left:0px;
	top:43px;
	*/
	height:229px;
	width:912px;
	background: url('/images/header_bg.png') left 10px no-repeat; /*transparant*/
}
#flashheader
{
	position:absolute;
	left:674px;
	top:0px;
}
#norge
{
	position:absolute;
	width:694;
	height:269;
	left:22px;
	top:103px;
}

#es_logo
{
	position:absolute;
	left:48px;
	top:19px;
}

#polaroids
{
	position:absolute;
	left:580px;
	top:10px;
	background: url('/images/polaroids.png') no-repeat; /*transparant*/
	width:408px;
	height:261px;
}

/*
 * Beleg block
	display:none;
 ******************************************/
#beleg
{
	position:relative;
	min-height:600px;
	background: url('/images/achtervel.png') -8px bottom repeat-y; /*transparant*/
	/*
	z-index:-2;
	*/
}

#beleg_links
{
	position:absolute;
	left:0px;
	top:0px;
	padding-left:20px;
}
#beleg_links #intro
{
	position:relative;
	width:200px;
	/*
	height:200px;
	*/
	padding:8px;
}
#beleg_links #menu
{
}

/* Beleg Homepagina
	border:1px black solid;
*******************/

#beleg_rechts_home
{
	padding-top:345px;
	padding-left:230px;
}
#bloop
{
	position:absolute;
	left:195px;
	top:-10px;
	height:345px;
	width:517px;
	padding-left:60px;
	background: url('/images/oranje_bg.png') left bottom no-repeat; /*transparant*/
}
#bloop #blooprechts
{
	float:right;
	width:200px;
	padding-right:80px;
	padding-top:16px;
}
#bloop #blooprechts a
{
	color:white;
	font-style:italic;
}
#blooper_button
{
	position:absolute;
	left:70px;
	top:230px;
	width:190px;
	height:77px;
	background: url('/images/blooper_button.png') 0 77px;
}
#blooper_button:hover
{
	background-position: 0 0;
} 
#watzagjeniet_button
{
	position:absolute;
	left:264px;
	top:240px;
	width:243px;
	height:83px;
	background: url('/images/watzagjeniet_button.png') 0 83px;
}
#watzagjeniet_button:hover
{
	background-position: 0 0;
} 

#bloop #youngreporter
{
	margin: 8px 0 0px 80px;
}
#bloop #preview
{
	margin:0;
}
#bloop #bericht
{
	margin-top:20px;
	font-weight:bold;
	width:400px;
}

#contentHome
{
	height:300px;
	width:450px;
}
	
#prijsvraag
{
	float:left;
	margin-top:-40px;
}
#poll
{
	float:right;
	width:200px;
}

#pollTitel
{
	float:right;
}

/* Beleg Aflevering
*********************/
#beleg_rechts_aflevering
{
	padding: 0 0 30px 230px;	
	position:relative;
	z-index:0;
}
#contentAflevering
{
	width:450px;
	padding:20px 0px 0 24px;
	
}
#oranjeBovenAflevering
{
	position:absolute;
	left:212px;
	top:-10px;
	min-height:180px;
	width:507px;
	padding-left:50px;	
	background: url('/images/oranje_bg_afl.png') 20px bottom no-repeat; /*transparant*/
	z-index:-1;
}

/* Beleg EnergieWeetjes
*********************/
#beleg_rechts_energie
{
	padding: 0 0 30px 230px;	
	position:relative;
	z-index:0;
}
#contentEnergie
{
	width:460px;
	padding:20px 0px 0 0px;
}
#contentEnergie h2
{
	margin-top:98px;
	margin-bottom:12px;
	text-align:right;
}
#oranjeBovenEnergie
{
	position:absolute;
	left:212px;
	top:-10px;
	height:160px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:50px;	
	background: url('/images/energie_weetjes_titel_oranj.png') 20px top no-repeat; /*transparant*/
	z-index:-1;
}

/* Beleg Bloopers
	border:1px red solid;
	border:1px red solid;
*********************/
#beleg_rechts_bloopers
{
	padding-top:0px;
	padding-left:230px;
	position:relative;
	z-index:0;
}
#contentBloopers
{
	width:400px;
	padding:5px 0px 0 60px;
	text-align:center;
}
#preview
{
	margin:0;
}
#bloopertekst
{
	margin-top:-20px;
	text-align:left;
	padding-left:88px;
	padding-bottom:46px;
	background: url('/images/bloopers.png') left bottom no-repeat; /*transparant*/	
}	
#watzagjeniettekst
{
	margin-top:-20px;
	text-align:left;
	padding-left:88px;
	padding-bottom:46px;
	background: url('/images/watzagjeniet.png') left bottom no-repeat; /*transparant*/	
}	
#contentBloopers .thumb img
{
	border:0px black solid;
	margin-right:6px;
	margin-top:10px;
}

#oranjeBovenBloopers
{
	position:absolute;
	left:212px;
	top:-10px;
	height:322px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:50px;	
	background: url('/images/oranje_bg.png') left bottom no-repeat; /*transparant*/
	z-index:-1;
}
/* Beleg DEELNEMERS
*********************/
#beleg_rechts_deelnemers
{
	padding-top:0px;
	padding-left:230px;
	padding-bottom:30px;
	position:relative;
	z-index:0;
}
#contentDeelnemers
{
	width:460px;
	padding:105px 0px 0 12px;
}

#oranjeBovenDeelnemers
{
	position:absolute;
	left:212px;
	top:-10px;
	height:222px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:50px;	
	background: url('/images/deelnemers_oranje.png') 30px top no-repeat; /*transparant*/
	z-index:-1;
}
/* Beleg PASPOORT
*********************/
#beleg_rechts_paspoort
{
	padding-top:0px;
	padding-left:230px;
	position:relative;
	z-index:0;
}
#contentPaspoort
{
	width:360px;
	padding:85px 0px 0 60px;
}

#oranjeBovenPaspoort
{
	position:absolute;
	left:185px;
	top:-10px;
	min-height:536px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:80px;	
	padding-top:12px;	
	background: url('/images/oranje_bg_paspoort.png') 30px top no-repeat; /*transparant*/
	z-index:-1;
}
#oranjeBovenPaspoort #preview
{
	width:200px;
	float:left;
	margin: 0 8px 8px 0;
}

/* Beleg LEERKRACHT
*********************/

#oranjeBovenLeerkracht
{
	position:absolute;
	left:185px;
	top:-10px;
	min-height:536px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:80px;	
	padding-top:12px;	
	background: url('/images/leerkracht_titel.png') 72px top no-repeat; /*transparant*/
	z-index:-1;
}
#contentLeerkracht
{
	width:460px;
	padding:85px 0 0 12px;
}

/*
 * Kader rechts
	border:1px red solid;
 ********************************************/
#kaderrechts
{
	min-height:666px;
	position:absolute;
	width:245px;
	left:705px;
	top:-70px;
	background: url('/images/kaderrechts.png') no-repeat; /*transparant*/
}

form#loginForm
{
	margin-top:40px;
	padding:106px 40px 0 110px;
}
form#loginForm .input
{
	background: url('/images/blank.gif');
	width:90px;
	height:20px;
	margin-bottom:3px;
	border-width:0px;
}
form#loginForm .button
{
	position:absolute;
	left:-9999px;
	width:20px;
}
form#loginForm a
{
	position:absolute;
	left:140px;
	top:190px;
	width:62px;
	height:59px;
	background: url('/images/btn_login.png');
}
form#loginForm a:hover
{
	background: url('/images/btn_login_mouseover.png');
}

#EW_Titel
{
	position:absolute;
	left:-12px;
	top:250px;
}
/*
******************************
GAMES
	clear:left;
	border:1px red solid;
	display:inline;
	height:60px;
*/

#oranjeBovenGames
{
	position:absolute;
	left:212px;
	top:-10px;
	height:222px; /* Bepaalt hoeveel je van de achtergrond ziet */
	width:507px;
	padding-left:50px;	
	background: url('/images/games_titel.png') 50px top no-repeat; /*transparant*/
	z-index:-1;
}
ul#games
{
	margin:0;
	padding:0;
}
ul#games li
{
	width:363px;
	text-align:left;
	margin-left:22px;
	margin-bottom:10px;
}

ul#games img
{
	float:left;
	height:38px;
	margin:2px 4px 4px 2px;
}

/*
 * footer
	position:relative;
 ----------------------------------*/
#footer
{
	width:955px;
	margin:0 auto;	
	margin-top:-3px;
}
#footer p
{
	text-align:right;
	background:url('/images/wit_o75.png');
	margin-right:249px;
}	

	
#footer a
{
	margin:0 6px;
}