/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS'; font-size: 12px; color: #2f2f2f; }
input, select, textarea { font-family: 'Trebuchet MS'; font-size: 12px; color: #2f2f2f; }
body { padding: 10px 0px 30px 0px; background: url('/img/bodyBg.png') #000 repeat-x; }
img { border: 0px; display: block; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 952px; background: #fff; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 952px; height: 139px; background: url('/img/headerBg.gif') no-repeat; }
	
		/* ### ZOEK CONTAINER ### */
		#zoekCntr { position: absolute; bottom: 48px; right: 10px; width: 220px; }
		#zoekCntr fieldset { overflow: hidden; width: 220px; border: 0px; }
		#zoekCntr input.field { margin-right: 5px; padding: 1px; float: left; width: 160px; height: 15px; border: 1px solid #574013; background: #fff; }
		#zoekCntr input.submit { float: left; }
		#zoekCntr a { font-size: 11px; text-decoration: none; color: #2f2f2f; }
		#zoekCntr a:hover { text-decoration: underline; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; bottom: 0px; left: 0px; width: 952px; height: 33px; background: url('/img/menuBg.gif') repeat-x; }
		#menuCntr ul { overflow: hidden; width: 952px; list-style: none; }
		#menuCntr li { padding-right: 2px; float: left; display: inline; height: 33px; background: url('/img/menuLi.gif') no-repeat right; }
		#menuCntr li.last { padding-right: 0px; }
		#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 33px; line-height: 33px; font-weight: bold; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('/img/menuHBg.gif') repeat-x; }

		#social { position: absolute; top:15px; right: 16px; } 
		#social a.twitter { display: block; float: left; width: 24px; height: 24px; background: url('/img/twitter.png') 0px 0px no-repeat; text-indent: -9999px; margin-right: 7px;  } 
		#social a.facebook { display: block; float: left; width: 24px; height: 24px; background: url('/img/facebook.png') 0px 0px no-repeat; text-indent: -9999px; margin-right: 7px; } 
		#social a.linkedin { display: block; float: left; width: 24px; height: 24px; background: url('/img/linkedin.png') 0px 0px no-repeat; text-indent: -9999px; margin-right: 7px;  } 
		#social a.youtube { display: block; float: left; width: 24px; height: 24px; background: url('/img/youtube.png') 0px 0px no-repeat; text-indent: -9999px; margin-right: 10px;} 
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 952px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 0px; overflow: hidden; width: 942px; background: url('/img/contentBg.gif') repeat-y 656px 0px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 645px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 645px; }
			.nieuwsBox h2 { margin: 0px 0px 10px 10px; text-indent: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #1d1d1d; background: url('/img/arrow.gif') no-repeat left; }
			.nieuwsBox h1 { font-size: 15px; text-transform: uppercase; font-weight: bold; color: #fe0000; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { padding: 10px 10px 10px 20px; line-height: 22px; cursor: pointer; }
			.nieuwsBox li.selected { background: url('/img/nieuwsBg.gif') #e2e1e1 repeat-y; }
			.nieuwsBox li a { color: #fe0000; }
			.nieuwsBox li a:hover { text-decoration: none; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 275px; }
		
			/* ### NIEUW BOX ### */
			.nieuwBox { margin-bottom: 10px; width: 275px; }
			.nieuwBox h2 { margin-bottom: 10px; text-indent: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #1d1d1d; background: url('/img/arrow.gif') no-repeat left; }
			.nieuwBox a.prev { margin-bottom: 5px; display: block; height: 27px; width: 275px; background: url('/img/prev2.gif') no-repeat center; }
			.nieuwBox a.next { margin-top: 5px; display: block; height: 27px; width: 275px; background: url('/img/next2.gif') no-repeat center; }
			.nieuwBox a span { display: none; }
			.nieuwBox ul { list-style: none; }
			.nieuwBox li { margin-bottom: 3px; padding: 2px; overflow: hidden; width: 272px; background: #dbd9d9; }
			.nieuwBox li img { float: left; }
			.nieuwBox li a { display: block; float: right; width: 200px; text-decoration: none; color: #2f2f2f; }
			.nieuwBox li a span { padding: 8px 0px 3px 0px; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fe0000; }
			
			/* ### VIDEO BOX ### */
			.videoBox { width: 275px; }
	
	/* ### INFO CONTAINER ### */
	#infoCntr { margin: 0px 10px 0px 10px; overflow: hidden; width: 932px; background: #dbd9d9; }
	
		/* ### ARTIEST BOX ### */
		.artiestBox { float: left; overflow: hidden; width: 645px; }
		.artiestBox h2 { width: 77px; height: 21px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fe0000; background: url('/img/artiestBg.gif') #fff no-repeat right; padding-left: 7px; }
		.artiestBox a.prev { display: block; float: left; height: 91px; width: 20px; background: url('/img/prev.gif') no-repeat center; }
		.artiestBox a.next { display: block; float: right; height: 91px; width: 20px; background: url('/img/next.gif') no-repeat center; }
		.artiestBox a span { display: none; }
		.artiestBox ul { padding: 10px 0px 10px 5px; float: left; overflow: hidden; width: 600px; list-style: none; }
		.artiestBox li { margin-right: 10px; float: left; display: inline; }
		.artiestBox li.last { margin-right: 0px; }
		
		/* ### CONTACT BOX ### */
		.contactBox { margin: 10px 0px 10px 0px; padding: 10px; float: right; width: 265px; line-height: 18px; border-left: 1px solid #b7b5b5; }
		.contactBox span { display: block; font-size: 13px; font-weight: bold; color: #fe0000; }
		.contactBox address { height: 100px; font-style: normal; }
		.contactBox a { text-decoration: none; color: #2f2f2f; }
		.contactBox a:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 10px 0px 10px 0px; width: 952px; }
	#footerCntr ul { margin: 0 auto; overflow: hidden; width: 675px; list-style: none;  text-align:center;}
	#footerCntr li { float: left; display: inline; }
	#footerCntr li a { padding: 0px 3px 0px 3px; text-decoration: none; color: #2f2f2f; }
	#footerCntr li a:hover { text-decoration: underline; color: #fe0000; }

   /* ### CONTACT ### */
    .inhoud { margin: 20px;}
	input.formulier { width: 300px; border:1px solid #777; color: #333; padding: 1px; }
	textarea.formulier { width: 300px; height: 150px; border:1px solid #777; color: #333; padding: 1px; }
	a.linkje { color: #fe0000; text-decoration: none; }
	a.linkje:hover { color: #333; text-decoration: underline; }

   /* ### ARTISTS/LABELS ### */
    .artiest { width: 135px; border: 0px; float:left; margin-left: 15px; margin-bottom: 15px; padding: 2px; text-align: center;}
	.artiest img { width: 132px; height: 132px; border:1px solid #ccc; }
    #alfabetlinks { width:100%; text-align: center; color: #fe0000; text-decoration: none; font-weight: bold; font-size: 8pt; margin-bottom: 20pt; }
    #alfabetlinks a { color: #fe0000; text-decoration: none; font-weight: bold; font-size: 8pt; }

    /* ### RELEASES ### */
    .release { width: 135px; height: 130px; border: 0px; float:left; margin-left: 15px; margin-bottom: 15px; padding: 2px; text-align: center;}
	.release img { width: 75px; height: 75px; border:1px solid #ccc; margin: 0px auto auto;}
	input.form { width: 180px; border:1px solid #777; color: #333;}
	select.form { width: 180px; border:1px solid #777; color: #333;}
	tr.row1 { background-color: #ddd; line-height: 15pt; height: 25px; }
	tr.row2 { background-color: #eee; line-height: 15pt; height: 25px; }

    #content { margin-left: 28px; margin-right: 20px; } 
    
	#vv a { color: #fe0000; text-decoration: none; }
	#vv a:hover { color: #333; text-decoration: underline; }
	#vv { margin-bottom: 25px; margin-top: 15px; }