/* ################################################## */
/* Made by: www.DIRECT BASING.com     */
/* Semantisch correcte xHTML Basing     */
/* ################################################## */

/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #7e7f7f; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #7e7f7f; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
a {  color: #4da805; }
/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

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

/* ### main container ### */
#mainCntr { width: 100%; padding-bottom: 150px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 111px; z-index: 9; background: url('../images/header-bg.jpg') repeat-x; }
	#headerCntr #headerCen { position: relative; width: 990px; margin: 0 auto; }
	#headerCntr a.logo { position: absolute; top: 8px; left: 0px; display: block; width: 171px; height: 126px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### nav box ### */
		.navBox { padding-left: 12px; position: absolute; top: 0px; right: 5px; height: 42px; background: #cac9c9; padding-right:12px; }
		.navBox ul { padding-top: 10px; list-style: none; list-style-type: none; }
		.navBox li { padding: 0 5px 0 13px; float: left; font-family: 'HelveticaBoldRegular'; text-transform: uppercase; }
		.navBox a { padding: 0px 0px 0px 35px; display: block; line-height: 25px; color: #fff; text-decoration: none; background: url('../images/clubweb.png') left top no-repeat; }
		.navBox li.shop a { background: url('../images/clubshop.png') left top no-repeat; }
		.navBox li.app a { background: url('../images/clubapp.png') left top no-repeat; }
		.navBox li a:hover, .navBox li.selected a { background-position: 0 -25px; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 75px; right: 8px;}
		.menuBox ul { list-style: none; }
		.menuBox li { padding: 0 20px 0 15px; line-height: 30px; float: left; font-size: 14px; font-family: 'Conv_HelveticaBold'; text-transform: uppercase; color: #959494; background: url('../images/menu-sap.png') right center no-repeat; }
		.menuBox li.last { padding-right: 0; background: none; }
		.menuBox li a { padding: 0px 0px 0px 0px; text-decoration: none; color: #959494; }
		.menuBox li a:hover, .menuBox li.selected a { color: #4da805; }

	/* ### banner container ### */
	#bannerCntr { position: relative; width: 10000px; height: 360px; background: url('../images/banner-bg.jpg') repeat-x; }
	#bannerCntr #bannerCen { position: relative; width: 990px; margin: 0 auto; }
	
	#bannernav { width: 990px; margin: 0 auto; position:relative; }
	
		#bannernav .prev { position: absolute; top: -239px; left: -20px; display: block; text-indent: -99999px; width: 30px; height: 29px; background: url('../images/prev-bg.png') left top no-repeat; }
		#bannernav .next { position: absolute; top: -239px; right: -20px; display: block; text-indent: -99999px; width: 30px; height: 29px; background: url('../images/next-bg.png') left top no-repeat; }
		#bannernav .next:hover, #bannernav .prev:hover { background-position: 0 -29px; }
		#bannernav ul { list-style: none; position: absolute; bottom: 18px; right: 15px; list-style-type: none; }
		#bannernav li { padding-left: 1px; float: left; text-indent: -99999px; display: block; }
		#bannernav li a { height: 15px; width: 16px; display: block; background: url('../images/circle-bg.png') left top no-repeat; }
		#bannernav li a:hover, #bannernav li.selected a { background-position: 0 -15px; }

		/* ### banner box ### */
		.bannerBox { padding-right: 3px; width: 987px; height: 360px; position: relative; }
		.bannerBox .text { padding: 72px 0 0 24px; float: left; width: 400px; }
		.bannerBox .banner { padding-top: 19px; float: right; width: 524px; }
		.bannerBox h3 { color: #737373; font-size: 30px; line-height: 42px; text-transform:uppercase; font-family: 'Conv_GOTHICB'; font-weight: normal; }
		.bannerBox .btn { padding-left: 10px; margin: 20px 0 0 -1px; width: 158px; display: block; text-decoration: none; color: #fff; line-height: 32px; height: 32px; display: block; font-family: 'Conv_GOTHICB'; font-size: 13px; background: url('../images/banner-btn.png') left top no-repeat; }
		.bannerBox .btn:hover { background-position: 0 -32px; }

	/* ### content container ### */
	#contentCntr { padding-bottom: 20px; overflow: hidden; width: 100%; background: url('../images/contant-bg.jpg') repeat-x; }
	#contentCntr.home { background: none; }
	#contentCntr #contentCen { overflow: hidden; min-height: 300px;  width: 990px; margin: 0 auto; }
	#contentCntr h1 { padding: 37px 0 0 10px; font-size: 17px; font-family: Arial; font-weight: bold; text-transform: uppercase; color: #747373; }
	
		/* ### left container ### */
		#leftCntr { padding-top: 30px; float: left; width: 554px; }
		
			/* ### text box ### */
			.textBox { padding-left: 10px; overflow: hidden; width: 544px; }
			.textBox h2 { padding: 0 0 4px 0; font-family: Arial; font-size: 20px; font-weight: normal; color: #545352; margin-bottom:18px; }
			.textBox h4 { padding: 0 0 4px 0; font-family: Arial; font-size: 20px; font-weight: bold; color: #545352;  margin-bottom:10px; font-weight:normal; }
			.textBox p { padding: 0 30px 15px 2px; line-height: 16px; font-family: Arial; font-size: 12px; }
			.textBox ul { padding-bottom: 7px; overflow: hidden; list-style: none; list-style-type: none; }
			.textBox li { padding: 3px 36px 12px 2px;  float: left; line-height: 17px; color: #7e7f7f; font-family: Arial; font-size: 12px; }
			.textBox li span { padding-right: 5px; font-size: 15px; display: block; float: left; font-family: 'Conv_GOTHICB'; color: #4da805; } 
			.textBox li strong {  color: #4da805; } 
		
			/* ### demo box ### */
			.demoBox { padding-left: 10px; overflow: hidden; width: 544px; }
			.demoBox h3 { padding-bottom: 18px; font-family: Arial; text-transform: uppercase; font-size: 18px; font-weight: normal; color: #4da805; }
			.demoBox h4 { padding: 0 0 4px 0; font-family: Arial; font-size: 20px; font-weight: bold; color: #545352;  margin-bottom:10px; font-weight:normal; }
			.demoBox .text p { padding: 0 30px 15px 2px; line-height: 16px; font-family: Arial; font-size: 12px; }
			.demoBox fieldset p { padding-bottom: 6px; width: 100%; overflow: hidden; float: left; }
			.demoBox fieldset { padding-top: 10px; border: 0; width: 450px; }
			.demoBox fieldset.gap { padding-top: 21px; }
			.demoBox label { float: left; width: 100px; width: 139px; font-weight: bold; color: #4e5051; line-height: 28px; }
			.demoBox label.spacer { padding: 0 0 0 14px; width: auto; }
			.demoBox span { width: 309px; height: 30px; position: relative; float: left; }
			.demoBox span.select {padding: 8px 14px 8px 14px; position: absolute; top: 0px; left: 0px; width: 281px; height: 14px; color: #4e5051; font-weight: normal; border: none; background: url('../images/selecte-bg.png') no-repeat; }
			.demoBox select { width: 309px; height: 30px; }
			.demoBox .field { padding: 5px 10px; border: 0; float: left; line-height: 18px; width: 289px; height: 19px; background: url('../images/field-bg.png') left top no-repeat; }
			.demoBox .field1 { width: 119px; background: url('../images/field-bg1.png') left top no-repeat; }
			.demoBox .field2 { margin-left: 11px; width: 19px; background: url('../images/field-bg2.png') left top no-repeat; }
			.demoBox textarea { padding: 10px; width: 288px; resize: none; height: 153px; border: 0; background: url('../images/text-area.png') left top no-repeat; }
			.demoBox .btn { padding-left: 8px; border: 0; text-align: left; font-family: 'Conv_GOTHICB'; font-size: 13px; float: right; cursor: pointer; color: #fff; width: 125px; height: 32px; background: url('../images/demo-btn.png') left top no-repeat; }
			.demoBox .btn:hover { background-position: 0 -32px; } 
			
			/* ### info box ### */
			.infoBox { padding: 0px 0 0 0; overflow: hidden; width: 553px; }
			.infoBox .text { width: 100%; }
			.infoBox .left { padding: 0 24px 0 9px; width: 230px; float: left; }
			.infoBox .left.gap { padding-top: 22px; }
			.infoBox .right { padding-right: 3px; width: 286px; float: left; }
			.infoBox h3 { padding-bottom: 5px; color: #4da805; font-weight: bold; font-size: 13px; font-family: Arial; }
			.infoBox h3 a { text-decoration:none; }
			.infoBox h3 a:hover { text-decoration:underline; }
			.infoBox .num { height: 22px; width: 22px; font-family: Arial; font-weight:bold; font-size: 15px; text-align: center; line-height: 20px; color: #fff; display: block; background: url('../images/num-bg.png') left top no-repeat; }
			.infoBox p { padding: 0 0 15px 0; line-height: 16px; font-family: Arial; font-size: 12px; }
			.infoBox img { margin-top: 5px; }
			.infoBox .gap { margin-top: -3px; }
			.infoBox h4 { padding: 0 0 4px 9px; font-family: Arial; font-size: 20px; font-weight: bold; color: #545352;  margin-bottom:10px; font-weight:normal; }
		/* ### center container ### */
		#centerCntr { float: left; width: 990px; }
		
			/* ### link box ### */
			.linkBox { padding: 7px 0 0 0; width: 990px; overflow: hidden; }
			.linkBox ul { list-style: none; list-style-type: none; }
			.linkBox li { padding: 28px 17px 0 12px; min-height: 235px; width: 219px; float: left; background: url('../images/link-li.png') right top no-repeat; position:relative; }
			.linkBox li.last { padding-right: 0; background: none; }
			.linkBox h3 { padding-bottom: 10px; font-size: 20px; font-weight: normal; font-family: Arial; color: #4da805; }
			.linkBox p { padding-bottom: 17px; line-height: 16px; font-family: Arial; color: #7e7f7f; }
			.linkBox .lees { position:absolute; margin-top:160px; right:25px; padding-left: 20px; float: right; display: block; line-height: 15px; font-family: Arial; color: #4da805; background: url('../images/lees-btn.png') left top no-repeat; }
			.linkBox li.last .lees { right:15px; }
			.linkBox .lees:hover { text-decoration: none; } 
		
		/* ### right container ### */
		#rightCntr { margin-top: 30px; min-height: 600px; float: right; width: 424px; background: url('../images/saprator-bg.png') left top no-repeat; }
		
			/* ### benefit box ### */
			.benefitBox { padding-left: 21px; overflow: hidden; width: 404px; }
			.benefitBox h2 { font-family: Arial; font-size: 20px; font-weight: bold; font-weight: normal; color: #545352; }
			.benefitBox ul { padding-top: 19px; overflow: hidden; list-style: none; list-style-type: none; }
			.benefitBox li { padding-bottom: 12px; float: left; }
			.benefitBox .left { width: 35px; float: left; }
			.benefitBox .right { width: 368px; float: left;  }
			.benefitBox h3 { padding-bottom: 4px; color: #4da805; font-weight: bold; font-size: 13px; font-family: Arial; }
			.benefitBox h3 a {  color: #4da805; text-decoration:none;  }
			.benefitBox h3 a:hover {  text-decoration:underline;  }

			.benefitBox .num { height: 22px; width: 22px; font-family: 'Conv_GOTHICB'; font-size: 15px; text-align: center; line-height: 20px; color: #fff; display: block; background: url('../images/num-bg.png') left top no-repeat; }
			.benefitBox p { padding: 0 0 15px 0; line-height: 16px; font-family: Arial; font-size: 12px; }
			.benefitBox img { margin: -2px 0 0 2px;  }

			/* ### benefit box ### */
			.clubBox { padding: 60px 0 0 20px; overflow: hidden; width: 404px; }
			.clubBox h2 { padding: 0 0 14px 2px; font-family: Arial; font-size: 20px; font-weight: bold; font-weight: normal; color: #545352; }
			.clubBox ul { padding-left: 23px; overflow: hidden; list-style: none; list-style-type: none; background: url('../images/club-ul.png') left top no-repeat; }
			.clubBox li { padding-right: 12px; float: left; }	
			.clubBox li.last { padding-right: 0; }
		
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; position: relative; margin-top: -150px; height: 150px; background: #e7e6e6; }

		/* ### footer box ### */
		.footerBox { padding: 13px 0; width: 990px; margin: 0 auto; overflow: hidden; }
		.footerBox ul.social { padding-left: 9px; list-style: none; float: left; list-style-type: none; }
		.footerBox ul.nav { list-style: none; float: right; list-style-type: none; }
		.footerBox .social li { padding-right: 1px; float: left; text-indent: -9999px; display: block; }
		.footerBox .social li a { display: block; width: 20px; height: 20px; background: url('../images/tweet.png') left top no-repeat; }
		.footerBox .social li.fb a { background: url('../images/fb.png') left top no-repeat; }
		.footerBox .social li.hy a { background: url('../images/hy.png') left top no-repeat; }
		.footerBox .social li a:hover { background-position: 0 -20px; } 
		.footerBox .nav li { padding: 0 12px; line-height: 18px; float: left; color: #8b8989; background: url('../images/nav-sap.png') right center no-repeat; }
		.footerBox .nav .last { background: none; }
		.footerBox .nav li a { text-decoration: none; color: #8b8989; }
		.footerBox .nav li a:hover { text-decoration: underline; } 
		
		/* ### cloud box ### */
		.cloudBox { width: 100%; overflow: hidden; background: url('../images/cloud-bg.jpg') repeat-x; }
		.cloudBox .cloudcen { padding: 15px 0; width: 590px; margin: 0 auto; overflow: hidden; }
		.cloudBox .gap { margin-left: 20px; }
		.cloudBox a { font-size: 13px; color: #c2c0c0; text-decoration: none; text-align: center; }
		.cloudBox .second { font-weight: normal; font-size: 18px; margin-left:100px; }
		.cloudBox .third { font-weight: normal; font-size: 16px; }
		.cloudBox .fivth { font-weight: normal; font-size: 19px; }
		.cloudBox a span { font-weight: bold; }
		.cloudBox a:hover { color: #9d9b9b;  }
		
		.bannerSlide { float:left; display:none; }
		
		#melding { top:0px; width:100%; text-align:center; color:#FFFFFF; font-weight:bold; line-height:40px; height:40px; display:none; position:fixed; background-color:#da0000; z-index:1000; margin-top:-40px; }
		#melding.groen { background-color:#090; }
		
		.nobg { background:none !important; }