/* ### GENERAL ### */
* {   }
html, body { margin: 0px; }
input, select, textarea { font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #666; }
body { padding: 20px 0px 30px 0px; background: #767c8e;  }

a {color: #000000; text-decoration: none;}

h1{ color: #FF0000; font-size: 17px; margin-top: 0px; padding-top: 0px; padding-bottom: 2px; }
/*h2{ color: #000000; font-size: 15px; padding-top: 5px; padding-bottom: 5px; }*/

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1000px; background: url('../images/mainBg.gif') repeat-y; }

	/* ### CONTENT BOX ### */
	.contentBox { overflow: hidden; width: 100%; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { overflow: hidden; position: relative; width: 1000px; height: 201px; background: url('../images/headerBg.png') no-repeat; }
	
		/* ### AD BOX ### */
		.adBox { position: absolute; top: 10px; right: 10px;  width: 728px; height: 90px; }
		.adBox img { border: 0px solid #f60000; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; bottom: 22px; left: 11px; overflow: hidden; width: 1000px; }
		#menuCntr ul { list-style: none; margin:0px}
		#menuCntr li { margin-right: 15px; float: left; display: inline; }
		#menuCntr li a { font-size: 16px; font-weight: bold; text-decoration: none; color: #fff; }
    #menuCntr .tiplijn { padding-right: 5px;font-size: 16px; font-weight: bold; text-decoration: none; color: #fff; }  
		#menuCntr li a:hover { text-decoration: underline; }
		
	/* ### LEFT CONTAINER ### */
	#leftCntr { padding-left: 4px; float: left; display: inline; width: 160px; }
	/*Mark*/#leftCntr .kopje { margin-left: 1px; padding-left: 10px; display: block; width: 149px; height: 28px; line-height: 28px; font-size: 16px; font-weight: normal; color: #fff; background: url('../images/titleBg.gif') repeat-x; }
	/*Mark*/#leftCntr .kopjeA { margin-left: 1px; padding-left: 10px; display: block; width: 149px; height: 28px; line-height: 28px; font-size: 16px; font-weight: normal; color: #fff; background: url('../images/titleBgA.gif') repeat-x; }

	#leftCntr div.bottom { width: 160px; height: 13px; background: url('../images/leftBottom.gif') no-repeat bottom; }
		
		/* ### ADV BOX ### */
		.advBox { width: 160px; }
		.advBox ul { list-style: none; padding-left: 0px; margin: 0px;  padding-top:0px;}
		.advBox a { padding-left: 5px; display: block; width: 150px; height: 36px; line-height: 30px; font-size: 16px;font-weight: bold;  text-decoration: none; color: #505050; background: url('../images/advBg.gif') no-repeat; }
		.advBox a:hover { text-decoration: underline; }
		
		/* ### RUB BOX ### */
		.rubBox { width: 160px; background: url('../images/leftBg.gif') repeat-y; text-align:left; margin: 0px; }
		.rubBox ul { padding: 2px 0px 3px 6px; list-style: none; margin: 0px; }
		.rubBox li a { text-decoration: none; color: #333; }
		.rubBox li a:hover { text-decoration: underline; }
		
		/* ### Artiestvdw BOX ### */
		.artiestvdwBox { width: 160px; background: url('../images/leftBg.gif') repeat-y; }
		.artiestvdwBox img { margin: 9px 9px 9px 0px; }
		.artiestvdwBox a { padding: 5px 0px 0px 9px; display: block; width: auto; text-decoration: none; color: #333; }
		.artiestvdwBox a:hover { text-decoration: underline; }
		
		/* ### KOOP BOX ### */
		.koopBox { width: 160px; background: url('../images/leftBg.gif') repeat-y; }
		.koopBox img { margin: 9px 9px 9px 0px; }
		.koopBox a { padding: 5px 0px 0px 9px; display: block; width: auto; text-decoration: none; color: #333; }
		.koopBox a:hover { text-decoration: underline; }
		
		/* ### LINK BOX ### */
		.linkBox { width: 160px; background: url('../images/leftBg.gif') repeat-y; }
		.linkBox ul { padding: 5px; overflow: hidden; width: 144px; list-style: none; margin: 0px; }
		.linkBox li { padding: 2px 0px 2px 0px; float: left; width: 124px; font-size: 11px; }
		.linkBox li.logo { padding-top: 6px; width: 20px; }
		.linkBox li.grey { background: #f2f2f2; }
		.linkBox li a { text-decoration: none; color: #000; }
		.linkBox li a:hover { text-decoration: underline; }
		
		/* ### FOTO BOX ### */
		.fotoBox { width: 160px; background: url('../images/leftBg.gif') repeat-y; }
		.fotoBox ul { padding: 5px; overflow: hidden; width: 144px; list-style: none;  margin: 0px;}
		.fotoBox li { padding-top: 10px; float: left; width: 77px; height: 40px; font-size: 11px; }
		.fotoBox li.first { padding-top: 0px; width: 67px; }
	
	/* ### CENTER CONTAINER ### */

	#centerCntr { margin-left: 2px; float: left; display: inline; width: 522px; background: url('../images/centerBg.gif') repeat-y; }

	#centerCntr div.content { display:inline-table; width:475px; }
	#centerCntr h3 { margin-bottom: 15px; padding-left: 10px; display: block; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #FF0000; }
	#centerCntr h4 { display: block; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #FF0000; }
	#centerCntr div.bottom { width: 522px; height: 19px; background: url('../images/centerBottom.gif') no-repeat bottom; }	
	#centerCntr div.top { width: 524px; height: 11px; background: url('../images/centerTop.gif') no-repeat top; }	
	#centerCntr .titel { display: block; height: 25px; line-height: 25px; font-size: 14px;  font-weight: bold; color: #FF0000; }
	.cleanlink {text-decoration: underline;}
		
		/* ### TOP BOX ### */
		.topBox { margin-left: 8px; padding: 0px 4px 0px 8px; position: relative; width: 502px; height: 312px; background: url('../images/topBg.png') no-repeat; }
		.topBox img.head { position: absolute; top: 3px; left: 5px; border: 3px solid #fff; }
		.topBox ul { position: absolute; top: 3px; right: 25px; width: 149px; list-style: none; }
		.topBox li { margin-bottom: 2px; padding: 2px; font-size: 11px; background: #fff; }
		.topBox h1 { position: absolute; top: 198px; left: 5px; font-size: 20px; font-weight: normal; color: #fff; }
		.topBox p { position: absolute; top: 228px; left: 5px; width: 310px; color: #fff; line-height: 16px; }
		
		/* ### NIEUWS BOX ### */
		.nieuwsBox { margin-top: 15px; padding: 0px 10px 0px 8px; width: 502px; }
		.nieuwsBox h2 { float: left; }
		.nieuwsBox div.contentBox a { display: block; float: right; width: 47px; height: 15px; line-height: 15px; text-decoration: none; text-align: center; color: #fff; background: url('../images/rss.gif') no-repeat; }
		.nieuwsBox ul { overflow: hidden; width: 400px; list-style: none; }
		.nieuwsBox li { padding-left: 5px; float: left; display: inline; width: 348px; height: 18px; }
		.nieuwsBox li.first { padding-left: 3px; width: 44px; color: #fff; background: url('../images/tijd.gif') no-repeat; }
		.nieuwsBox li a { text-decoration: none; color: #333; }
		.nieuwsBox li a:hover { text-decoration: underline; }
		
		/* ### TKOOP BOX ### */
		.tkoopBox { margin-top: 15px; padding: 0px 10px 0px 8px; width: 502px; }
		.tkoopBox ul { overflow: hidden; width: 502px; list-style: none; }
		.tkoopBox li { margin-right: 6px; float: left; text-align: center; }
		.tkoopBox li img { margin-bottom: 3px; padding: 8px; border: 1px solid #a0a0a0; background: #fff; }
		.tkoopBox li a { text-decoration: none; color: #333; }
		.tkoopBox li a:hover { text-decoration: underline; }
		.tkoopBox li.last { margin-right: 0px; }
		
		/* ### ARTIEST BOX ### */
		.artiestBox { margin-top: 15px; padding: 0px 10px 0px 8px; width: 502px; }
		.artiestBox ul { overflow: hidden; width: 502px; list-style: none; }
		.artiestBox li { margin-right: 6px; float: left; text-align: center; }
		.artiestBox li img { margin-bottom: 3px; padding: 8px; border: 1px solid #a0a0a0; background: #fff; }
		.artiestBox li.last { margin-right: 0px; }
		
		/* ### EVE BOX ### */
		.eveBox { margin-top: 15px; padding: 0px 10px 0px 8px; width: 502px; }
		
			/* ### FEEST BOX ### */
			.feestBox { overflow: hidden; width: 500px; border: 1px solid #acacac; border-top: 0px; }
			.feestBox div.image { padding: 5px; float: left; width: 220px; }
			.feestBox div.text { float: right; width: 270px; } 
			.feestBox ul.over { overflow: hidden; width: 270px; list-style: none; }
			.feestBox ul.over li { padding-bottom: 2px; float: left; width: 200px; }
			.feestBox ul.over li.first { width: 70px; }
			.feestBox ul.over li a { text-decoration: none; color: #333; }
			.feestBox ul.over li a:hover { text-decoration: underline; }
			.feestBox ul.list { overflow: hidden; width: 500px; list-style: none; }
			.feestBox ul.list li { float: left; height: 20px; line-height: 20px; border-top: 1px solid #acacac; }
			.feestBox ul.list li.naam { padding-left: 5px; width: 155px; }
			.feestBox ul.list li.plaats { width: 100px; }
			.feestBox ul.list li.stad { width: 100px; }
			.feestBox ul.list li.artiest { width: 140px; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { float: right; width: 308px; }
	#rightCntr .kopje { padding-left: 10px; display: block; height: 30px; line-height: 28px; font-size: 16px; font-weight: normal; color: #fff; background: url('../images/title2Bg.gif') repeat-x; }
	#rightCntr div.bottom { width: 306px; height: 10px; background: url('../images/rightBottom.gif') no-repeat bottom; }		
		

		/* ### LOGIN BOX ### */
		.loginBox { display:inline-table;width: 308px; height:137px; background: url('../images/loginBg.gif') repeat-y;   }
		.loginBox div.bottom { width: 308px;  background: url('../images/loginBgBottom.gif') no-repeat bottom; height: 10px;}	
		.loginBox div.top { width: 308px; background: url('../images/loginBgTop.gif') no-repeat top; height: 6px;  }	
			
		/*.loginBox { width: 308px; height: 86px; background: url('../images/loginBg.gif') no-repeat; }*/
		.loginBox fieldset { display: block; position: relative; border: 0px;}
		.loginBox input.name, .loginBox input.pass { width: 132px; height: 15px; border: 1px solid #000; background: #fff; }
		.loginBox img { position: absolute; top: 4px; left: 5px; }
		.loginBox input.name { padding: 2px; top: 8px; left: 80px; }
		.loginBox input.pass { padding: 2px; top: 32px; left: 80px; }
		.loginBox input.check { position: absolute; top: 60px; left: 230px; }
		.loginBox ul { position: absolute; top: 60px; left: 35px; overflow: hidden; width: 220px; list-style: none; }
		.loginBox li { margin-left: 5px; float: left; display: inline; }
		.loginBox li a { text-decoration: none; color: #333; }
		.loginBox li a:hover { text-decoration: underline; }
		.loginBox input.submit {width: 137px; height: 23px; font-size: 18px; color: #fff; border: 0px; background: url('../images/submitBg.gif') repeat-x; }
		.registerlink { margin-left: 5px; font-size: 16px;}
		.wachtwoordlink { margin-left: 5px; font-size: 10px;}
		.loginavatar {width:75px;height:75px;border:0px solid #000000;}
		
		/* ### BEHEER BOX ### */
		.beheerBox { width: 306px; background: url('../images/rightBg.gif') repeat-y;  }
		.beheerBox ul { padding: 5px 5px 5px 15px; overflow: hidden; width: 282px; list-style: none; }
		.beheerBox li { margin-right: 23px; float: left; display: inline; text-align: center; font-size: 11px; }
		.beheerBox li.last { margin-right: 0px; }
		.beheerBox img { margin: 2px 0px 2px 0px; }
		.beheerBox li a { text-decoration: none; font-weight: bold; color: #b5b6b6; }
		.beheerBox li a:hover { text-decoration: underline; }		
		
		.beheerBoxcontent { padding-left: 10px; }
		
		/* ### LEDEN BOX ### */
		.ledenBox { width: 306px; background: url('../images/rightBg.gif') repeat-y; }
		.ledenBox ul { padding: 5px 5px 5px 15px; overflow: hidden; width: 282px; list-style: none; }
		.ledenBox li { margin-right: 10px; float: left; display: inline; text-align: center; font-size: 11px; }
		.ledenBox li.last { margin-right: 0px; }
		.ledenBox img { margin: 2px 0px 2px 0px; }
		.ledenBox li a { text-decoration: none; font-weight: bold; color: #b5b6b6; }
		.ledenBox li a:hover { text-decoration: underline; }
		
		/* ### CON BOX ### */
		.conBox { margin-top: 6px; padding-left: 3px; width: 299px; }
		
		/* ### SPOT BOX ### */
		.spotBox { margin-top: 6px; overflow: hidden; width: 306px; background: url('../images/rightBg.gif') repeat-y; vertical-align: top;}
		.spotBox a.jouw { padding-left: 100px; text-decoration: none; color: #fff; }
		.spotBox img { margin-left: 9px; }
		.spotBox ul { padding: 4px 0px 4px 9px; overflow: hidden; width: 190px; list-style: none; }
		.spotBox li { margin-right: 3px; float: left; display: inline; }
		.spotBox li a { text-decoration: none; color: #333; }
		.spotBox li a:hover { text-decoration: underline; }
		.spotBox li span { padding-left: 10px; color: #ff4f00;}
		.spotinfo { padding-left: 10px; padding-top: 4px; vertical-align: top; }
		
		/* ### RADIO BOX ### */
		.radioBox { margin-top: 6px; overflow: hidden; width: 306px; background: url('../images/rightBg.gif') repeat-y; }
		.radioBox img { margin-left: 0px; }
		.radioBox ul { padding: 4px 0px 4px 9px; overflow: hidden; width: 190px; list-style: none; }
		.radioBox li { margin-right: 3px; float: left; display: inline; }
		.radioBox li a { text-decoration: none; color: #333; }
		.radioBox li a:hover { text-decoration: underline; }
		.radioBox li span { color: #ff4f00; }
		
	
		/* ### RELEASE BOX ### */
		.releaseBox { margin-top: 6px; overflow: hidden; width: 306px; background: url('../images/rightBg.gif') repeat-y; }
		.forumBox ul { padding: 5px; overflow: hidden; width: 292px; list-style: none; }
		.forumBox li { float: left; width: 222px; list-style: none; }
		.forumBox li.first { width: 70px; color: #ff7805; }
		.forumBox li a { text-decoration: none; color: #333; list-style: none; }
		.forumBox li a:hover { text-decoration: underline; }
		
		/* ### FORUM BOX ### */
		.forumBox { width: 306px; background: url('../images/rightBg.gif') repeat-y; }
		.forumBox ul { padding: 5px; overflow: hidden; width: 292px; list-style: none; }
		.forumBox li { float: left; width: 222px; list-style: none; }
		.forumBox li.first { width: 70px; color: #ff7805; }
		.forumBox li a { text-decoration: none; color: #333; list-style: none; }
		.forumBox li a:hover { text-decoration: underline; }
		
		/* ### VIDEO BOX ### */
		.videoBox { width: 306px; background: url('../images/rightBg.gif') repeat-y; }
		.videoBox img { margin: 10px 0px 10px 35px; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 1000px; background: url('../images/footerBg.gif') #767c8e no-repeat top; }
	#footerCntr p { padding-top: 18px; text-align: right; color: #fff; }
	#footerCntr a { text-decoration: none; color: #fff; }
	#footerCntr a:hover { text-decoration: underline; }
	
input.text {
	background-color: transparent;
	width: 60%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	}

.fieldName { 
	width: 150px;
	margin-right: 20px;
	float: left;
}
