/* Homepage */
	
	#circ_home #bladspiegel {width: 964px; height: 426px;}
	#circ_home #cont {width: 232px; height: 416px; padding: 5px 20px; margin: 0;					
		background: transparent url(img/redesign/kolom_homerechts_shim.png) repeat-y top center;}
	#circ_home h1 {visibility: hidden; display: none;}
	#circ_home #contbody	{position: absolute; z-index: 1} /* anders valt de flash eroverheen */
	
	#circ_home #footer {height: 27px; background-image: url(img/redesign/bg_footer.png);}
	
/* 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;}
	#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;}
	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: 0; padding: 0;}
	ul#spellen li {display: block; float: left; width: 45%; 
			margin: 6px 0; 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;}
		
/* e-cards */
	ul#cardcats {list-style: none; margin: 0; padding: 0;}
	ul#kaarten {list-style: none; margin: 0; padding: 0;}
	ul#kaarten li  {display: block; float: left; width: 50%; margin: 6px 0; padding: 0; text-align: center; font-size: 90%; font-weight:bold;}
	ul#kaarten li.illu {float: none;}  
	ul#kaarten li a {text-decoration: none; margin: 0 auto;}
	ul#kaarten li div {width: 152px; margin: 0 auto; padding: 3px 2px;}
	ul#kaarten li div a {font-size: 80%; margin: 1px auto;}
		
	form#ecard, div#kaartachter {font-size: 90%;}
		#kaartvoor {width: 370px; margin: 0 auto; padding: 5px 0; background-color: #fff;}
	 	#kaartvoor img {margin: 0 5px;}
			div#flasj {margin: 0; padding: 0;}
		p#onderschrift {font-family: Comic Sans MS, Sans-serif; font-size: 180%; margin: 0; padding: 5px 0 0 0; text-align: center;}
	form#ecard dl {width: 100%}
	form#ecard dt, form#ecard dd {margin: 3px 0; padding: 0; width: 50%} 
	form#ecard .kleur {width: 100px; font-weight: bold;}
	form#ecard fieldset {border: none;}
		#kaartachter {color: #000; border: 1px solid #000; margin: 10px 0; 
					padding: 10px 0; width: 370px; height: 290px;}
		fieldset#kaartachter {background: url(img/postzegel_leeg.gif) no-repeat top right #fff;}
		div#kaartachter {background: url(img/postzegel.gif) no-repeat top right #fff}
	form#ecard fieldset#van, form#ecard fieldset#aan,
		div#kaartachter dl#van, div#kaartachter dl#aan	 
			{float: left; border: none; margin: 0; padding: 0 10px;}
		form#ecard fieldset#van, form#ecard fieldset#aan {width: 164px;}
	form#ecard fieldset#van, 
		div#kaartachter dl#van {border-right: 1px solid #000;}
	form#ecard fieldset#van dt {width: 5.5em; margin-right: 2px;}
	form#ecard fieldset#van dd, fieldset#van input {width: 88px;}
	form#ecard fieldset#van textarea#boodschap {width: 90%; height: 180px;}
	form#ecard fieldset#aan {margin-top: 90px;}
	form#ecard fieldset#aan dt {width: 4em; margin-right: 2px;}
	form#ecard fieldset#aan dd, fieldset#aan input {width: 99px;}
	form#ecard /*fieldset#aan*/ p#uitlegadres {font-style: italic;}
	form#ecard input#voorbeeld {float: left;} 
	form#ecard input#verzenden {float: right;} 
	form#ecard a#terug {clear: both; display: block; margin-top: 25px;}

	div#kaartachter dl#van, div#kaartachter dl#aan	 {width: 164px;}
	div#kaartachter dl#van {height: 240px; margin: 40px 0}
	div#kaartachter dl#van dd {margin-top: 40px;}
	div#kaartachter dl#aan {margin-top: 130px; font-weight: bold;}
	div#kaartachter dl#aan dt, div#kaartachter dl#aan dd {border-bottom: 1px solid #000; margin: 12px 0; padding: 4px 0;}
	p#stuurzelf {clear: both;}

		form#kaartvoorbeeld {clear: both;}
		form#kaartvoorbeeld a#terug {float: left;}
		form#kaartvoorbeeld input#verzenden {float: right;}
		
/* 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 #detail dl, #dierenbieb #detail dt, #dierenbieb #detail dd {margin: 0; padding: 0;} 
	#dierenbieb #detail dt {display: none;}
	#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 #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 h1 {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*/

	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;}