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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #191a12; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #191a12; }
input,textarea { font-size: 11px; border: 1px solid #f00000; padding: 2px; }

a { color: #191a12; text-decoration: none; }
a.url { border-bottom: 1px dashed #CCC; }
a:hover { color: #F00000; }
foot { font-family: Verdana; font-size: 8px; color: #191a12; }
body { background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 20px; width: 889px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { margin-left: 9px; position: relative; width: 880px; height: 177px; background: url('../images/headerBg.gif') no-repeat; }
	#headerCntr h1 { display: none; }
	#headerCntr em { position: absolute; top: 100px; right: 0px; font-size: 24px; font-style: normal; color: #bcbcbc; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 139px; left: 0px; width: 880px; }
		#menuCntr ul { overflow: hidden; width: 880px; list-style: none; }
		#menuCntr li { margin-left: 10px; float: left; display: inline; text-transform: uppercase; }
		#menuCntr li a { display: block; float: left; height: 28px; line-height: 28px; text-decoration: none; color: #7b7b7b; background: url('../images/menuBg.gif') repeat-x; }
		#menuCntr li a span { display: block; float: left; height: 28px; cursor: pointer; background: url('../images/menuL.gif') no-repeat left; }
		#menuCntr li a span span { padding: 0px 15px 0px 15px; background: url('../images/menuR.gif') no-repeat right; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuHL.gif') no-repeat left; }
		#menuCntr li a:hover span span, #menuCntr li.selected a span span { background: url('../images/menuHR.gif') no-repeat right; }
	
		/* ### TOP CONTAINER ### */
		#topCntr { position: absolute; top: 10px; right: 0px; width: 300px; }
		#topCntr ul { overflow: hidden; width: 300px; list-style: none; }
		#topCntr li { margin-left: 10px; float: right; display: inline; text-transform: uppercase; }
		#topCntr li a { color: #7b7b7b; }
		#topCntr li a:hover { text-decoration: none; }
	
	/* ### INTRO CONTAINER ### */
	#introCntr { padding-top: 28px; position: relative; width: 889px; height: 295px; background: url('../images/introBg_nl.jpg'); }
	#introCntr a.button { margin-left: 415px; display: block; width: 115px; height: 31px; text-indent: -9999px; background: url('../images/meerBg.gif') no-repeat top; }
	#introCntr a.button:hover { background-position: left bottom; }
	#introCntr h2 { margin-left: 145px; padding-bottom: 6px; font-size: 24px; font-weight: normal; color: #f00000; }
	#introCntr h2 span { color: #191a12; }
	#introCntr h2 span span { color: #800000; }
	#introCntr h4 { margin-left: 145px; padding-bottom: 10px; font-size: 18px; font-weight: normal; }
	#introCntr p { margin-left: 118px; width: 420px; line-height: 18px; }
	#introCntr ul { position: absolute; top: 200px; left: 25px; list-style: none; }
	#introCntr li { padding-bottom: 4px; font-size: 24px; }
	#introCntr li a { color: #191a12; }
	#introCntr li a:hover { color: #800000; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-left: 9px; padding: 20px 20px 0px 20px; overflow: hidden; width: 840px; background: url('../images/contentBg.gif') no-repeat; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-bottom: 26px; float: left; width: 400px; }
		

		/* ### LEFT CONTAINER 2 ### */
		#leftCntr2 { padding-bottom: 26px; float: left; width: 850px; }
	
			/* ### OVER BOX ### */
			.overBox { width: 400px; }
			.overBox2 { width: 850px; }
			.overBox3 { width: 550px; }
			.overBox h3, .overBox2 h3, .overBox3 h3 { padding-bottom: 6px; font-size: 14px; font-weight: bold; color: #f00000; }
			.overBox p { padding-bottom: 6px; line-height: 18px; }
			.overBox a { color: #f00000; }
			.overBox a:hover { text-decoration: none; }
			.overBox span { margin-top: 30px; display: block; width: 400px; height: 71px; line-height: 71px; text-align: center; font-size: 18px; text-transform: uppercase; color: #f52c00; background: url('../images/kortingBg.gif') no-repeat; }
			.overBox a.button { margin-left: 285px; display: block; width: 115px; height: 31px; text-indent: -9999px; background: url('../images/meerBg.gif') no-repeat top; }
			.overBox a.button:hover { background-position: left bottom; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 400px; }
		#rightCntr2 { display: none; }
		#rightCntr3 { float: right; width: 350px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 10px; padding-bottom: 11px; width: 400px; background: url('../images/nieuwsBg.gif') repeat-x left bottom; }
			.nieuwsBox2 { display: none; }
			.nieuwsBox3 { width: 350px; }
			.nieuwsBox h2 { padding-bottom: 6px; font-size: 14px; font-weight: bold; color: #191a12; }
			.nieuwsBox p, .nieuwsBox table { line-height: 18px; color: #7e7f78; }
			.nieuwsBox table { line-height: 22px; }

	/* ### PORT CONTAINER ### */
	#portCntr { margin-left: 9px; padding: 0px 20px 20px 20px; position: relative; top: -26px; overflow: hidden; width: 840px; background: url('../images/portBg.gif') no-repeat 0px 26px; }
	#portCntr h3 { height: 46px; font-size: 18px; font-weight: normal; color: #191a12; }
	#portCntr ul { float: left; overflow: hidden; width: 530px; list-style: none; }
	#portCntr li { margin-right: 10px; float: left; display: inline; position: relative; width: 122px; height: 109px; }
	#portCntr li img { border: 5px solid #f0f0f0; }
	#portCntr li a { position: absolute; top: 0px; left: 0px; display: block; float: left; width: 122px; height: 109px; text-indent: -9999px; background: url('../images/opacity.png'); }
	#portCntr li a:hover { background: none; }
	#portCntr p { padding-bottom: 6px; line-height: 18px; }
	#portCntr a.button { position: absolute; bottom: 0px; right: 20px; display: block; width: 115px; height: 31px; text-indent: -9999px; background: url('../images/meerBg.gif') no-repeat top; }
	#portCntr a.button:hover { background-position: left bottom; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 30px 0px 0px 9px; width: 880px; height: 26px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
	#footerCntr p { line-height: 26px; color: #7e7f78; font-family: Verdana; font-size: 9px; color: #191a12; float: right;}
	#footerCntrLogo {position:relative; float:left; padding-right: 15px; width: 250px; padding-top: 0px;} 
	#footerCntrLogo img { display: inline; }