/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html { overflow-y: scroll; }
html, body { font-family: Arial; font-size: 12px; color: #666; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666; }
body { background: url('../images/bodyBg.png') #fefefe repeat-x; }
img { border: 0px; display: block; }
a { color: #00aeef; text-decoration: underline; }
a:hover { color: #666; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 900px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding: 0px 4px 4px 4px; position: relative; overflow: hidden; width: 892px; height: 112px; background: #fff; }
	#headerCntr h1 { position: absolute; top: 11px; left: 147px; }
	#headerCntr h1 a { display: block; width: 210px; height: 89px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { float: right; width: 510px; }
		#menuCntr ul { overflow: hidden; width: 510px; list-style: none; }
		#menuCntr li { padding-right: 4px; float: left; display: inline; }
		#menuCntr li.orange { padding-right: 0px; }
		#menuCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; width: 104px; height: 112px; line-height: 18px; text-decoration: none; color: #fff; background: repeat-x; font-size: 10px; }
		#menuCntr li.green a { background-image: url('../images/greenBg.gif'); }
		#menuCntr li.pink a { background-image: url('../images/pinkBg.gif'); }
		#menuCntr li.blue a { background-image: url('../images/blueBg.gif'); }
		#menuCntr li.orange a { background-image: url('../images/orangeBg.gif'); }
		#menuCntr li a strong { padding-top: 70px; display: block; cursor: pointer; font-size: 15px; background: url('../images/menuHBg.png') no-repeat 0px 100px; }
		#menuCntr li a:hover strong, #menuCntr li.selected a strong { background-position: center top; }
		
		/* ### TOP CONTAINER ### */
		#topCntr { float: left; width: 378px; height: 112px; background: #000; }
		#topCntr ul { padding: 2px 0px 0px 15px; list-style: none; }
		#topCntr li { padding: 8px 0px 7px 0px; font-size: 10px; }
		#topCntr li a { padding-left: 30px; display: block; height: 19px; line-height: 19px; text-decoration: none; color: #fff; background: no-repeat left top; }
		#topCntr li a:hover, #topCntr li.selected a { color: #00aeef; background-position: left bottom; }
		#topCntr li.start a { background-image: url('../images/home.png'); }
		#topCntr li.contact a { background-image: url('../images/contact.png'); }
		#topCntr li.zoeken a { background-image: url('../images/zoeken.png'); }
	
	/* ### INTRO CONTAINER ### */
	#introCntr { padding: 0px 4px 0px 4px; overflow: hidden; width: 892px; height: 231px; background: #fff; }
	#introCntr div.text { padding: 15px; float: left; display: inline; overflow: auto; width: 348px; height: 201px; background: url('../images/introBg.gif') repeat-x bottom; }
	#introCntr div.flash { float: right; width: 510px; }
	#introCntr h2 { line-height: 22px; font-weight: bold; font-size: 14px; color: #00aeef; }
	#introCntr p { line-height: 20px; }
	
	/* ### CONTENT CONTAINER ### */ 
	#contentCntr { padding: 0px 4px 0px 4px; overflow: hidden; width: 892px; border: 20px solid #fff; border-left: 0px; border-right: 0px; background: url('../images/contentBg.gif') #fff repeat-y 175px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-right: 20px; float: left; display: inline; width: 175px; }
		
			/* ### NAV BOX ### */
			.navBox { width: 142px; }
			.navBox ul { padding-left: 15px; list-style: none; }
			.navBox li { line-height: 30px; font-size: 14px; }
			.navBox li a { text-decoration: none; color: #666; }
			.navBox li a:hover, .navBox li.selected a { color: #00aeef; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 440px; }
			
			/* ### NP BOX ### */
			.npBox { padding-bottom: 20px; width: 440px; }
			.npBox ul { overflow: hidden; width: 440px; list-style: none; }
			.npBox li { float: left; display: inline; font-size: 14px; }
			.npBox li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #666; }
			.npBox li a:hover, .npBox li.selected a { color: #00aeef; }
			.npBox li.first a { padding-left: 0px; }
			
			/* ### TEXT BOX ### */
			.textBox { width: 440px; line-height: 20px; }
			.textBox h2, h1 { color: #00aeef; font-size: 12pt;  }
			.textBox p { padding-bottom: 20px; line-height: 20px; }
		
			/* ### NP BOX2 ### */
			.npBox2 { padding-bottom: 20px; width: 670px; }
			.npBox2 ul { overflow: hidden; width: 670px; list-style: none; }
			.npBox2 li { float: left; display: inline; font-size: 14px; }
			.npBox2 li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #666; }
			.npBox2 li a:hover, .npBox li.selected a { color: #00aeef; }
			.npBox2 li.first a { padding-left: 0px; }
			
			/* ### TEXT BOX2 ### */
			.textBox2 { width: 670px; line-height: 20px; }
			.textBox2 h2, h1 { color: #00aeef; font-size: 12pt;  }
			.textBox2 p { padding-bottom: 20px; line-height: 20px; }


		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 231px; }
		
			/* ### PIC BOX ### */
			.picBox { padding-bottom: 10px; width: 231px; }
			.picBox ul { overflow: hidden; width: 231px; list-style: none; }
			.picBox li { padding-bottom: 4px; position: relative; float: left; display: inline; }
			.picBox li.last { float: right; }
			.picBox li a { position: absolute; top: 0px; left: 0px; display: block; width: 112px; height: 84px; text-indent: -9999px; background: url('../images/loep.png') no-repeat 80px 55px; }
			.picBox li.big a { width: 231px; height: 173px; background-position: 201px 142px; }
			
			/* ### BUTTON BOX ### */
			.buttonBox { padding-top: 10px; width: 231px; background: url('../images/contentBg.gif') repeat-y; }
			.buttonBox ul { padding-left: 15px; list-style: none; }
			.buttonBox li { padding-bottom: 10px; }
			.buttonBox li a { display: block; width: 155px; height: 31px; line-height: 25px; text-decoration: none; color: #00aeef; background: url('../images/buttonBg.gif') no-repeat; }
			.buttonBox li a:hover { color: #000; }
			.buttonBox li a span { padding-left: 38px; display: block; cursor: pointer; background: no-repeat 5px top; }
			.buttonBox li a:hover span { background-position: 5px bottom; }
			.buttonBox li.offerte a span { height: 22px; background-image: url('../images/offerte.png'); }
			.buttonBox li.pagina a span { height: 19px; background-image: url('../images/pagina.png'); }
			.buttonBox li.friend a span { height: 18px; background-image: url('../images/friend.png'); }
			.buttonBox p { margin-left: 20px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 0px 25px 0px 22px; overflow: hidden; width: 853px; height: 88px; line-height: 43px; font-size: 10px; color: #666766; background: url('../images/footerBg.png') no-repeat; }
	#footerCntr ul { float: left; overflow: hidden; width: 600px; list-style: none; }
	#footerCntr li { float: left; display: inline; }
	#footerCntr li a { padding: 0px 3px 0px 3px; }
	#footerCntr p { float: right; width: 250px; text-align: right; }
	#footerCntr a { text-decoration: none; color: #666766; }
	#footerCntr a:hover { color: #00aeef; }


div.item { width: 160px; float: left; margin-bottom: 15px; }
div.item a.txt { color: #00aeef; text-decoration: none; margin-left: 5px; }
div.item a.txt:hover { color: #00aeef; text-decoration: none; }
div.item img { border: 0px; width: 140px; height: 105px; }
div.item a.pic { display: block; border: 4px solid #FFF; width: 140px; height: 105px; }
div.item a.pic:hover { display: block; border: 4px solid #00aeef; }


div#cform input.formulier { width: 300px; border: 1px solid #999; font-family: Arial; font-size: 12px; color: #666; padding:1px; }
div#cform textarea.formulier { width: 300px; height: 150px; border: 1px solid #999; font-family: Arial; font-size: 12px; color: #666; padding:1px;}

div.homepageitem1 { background-color: #539033; width: 210px; float: left; padding: 0px; margin-right: 10px; margin-bottom: 8px; font-size: 10px; }
div.homepageitem2 { background-color: #a22070; width: 210px; float: left; padding: 0px; margin-bottom: 8px; font-size: 10px;  }
div.homepageitem3 { background-color: #047aad; width: 210px; float: left; padding: 0px; margin-right: 10px;  font-size: 10px; }
div.homepageitem4 { background-color: #ff6700; width: 210px; float: left; padding: 0px;  font-size: 10px; }
p.homepageitem { font-size: 8pt; color: #fff; font-weight: bold; padding-top: 7px;height:23px;margin-left:10px;}
img.homepageitem { width: 210px; height: 120px; }

div.iconsm { width: 125px; height: 125px; margin: 5px; padding: 1px; float: left; overflow:hidden; margin-bottom: 10px;}   /*border: 2px solid #00aeef;*/
div.iconsm img { width: 125px; height: 125px; }

div.project { border-top: 1px dashed #ccc; margin-bottom: 15px; padding-top: 15px; }
div.project img { width: 150px; float: right; padding:1px; border: 2px solid #00aeef;}

div#sitemap ul { list-style-type: square; }
div#sitemap li { margin-left: 20px; list-style-type: disc; }
div#sitemap a { color: #666; text-decoration: none; }
div#sitemap a:hover { color: #00aeef; text-decoration: underline; }

div#zoeken ul {  list-style-type: none; }
div#zoeken li {  list-style-type: none; }
div#zoeken a { color: #666; text-decoration: none; }
div#zoeken a:hover { color: #00aeef; text-decoration: underline; }

div.nieuwszijkant { margin-left: 15px; margin-bottom: 15px; width:200px; }
div.nieuwszijkant h3 { margin:0px; padding: 0px; color: #00aeef; font-size: 11pt;}
div.nieuwszijkant span { font-size: 8pt; }
div.nieuwszijkant p { margin:0px; padding: 0px; }