/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial, verdana, 'sans serif'; font-size: 11px; color: #000; }
input, select, textarea { font-family: Arial, verdana, 'sans serif'; font-size: 11px; color: #000; }
body { padding: 3px 0px 10px 0px; background: url('../images/bodyBg.gif') #f8f8f6 repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clearBoth { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 837px; background: #ebebeb; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 837px; height: 71px; background: url('../images/logo.png') #f8f8f6 no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 837px; border-top: 1px solid #30302f; }
		#menuCntr ul { position: relative; top: -1px; float: right; list-style: none; }
		#menuCntr li { float: left; display: inline; }
		#menuCntr ul li a { margin-right: 20px; padding-top: 10px; float: left; font-size: 12px; text-decoration: none; font-weight: bold; color: #000; }
		
		#menuCntr li.begin a:hover { color: #095a75; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr li.websites a:hover { color: #ef1145; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr li.adverteren a:hover { color: #91c01f; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr li.diensten a:hover { color: #c52392; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr li.contact a:hover { color: #ef660b; background: url('../images/tabHBg.gif') no-repeat top center; }
		
		#menuCntr ul.begin li.selected a { color: #095a75; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr ul.websites li.selected a { color: #ef1145; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr ul.adverteren li.selected a { color: #91c01f; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr ul.diensten li.selected a { color: #c52392; background: url('../images/tabHBg.gif') no-repeat top center; }
		#menuCntr ul.contact li.selected a { color: #ef660b; background: url('../images/tabHBg.gif') no-repeat top center; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 837px; height: 179px; }
	#bannerCntr ul { list-style: none; }
	#bannerCntr li { text-decoration: none; margin-right: 3px; float: left; display: inline; font-weight: bold; color: #fff; }
	#bannerCntr li.zwart { color: #000; }
	#bannerCntr a { text-decoration: none; }
	#bannerCntr a:hover { text-decoration: none; }
	#bannerCntr img.leesmeer { position: relative; top: 94px; left: 555px; }
	
	#bannerCntr div.begin { padding: 10px 0px 0px 7px; width: 830px; height: 169px; background: url('../images/beginBg.png') no-repeat; }
	#bannerCntr div.websites { padding: 10px 0px 0px 7px; width: 830px; height: 169px; background: url('../images/websitesBg.png') no-repeat; }
	#bannerCntr div.adverteren { padding: 10px 0px 0px 7px; width: 830px; height: 169px; background: url('../images/adverterenBg.png') no-repeat; }
	#bannerCntr div.diensten { padding: 10px 0px 0px 7px; width: 830px; height: 169px; background: url('../images/dienstenBg.png') no-repeat; }
	#bannerCntr div.contact { padding: 10px 0px 0px 7px; width: 830px; height: 169px; background: url('../images/contactBg.png') no-repeat; }

		/* ### NAVIGATIE CONTAINER ### */
		#navigatieCntr { width: 837px; border-top: 1px solid #30302f; }
		#navigatieCntr p { padding: 0px; padding-bottom: 0px; font-size: 12px; border-bottom: 1px solid #fff;}
		#navigatieCntr ul { position: relative; top: -1px; float: right; list-style: none; }
		#navigatieCntr li { float: left; display: inline; }
		#navigatieCntr ul li a { margin-right: 20px; padding-top: 10px; float: left; font-size: 12px; text-decoration: none; font-weight: bold; color: #000; }

		#navigatieCntr div.begin a { text-decoration: none; color: #3db7d3; }
		#navigatieCntr div.begin a:hover { text-decoration: underline; }
		#navigatieCntr div.websites a { text-decoration: none; color: #ef1145; }
		#navigatieCntr div.websites a:hover { text-decoration: underline; }		
		#navigatieCntr div.adverteren a { text-decoration: none; color: #91c01f; }
		#navigatieCntr div.adverteren a:hover { text-decoration: underline; }
		#navigatieCntr div.diensten a { text-decoration: none; color: #c52392; }
		#navigatieCntr div.diensten a:hover { text-decoration: underline; }
		#navigatieCntr div.contact a { text-decoration: none; color: #ef660b; }
		#navigatieCntr div.contact a:hover { text-decoration: underline; }		

	/* ### LEFT CONTAINER ### */
	#leftCntr { float: left; width: 598px; }

		/* ### WELKOM BOX ### */
		.welkomBox { width: 598px; }
		.welkomBox h2 { padding: 5px 10px 0px 10px; font-size: 20px; font-weight: normal; color: #3db7d3; border-bottom: 2px solid #000; }
		.welkomBox h3 { padding-left: 10px; font-size: 18px; font-weight: normal; }
		.welkomBox h4 { padding-left: 200px; font-size: 18px; font-weight: normal; }
		.welkomBox p { padding: 10px; width: 440px; padding-bottom: 11px; font-size: 12px; }
 		.welkomBox a { text-decoration: none; color: #3db7d3; }
		.welkomBox a:hover { text-decoration: underline; }

		/* ### OVERIGE BOX ### */
		.overigeCntr { width: 837px; }
		.overigeCntr h2 { padding: 5px 10px 0px 10px; font-size: 20px; font-weight: normal; color: #3db7d3; }
		.overigeCntr span { padding: 0px 10px 10px 10px; display: block; font-size: 12px; width: 650px; }
		.overigeCntr p { padding: 10px; width: 440px; padding-bottom: 11px; font-size: 12px; }
	 	.overigeCntr a { text-decoration: none; color: #3db7d3; }
		.overigeCntr a:hover { text-decoration: underline; }
		
		/* ### BRIEF BOX ### */
		.briefBox { width: 598px; }
		.briefBox h2 { padding: 5px 10px 0px 10px; font-size: 20px; font-weight: normal; color: #3db7d3; border-bottom: 2px solid #000; }
		.briefBox fieldset { margin: 8px 0px 0px 10px; float: left; width: 292px; border: 0px; }
		.briefBox fieldset label { display: block; float: left; width: 70px; font-weight: bold; line-height: 24px; }
		.briefBox fieldset input.field { margin: 1px; padding: 20px; float: left; width: 209px; height: 14px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		.briefBox fieldset input.submit { margin-top: 8px; float: right; }
		.briefBox a { text-decoration: none; color: #3db7d3; }
		.briefBox a:hover { text-decoration: underline; }
		.briefBox ul { margin: 8px 10px 0px 0px; float: right; width: 200px; list-style: none; }
		.briefBox ul h3 { font-size: 16px; }
		.briefBox li { text-align: right; line-height: 16px; }

	/* ### LEFT CONTAINER 1 ### */
	#leftCntr1 { float: left; width: 480px; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { float: right; width: 239px; color: #fff; background: #000; }
	#rightCntr a { text-decoration: none; color: #3db7d3; }
	#rightCntr a:hover { text-decoration: underline; }
	#rightCntr span { padding: 0px 10px 5px 10px; display: block; font-weight: bold; }
	
		/* ### NIEUWS BOX ### */
		.nieuwsBox { padding: 10px; }
		.nieuwsBox h2 { margin-bottom: 4px; display: block; font-size: 14px; font-weight: normal; color: #3db7d3; border-bottom: 1px solid #fff; }

	/* ### RIGHT CONTAINER 1 ### */
	#rightCntr1 { float: right; width: 357px; }
	#rightCntr1 p { padding-bottom: 11px; font-size: 12px; }
	#rightCntr1 a { text-decoration: none; color: #3db7d3; }
	#rightCntr1 a:hover { text-decoration: underline; }
	#rightCntr1 span { padding: 0px 10px 10px 10px; display: block; font-size: 12px; width: 650px; }

	/* ### WEBSITES CONTAINER ### */
	#websitesCntr { width: 837px; }
	#websitesCntr h2 { padding: 5px 10px 10px 10px; font-size: 20px; font-weight: normal; color: #ef1145; }
	#websitesCntr span { padding: 0px 10px 10px 10px; display: block; font-size: 12px; width: 650px; }
		
		/* ### WEBSITES BOX ### */
		.websitesBox { width: 837px; }
		.websitesBox h3 { margin-bottom: 10px; padding: 0px 10px 2px 10px; display: block; font-size: 16px; font-weight: normal; color: #ef1145; border-bottom: 2px solid #000; }
		
		/* ### COLUMN BOX ### */
		.columnBox { padding: 0px 10px 0px 10px; float: left; width: 244px; }
		.columnBox ul.normal { margin-bottom: 15px; padding: 5px; width: 233px; height: 61px; list-style: none; }
		.columnBox ul.over { margin-bottom: 15px; padding: 5px; width: 233px; height: 61px; list-style: none; background: url('../images/hlBg.gif') no-repeat; }
		.columnBox ul.normal li { color: #ef1145; }
		.columnBox ul.over li { color: #fff; }
		.columnBox li.bold { font-weight: bold; }
		.columnBox ul.normal li a { font-size: 15px; text-decoration: none; font-weight: bold; color: #ef1145; }
		.columnBox ul.over li a { font-size: 15px; text-decoration: none; font-weight: bold; color: #fff; }
		
	/* ### ADVERTEREN CONTAINER ### */
	#adverterenCntr { padding: 0px 10px 10px 10px; width: 817px; }
	#adverterenCntr h2 { padding: 5px 0px 11px 0px; font-size: 20px; font-weight: normal; color: #91c01f; }
	#adverterenCntr p { padding-bottom: 11px; font-size: 12px; }
	#adverterenCntr a { text-decoration: none; color: #91c01f; }
	#adverterenCntr a:hover { text-decoration: underline; }

	/* ### OVERIGE CONTAINER ### */
	#overigeCntr { width: 837px; }
	#overigeCntr h2 { padding: 5px 10px 0px 10px; font-size: 20px; font-weight: normal; color: #3db7d3; }
	#overigeCntr span { padding: 0px 10px 10px 10px; display: block; font-size: 12px; width: 650px; }
	#overigeCntr p { padding: 10px; width: 740px; padding-bottom: 11px; font-size: 12px; }
	#overigeCntr a { text-decoration: none; color: #3db7d3; }
	#overigeCntr a:hover { text-decoration: underline; }
	
	/* ### DIENSTEN CONTAINER ### */
	#dienstenCntr { padding: 0px 10px 10px 10px; width: 817px; }
	#dienstenCntr h2 { padding: 5px 0px 11px 0px; font-size: 20px; font-weight: normal; color: #c52392; }
	#dienstenCntr h3 { font-size: 12px; color: #c52392; }
	#dienstenCntr ul { margin-top: 10px; list-style: none; }
	#dienstenCntr li { font-size: 12px; line-height: 16px; }
	#dienstenCntr p { padding-bottom: 11px; font-size: 12px; }
 	#dienstenCntr a { text-decoration: none; color: #c52392; }
	#dienstenCntr a:hover { text-decoration: underline; }
 
	/* ### CONTACT CONTAINER ### */
	#contactCntr { padding: 0px 10px 10px 10px; width: 817px; }
	#contactCntr h2 { padding: 5px 0px 11px 0px; font-size: 20px; font-weight: normal; color: #ef660b; }
	#contactCntr h3 { font-size: 12px; color: #ef660b; }
	#contactCntr ul { margin-top: 10px; list-style: none; }
	#contactCntr li { font-size: 13px; line-height: 18px; }
	#contactCntr p { padding-bottom: 11px; font-size: 12px; }
 	#contactCntr a { text-decoration: none; color: #ef660b; }
	#contactCntr a:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 16px; width: 837px; height: 20px; color: #979796; background: url('../images/footerBg2.gif') #f8f8f6 no-repeat; }
	#footerCntr ul { margin: 0 auto; width: 837px; list-style: none; }
	#footerCntr li { margin-right: 3px; float: left; display: block; }
	#footerCntr a { text-decoration: none; color: #979796; }
	#footerCntr a:hover { text-decoration: underline; }
	
	/* ### FOOTER 2 CONTAINER ### */
	#footer2Cntr { padding-top: 16px; width: 837px; height: 20px; color: #979796; background: url('../images/footerBg.gif') #f8f8f6 no-repeat; }
	#footer2Cntr li { margin-right: 3px; float: left; display: block; }
	#footer2Cntr a { text-decoration: none; color: #979796; }
	#footer2Cntr a:hover { text-decoration: underline; }