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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS', Trebuchet; font-size: 13px; color: #282828; }
input, select, textarea { font-family: 'Trebuchet MS', Trebuchet; font-size: 12px; color: #282828; }
body { background: #9eba2b; }
img { border: 0px; display: block; }

/* ### 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: 916px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 916px; height: 188px; background: url('../images/header.jpg') no-repeat; }
	#headerCntr h1 { display: none; }
	
		/* ### LOGIN BOX ### */
		.loginBox { position: absolute; top: 58px; left: 670px; width: 212px; height: 82px; background: url('../images/loginBg.png') no-repeat; }
		.loginBox fieldset { padding: 3px 7px 0px 7px; border: 0px; }
		.loginBox label { display: block; height: 17px; line-height: 17px; font-size: 11px; color: #fff; }
		.loginBox input.field { padding: 1px 5px 0px 5px; width: 131px; height: 16px; border: 0px; background: url('../images/fieldBg.png') no-repeat; }
		.loginBox input.submit { position: absolute; top: 19px; right: 7px; width: 54px; height: 55px; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 916px; background: url('../images/contentBg.gif') repeat-y; }
	#contentCntr div.cTop { padding: 0px 30px 0px 20px; overflow: hidden; width: 866px; background: url('../images/contentTop.gif') no-repeat 315px 45px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 245px; }
		
			/* ### LOGO BOX ### */
			.logoBox { width: 245px; }
			.logoBox ul { list-style: none; }
			.logoBox li { padding-bottom: 15px; }
			
			/* ### NAV BOX ### */
			.navBox { margin-bottom: 15px; width: 245px; background: url('../images/navBg.gif') repeat-y; }
			.navBox div.top { background: url('../images/navTop.gif') no-repeat top; }
			.navBox div.bottom { padding: 40px 40px 15px 40px; background: url('../images/navBottom.gif') no-repeat bottom; }
			.navBox ul { list-style: none; }
			.navBox li { padding: 0px 0px 25px 20px; background: url('../images/bullit.gif') no-repeat left 5px; }
			.navBox li a { text-transform: uppercase; text-decoration: none; color: #fff; }
			.navBox li a:hover, .navBox li.selected a { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 573px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding-bottom: 25px; position: relative; overflow: hidden; width: 573px; }
			.nieuwsBox h1 { padding-bottom: 10px; font-size: 24px; font-style: italic; font-weight: bold; color: #0c7020; }
			.nieuwsBox div.pic { padding-bottom: 15px; float: left; width: 145px; }
			.nieuwsBox div.text { float: right; width: 420px; }
			.nieuwsBox p { padding-bottom: 15px; font-style: italic; }
			.nieuwsBox a { color: #750475; padding-bottom: 15px; font-style: italic; }
			.nieuwsBox a.button { position: absolute; bottom: 20px; right: 0px; display: block; width: 107px; height: 31px; text-indent: -9999px; background: url('../images/meer.gif') no-repeat; }
			
			/* ### TEXT BOX ### */
			.textBox { width: 573px; }
			.textBox h2 { padding-bottom: 10px; font-size: 24px; font-style: italic; font-weight: bold; color: #750475; }
			.textBox img { padding-bottom: 10px; }
			.textBox p { padding: 0px 5px 10px 5px; font-style: italic; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 19px; width: 916px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { padding: 5px 0px 10px 0px; text-align: center; color: #445305; }
	#footerCntr a { text-decoration: none; color: #445305; }
	#footerCntr a:hover { text-decoration: underline; }