/* Homepage */
		
/* Nw Fier elementen */

	#werving	{position: relative; overflow: visible; padding: 1px 1px 80px 1px;}
	.vastebutton	{width: 231px; height: 231px; display: block; 
		background: url(img/redesign/zijblok_home_aanmelden.png) no-repeat top left;} 
	.bamboepanda	{width: 641px; height: 100px; 
		background: url(img/redesign/kleine_ontdekkers_head.png) no-repeat top right;} 
		
	/* aanpassingen op Fier CSS */
	/* .xpg-container, .bamboepanda	{margin: 0 0 0 -15px !important;} */
	.bamboepanda	{position: absolute; left: -15px; top: 0px; z-index: 10}
	.xpg-container	{position: absolute; left: -15px; top: 40px;}
	.popup-footer a img 	{border: none}
	
	.aanmeldblok	{width: 190px; height: 104px;
		position: absolute; right: 220px; bottom: 15px; z-index: 10;
		background: url(img/redesign/blok_aanmelden.png) no-repeat top right;}
	.aanmeldblok:hover	{background: url(img/redesign/blok_aanmelden_over.png)}

	
/* Gamepage */

	#gamepage #landschap {background: url(img/bg_spelletjes.gif) no-repeat top center;}
	#gamepage #cont {float: right; margin-right: 0px; margin-top: 10px; width: 890px; background-color: transparent;}
	#gamepage #boven 
		{background-image: url(img/game_head.png);}
	#gamepage #content 
		{background-image: url(img/game_shim.gif); padding: 0; padding-left: 10px; padding-right:10px;}
	#gamepage #onder 
		{background-image: url(img/game_foot.png);}
		
	#rsnd {float: right; margin-right: 10px;}
	
	#banner-links-onder {position: absolute; bottom: 0; left: -380px; _bottom: -5px; _left: -385px; /*width: 241px; height: 67px;*/}
	
/* Old gamepage */
	
	#oldgamepage #landschap {background: url(img/bg_spelletjes.gif) no-repeat top center;}
	#oldgamepage #cont {float: right; margin-right: 100px; margin-top: 10px; width: 620px; background-color: transparent;}
	#oldgamepage #boven 
		{background-image: url(img/game_head.png);}
	#oldgamepage #content 
		{background-image: url(img/game_shim.gif); padding: 1px;  padding-left: 20px;}
	#oldgamepage #onder 
		{background-image: url(img/game_foot.png);}			
		
/* misc */

	div#downloads div, .clubpost div	{float: left; width: 120px; margin: 0 10px 10px 0}
	.clubpost div	{}
		ul#clubpost, ul#thumbsbreed {list-style: none; margin: 0; padding: 0;}
		ul#clubpost li, ul#thumbsbreed li {display: block; float: left; padding: 0; overflow: hidden;}
		ul#clubpost li {width: 145px; margin: 6px 12px 6px 0;}
		ul#thumbsbreed li /* Staan op breder bg-img, van 'Old gamepage' */
			{width: 75px; margin: 0px 20px 15px 0; padding: 0;}
		ul#thumbsbreed li a {display: block; width: 75px; height: 75px; text-align: center; background-color: #fff;}	
		ul#thumbsbreed li p {margin: 0; font-size: 75%;}

	.misbruik	{font-size: 0.8em;}
	
	#banner ul	{margin: 0; padding-left: 15px;}
	
	ul li.newrow {clear: both;}

/* downloads */

	ul.downloads {list-style: none; margin: 0; padding: 0;}
	/*****************
	 * aanpassing 8-3-2011 downloads link
	 */
	ul.downloads a{
		text-decoration:none;
		}
	
	ul.downloads li {display: block; float: left; width: 145px; margin: 6px 12px 6px 0; padding: 0; overflow: hidden;} 
	ul.downloads li img {margin-bottom: 3px;}
	
	.bladeren 		{height: 25px; margin: 10px auto; padding: 0; text-align: center;}
	.bladeren li	{list-style-type: none; display: inline; padding: 0 5px;}
	.bladeren li.prev 	{float: left}
	.bladeren li.next 	{float: right}
	.bladeren li.prev a	{display: block; width: 14px; height: 14px; background: url(img/bladeren/vorigepijl_oranje.png) no-repeat top right;}
	.bladeren li.next a	{display: block; width: 24px; height: 24px; background: url(img/bladeren/volgendepijl_oranje.png) no-repeat top right;}
	.bladeren a, .bladeren strong		{color: #d46e0a; text-decoration: none}
	.bladeren strong	{text-decoration: underline}
	.bladeren a span	{display: none}
	
/* spelletjes */	
	ul#spellen {list-style: none; margin-top: 4px; padding: 0;}
	ul#spellen li {display: block; float: left; width: 45%; 
			margin-top: 3px; padding: 0; text-align: center; font-size: 90%; font-weight:bold;}
	ul#spellen li a {text-decoration: none; margin: 0 auto;}
	#gamepage #flasj {width: 600px;}
		
/* dierenbieb */	
	#dierenbieb { overflow: auto;}
	#dierenbieb #diernav, #dierenbieb #diernav li, #dierenbieb #detail {float: left; padding: 0; margin: 0; }
	#dierenbieb #diernav li a {text-decoration: none;}
	#dierenbieb #diernav li.current img {border: 1px solid red;}
	#dierenbieb #diernav li {list-style-type: none; width: 100px; height: 90px; text-align: center; font-size: 90%; }
	#dierenbieb #diernav {width: 320px; margin-top: 15px;}
	#dierenbieb #detail {width: 260px; padding: 10px;}	
	#dierenbieb #detail dl, #dierenbieb #detail dt, #dierenbieb #detail dd {margin: 0; padding: 0;} 
	#dierenbieb #detail dt {display: none;}
	#dierenbieb #plyr {visibility: hidden;}
	
/* dierenbieb v2 */	
	#dierenbieb2 {overflow: auto; padding: 10px 0;}

	#dierenbieb2 #diernav {width: 250px; margin-top: 15px;}
	#dierenbieb2 #diernav li {list-style-type: none; width: 60px; height: 90px; text-align: center; }

	#dierenbieb2 #diernav, #dierenbieb2 #diernav li, 
	#dierenbieb2 #detail, #dierenbieb2 #detailstart,
	#dierenbieb2 #detailtop, #dierenbieb2 #detailstarttop
		{float: left; padding: 0; margin: 0;}
	#dierenbieb2 #diernav li a {text-decoration: none;}
	#dierenbieb2 #diernav li.current img {/* border: 1px solid red; */}
	
	#dierenbieb2 div#detailstarttop	{width: 333px; height: 24px;
		_display: none; /* krijg het niet mooi aansluitend in IE6, dus daar verberg ik de top */
		background: url(img/dieren2/schrift_top.gif) no-repeat top left}
	#dierenbieb2 div#detailstart	{width: 243px; padding: 3px 20px 10px 70px;
		background: url(img/dieren2/schrift_shim.gif) repeat-y top left blue}
		#dierenbieb2 div#detailstart h2 {width: 212px; height: 66px; margin-top: 20px;
			background: url(img/dieren2/schrift-titel.png) no-repeat top right;}
		#dierenbieb2 div#detailstart .logo	{width: 74px; height: 70px; margin-top: 230px;
			background: url(img/dieren2/bamboeclub_logo_klein.png) no-repeat top right;}
		#dierenbieb2 div#detailstart span	{display: none}
		
	#dierenbieb2 div#detailtop	{width: 333px; height: 24px; margin: 0; padding: 0; 
		_display: none; /* krijg het niet mooi aansluitend in IE6, dus daar verberg ik de top */
		background: url(img/dieren2/schrift_inside_top.gif) no-repeat top left}
	#dierenbieb2 div#detail	{width: 243px; padding: 11px 20px 10px 70px; min-height: 400px;
		background: url(img/dieren2/schrift_inside_shim.gif) repeat-y top left white;
		font-family: Comic Sans MS, "Times New Roman", Times, serif;}
		#dierenbieb2 #detail dl, #dierenbieb2 #detail dt, #dierenbieb2 #detail dd {margin: 0; padding: 0;} 
		#dierenbieb2 #detail dt {display: none;}
		#dierenbieb2 div#detail dd.regeltekst	{padding-top: 18px; line-height: 1.3; font-size: 0.9em; margin-bottom: 12px;}
		
		#dierenbieb2 a.audiofile	{padding-left: 20px;
		background: url(img/dieren2/icoon_geluid_aan.gif) no-repeat top left}
		
		#dierenbieb2 #plyr {visibility: hidden;}
		
/* Witte actie +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */	

	.witteactietop	{width: 854px; height: 166px; position: relative; background: white url(../img/banner_acties_leeg2.gif) no-repeat top left;}
	.witteactietop ul	{margin: 0; padding: 0; width: 475px; position: absolute; top: 20px; left: 65px;}
	.witteactietop li	{list-style-type: none; list-style-image: none; float: left; margin-right: 10px;}
	.witteactietop img	{width: 75px; height: 75px; border: 4px solid white;}

	.witteactietop .aantal	{position: absolute; bottom: 0px; right: 0px; font-weight: bold; color: white; font-size: 2em;}

	ul.witteactiethumbs		{margin: 0; padding: 0; width: 650px;}
	ul.witteactiethumbs	li	{list-style-type: none; list-style-image: none;	float: left; width: 88px; height: 88px; margin: 0 5px 0 0; background: url(../img/bg_actiefoto.gif) no-repeat top left;}
	ul.witteactiethumbs	img	{width: 75px; height: 75px; padding: 5px 9px 9px 5px;}
	ul.witteactiethumbs	img:hover	{background-image: none; border: 2px solid #22a8e7; padding: 0; border-width: 5px;} /* moet ivm IE tzt aan de a. zucht. */

	ul.witteactiebladeren	{float: right; clear: both; color: #F77F00; margin: 10px 5px 0 0; padding: 0;}
	ul.witteactiebladeren li	{list-style-type: none; font-weight: bold; list-style-image: none; float: left; padding: 2px 5px; display: block;}
	ul.witteactiebladeren li.current	{background-color: #F77F00;}
	ul.witteactiebladeren li.current a	{color: white;}
	ul.witteactiebladeren li.nmr	{border-left: 1px solid #F77F00;}
	ul.witteactiebladeren li.eerste	{border: none;}
	ul.witteactiebladeren li.prv	{margin-right: 15px;}
	ul.witteactiebladeren li.nxt	{margin-left: 15px;}
	ul.witteactiebladeren a	{color: #F77F00; text-decoration: none}	
	
/* lightbox +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#popupwindow {position: absolute; top: 0; left: 0; overflow: none; z-index: 100; width: 960px;}
	#fill {position: absolute; top: 0; left: 0; width: 960px; height: 100%; background:  #494949; opacity: 0.9; filter: Alpha(opacity=90); z-index: 89;}
	
	#area {position: absolute; margin: 0 auto; top: 0; left: 0; width: 960px; height: 100%;  z-index: 110;}
	#area div#lightbox-canvas {position: relative; margin: 10px auto;}
	#area div#lightbox-canvas img, #area div#lightbox-canvas p,	#area div#lightbox-canvas a	{background-color: #e08f27; padding: 10px; margin: 0;}
	#area div#lightbox-canvas div {overflow: hidden; background-color: #e08f27;}
	#area div p {text-align: left;}
	#area form {position: absolute; left: 200px;}
	/*#area .lb-tekst	{float: left; width: 70%}*/
	#area .lb-blader	{float: right; width: 150px; text-align: right; margin-bottom: 10px; margin-left: 10px;}

	#area #lightbox-next, #area #lightbox-prev {color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: lowercase; float: left;}
	#area div#lightbox-canvas p a#lightbox-next	{background: url(../img/oranje_pijl.gif) no-repeat right 13px; padding-right: 10px;}
	#area div#lightbox-canvas p a#lightbox-prev	{background: url(../img/oranje_pijl_rechts.gif) no-repeat left 13px; padding-left: 10px;}
	#area .aantal	{position: absolute; top: 0; left: -50px; background-color: transparent !important}

	.lightbox-canvas {width: 700px; margin: 0 auto;}
	#lightbox-picture p.dierenbiebnav #lightbox-next{float: right;}


/* Ezine tooltip*/
	#fssectie20 {position: relative;}
	/*span.info {position: absolute; left: -20px;}*/
	div.info {display: none; }
	div.popover {
		position: absolute;
		z-index: 200;
		border: 1px solid #fcc374; 
		display: block; 
		padding: 1em; 
		background: #fff4e4; 
		opacity: 0.9; 
		color: black;
		width: 300px;
		left: -30px;
		top: -50px;}