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

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 20px; width: 960px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 960px; height: 42px; background: url('../images/headerBg.png') no-repeat; }

		/* ### MENU CONTAINER ### */
		#menuCntr { width: 960px; }
		#menuCntr span { position: absolute; top: 10px; left: 765px; font-size: 19px; font-weight: bold; color: #fff; }
		#menuCntr ul { padding: 12px 0px 0px 20px; overflow: hidden; width: 400px; list-style: none; }
		#menuCntr li { margin-right: 20px; float: left; display: inline; font-size: 12px; }
		#menuCntr li a { padding-left: 25px; display: block; float: left; height: 17px; line-height: 17px; text-decoration: none; color: #fff; background: no-repeat 0px 0px; }
		#menuCntr li a:hover { color: #333; background-position: 0px -17px; }
		
		#menuCntr li.start a { background-image: url('../images/start.png'); }
		#menuCntr li.contact a { background-image: url('../images/contact.png'); }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 25px 20px 15px; position: relative; width: 920px; background: url('../images/contentBg.gif') repeat-y 225px 0px; }
	
		/* ### LEFT CONTAINER ### */
		/* #leftCntr { margin-right: 10px; padding: 110px 0px 100px 0px; float: left; display: inline; width: 200px; } */
		#leftCntr { margin-right: 10px; padding: 110px 0px 100px 0px; position: relative; z-index: 5; float: left; display: inline; width: 200px; }
		#leftCntr h1 { position: absolute; top: 30px; left: 0px; z-index: 10; }
		#leftCntr h1 a { display: block; width: 178px; height: 52px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
		
			/* ### NAV BOX ### */
			.navBox { width: 200px; }
			.navBox ul { padding-bottom: 50px; list-style: none; }
			.navBox li { line-height: 26px; font-weight: bold; }
			.navBox li a { text-decoration: none; color: #666; }
			.navBox li a:hover, .navBox li a.selected, .navBox li a.selected2  { color: #ef4035; }
			.navBox li a.selected { padding-right: 20px;  }
			.navBox li a.selected2 { padding-right: 20px; background: url('../images/arrow.gif') no-repeat right; }
			.navBox ul ul { padding: 0px 0px 0px 15px; }
			.navBox ul ul li { font-weight: normal; }
			.navBox ul ul li a.selected { padding-right: 0px; background: none; }
			.navBox a.online { display: block; width: 161px; height: 67px; text-indent: -9999px; background: url('../images/order.png') no-repeat; }
			
			/* ### LID BOX ### */
			.lidBox { position: absolute; bottom: 20px; left: 15px; width: 200px; }
			.lidBox p { padding-bottom: 10px; font-size: 10px; color: #999; }
			.lidBox ul { overflow: hidden; width: 200px; list-style: none; }
			.lidBox li { margin-right: 10px; float: left; display: inline; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-top: 280px; float: left; width: 470px; }
		
			/* ### SLIDE BOX ### */
			.slideBox { position: absolute; top: -45px; left: 204px; width: 513px; height: 350px; background-image: url('../images/flash.png'); }
			.slideBox #slideshow { margin-top: 20px; margin-left: 22px; } 
			
			/* ### NP BOX ### */
			.npBox { padding: 20px 20px 20px 15px; overflow: hidden; width: 435px; }
			.npBox ul { float: left; overflow: hidden; width: 400px; list-style: none; }
			.npBox li { float: left; display: inline; line-height: 19px; color: #ef4035; }
			.npBox li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #ef4035; }
			.npBox li a:hover { color: #333; }
			.npBox a.print { float: right; display: block; width: 18px; height: 19px; text-indent: -9999px; background: url('../images/print.gif') no-repeat 0px 0px; }
			.npBox a.print:hover { background-position: 0px -19px; }
			
			/* ### TEXT BOX ### */
			.textBox { padding: 0px 20px 0px 20px; width: 430px; }
			.textBox h2 { padding-bottom: 5px; font-size: 14px; font-weight: bold; }
			.textBox p { padding-bottom: 20px; line-height: 24px; }
			.textBox span.error { color: red; display:block; font-size: 8pt;}
            .textBox a { color: #f44; text-decoration: none;}
            .textBox a:hover { color: #222; text-decoration: underline; }
			.textBox li.downloads { margin-left: 20px; line-height: 20px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 15px; float: right; width: 220px; }
		
			/* ### SPOT BOX ### */
			.spotBox { padding-bottom: 15px; width: 220px; }
			.spotBox ul { list-style: none; }
			.spotBox li { padding-bottom: 15px; }
			.spotBox li a { padding-top: 10px; display: block; width: 217px; height: 144px; overflow: hidden; text-indent: 24px; line-height: 24px; font-size: 14px; text-decoration: none; color: #fff; background: url('../images/spotBg.gif') no-repeat; }
			.spotBox li a img { padding-left: 13px; cursor: pointer; width:191px; }
			.spotBox li a:hover { text-decoration: none; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 220px; }
			.nieuwsBox h3 { margin-bottom: 20px; width: 199px; height: 49px; text-indent: -9999px; background: url('../images/nieuwsH3.gif') no-repeat; }
			.nieuwsBox ul { padding-left: 15px; list-style: none; }
			.nieuwsBox li { padding-bottom: 20px; }
			.nieuwsBox li a { line-height: 18px; text-decoration: none; color: #666; }
			.nieuwsBox li a strong { display: block; font-size: 14px; cursor: pointer; color: #ef4035; }
			.nieuwsBox li a span { display: block; font-weight: bold; cursor: pointer; }
			.nieuwsBox li a:hover strong { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 0px 15px 0px 15px; overflow: hidden; width: 930px; height: 42px; line-height: 42px; font-size: 10px; color: #999; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr ul { float: left; overflow: hidden; width: 400px; list-style: none; }
	#footerCntr li { float: left; display: inline; }
	#footerCntr li a { padding: 0px 3px 0px 3px; }
	#footerCntr a { text-decoration: none; color: #999; }
	#footerCntr a:hover { color: #fff; }
	#footerCntr p { float: right; width: 530px; text-align: right; }

    #sitemap ul { margin-left: 15px; }
    #sitemap li { margin-left: 15px; line-height: 16pt;}
    #sitemap li a { color: #666; text-decoration: none;}
    #sitemap li a:hover { color: #f44; text-decoration: underline; }

	#cform input.formulier { border:1px solid #777; padding:2px; color: 333; width: 250px; }
	#cform textarea.formulier { border:1px solid #777; padding:2px; color: 333; width: 250px; height: 100px;}
	#cform input.submit { background: #f44; padding:2px; color: #FFF; font-size: 10pt; border: 0px; }
	.melding { color: #f44; line-height: 18pt; margin-bottom: 2px;}

    .nieuwsblok { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; line-height: 20px;}
	.nieuwsblok h2 { color: #f44; }
	.nieuwsblok a { color: #f44; font-size: 9pt; text-decoration: none;}
	.nieuwsblok a:hover { color: #000; font-size: 9pt; text-decoration: underline;}

