body	{font-size: 80%; background: #5db1d5 url(img/bg_body.jpg) repeat-y top center; margin: 0; padding: 0; overflow: auto;}
body, form * 	{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

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

	#bladspiegel {width: 964px; margin: 11px auto; position: relative;}
	
	/* logo_bamboeclub_5jaar: varitem=16355 */
	a#logo {position: absolute; top: -5px; left: 20px; 
		background: url(img/redesign/logo_bamboeclub.png) no-repeat; 
		width: 158px; height: 147px; z-index: 10; text-decoration: none;}

	#kop {position: relative; background: url(img/redesign/bg_header.png) no-repeat; 
		height: 94px; margin: 0; padding: 0;}
	
	a#meldaan {background-image: url(img/redesign/blok_meldjekindaan_oranje.png); display: block; 
		width: 278px; height: 65px; text-decoration: none; 
		position: absolute; right: 6px; top: -11px; z-index: 10;}
	/* a#meldaan:hover {background-image: url(img/redesign/blok_meldjekindaan_over.png);} */
	
	#menu {position: absolute; top: 60px; left: 200px; margin: 0; padding: 0; 
		width: 755px; z-index: 3;} 
	
	/* dynamisch deel met _daarbinnen_ flexibele css-border */
	#landschap {margin: 0; padding: 0;
		background: url(img/bg_landschap.gif) no-repeat top center #f8cc14;	}
	
	/* dynamisch deel met flexibele css-border */
	#rand {margin: 0; padding: 0; border-width: 0 6px; border-style: solid; 
		border-color: #317090; width: 952px; min-height: 426px;}

/* inzet element bij oorspr subpage layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	.banner {position: absolute; top: 318px; right: 20px; background-repeat: no-repeat; width: 189px; min-height: 163px; color: #fff;}
	.banner .voering { margin: 0px 20px 0 10px;}
	.banner h2, .banner p {margin: 0; width: 165px;}
	.banner a {position: relative; z-index: 1}
	.banner a.meer	{background: url(img/pijl.png) no-repeat; display: block; width: 12px; height: 9px; position: absolute; top: 115px; left: 155px; text-decoration: none;}
	.banner span.verborgen {visibility: hidden; border: none;}
	.banner .banner-top, .banner .banner-bottom{background-repeat: no-repeat; height: 12px;}
	.banner .banner-bottom {height: 21px;}
	.banner .banner-shim {width: 189px; background-repeat: repeat-y;}
	
	#bannerlinks {top: 278px; left: -140px; width: 164px;}
	#bannerlinks .banner-top, #bannerlinks .banner-bottom{height: 17px;}
	#bannerlinks .banner-shim {width: 164px;}
	
/* specs vervolgpagina +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	#subpage #banner {right: -108px; top: 245px;}
	
	#cont {float: right; margin-right: 131px; margin-top: 10px; width: 430px; background-color: transparent;}
	#boven, #onder {background-repeat: no-repeat; height: 12px;}
	#boven  {height: 8px !important;}
	#content {background-repeat: repeat-y; margin: 0; padding: 10px 75px 1px 30px; min-height: 380px; _height: 380px;} /* padding 1px blijkt nodig ivm aansluiten bg-img's.. */
	/* Om overlap door 'bannertje' aan rechts te voorkomen: */
	#content p, #content form {margin-right: 8px;} 

	div.seperator	{background: url(img/bamboe.png) no-repeat; height: 12px; width: 368px; margin: 1em 0;} /*seperator marge aangepast nav varitem=8426 */

/* onderkant +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	#footer {background: url(img/bg_footer.png) no-repeat; height: 17px;}
	
	/* extra elems onder de footer */
	#mp3anim 	{position: absolute; top: 545px; left: 50px; z-index: 0 !important;}
	
	/* #socbuttons	{background: url(../img/social/socialmedia_icons_bg.png) no-repeat top right; height: 45px; width: 106px; padding: 6px 12px; margin: -51px auto; z-index: 0 !important;}	
	#socbuttons a, #socbuttons a:hover	{background-repeat: no-repeat; background-position: top left; float: left;
		display: block; width: 24px; height: 24px; margin: 3px 1px;}
	#socbuttons a span	{display: none}
	#socbuttons a.hy	{background-image: url(../img/social/icon_hyves.png);}
	#socbuttons a.tw	{background-image: url(../img/social/icon_twitter.png);}
	#socbuttons a.fb	{background-image: url(../img/social/icon_facebook.png);}
	#socbuttons a.yt	{background-image: url(../img/social/icon_youtube.png);} */
	
	#socbuttons	{background: url(../img/social/socialmedia_icons_bg.png) no-repeat top left;
			height: 45px; width: 117px; padding: 0 0 0 13px !important; margin: -45px auto 0 auto; z-index: 0 !important;}
		#socbuttons a, #socbuttons a:hover	{background-repeat: no-repeat; background-position: top left; float: left;
			display: block; width: 24px; height: 24px; margin: -13px 1px 0 1px;}
		#socbuttons a span	{display: none}
		#socbuttons a.tw	{background-image: url(../img/social/icon_twitter.png);}
		#socbuttons a.fb	{background-image: url(../img/social/icon_facebook.png);}
		#socbuttons a.yt	{background-image: url(../img/social/icon_youtube.png);}
		#socbuttons a.pt	{background-image: url(../img/social/icon_pinterest.png);}
	
	#player	{width: 132px; height: 30px; margin-left: 20px; padding: 5px 0 10px 20px;
		background-image: url(../img/player_bg.png);}

		#player p	{margin: 0; padding: 0;}
		#player p.titel	{font-size: 0.8em; margin-bottom: 5px; text-align: center; margin-right: 20px}
		
		#player a	{background-image: url(../img/player_buttons.gif); float: left; margin-right: 4px;
			display: block; width: 20px; height: 13px; background-repeat: no-repeat}
		#player a span	{display: none;}
		
		#player .b {background-position: 0 0}
		#player .s {background-position: -28px 0}
		#player .p {background-position: -53px 0}
		#player .f {background-position: -80px 0}
		#player .o {background-position: -110px 0}
		
		/* #player a:hover	{background-position: inherit -13px;} inherit doet ie nie.. dus helaas allen specificeren :-( */
		#player .b:hover {background-position: 0 -13px}
		#player .s:hover {background-position: -28px -13px}
		#player .p:hover {background-position: -53px -13px}
		#player .f:hover {background-position: -80px -13px}
	
	#footnav	{margin: 0; padding: 0; position: absolute; top: 550px; right: 10px; width: 272px; text-align: center; font-size: 0.8em}
	#footnav li	{display: inline; border-right: 1px solid white; padding: 0 10px 0 5px;}
	#footnav li#footopt3	{border: none}
	#footnav a	{color: white; text-decoration: none;}
	
/* flash +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */		
	
	#circ_home #flashanim 
	{width: 952px; height: 487px;
	position: absolute; top: 40px; left: 6px;}
	
	#circ_home ul#blokjes{position: absolute; z-index: 3 !important;}
	#circ_home .dier {background: none;}
	

	#subpage #contbody, #altsubpage #contbody
		{position: relative; z-index: 1 !important; width: 430px;}
	#subpage #flashanim, #altsubpage #flashanim
		{position: absolute; top: 62px; left: 0; z-index: 0 !important;}
	#altsubpage #flashanim	{top: 250px}
	
	#flashbanner-rechtsonder {top: 100px;}	
	
/* alt subpag nav 'redesign' Fier 2010 +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	#altsubpage h1	{color: #663366;}
	#altsubpage hr	{background: url(img/redesign/bamboe.png) no-repeat top center; height: 48px}
	
	#altsubpage #cont	{width: 698px; margin: 0;
		background: url(img/redesign/content_bg.gif) repeat-y top right;}
	#altsubpage #contbody	{width: 638px; padding: 20px 30px; position: relative;}
	/* #altsubpage #contfoot	{clear: both; float: right; width: 698px; height: 10px; 
		background: url(img/redesign/content_bg_foot.png) no-repeat top right;} varitem=16062 */
	#altsubpage #rand	{background: url(img/redesign/bg_shim_volg.png) repeat-y -6px top;}
	#altsubpage #footer	{background: url(img/redesign/bg_footer_volg.png) no-repeat; height: 27px;}
	
	#tweekols		{overflow: auto; clear: both;}
	#tweekols .col	{float: left; width: 305px; margin: 0; padding: 0;}
	#tweekols #koll	{margin-right: 25px;}
	#tweekols #kolr	{}