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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #2a2a2a; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #9f9f9f; }
body { background: #eee; }
img { border: 0px; display: block; }

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

/* ### WRAPPER ### */
#wrapper { margin: 0 auto; position: relative; display: block; width: 994px; min-height: 100%; background: url('../images/wrapperBg.png') repeat-y; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding: 0px 11px 0px 10px; width: 973px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 973px; height: 128px; }
	#headerCntr h1 { position: absolute; top: 13px; left: -30px; width: 272px; height: 45px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr {  width: 973px; background: #2a2a2a; min-height:34px; }
		#menuCntr ul { width: 973px; list-style: none; }
		#menuCntr li { float: left; display: inline;  font-size: 13px; font-weight: bold; }
		#menuCntr li a { margin: 0px 5px 0px 5px; display: block; float: left; height: 28px; line-height: 28px; text-decoration: none; color: #fff; }
		#menuCntr li a span { display: block; float: left; height: 28px; cursor: pointer; }
		#menuCntr li a span span { padding: 0px 17px 0px 17px; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #2a2a2a; background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuHR.gif') no-repeat right top; }
		#menuCntr li a:hover span span, #menuCntr li.selected a span span { background: url('../images/menuHL.gif') no-repeat left top; }
		
		/* ### TOP CONTAINER ### */
		#topCntr { padding-top: 14px; margin-left:264px; width: 704px; background: url('../images/topBg.gif') no-repeat 5px 38px; height:80px; }
		#topCntr ul { float: left; overflow: hidden; width: 430px; list-style: none; }
		#topCntr li { float: left; display: inline; font-size: 12px; color: #696969; }
		#topCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #696969; }
		#topCntr li a:hover { text-decoration: underline; }
		#topCntr h3 { padding-bottom: 5px; font-size: 15px; font-weight: bold; color: #afc812; }
		#topCntr fieldset { float: right; overflow: hidden; width: 230px; border: 0px; margin-top:-10px; }
		#topCntr input.field { margin: 0px 7px 2px 0px; padding: 3px 5px 0px 5px; float: left; width: 149px; height: 16px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		#topCntr input.submit { float: left; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 24px 11px 27px 14px; overflow: hidden; width: 948px; background: #eee; }
	.slider { height: 377px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { position: relative; z-index: 10; float: left; width: 230px; }
		#leftCntr div.top { padding-bottom: 15px; background: url('../images/leftBottom.png') no-repeat bottom; }
		#leftCntr div.nieuwsBox div.top { padding-bottom: 15px; background: url('../images/nieuwsBottom.png') no-repeat left bottom; }
		#leftCntr div.bottom { background: url('../images/leftBg.png') repeat-y; }
		#leftCntr div.nieuwsBox div.bottom { background: url('../images/nieuwsBg.png') repeat-y; }
		#leftCntr h3 { padding: 0px 15px 0px 15px; position: absolute; top: 0px; left: 0px; width: 230px; height: 40px; line-height: 40px; font-weight: bold; font-size: 15px; color: #2a2a2a; }
		
			/* ### ZOEK BOX ### */
			.zoekBox { margin-bottom: 10px; padding-top: 40px; position: relative; width: 230px; background: url('../images/leftTop.png') no-repeat top; }
			.zoekBox fieldset { padding: 15px 0px 5px 11px; overflow: hidden; width: 210px; border: 0px; }
			.zoekBox input.field { padding: 6px 5px 0px 5px; float: left; width: 164px; height: 20px; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.zoekBox input.submit { float: left; }
			.zoekBox label { padding-bottom: 10px; display: block; }
			
			/* ### BIN BOX ### */
			.binBox { margin-bottom: 10px; padding-top: 40px; position: relative; width: 230px; background: url('../images/leftTop.png') no-repeat top; }
			.binBox ul { padding: 15px 22px 5px 15px; overflow: hidden; width: 193px; list-style: none; }
			.binBox li { padding-left: 15px; float: left; display: inline; width: 118px; line-height: 22px; background: url('../images/arrow2.gif') no-repeat left; }
			.binBox li.last { padding: 0px; width: 60px; text-align: right; font-size: 10px; color: #78881c; background: none; }
			.binBox li a { text-decoration: none; color: #2a2a2a; }
			.binBox li a:hover { text-decoration: underline; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 10px; padding-top: 40px; position: relative; width: 230px; background: url('../images/leftTop.png') no-repeat top; }
			.nieuwsBox ul { padding: 5px 22px 5px 15px; list-style: none; }
			.nieuwsBox li { padding-top: 10px; line-height: 18px; color: #fff; }
			.nieuwsBox h2 { font-size: 13px; font-weight: bold; }
			.nieuwsBox a { text-decoration: none; color: #fff; }
			.nieuwsBox a:hover { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 706px; }
		
			/* ### SLIDER BOX ### */
			.sliderBox { width: 706px; }
			.sliderBox #slideshow { position: absolute; margin-top: -24px; margin-left: -256px; z-index: 5; }
			.sliderBox div.ride { position: absolute; bottom: 50px; right: 30px; z-index: 8; width: 326px; height: 65px; text-indent: -9999px; background: url('../images/ride.png') no-repeat; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 706px; background: url('../images/rightBg.gif') repeat-y; }
			.textBox div.top { background: url('../images/rightTop.gif') no-repeat top; }
			.textBox div.bottom { overflow: hidden; width: 706px; background: url('../images/rightBottom.gif') no-repeat bottom; }
			.textBox h1 { margin-bottom: 20px; padding: 0px 20px 0px 20px; height: 59px; line-height: 59px; font-size: 25px; font-weight: bold; border-bottom: 1px solid #d0d0d0; }
			.textBox div.left { margin-left: 20px; float: left; display: inline; width: 210px; padding-bottom:10px; }
			.textBox div.right { margin-right: 20px; padding-bottom: 5px; float: right; display: inline; width: 434px; }
			.textBox div.content { margin-left: 20px; float: left; display: inline; width: 664px; }
			.textBox h3 { line-height: 18px; font-size: 12px; font-weight: bold; }
			.textBox p { padding-bottom: 15px; line-height: 18px; }
			.textBox div.left ul { padding: 20px 20px 0px 0px; list-style: none; }
			.textBox div.left li { padding-right: 15px; line-height: 22px; text-align: right; background: url('../images/arrow3.gif') no-repeat right; }
			.textBox div.left li a { text-decoration: none; color: #00798f; }
			.textBox div.left li a:hover { text-decoration: underline; }
	
	/* ### OVER BOX ### */
	.overBox { margin-left: 3px; width: 939px; background: url('../images/overBg.gif') repeat-y; }
	.overBox div.top { background: url('../images/overTop.gif') no-repeat top; }
	.overBox div.bottom { padding-bottom: 15px; position: relative; overflow: hidden; width: 939px; background: url('../images/overBottom.gif') no-repeat bottom; }
	.overBox h1 { padding: 0px 20px 0px 20px; height: 59px; line-height: 59px; font-size: 25px; font-weight: bold; border-bottom: 1px solid #d0d0d0; }
	.overBox fieldset { position: absolute; top: 21px; right: 0px; overflow: hidden; width: 580px; border: 0px; }
	.overBox table { margin: 0px 1px 0px 1px; width: 937px; border-bottom: 1px solid #d0d0d0; }
	.overBox td { padding: 10px 20px 10px 20px; height: 70px; line-height: 18px; vertical-align: top; }
	.overBox tr.dark td { background: #eee; }
	.overBox tr.title td { padding: 0px 20px 0px 20px; height: 32px; vertical-align: middle; font-weight: bold; border-bottom: 1px solid #d0d0d0; }
	.overBox td.big { width: 320px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
	.overBox td.medium { width: 220px; border-right: 1px solid #d0d0d0; }
	.overBox td.small { width: 70px; border-right: 1px solid #d0d0d0; }
	.overBox td a { color: #00798f; }
	.overBox td a:hover { text-decoration: none; }
	.overBox td img { margin-right: 20px; float: left; }
	.overBox h3 { margin-right: 15px; float: left; font-size: 15px; font-weight: bold; color: #afc812; }
	.overBox select { margin-right: 15px; padding: 2px; float: left; width: 118px; height: 19px; border: 1px solid #bfbfbf; background: #fff; }
	.overBox input.field { margin-right: 15px; padding: 3px 5px 0px 5px; float: left; width: 172px; height: 16px; border: 0px; background: url('../images/field3Bg.gif') no-repeat; }
	.overBox input.submit { float: left; }
			
	/* ### QL CONTAINER ### */
	#qlCntr { padding: 15px 0px 15px 0px; position: relative; overflow: hidden; width: 973px; background: url('../images/qlBg.gif'); }
	#qlCntr div.ql { margin-right: 15px; padding: 20px 20px 0px 20px; float: right; width: 189px; height: 138px; background: url('../images/qlBox.png') no-repeat; }
	#qlCntr h3 { padding-bottom: 10px; font-size: 25px; font-weight: normal; color: #bcbcbc; }
	#qlCntr ul { list-style: none; float:left; width:90px; overflow:hidden; }
	#qlCntr li { padding-left: 15px; line-height: 22px; height:22px; overflow:hidden; background: url('../images/arrow.gif') no-repeat left; }
	#qlCntr li a { text-decoration: none; color: #fff; }
	#qlCntr li a:hover { text-decoration: underline; }
	#qlCntr a.concept { position: absolute; top: 50px; left: 12px; display: block; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 18px 10px 0px 100px; overflow: hidden; width: 863px; height: 76px; line-height: 20px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr div.left { float: left; width: 450px; }
	#footerCntr div.right { float: right; width: 320px; }

	#footerCntr ul { overflow: hidden; width: 450px; list-style: none; }
	#footerCntr li { float: left; display: inline; font-size: 11px; color: #696969; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #696969; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr p { padding-left: 5px; font-size: 11px; color: #696969; }
	#footerCntr div.right ul { width: 320px; }
	#footerCntr div.right li { float: right; }
	
	.botmargin {
		margin-bottom:4px;
	}

	.profielbox{
		width: 190px;
		margin: 10px 0px;
	}
	
	.profielbox img{
		margin-right:5px;
		margin-bottom:10px;
	}
	
	ul.tabs {
		margin:0px;
		padding:0px 20px;
		width:100%;
		border-top:1px solid #d0d0d0;
		list-style-type:none;
		margin-bottom:40px;
	}
	
	ul.tabs li {
		width:115px;
		float:left;
		height:29px;
	}
	
	ul.tabs li a {
		display:block;
		background-image:url(../images/tab.jpg);
		width:105px;
		height:23px;
		padding:6px 0px 0px 10px;
		text-decoration:none;
		color:#949494;
	}
	
	ul.tabs li a:hover, ul.tabs li a.actief {
		
		color:#2a2a2a;
		font-weight:bold;
		
	}
	ul.tabs li a.actief {
		background-image:url(../images/tabover.jpg);
	}
	
	#foto img {
		float:left;
		margin-right:10px;
		
	}
	
	#foto img.last {
		margin-right:0px;
		
	}
	
	.clearer {
		clear:both;
		height:0px;
		line-height:0px;
		min-height:0px;
	}
	
	
	.submenu {
		position:absolute;
		z-index:5000;
		display:none;

		margin-left:5px;
		background-color:#FFFFFF;
		border:1px solid black;
		width:auto !important;
		min-width:100px;
	}
	
	.submenu li {
		float:none !important;
		display:block !important;
		height:30px;
	}
	
	.submenu li a {
		color: #2a2a2a !important;
		
	}