/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #616060; }
input, select, textarea, fieldset { font-family: Arial; font-size: 12px; color: #a8a6a6; border: none; }
body { background: #e7e7e7 url('../images/body-bg.jpg') repeat-x;  }
img { border: 0px; display: block; ms-interpolation-mode: bicubic;}
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { padding-bottom: 15px; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 990px; background: url('../images/middle-bg.jpg') left top repeat-y; }
#mainCntr #bottom { padding-bottom: 15px; width: 990px; overflow: hidden; background: url('../images/bottom-bg.jpg') left bottom no-repeat; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 990px; height: 188px; background: url('../images/header-bg.jpg') left top no-repeat; }
	#headerCntr h4 { position: absolute; top: 0px; left: 0px; }
	#headerCntr h4 a { display: block; width: 348px; height: 127px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### search box ### */
		.searchBox { padding: 0px 11px 0px 0px; width: 226px; float: right; }
		.searchBox input { padding: 5px 5px; width: 166px; height: 15px; border: 1px solid #F0F0F0; float: left; }
		.searchBox input.search { width: 47px; height: 27px; display: block; cursor: pointer; float: left; background: url('../images/search.jpg') no-repeat;}
		
		.contactBox{width:100%; float:right; height:60px; padding-bottom:20px; display:block;}
		.contactBox p{width:302px; float:right; line-height:18px; text-align:right; padding-right:12px;}
		
		/* ### cart box ### */
		.cartBox { padding: 32px 11px 0px 0px; width: 226px; float: right; display:none;}
		.cartBox p { padding-left: 37px; font-size: 12px; float: left; height: 20px; color: #959595; background: url('../images/cart.jpg') left 0px no-repeat; }
		.cartBox span { padding-left: 18px;}
		.cartBox a { width: 20px; height: 12px; display: block; text-align: center; line-height: 12px; float: right; color: #616060; font-weight: bold; text-decoration: none; background: #d8d6d6;}
		.cartBox a:hover { text-decoration: underline;}
		
		/* ### menu box ### */
		.menuBox { margin: 28px 0px 0px 27px; height: 33px; width: 936px; background: url('../images/menubg.jpg') left top repeat-x; position:relative;}
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; background: url('../images/devider.jpg') right top no-repeat; display:block; position:relative!important; z-index:900;}
		.menuBox li a { padding: 0px 20px 0px 20px; font-size: 12px; color: #434343; text-decoration: none; display: block; float: left; line-height: 31px; font-weight:bold;}
		.menuBox li a:hover { color: #434343; font-weight: bold; background: #d6d4d4; }
		.menuBox li a span { padding: 0px 20px 0px 0px; background: url('../images/dice.png') right center no-repeat;}
		.menuBox li.selected a { color: #fff; font-weight: bold; background: #003784;}
		.menuBox li.selected a:hover span { background: url('../images/dice.png') right center no-repeat;}
		
		/* submenu */
		.menuBox ul li ul{display:none; width:200px; position: absolute;  z-index: 9999; background-color:#fff;  padding:0; margin:30px 0 0 -1px; *margin:30px 0 0 -80px; z-index:99999; *left:0;}
		.menuBox ul li:hover ul{display:block; *+display:none;}
		.menuBox  li.selected ul li a{background-color:#eee; color:#000;}
		.menuBox  li.selected ul li a:hover{color: #434343; font-weight: bold; background: #d6d4d4;}
		.menuBox ul li ul li{width:100%; height:30px; background-color:#eee; margin:0 0 1px 0; float:left;}
		.menuBox ul li ul li a{width:158px; font-size:11px; display:block; color: #434343;}
		.menuBox li.selected ul li.selected a{color: #434343; font-weight: bold; background: #d6d4d4;}
		
		.dropmenudiv{display:none;}
		
	/* ### content container ### */
	#contentCntr { padding: 0px 17px; margin-left: 10px; overflow: hidden; width: 936px; background: url('../images/contr-bg.jpg') repeat-x; }
	
		/* ### np box ### */
		.npBox { width: 824px; overflow: hidden; }
		.npBox ul { padding-top: 15px; list-style: none; }
		.npBox li { padding-left: 6px; float: left; font-size: 12px; color: #000000;}
		.npBox li a { padding-right: 13px; color: #000000; text-decoration: underline; background: url('../images/dice1.jpg') right center no-repeat; }
		.npBox li.first { padding-left: 0px; }
		.npBox li a:hover { text-decoration: none; }
		
		/* ### left container ### */
		#leftCntr { padding-top: 10px; float: left; width: 222px; }
		
			/* ### link box ### */
			.linkBox { width: 222px; }
			.linkBox a { text-decoration: none;	 }
			.linkBox a:hover { text-decoration:underline; color: #d8d6d6;	 }
			.linkBox h2 { font-size: 20px; color: #d8d6d6; font-weight: normal;}
			.linkBox h3 { padding: 18px 0px 4px 14px; font-size: 12px; color: #626161; text-transform: uppercase; font-weight: normal; background: url('../images/dice2.jpg') 0px 22px no-repeat;}
			.linkBox ul { list-style: none; background: url('../images/border.jpg') left top repeat-x;}
			.linkBox li { padding: 1px 0px; line-height: 18px; background: url('../images/border.jpg') left bottom repeat-x;}
			.linkBox li a { padding-left: 14px; font-size: 12px; color: #919191; line-height: 15px; text-decoration: none; display: block; background: url('../images/pluse.jpg') left center no-repeat;}
			.linkBox li a:hover, .linkBox li.selected a{ color: #000000; background: #f9be00 url('../images/min.jpg') 3px 7px no-repeat;}
			.linkBox li ul { list-style: none}
			.linkBox li li { line-height: 18px;}
			.linkBox li li a { padding-left: 27px; font-size: 12px; color: #919191; line-height: 15px; text-decoration: none; display: block; background: url('../images/a-min.jpg') 15px 7px no-repeat;}
			.linkBox li.selected li a { color: #919191;background: url('../images/min.jpg') 15px 7px no-repeat;}
			.linkBox li li a:hover { text-decoration: underline; background: url('../images/min.jpg') 15px 7px no-repeat;  }
			.linkBox a.online { padding-left: 46px; margin-top: 15px; line-height: 31px; font-size: 12px; color: #010000; display: block; text-decoration: underline; background: url('../images/icon.jpg') left 0px no-repeat;}
			.linkBox a.online:hover { text-decoration: none;}
			
		/* ### right container ### */
		#rightCntr { float: right; width: 700px; }
			
			/* ### slider box ### */
			.sliderBox { padding-top: 12px; width: 700px; position: relative; }
			.sliderBox .slider { border: 3px solid #f0f0f0;}
			.sliderBox h2 { padding-left: 23px; position: absolute; left: 0px; bottom: 9px; text-transform: uppercase; font-size: 20px; color: #033a81; width: 677px; height: 47px; line-height: 47px; background: url('../images/textbg.png') repeat; }
			.sliderBox ul { list-style: none; position: absolute; right: 0px; top: -10px; }
			.sliderBox li { padding-right: 2px; line-height: 15px; float: left;}
			.sliderBox li a { font-size: 11px; color: #000; width: 15px; text-indent: -9999px; text-decoration: none; height: 15px; line-height: 15px; display: block; text-align: center; background: url('../images/slider-bg.jpg') no-repeat;}
			.sliderBox li a:hover, .sliderBox li.selected a { background: url('../images/over.jpg') no-repeat; }
			
			/* ### application box ### */
			.applicationBox { padding: 16px 20px 21px 9px; margin-top: 9px; width: 311px; float: left; border: 3px solid #F0F0F0; background: #f9f9f9;}
			.applicationBox img { padding-right: 20px; float: left; ms-interpolation-mode: bicubic}
			.applicationBox p { padding-bottom: 23px; font-size: 18px; color: #000000;}
			.applicationBox p a { text-decoration: none; text-transform: uppercase; color: #cd2026;}
			.applicationBox p a:hover { text-decoration: underline;}
			.applicationBox a { font-size: 18px; color: #000000; text-decoration: underline;}
			.applicationBox a:hover { text-decoration: none;}
			
			/* ### news box ### */
			.newsBox { padding: 13px 11px 11px 11px; margin-top: 9px; width: 318px; min-height:150px; float: right; border: 3px solid #F0F0F0; background: #f9f9f9;}
			.newsBox h2 { padding-left: 11px; height: 21px; font-size: 18px; color: #FF0000; font-weight: normal; }
			.newsBox ul { padding: 17px 0px 18px 0px; list-style: none;}
			.newsBox li { padding-left: 17px; line-height: 18px; background: url('../images/dice3.jpg') left center no-repeat;}
			.newsBox li a { font-size: 12px; color: #000000; text-decoration: none;}
			.newsBox li a:hover { text-decoration: underline; }
			.newsBox a.news {font-size: 10px; color: #000000; text-decoration: underline;}
			.newsBox a.news:hover { text-decoration: none; }
			
			/* ### text box ### */
			.textBox { padding-top: 14px; width: 700px;}
			.textBox p { padding-bottom: 20px; line-height: 18px;}
			.textBox a { font-size: 12px; color: #616060; text-decoration: underline;}
			.textBox a:hover { text-decoration: none;}

			.flashBox { padding-top: 14px; width: 700px; height:500px;}
			.flashBox p { padding-bottom: 20px; line-height: 18px;}
			.flashBox a { font-size: 12px; color: #616060; text-decoration: underline;}
			.flashBox a:hover { text-decoration: none;}
			
			/* ### notification box ### */
			.notificationBox { width: 288px; float: left; }
			.notificationBox h2 { font-size: 16px; color: #d2d2d2; font-weight: normal;}
			.notificationBox h2 span { text-transform: uppercase; }
			.notificationBox form { padding-top: 18px; }
			.notificationBox fieldset { border: none; }
			.notificationBox input.text { padding: 7px 10px; margin-bottom: 12px; float: left; width: 268px; height: 14px; font-size: 12px; color: #b6b6b6; background: url('../images/li-bg.jpg') no-repeat;}
			.notificationBox li a:hover { text-decoration: underline;}
			.notificationBox input.button { cursor: pointer; border: none; width: 143px; height: 26px; font-size: 12px; color: #fff; float: right; background: url('../images/button.jpg') no-repeat;}
			.notificationBox a.news:hover { text-decoration: underline;}
			
			/* ### logo box ### */
			.logoBox { width: 354px; float: right;display:none}
			.logoBox ul { list-style: none;}
			.logoBox li { padding: 0px 20px 28px 0px; float: left;}
			.logoBox li.last { padding-right: 0px;}





		/* ### right container ### */
		#totalCntr { float: right; width: 900px; }
			
			/* ### slider box ### */
			.sliderBox { padding-top: 12px; width: 700px; position: relative; z-index:1!important; }
			.sliderBox .slider { border: 3px solid #f0f0f0;}
			.sliderBox h2 { padding-left: 23px; position: absolute; left: 0px; bottom: 9px; text-transform: uppercase; font-size: 20px; color: #033a81; width: 677px; height: 47px; line-height: 47px; background: url('../images/textbg.png') repeat; }
			.sliderBox ul { list-style: none; position: absolute; right: 0px; top: -10px; }
			.sliderBox li { padding-right: 2px; line-height: 15px; float: left;}
			.sliderBox li a { font-size: 11px; color: #000; width: 15px; text-indent: -9999px; text-decoration: none; height: 15px; line-height: 15px; display: block; text-align: center; background: url('../images/slider-bg.jpg') no-repeat;}
			.sliderBox li a:hover, .sliderBox li.selected a { background: url('../images/over.jpg') no-repeat; }
			
			/* ### application box ### */
			.applicationBox { padding: 16px 20px 21px 9px; margin-top: 9px; width: 311px; float: left; border: 3px solid #F0F0F0; background: #f9f9f9;}
			.applicationBox img { padding-right: 20px; float: left; ms-interpolation-mode: bicubic}
			.applicationBox p { padding-bottom: 23px; font-size: 18px; color: #000000;}
			.applicationBox p a { text-decoration: none; text-transform: uppercase; color: #cd2026;}
			.applicationBox p a:hover { text-decoration: underline;}
			.applicationBox a { font-size: 18px; color: #000000; text-decoration: underline;}
			.applicationBox a:hover { text-decoration: none;}
			
			/* ### news box ### */
			.newsBox { padding: 6px 11px 18px 11px; margin-top: 9px; width: 318px; height:125px; float: right; border: 3px solid #F0F0F0; background: #f9f9f9;}
			.newsBox h2 { padding-left: 11px; height: 21px; font-size: 18px; color: #FF000; font-weight: normal; }
			.newsBox ul { padding: 17px 0px 18px 0px; list-style: none;}
			.newsBox li { padding-left: 17px; line-height: 18px; background: url('../images/dice3.jpg') left 6px no-repeat;}
			.newsBox li a { font-size: 12px; color: #000000; text-decoration: none;}
			.newsBox li a:hover { text-decoration: underline; }
			.newsBox a.news {font-size: 10px; color: #000000; text-decoration: underline;}
			.newsBox a.news:hover { text-decoration: none; }
			
			/* ### text box ### */
			.textBox { padding-top: 14px; width: 700px;}
			.textBox p { padding-bottom: 20px; line-height: 18px;}
			.textBox a { font-size: 12px; color: #616060; text-decoration: underline;}
			.textBox a:hover { text-decoration: none;}

			.overviewBox { padding-top: 14px; width: 900px; }
			.overviewBox p { padding-bottom: 20px; line-height: 18px;}
			.overviewBox a { font-size: 12px; color: #616060; text-decoration: underline;}
			.overviewBox a:hover { text-decoration: none;}
			.overviewBox .item {  border: 0px; width:400px;float: left; min-height:300px}
			
			/* ### notification box ### */
			.notificationBox { width: 288px; float: left; }
			.notificationBox h2 { font-size: 16px; color: #d2d2d2; font-weight: normal;}
			.notificationBox h2 span { text-transform: uppercase; }
			.notificationBox form { padding-top: 18px; }
			.notificationBox fieldset { border: none; }
			.notificationBox input.text { padding: 7px 10px; margin-bottom: 12px; float: left; width: 268px; height: 14px; font-size: 12px; color: #b6b6b6; background: url('../images/li-bg.jpg') no-repeat;}
			.notificationBox li a:hover { text-decoration: underline;}
			.notificationBox input.button { cursor: pointer; border: none; width: 143px; height: 26px; font-size: 12px; color: #fff; float: right; background: url('../images/button.jpg') no-repeat;}
			.notificationBox a.news:hover { text-decoration: underline;}
			
			/* ### logo box ### */
			.logoBox { width: 354px; float: right;display:none}
			.logoBox ul { list-style: none;}
			.logoBox li { padding: 0px 20px 28px 0px; float: left;}
			.logoBox li.last { padding-right: 0px;}


/* slideshow overlay */
#lightbox  {z-index:900!important;}
/*#outerImageContainer {z-index:1000!important;}
#imageContainer{z-index:2000!important;}*/


		
	/* ### footer container ### */
	#footerCntr { margin-left: 27px; margin: 15px auto; color: #000; overflow: hidden; width: 936px; height: 31px; line-height: 31px; background: #e6e6e6; }
	#footerCntr p { padding-left: 15px; float: left; }
	#footerCntr p a { text-decoration: none; }
	#footerCntr p a:hover { text-decoration: underline; }
	#footerCntr ul { padding-right: 12px; float: right; list-style: none; }
	#footerCntr li { padding: 0 2px; float: left; }
	#footerCntr span { padding-left: 22px; font-weight: bold; }
	#footerCntr a { text-decoration: underline; color: #000; }
	#footerCntr li a:hover { text-decoration: none; }
	
	
	.topBlokken{width:700px; float:right;}
		.blokLeft{float:left; width:347px;}
		.blokRight{float:right; width:347px;}
	.koopzondag{width:347px; height:61px; background: url('../images/koopzondag.gif') no-repeat; float:right; margin-top:9px;}
	.koopzondag p{width:171px; height:30px; text-align:center; margin:35px 0 0 0; color:#fff;}
	.cbw{width:222px; float:left; height:170px; background: url('../images/cbw-logo.jpg') no-repeat; display:block; text-indent:-9999px;}