/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #001027; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #001027; }
body { background: url('../images/bodyBg.gif') #4f91bf repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 890px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 890px; height: 146px; background: url('../images/headerBg.gif') no-repeat; }
	#headerCntr img.ad { position: absolute; top: 28px; right: 31px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; bottom: 0px; width: 890px; height: 39px; background: url('../images/menuBg.gif') no-repeat; }
		#menuCntr ul { overflow: hidden; width: 890px; list-style: none; }
		#menuCntr li { margin-left: 24px; float: left; display: inline; }
		#menuCntr li a { display: block; float: left; height: 39px; text-indent: -9999999999px; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') no-repeat top; }
		#menuCntr li a span { display: none; }
		#menuCntr li.begin { width: 70px; background: url('../images/beginpagina.gif') no-repeat; }
		#menuCntr li.begin a { width: 70px; }
		#menuCntr li.dance { width: 86px; background: url('../images/dance.gif') no-repeat; }
		#menuCntr li.dance a { width: 86px; }
		#menuCntr li.fun { width: 21px; background: url('../images/fun.gif') no-repeat; }
		#menuCntr li.fun a { width: 21px; }
		#menuCntr li.hardcore { width: 55px; background: url('../images/hardcore.gif') no-repeat; }
		#menuCntr li.hardcore a { width: 55px; }
		#menuCntr li.hardstyle { width: 60px; background: url('../images/hardstyle.gif') no-repeat; }
		#menuCntr li.hardstyle a { width: 60px; }
		#menuCntr li.jumpstyle { width: 60px; background: url('../images/jumpstyle.gif') no-repeat; }
		#menuCntr li.jumpstyle a { width: 60px; }
		#menuCntr li.kinder { width: 78px; background: url('../images/kinderliedjes.gif') no-repeat; }
		#menuCntr li.kinder a { width: 78px; }
		#menuCntr li.klassies { width: 47px; background: url('../images/klassies.gif') no-repeat; }
		#menuCntr li.klassies a { width: 47px; }
		#menuCntr li.latin { width: 29px; background: url('../images/latin.gif') no-repeat; }
		#menuCntr li.latin a { width: 29px; }
		#menuCntr li.rb { width: 22px; background: url('../images/rb.gif') no-repeat; }
		#menuCntr li.rb a { width: 22px; }
		#menuCntr li.pop { width: 22px; background: url('../images/pop.gif') no-repeat; }
		#menuCntr li.pop a { width: 22px; }
		#menuCntr li.rock { width: 27px; background: url('../images/rock.gif') no-repeat; }
		#menuCntr li.rock a { width: 27px; }
	
	/* ### THUMB CONTAINER ### */
	#thumbCntr { padding: 2px 2px 0px 2px; width: 886px; background: #fff; }
	#thumbCntr ul { padding: 3px 0px 0px 30px; overflow: hidden; width: 856px; height: 98px; list-style: none; background: url('../images/thumbBg.gif') no-repeat; }
	#thumbCntr li { padding-right: 30px; float: left; display: inline; }
	#thumbCntr li a { margin: 8px; display: block; float: left; border: 2px solid #fff; }
	#thumbCntr li a:hover { margin: 0px; border: 10px solid #83b8f1; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 2px 2px 0px 2px; overflow: hidden; width: 886px; background: url('../images/contentBg.gif') repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 196px; background: url('../images/shade.gif') repeat-x 0px 37px; }
		#leftCntr h2 { margin-bottom: 8px; height: 37px; line-height: 37px; text-indent: 30px; font-size: 12px; color: #fff; background: url('../images/leftH2.gif') no-repeat; }
		#leftCntr ul { padding: 0px 12px 8px 12px; list-style: none; }
		#leftCntr li { padding-bottom: 2px; background: url('../images/leftLi.gif') no-repeat bottom; }
		#leftCntr li a { display: block; height: 20px; line-height: 20px; text-indent: 15px; text-decoration: none; color: #000; background: url('../images/leftBg.gif') no-repeat left; }
		#leftCntr li a:hover, #leftCntr li.selected a { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 688px; background: url('../images/shade.gif') repeat-x 0px 37px; }
		#rightCntr h1 { margin-bottom: 8px; height: 37px; line-height: 37px; text-indent: 30px; font-size: 12px; color: #fff; background: url('../images/rightH2.gif') no-repeat; }
		#rightCntr img { display: inline; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 688px; }
			.textBox p { padding: 0px 11px 11px 11px; }
			.textBox table { padding: 0px 11px 11px 11px; }
			.textBox a { text-decoration: none; color: #000; }
			.textBox a:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 10px; width: 890px; line-height: 20px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { padding-right: 10px; text-align: right; color: #fff; }