/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Trebuchet MS, Arial; font-size: 13px; color: #666666; }
input, select, textarea { font-family: Trebuchet MS, Arial; font-size: 12px; color: #666666; }
body { background: #fff url('images/bg.jpg') top center no-repeat; }
img { border: 0px; }

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

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1266px; }
#mainCntr #left { width: 138px; float: left; }
#mainCntr #center { width: 990px; float: left; }
#mainCntr #right { padding-top: 50px; width: 120px; float: right; }
	
	/* ### LOGO BOX ### */
	.logoBox { padding: 60px 0px 0px 50px; width: 88px; }
	.logoBox h1 a { display: block; width: 65px; height: 573px; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 990px; overflow: hidden; height: 45px; }
	#headerCntr span { padding-left: 28px; font-size: 14px; line-height: 51px; color: #ff0099; display: block; float: left; }
		
		/* ### NIEUWS BOX ### */
		.nieuwsBox { padding: 2px 24px 0px 0px; width: 426px; overflow: hidden; float: right; height: 40px; }
		.nieuwsBox h2 { padding: 5px 10px 10px 45px; float: left; margin-top: 10px; font-weight: bold; font-size: 14px; color: #333333; background: url('images/email.gif') no-repeat; }
		.nieuwsBox form { margin: 0px; }
		.nieuwsBox form fieldset { padding-top: 12px; border: 0px; }
		.nieuwsBox form fieldset input.field { margin-right: 10px; width: 175px; height: 21px; float: left; border: #cccccc solid 1px; }
		.nieuwsBox form fieldset input.zoeken { width: 23px; height: 23px; border: 0px; cursor: pointer; background: url('images/zoeken.gif') no-repeat; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 990px; background: url('images/content-mid.png') repeat-y; }
	#contentCntr #top { width: 990px; background: url('images/content-top.gif') top left no-repeat; }
	#contentCntr #bottom { padding-bottom: 10px; width: 990px; overflow: hidden; background: url('images/content-bottom.gif') bottom left no-repeat; }
	#contentCntr a.top { position: absolute; top: 0px; right: 0px; display: block; width: 25px; height: 23px; text-indent: -9999px; background: url('images/spacer.gif'); }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-left: 24px; float: left; width: 152px; }
		
			/* ### EVENT BOX ### */
			.eventBox { padding-top: 30px; position: relative; width: 152px; }
			.eventBox h2 { padding-left: 10px; margin-bottom: 2px; height: 23px; line-height: 23px; color: #FFFFFF; font-size: 14px; background: #ff0099 url('images/pink-arrow.gif') top right no-repeat; }
			.eventBox .panelbody { padding: 5px 15px 10px 10px; line-height: 18px; color: #000000; width: 127px; background: #ffcceb; }
			.eventBox p { padding-bottom: 6px; }
			.eventBox a { color: #ff0099; font-size: 14px; font-weight: bold; }
			.eventBox a:hover { text-decoration: none; }
			#contentCntr .eventBox a.top { top: 30px; }
			
			/* ### SPONSOREN BOX ### */
			.sponsorenBox { padding: 10px 0; position: relative; width: 152px; }
			.sponsorenBox h2 { padding-left: 10px; height: 23px; line-height: 23px; color: #FFFFFF; font-size: 14px; background: #00aeef url('images/blue-arrow.gif') top right no-repeat; }
			.sponsorenBox a.ing { margin-top: 10px; width: 142px; height: 38px; display: block; text-indent: -9999px; background: url('images/ing-logo.gif') no-repeat; }
			#contentCntr .sponsorenBox a.top { top: 10px; }
			
			/* ### MENU BOX ### */
			.menuBox { padding-top: 10px; width: 152px; }
			.menuBox ul { list-style: none; }
			.menuBox ul li { width: 152px; }
			.menuBox ul li a { padding-left: 10px; display: block; line-height: 25px; color: #333333; text-decoration: none; }
			.menuBox ul li a:hover { color: #FFFFFF; background: #ff0099; }
			.menuBox ul li a.active { color: #FFFFFF; background: #ff0099; }
			.menuBox ul li ul { padding-left: 15px; }
			.menuBox ul li ul li { width: 137px; }
			.menuBox ul li ul li a { color: #918f8f; } 
			.menuBox ul li ul li a:hover { color: #ff0099; background: none; }
			.menuBox ul li ul li a.active { color: #ff0099; background: none; }
			.menuimage {
				width: 16px;
				height: 16px;
				display: inline;
				float: right;
				margin-top: -20px;
				margin-right: 2px;
			}
			.menuimage_collapse_purple	{	background-image: url('images/collapse_purple_test.png'); background-repeat: no-repeat;	}
			.menuimage_expand_purple	{	background-image: url('images/expand_purple_test.png'); background-repeat: no-repeat;		}
			.menuimage_collapse_white	{	background-image: url('images/collapse_white.png'); background-repeat: no-repeat;		}
			.menuimage_expand_white		{	background-image: url('images/expand_white.png'); background-repeat: no-repeat;		}
			/*.menuimage_white:hover
			{
			
			}*/
					
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding: 0 0 140px 22px; float: left; width: 512px; background: url('images/shadow.gif') 22px bottom no-repeat; }
			
			/* ### BANNER BOX ### */
			.bannerBox { padding-top: 30px; width: 512px; }
			
			/* ### AD BOX ### */
			.adBox { padding: 35px 0px 15px 0px; width: 512px; text-align: center; }
			
			/* ### TEXT BOX ### */
			.textBox { padding: 0px 20px; line-height: 22px; width: 472px; }
			.textBox h2 { font-size: 13px; color: #ff0099; }
			.textBox p { padding-bottom: 20px; }
			
			.textBox ol, .textBox ul { margin-left: 45px; }

	
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding: 30px 15px 0px 22px; margin-bottom: 14px; float: right; width: 236px; background: url('images/shadow.gif') left bottom no-repeat; }
			
			/* ### LOGIN BOX ### */
			.loginBox { width: 236px; overflow: hidden; }			
			.loginBox img { float: left; }
			.loginBox form { width: 165px; float: right; overflow: hidden; height: 53px; }
			.loginBox fieldset { border: none; overflow: hidden; }
			.loginBox input.field { padding: 2px; padding-left: 5px; margin-right: 8px; margin-bottom: 7px; border: 1px solid #cccccc; float: left; width: 118px; height: 17px; color: #999999; }
			.loginBox input.login-button { width: 23px; border: none; height: 23px; cursor: pointer; float: left; background: url('images/login-icon.gif') top left no-repeat; }
			.loginBox a.help { float: left; display: block; height: 23px; width: 23px; text-indent: -9999px; background: url('images/help-icon.gif') top left no-repeat; }
			.loginBox a { color: #999999; font-size: 10px; text-decoration: none; }
			.loginBox a:hover { text-decoration: underline; }
			.loginBox a.active { color: #ff0099; }
			
			/* ### SHOP BOX ### */
			.shopBox { margin-top: 7px; position: relative; width: 236px; background: #e8f4d9; }
			.shopBox h2 { padding-left: 13px; margin-bottom: 9px; color: #fff; border-bottom: 2px solid #fff; font-size: 14px; height: 23px; line-height: 23px; background: #8cc63f url('images/green-bullet.gif') top right no-repeat; }
			/*.shopBox img { padding-left: 15px; }*/
			.shopBox p { padding: 5px 12px 8px 15px; color: #333333; line-height: 18px; }	
			.shopBox .panelbody { padding: 5px 12px 8px 15px; color: #333333; line-height: 18px; }	
			
			/* ### TV BOX ### */	
			.tvBox { margin-top: 7px; position: relative; width: 236px; background: #e1d2eb; }
			.tvBox h2 { padding-left: 13px; margin-bottom: 9px; color: #fff; border-bottom: 2px solid #fff; font-size: 14px; height: 23px; line-height: 23px; background: #7c3fba url('images/purple-bullet.gif') top right no-repeat; }
			.tvBox img {/* padding-left: 15px;*/ padding-bottom: 5px; }
			.tvBox p { padding: 3px 12px 7px 15px; color: #333333; line-height: 18px; }	
			.tvBox .panelbody { padding: 3px 12px 7px 15px; color: #333333; line-height: 18px; }	
			
			/* ### NEWS BOX ### */
			.newsBox { margin-top: 7px; position: relative; width: 236px; color: #333333; background: #f2cfcf; }
			.newsBox h2 { padding-left: 13px; margin-bottom: 5px; color: #fff; border-bottom: 2px solid #fff; font-size: 14px; height: 23px; line-height: 23px; background: #bf0d0d url('images/red-bullet.gif') top right no-repeat; }
			.newsBox span { padding-left: 15px; font-weight: bold; }
			.newsBox p { padding: 3px 12px 7px 15px; color: #333333; line-height: 18px; }	
			.newsBox .panelbody { padding: 3px 12px 7px 15px; color: #333333; line-height: 18px; }	
			.newsBox a { color: #ff0099; text-decoration: none; font-style: italic; }
			.newsBox a:hover { text-decoration: underline; }
			
			/* ### POLL BOX ### */
			.pollBox { margin-top: 7px; position: relative; width: 236px; color: #999999; background: #ffebcc; font-size: 11px; }
			.pollBox h2 { padding-left: 13px; margin-bottom: 5px; color: #fff; border-bottom: 2px solid #fff; font-size: 14px; height: 23px; line-height: 23px; background: #ff9900 url('images/orange-bullet.gif') top right no-repeat; }
			.pollBox span { padding-left: 15px; padding-bottom: 7px; font-size: 13px; color: #333333; display: block; font-weight: bold; }
			.pollBox p { padding-bottom: 5px; padding-left: 15px; font-size: 13px; color: #333333; }
			.pollBox .panelbody { padding-bottom: 5px; padding-left: 15px; font-size: 13px; color: #333333; }
			.pollBox p span { padding: 0px 3px 0px 0px; float: left; }
			.pollBox a { padding-right: 5px; color: #999999; text-decoration: none; font-size: 11px; background: url('images/seperator.gif') right no-repeat; }
			.pollBox a.last { background: none; } 
			.pollBox a:hover { text-decoration: underline; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 13px 0px 20px 0px; font-size: 11px; overflow: hidden; width: 988px; background: url('images/footer-bg.gif') top left no-repeat; }
	#footerCntr ul { padding-top: 5px; padding-left: 17px; list-style: none; overflow: hidden; }
	#footerCntr li { padding: 0px 5px; float: left; color: #666666; background: url('images/seperator.gif') right no-repeat; }
	#footerCntr li a { color:#666666; text-decoration: none; }
	#footerCntr li.last { background: none; }
	#footerCntr li a:hover { color: #ff0099; }
	#footerCntr li a.active { color: #ff0099; }
	#footerCntr img { margin-right: 20px; margin-bottom: 25px; float: right; }
	#footerCntr p { text-align: right; color: #666666; }