/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #8c806e; }
body { background: #f5f5f5; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding-bottom: 20px; margin: 0 auto; width: 850px; }

/* ### HEADER CONTAINER ### */
#headerCntr { position: relative; width: 850px; margin-bottom: 18px; }
#headerCntr h1 { padding-top: 15px; }
#headerCntr h1 a { display: block; width: 500px; height: 100px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }

/* ### MENU CONTAINER ### */
#menuCntr { position: relative; width: 635px; background: url('../images/menu-bg.gif') top left no-repeat; }
#menuCntr ul { list-style: none; overflow: hidden; width: 635px; }
#menuCntr li { padding: 0px 16px; text-transform: uppercase; font-weight: bold; float: left; display: inline; font-family: Verdana, Arial; line-height: 34px; height: 34px; }
#menuCntr li a { text-decoration: none; color: #fff; }
#menuCntr li a:hover, #menuCntr li a.selected { color: #c67171; }
#menuCntr ul ul { padding: 5px 0px 10px 0px; position: absolute; top: 34px; clear: both; width: 150px; background: url('../images/subBg.png') no-repeat center bottom; }
#menuCntr ul ul li { padding: 0px 0px 0px 15px; display: block; float: none; font-weight: normal; font-size: 10px; height: 24px; line-height: 24px; }
#menuCntr ul ul li a { color: #d27676; }
#menuCntr ul ul li a:hover, #menuCntr ul ul li a.selected { color: #d61b1b; }

/* ### CONTENT CONTAINER ### */
#contentCntr { overflow: hidden; width: 850px; }

/* ### LEFT CONTAINER ### */
	#leftCntr { float: left; width: 640px; }

	/* ### BANNER BOX ### */
	.bannerBox { padding: 2px; margin-top: 3px; overflow: hidden; width: 631px; height: 144px; border: 1px solid #cbc5c5; }

	/* ### TEXT BOX ### */
	.textBox { margin-top: 5px; width: 638px; background: #ececec url('../images/text-top.gif') top left no-repeat; }
	.textBox .bottom { padding: 12px 20px 0px 20px; width: 598px; background: url('../images/text-bottom.gif') bottom left no-repeat; }
	.textBox .bottom p.mededeling { background: #b9001e; color: #fff; font-size: 12px; padding: 5px; margin-bottom: 10px; }
  .textBox h2 { padding-bottom: 9px; margin-bottom: 7px; font-size: 14px; color: #a22e2e; background: url('../images/dotted-bg.gif') bottom left repeat-x; }
	.textBox h3 { padding-bottom: 9px; margin-bottom: 7px; font-size: 14px; color: #1d335a; }
	.textBox p { padding-bottom: 12px; color: #4e4e4e; }
	.textBox a { padding-bottom: 12px; color: #0088af; text-decoration: none; }
	.textBox a:hover { text-decoration: underline; }
	
	/* ### PRODUCT CONTAINER ### */
	#productCntr { padding-top: 5px; width: 640px; overflow: hidden; }
	#productCntr .last { margin: 0px; }			
	
		/* ### PRODUCT BOX ### */
		.productBox { padding: 1px; margin-right: 18px; width: 142px; height: 230px; float: left; border: 1px solid #cdc7c7; background: #fff; }
		.productBox h2 { padding-left: 14px; margin-bottom: 0px; height: 36px; line-height: 36px; font-size: 12px; color: #fff; background: url('../images/heading-bg.gif') top left repeat-x; }
		.productBox img { border: 0;}
		.productBox ul { padding-top: 10px; list-style: none; }
		.productBox li { text-align: center; color: #3f3e3e; font-size: 12px; }
		.productBox a { color: #3f3e3e; text-decoration: none; }
		.productBox a:hover { text-decoration: underline; }

/* ### RIGHT CONTAINER ### */
#rightCntr { float: right; width: 192px; }

	/* ### DIRECT BOX ### */
	.directBox { width: 190px; border: 1px solid #cbc5c5; background: #fff; }
	.directBox h2 { padding-left: 13px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 36px; height: 36px; background: url('../images/heading-bg1.gif') top left repeat-x; }
  .directBox h2 a { color: #fff; text-decoration: none; }
  .directBox h2 a:hover { text-decoration: underline; }			
.repBox { width: 190px; border: 1px solid #cbc5c5; background: #fff; margin-top: 10px; }
	.repBox h2 { padding-left: 13px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 36px; height: 36px; background: url('../images/grad-rep.gif') top left repeat-x; }
  .repBox h2 a { color: #fff; text-decoration: none; }
  .repBox h2 a:hover { text-decoration: underline; }
/* ### CONTACT BOX ### */
	.contactBox { padding-bottom: 4px; margin-top: 8px; width: 190px; border: 1px solid #cbc5c5; background: #fff; }
	.contactBox h2 { padding: 0px 0px 10px 13px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 36px; height: 36px; background: url('../images/heading-bg2.gif') top left repeat-x; }
	.contactBox h3 { padding: 0px 0px 3px 14px; font-size: 12px; color: #323232; }
	.contactBox a { margin: 0px 7px 0px 4px; color: #9b9b9b; text-decoration: none; }
	.contactBox a:hover { text-decoration: underline; }
	.contactBox address { padding: 4px 0 0 14px; font-style: normal; color: #323232; font-size: 12px; }
	.contactBox span { padding-right: 5px; font-weight: bold; color: #7e0000; }
	.inputfield { border: 1px solid #aaaaaa; padding: 3px 5px; width: 170px; font-size: 1em; font-family: Arial; color: #444444; }
.inputfield:hover, .inputfield:focus, .textarea-contact:hover, .textarea-contact:focus { border-color: #7e0000; color: #7e0000; }
	.inputfield2 { border: 1px solid #aaaaaa; padding: 3px 5px; font-size: 1em; font-family: Arial; color: #444444; }
.inputfield2:hover, .inputfield2:focus, { border-color: #7e0000; color: #7e0000; }
.textarea-contact { border: 1px solid #aaaaaa; padding: 3px 5px; font-size: 1em; font-family: Arial; color: #444444; }
.newsblock { padding: 4px 0 0 14px; }


