html, body {height: 100%; margin: 0; padding: 0;}
body	{font-size: 0.74em; background-color: #ccc; color: #fff;}
body, form * 	{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
form,table,p, form *	{font-size: 100%;}

/* Layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

#verticent 
	{visibility: hidden; width: 100%; float: left;
	height: 50%; /* Bump div below down half the height of the screen. */
	margin-top: -295px; /* Half the height of div below. */}
#horicent 
	{width: 100%; text-align: center; clear: both; top: 0; position: relative;}
#bladspiegel 
	{width: 1010px; height: 589px; position: relative;
	margin: 0px auto; /* = FF centrereren */ top: 0; text-align: left;}

	#kop {position: absolute; left: 186px; width: 790px; margin: 0; padding: 0;}
	
		a#logo {display: block; width: 150px; height: 90px; position: absolute; top: 15px; left: 20px; text-decoration: none;}

	/* Hoofd- en submenu's: zie nav.css,
		HTML basis: zie basis.css - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	div#dierenhoekje {position: absolute; bottom: 0; left: 0; width: 215px; height: 294px; background-repeat: no-repeat; background-position: left; background-color: transparent;} /* Breedte versmald op verzoek van WNF (varitem 17097) - MH, 26-2-2010 */

	/* Content -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	#content {position: absolute; left: 186px; width: 790px; top: 42px; height: 545px; margin: 0; padding: 0;}
	
		p#crumbs {position: absolute; left: 60px; top: 4px; margin: 0; clear: both;} /* 'Clear' ivm bovengelegen gefloate li's. */
		p#crumbs a {color: #fff; padding-left: 15px; margin: 0 2px; text-decoration: none;}
		p#crumbs a.start {background: none; padding-left: 0;}  
		p#crumbs span.pijltje {visibility: hidden; display: none;}
		
		#hoofdvak {position: absolute; top: 36px; left: 15px; width: 467px; height: 481px; margin: 0; padding: 0;}
		#hoofdvak .voering {width: 100%; height: 100%;}
			#scrollvak {overflow-y: auto; overflow-x: hidden; width: 400px; height: 418px; margin: 20px 0; padding: 0 31px 24px 31px; position: relative; z-index: 1; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-track-color: #f7f7f6;}
		
		#zijvak {position: absolute; top: 36px; right: 15px; width: 280px;}
		#zijvak h2 {margin: 0 0 20px 15px; padding: 0;}
			#bijvak {margin: 0; width: 279px; height: 417px;}
			#bijvak .voering {width: 239px; height: 372px; padding: 20px; overflow: hidden;}
			#bijvak a {position: relative; z-index: 1;}
			#bijvak p, #bijvak .voering div {margin: 20px 15px 0 15px;}
			#bijvak .voering div p {margin: 0;}
			#bijvak p.img {text-align: center;}
			
				#wordlid {width: 230px; height: 70px; margin: 0; padding: 0; position: absolute; top: 420px; right: 58px;}
				#wordlid .voering {background: url(../img/wordranger.png) no-repeat; width: 100%; height: 100%; margin: 0; padding: 0;}
				#wordlid h2 {display: none;}
				#wordlid p {margin: 0;}
				#wordlid a {text-decoration: none; overflow: auto; display: block; width: 100%; height: 70px;}
				
				/* Alleen tonen tijdens een Ranger-actie */ div#actieboekje {display: none;}

	#footer {position: relative; top: 525px; width: 790px; text-align: center; font-size: 90%;}
	#footer a {text-decoration: none;}
					
/* HOMEPAGE -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-  */
	
	#circ_home #content {border: none;}
	#circ_home h1, /* #circ_home h2, */ {display: none;}

	div#thermometer {position: absolute; top: 163px; left: 55px; width: 141px; height: 145px; background-color: transparent;}
		
	div#flashkwis {position: absolute; left: 15px; top: 5px;}	
		
	ul#nieuwtjes {position: absolute; top: 280px; left: 15px; background: url(../img/vlak_laatstenieuwtjes.png) no-repeat; width: 758px; height: 205px; margin: 0; padding: 0 4px; overflow: hidden; list-style-type: none;} 
	ul#nieuwtjes li {float: left; margin: 0; width: 230px; height: 195px; padding: 23px 10px; color: #996633;}	
	ul#nieuwtjes li#eerstebericht {border: none;}	
	ul#nieuwtjes li div.container {overflow: hidden; height: 128px; margin-bottom: 5px;}
	ul#nieuwtjes li div.container h2 {margin: 0 0 4px 0; padding: 0;}
	ul#nieuwtjes a {color: #996633; margin: 0; padding: 0; z-index: 10;}
	ul#nieuwtjes a.verderlezen {clear: both; display: block; color: #fff; text-decoration: none; text-align: center;
		background: url(../img/btn_bruin_144x21.png) no-repeat; width: 144px; height: 21px; margin-top: 6px; padding: 2px 0; } /*  font-weight: bold; text-transform: lowercase; - Dit en sIFR-font worden gesuggereerd door het Tijger-ontwerp, maar dat wijkt af van andere onderhoudbare knopjes! */
	ul#nieuwtjes a.aandacht {font-size: 150%; font-weight: bold;
		background: url(../img/btn_groen_171x35.png) no-repeat; width: 171px; height: 35px; margin: 0 auto; padding: 7px 0;} /* text-transform: uppercase; - Dit en sIFR-font worden gesuggereerd door het Tijger-ontwerp, maar dat wijkt af van andere onderhoudbare knopjes! */
		
	#tickernieuwtjes {position: absolute; top: 500px; left: 15px; width: 600px; height: 40px;}

	#circ_home #wordlid {float: none; position: absolute; top: 460px; left: 536px; margin: 0; padding: 0; z-index: 20;}
	
	
		#blok5	{width: 358px; height: 180px; padding: 10px; position: absolute; top: 438px; background-color: white; color: Black; margin: 10px 0;}
		#blok5 a{color: Blue;}
	
	#RW,#RW-uitleg {padding: 20px; padding-top: 13px; }

	#button-uitleg-virtwereld {background-image: url(../img/uitlegbutton.png); position: absolute; top: 115px; left: 18px; width: 157px; height: 67px; margin: 0; padding: 0;}
	#button-uitleg-virtwereld a {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; text-indent: -999em; width: 157px; height: 67px;}
	
	#button-wordranger-virtwereld {background-image: url(../img/banner_wordookranger1.png); position: absolute; top: 175px; left: 15px; width: 160px; height: 100px; margin: 0; padding: 0;}
	#button-wordranger-virtwereld a {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; text-indent: -999em; width: 160px; height: 100px;}

	#button-world-info {background-image: url(../img/ingelogd_als.png); position: absolute; top: 270px; left: 18px; width: 160px; height: 110px; margin: 0; padding: 0;}
	#button-world-text {margin: 45px 32px 0 33px; z-index: 100; padding: 0px; height: 50px;}
	#button-world-text p	{margin: 0; padding: 0;}
	p#inlognaam	{margin-bottom:5px;}
	/* p#inlognaam {position: absolute; top: 32px; left: 32px; border: 1px solid blue;}
	p#numhupies {position: absolute; top: 46px; left: 32px; border: 1px solid blue;} */
	
	.extra-top-margin {margin-top: 2.5em;}
	
	#hupieblock	{position: absolute; bottom: 0; right: 0; z-index: 100}
		.hupiemessage	{color: black; padding: 15px 20px; /* float: left */ background: url(../img/talkbubble-hupie2.png) no-repeat; position: absolute; bottom: 130px; right: 80px; width: 132px; height: 69px;}
		.hupieflash		{}
		.hupieclose		{position: absolute; bottom: 10px; right: 10px;}