/* ################################################## */
/*  MADE BY: WWW.WSWEBS.NL		                      */
/*  WS WEBS			                                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 10px; color: #6a6a6a; }
input, select, textarea { font-family: Verdana; font-size: 10px; color: #6a6a6a; }
body { background: url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; background-color: transparent;}

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

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; background: url('../images/wrapperBg.gif') no-repeat top; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 978px; height: 135px; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 135px; left: 208px; width: 562px; }
		#menuCntr ul { overflow: hidden; height:67px; width: 562px; list-style: none; background: url('../images/menuBg2.gif') repeat-x; }
		#menuCntr ul ul { display: none; clear: both; position: absolute; top: 38px; left: 0px; z-index: 10; background: url('../images/subBg.gif') repeat-x; }
		#menuCntr ul ul li { height: 28px; line-height: 28px; color: #fff; }
		#menuCntr ul ul li a { padding: 0px 5px 0px 5px; height: 28px; line-height: 28px; color: #fff; }
		#menuCntr ul ul li a:hover, #menuCntr ul ul li a.selected { text-decoration: underline; background: none;}
		#menuCntr li { float: left; display: inline; }
		#menuCntr li a { display: block; float: left; height: 41px; line-height: 39px; text-decoration: none; color: #6a6a6a; }
		#menuCntr li a span { display: block; float: left; height: 41px; cursor: pointer; }
		#menuCntr li a span span { padding: 0px 15px 0px 15px; }
		#menuCntr li a:hover, #menuCntr li a.selected { color: #fff; background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a:hover span, #menuCntr li a.selected span { background: url('../images/menuHL.gif') no-repeat left; }
		#menuCntr li a:hover span span, #menuCntr li a.selected span span { background: url('../images/menuHR.gif') no-repeat right; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 10px; overflow: hidden; width: 978px; }
	#contentCntr h3 { margin-bottom: 8px; padding-left: 25px; height: 31px; line-height: 31px; font-weight: bold; font-size: 11px; background: url('../images/headingBg.gif') no-repeat; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 5px; float: left; display: inline; width: 203px; }
		
			/* ### NAV BOX ### */
			.navBox { margin-bottom: 5px; padding: 1px; width: 199px; border: 1px solid #f3f3f3; }
			.navBox ul { padding: 0px 5px 10px 5px; list-style: none; }
			.navBox li { height: 20px; }
			.navBox li a { padding: 0px 5px 0px 5px; display: block; height: 20px; line-height: 20px; text-decoration: none; color: #6a6a6a; }
			.navBox li a:hover, .navBox li.selected a { background: #f5f5f5; }
			
			/* ### LOGIN BOX ### */
			.loginBox { margin-bottom: 5px; padding: 1px; width: 199px; border: 1px solid #f3f3f3; }
			.loginBox p { padding: 0px 0px 5px 10px; }
			.loginBox a { text-decoration: none; color: #6a6a6a; }
			.loginBox a:hover { text-decoration: underline; }
			.loginBox fieldset { padding: 0px 10px 10px 10px; width: 179px; border: 0px; }
			.loginBox input.field { margin-bottom: 5px; padding: 4px 5px 0px 30px; width: 129px; height: 17px; border: 0px; background: no-repeat; }
			.loginBox input.username { background-image: url('../images/username.gif'); }
			.loginBox input.password { background-image: url('../images/passBg.gif'); }
			.loginBox input.submit { float: left; width: 53px; height: 21px; font-size: 10px; color: #fff; border: 0px; background: url('../images/submitBg.png') no-repeat; }
			
			/* ### ADRES BOX ### */
			.adresBox { margin-bottom: 5px; padding: 1px; width: 199px; border: 1px solid #f3f3f3; }
			.adresBox address { padding: 0px 10px 10px 10px; }
			.adresBox address strong { display: block; }
			
			/* ### NAAM BOX ### */
			.naamBox { margin-bottom: 5px; padding: 1px; width: 199px; border: 1px solid #f3f3f3; }
			.naamBox fieldset { padding: 0px 10px 10px 10px; width: 179px; border: 0px; }
			.naamBox label { padding-bottom: 5px; display: block; font-style: italic; }
			.naamBox input.field { margin-right: 2px; padding: 3px 5px 0px 5px; float: left; width: 112px; height: 16px; border: 1px solid #e7e7e7; background: #fff; }
			.naamBox input.submit { float: left; width: 53px; height: 21px; font-size: 10px; color: #fff; border: 0px; background: url('../images/submitBg.png') no-repeat; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-top: 75px; float: left; width: 562px; }
		
			/* ### STAP BOX ### */
			.stapBox { margin-bottom: 10px; width: 562px; }
			.stapBox ul { overflow: hidden; width: 562px; list-style: none; }
			.stapBox li { margin-right: 10px; padding: 0px 4px 0px 54px; float: left; display: inline; width: 122px; height: 84px; border-bottom: 1px dotted #0093bd; background: no-repeat left 28px; }
			.stapBox li.stap3 { margin-right: 0px; }
			.stapBox h4 { padding-bottom: 15px; position: relative; left: -50px; font-size: 11px; font-weight: bold; color: #0093bd; }
			.stapBox a { font-weight: bold; text-decoration: underline; color: #0093bd; }
			.stapBox a:hover { text-decoration: underline; color: #0091c0; }
			
			.stapBox li.stap1 { background-image: url('../images/stap1.gif'); }
			.stapBox li.stap2 { background-image: url('../images/stap2.gif'); }
			.stapBox li.stap3 { background-image: url('../images/stap3.gif'); }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 10px; padding-bottom: 5px; position: relative; overflow: hidden; width: 562px; border-bottom: 3px solid #0093bd; }
			.nieuwsBox div.pic { float: left; width: 162px; }
			.nieuwsBox div.text { padding-bottom: 20px; float: right; width: 400px; }
			.nieuwsBox a { font-weight: bold; text-decoration: none; color: #6a6a6a; }
			.nieuwsBox a:hover { text-decoration: underline; }
			.nieuwsBox div.pic img { border-bottom: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1; background-color: transparent; }
			.nieuwsBox p { padding-bottom: 11px; }
			.nieuwsBox h1 { padding-bottom: 10px; font-size: 15px; font-weight: normal; color: #0093bd; }
			.nieuwsBox h2 { padding-bottom: 10px; font-size: 9px; font-weight: normal; color: #0097bd; float:right; }
			.nieuwsBox ul.bar { position: absolute; bottom: 0px; right: 0px; overflow: hidden; width: 400px; list-style: none; }
			.nieuwsBox ul.bar li { margin-left: 10px; float: right; display: inline; height: 22px; line-height: 22px; color: #858585; }
			.nieuwsBox ul.bar li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 22px; line-height: 22px; text-decoration: none; color: #fff; background: #0093bd; }
			.nieuwsBox ul.bar li a:hover { text-decoration: underline; }
			
			/* ### CONTENT BOX ### */
			.contentBox { margin-bottom: 10px; padding-bottom: 5px; position: relative; overflow: hidden; width: 562px; border-bottom: 3px solid #0093bd; }
			.contentBox div.text { padding: 4px 4px 4px 4px; margin-right: 5px; float: left; width: 562px; }
			.contentBox a { font-weight: bold; text-decoration: none; color: #6a6a6a; }
			.contentBox a:hover { text-decoration: underline; }
			.contentBox div.pic img { border-bottom: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1; background-color: transparent; }
			.contentBox p { padding-bottom: 11px; }
			.contentBox h1 { padding-bottom: 10px; padding-left: 4px; font-size: 15px; font-weight: normal; color: #0093bd; }
			.contentBox ul.bar { position: absolute; bottom: 0px; right: 0px; overflow: hidden; width: 400px; list-style: none; }
			.contentBox ul.bar li { margin-left: 10px; float: right; display: inline; height: 22px; line-height: 22px; color: #858585; }
			.contentBox ul.bar li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 22px; line-height: 22px; text-decoration: none; color: #fff; background: #0093bd; }
			.contentBox ul.bar li a:hover { text-decoration: underline; }
			.contentBox div.home { font-size: 14px; color: #000;}
			.contentBox div.home a { text-decoration: underline; color: #000000;}
			.contentBox div.home a:hover{ color: #ffc600;}
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 203px; }
		
			/* ### SERVICE BOX ### */
			.serviceBox { margin-bottom: 5px; padding: 1px 1px 45px 1px; position: relative; width: 199px; border: 1px solid #f3f3f3; background: url('../images/service.gif') no-repeat left bottom; }
			.serviceBox a.button { position: absolute; bottom: 6px; right: 6px; display: block; width: 130px; height: 23px; line-height: 23px; text-align: center; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #cc0000; background: #f5f5f5; }
			.serviceBox a.button:hover { text-decoration: underline; }
			.serviceBox p { padding: 0px 10px 10px 10px; }
			
			/* ### NIEUW BOX ### */
			.nieuwBox { margin-bottom: 5px; padding: 1px; width: 199px; border: 1px solid #f3f3f3; }
			.nieuwBox ul { padding: 0px 10px 10px 10px; list-style: none; }
			.nieuwBox li { line-height: 16px; font-weight: bold; }
			.nieuwBox li a { text-decoration: none; color: #6a6a6a; }
			.nieuwBox li a:hover { color: #1bb3e5; }
			
			/* ### AD BOX ### */
			.adBox { margin-bottom: 5px; width: 193px; border: 5px solid #eef3f5; }
			.adBox div.text { padding: 4px 4px 4px 4px; margin-right: 5px; float: left; width: 562px; }
			.adBox a { font-weight: bold; text-decoration: none; color: #6a6a6a; }
			.adBox a:hover { text-decoration: underline; }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 8px 10px 0px 10px; overflow: hidden; width: 100%; height: 29px; background: url('../images/footerBg.gif') repeat-x; }
	#footerCntr p { float: left; width: 300px; text-align: left; }
	#footerCntr p.center { width: 358px; text-align: center; }
	#footerCntr p.right { float: right; text-align: right; }
	#footerCntr p span { font-weight: bold; color: #008dbb; }
	#footerCntr p span span { color: #d89900; }
	#footerCntr p em { font-weight: bold; font-style: normal; }
	#footerCntr p em a { text-decoration: none; color: #00b8ed; }
	#footerCntr p em a:hover { text-decoration: underline; }
	#footerCntr a { text-decoration: none; font-weight: bold; color: #adadad; }
	#footerCntr a:hover { text-decoration: underline; }