/* ################################################## */

/*  MADE BY: WWW.DIRECTBASING.COM                     */

/*  ALEX VAN DER VEGT                                 */

/* ################################################## */



/* ### GENERAL ### */

* { margin: 0px; padding: 0px; }

html, body { font-family: Verdana; font-size: 12px; color: #000; }

input, select, textarea { font-family: Verdana; font-size: 12px; color: #000; }

body { height: 100%; background: url('../images/bodyBg.png') #e2ddcd repeat-x; }

img { border: 0px; }

#purp_med {

	/* background:url(images/purp_med.png) no-repeat left top;  */

	width:100px;

	height:80px;

	margin-left:6px;

	font-size:22px;

	font-weight:bold;

	font-style: italic;

	color: #F90;

	text-shadow: #000 -2px 2px 2px;

	padding-top:10px;

	text-align:center;

}

/* ### GLOBAL CLASSES ### */

.clear { clear: both; }



/* ### WRAPPER ### */

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



/* ### MAIN CONTAINER ### */

#mainCntr { margin: 0 auto; padding-bottom: 90px; width: 900px; }



	/* ### HEADER CONTAINER ### */

	#headerCntr { position: relative; width: 900px; height: 198px; }

	#headerCntr h1 { position: absolute; top: 0px; left: 0px; width: 448px; height: 136px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }

	

		/* ### MENU CONTAINER ### */

		#menuCntr { position: absolute; bottom: 0px; left: 0px; width: 900px; height: 61px; }

		#menuCntr ul { padding-top: 15px; overflow: hidden; width: 900px; list-style: none; }

		#menuCntr li { float: left; display: inline; }

		#menuCntr li a { display: block; float: left; height: 31px; line-height: 31px; text-transform: uppercase; font-size: 14px; text-decoration: none; color: #000; }

		#menuCntr li a span { display: block; float: left; height: 31px; cursor: pointer; }

		#menuCntr li a span span { padding: 0px 20px 0px 20px; }

		#menuCntr li a:hover, #menuCntr li.selected a, #menuCntr li.aanmelden a { color: #fff; background: url('../images/menuHBg.gif') repeat-x; }

		#menuCntr li a:hover span, #menuCntr li.selected a span, #menuCntr li.aanmelden a span { background: url('../images/menuHL.gif') no-repeat left; }

		#menuCntr li a:hover span span, #menuCntr li.selected a span span, #menuCntr li.aanmelden a span span { background: url('../images/menuHR.gif') no-repeat right; }

		

	/* ### CONTENT CONTAINER ### */

	#contentCntr { padding: 14px; overflow: hidden; width: 872px; background: #1a1a1a; }

	#contentCntr h2 { margin-bottom: 20px; height: 39px; line-height: 39px; font-size: 13px; font-weight: normal; color: #fff; background: url('../images/contentH2.gif') repeat-x; }

	#contentCntr h2 span { display: block; height: 39px; background: url('../images/contentH2L.gif') no-repeat left; }

	#contentCntr h2 span span { padding: 0px 20px 0px 20px; background: url('../images/contentH2R.gif') no-repeat right; }

	

		/* ### LEFT CONTAINER ### */

		#leftCntr { padding-bottom: 70px; float: left; width: 289px; }

		

			/* ### LOGIN BOX ### */

			.loginBox { margin-bottom: 5px; padding: 110px 20px 20px 20px; position: relative; width: 249px; height: 87px; background: url('../images/loginBg.gif') no-repeat; }

			.loginBox fieldset { overflow: hidden; width: 249px; border: 0px; }

			.loginBox label { margin: 0px 10px 8px 0px; display: block; float: left; width: 100px; height: 24px; line-height: 24px; }

			.loginBox input.field { margin-bottom: 8px; padding: 4px 5px 0px 5px; display: block; float: right; width: 116px; height: 20px; color: #bbb6a9; border: 0px; background: #171718; }

			.loginBox input.submit { float: right; }

			.loginBox a { color: #333333; font-size: 11px; text-decoration: none; } 

			.opvragen a:hover { text-decoration: none; }

			.opvragen a:hover { text-decoration: none; }

			

			/* ### ZOEK BOX ### */

			.zoekBox { padding: 90px 20px 20px 20px; width: 249px; height: 155px; background: url('../images/zoekBg.gif') no-repeat; }
			.bezbox { padding: 70px 20px 20px 20px; width: 249px; height: 155px; background: url('../images/bezBg.gif') no-repeat; }

			.zoekBoxx { padding: 90px 20px 20px 20px; width: 249px; height: 40px; background: url('../images/zoekBgg.gif') no-repeat; }

			.zoekBox fieldset { overflow: hidden; width: 249px; border: 0px; }

			.zoekBox label { margin: 0px 10px 8px 0px; display: block; float: left; width: 80px; height: 24px; line-height: 24px; }

			.zoekBox label.label { margin-left: 10px; width: 20px; }

			.zoekBox select { margin-bottom: 8px; padding: 1px; display: block; float: left; height: 24px; color: #bbb6a9; border: 0px; background: #171718; }

			.zoekBox select.large { width: 140px; }

			.zoekBox select.middel { width: 80px; }

			.zoekBox select.small { width: 50px; }

			.zoekBox input.submit { float: right; }

			

			.addbox { padding: 90px 20px 20px 20px; width: 249px; height: 155px; background: url('../images/addbox.png') no-repeat; }

			.addbox fieldset { overflow: hidden; width: 249px; border: 0px; }

			.addbox label { margin: 0px 10px 8px 0px; display: block; float: left; width: 80px; height: 24px; line-height: 24px; }

			.addbox label.label { margin-left: 10px; width: 20px; }

			.addbox select { margin-bottom: 8px; padding: 1px; display: block; float: left; height: 24px; color: #bbb6a9; border: 0px; background: #171718; }

			.addbox select.large { width: 140px; }

			.addbox select.middel { width: 80px; }

			.addbox select.small { width: 50px; }

			.addbox input.submit { float: right; }

		

		/* ### RIGHT CONTAINER ### */

		#rightCntr { float: right; position: relative; z-index: 999; overflow: hidden; width: 569px; }

		

			/* ### WELKOM BOX ### */

			.welkomBox { margin-bottom: 14px; width: 569px; background: url('../images/rightBg.gif') repeat-y; }

			.welkomBox div.top { background: url('../images/rightTop.gif') no-repeat top; }

			.welkomBox div.bottom { padding: 0px 20px 20px 20px; background: url('../images/rightBottom.gif') no-repeat bottom; }

			.welkomBox h2 { width: 250px; }

			.welkomBox h1 { padding-bottom: 11px; font-size: 12px; }

			.welkomBox p { padding-bottom: 11px; }

			.welkomBox ul.list { padding: 0px 0px 11px 20px; list-style: none; }

			.welkomBox ul.buttons { padding-left: 20px; overflow: hidden; width: 400px; list-style: none; }

			.welkomBox ul.buttons li { margin-right: 5px; float: left; display: inline; }

			.welkomBox ul.buttons li a { display: block; float: left; height: 20px; line-height: 20px; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #000; background: url('../images/buttonBg.gif') repeat-x; }

			.welkomBox ul.buttons li a:hover { text-decoration: underline; }

			.welkomBox ul.buttons li a span { display: block; float: left; height: 20px; cursor: pointer; background: url('../images/buttonL.gif') no-repeat left; }

			.welkomBox ul.buttons li a span span { padding: 0px 10px 0px 10px; background: url('../images/buttonR.gif') no-repeat right; }

			.welkomBox a { color: #000000; text-decoration: underline; }

			.welkomBox a:hover { text-decoration: none; }

			

			/* ### FILM BOX ### */

			.filmBox { margin-bottom: 14px; position: relative; width: 569px; background: url('../images/rightBg.gif') repeat-y; }

			.filmBox div.top { background: url('../images/rightTop.gif') no-repeat top; }

			.filmBox div.bottom { padding: 0px 20px 20px 20px; background: url('../images/rightBottom.gif') no-repeat bottom; }

			.filmBox h2 { width: 100px; }

			.filmBox ul { overflow: hidden; width: 529px; list-style: none; }

			.filmBox li { margin-right: 10px; float: left; display: inline; line-height: 22px; }

			.filmBox li.last { margin-right: 0px; }

			.filmBox li a { text-decoration: none; font-size: 11px; color: #000; }

			.filmBox li a:hover { text-decoration: underline; }

			.filmBox a.button { display: block; position: absolute; top: 20px; right: 20px; width: 110px; height: 20px; line-height: 20px; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #000; background: url('../images/buttonBg.gif') repeat-x; }

			.filmBox a.button:hover { text-decoration: underline; }

			.filmBox a.button span { display: block; height: 20px; cursor: pointer; background: url('../images/buttonL.gif') no-repeat left; }

			.filmBox a.button span span { padding: 0px 10px 0px 10px; background: url('../images/buttonR.gif') no-repeat right; }

			

			/* ### ONLINE BOX ### */

			.onlineBox { margin-bottom: 14px; float: left; width: 278px; background: url('../images/smallBg.gif') repeat-y; }

			.onlineBox div.top { background: url('../images/smallTop.gif') no-repeat top; }

			.onlineBox div.bottom { padding: 0px 20px 20px 20px; background: url('../images/smallBottom.gif') no-repeat bottom; }

			.onlineBox h2 { width: 160px; }

			.onlineBox ul { overflow: hidden; width: 238px; list-style: none; }

			.onlineBox li { margin-right: 15px; float: left; display: inline; line-height: 22px; }

			.onlineBox li.last { margin-right: 0px; }

			.onlineBox td a { text-decoration: underline; font-size: 11px; color: #000; }

			.onlineBox td a:hover { text-decoration: none; }

			

			/* ### NIEUW BOX ### */

			.nieuwBox { margin-bottom: 14px; float: right; width: 278px; background: url('../images/smallBg.gif') repeat-y; }

			.nieuwBox div.top { background: url('../images/smallTop.gif') no-repeat top; }

			.nieuwBox div.bottom { padding: 0px 20px 20px 20px; background: url('../images/smallBottom.gif') no-repeat bottom; }

			.nieuwBox h2 { width: 140px; }

			.nieuwBox ul { overflow: hidden; width: 238px; list-style: none; }

			.nieuwBox li { margin-right: 15px; float: left; display: inline; line-height: 22px; }

			.nieuwBox li.last { margin-right: 0px; }

			.nieuwBox td a { text-decoration: underline; font-size: 11px; color: #000; }

			.nieuwBox td a:hover { text-decoration: none; }



/* ### FOOTER CONTAINER ### */

#footerCntr { margin-left: -450px; position: absolute; bottom: 0px; left: 50%; width: 900px; height: 160px; background: url('../images/footerBg.gif') #1a1a1a no-repeat top; }

#footerCntr p { position: absolute; top: 10px; left: 30px; font-size: 10px; color: #5f5c53; }

#footerCntr ul.ql { position: absolute; bottom: 30px; left: 30px; overflow: hidden; width: 500px; list-style: none; }

#footerCntr ul.ql li { margin-right: 30px; float: left; display: inline; }

#footerCntr ul.ql li a { text-decoration: none; font-size: 10px; color: #5f5c53; }

#footerCntr ul.ql li a:hover { text-decoration: underline; }

#footerCntr ul.menu { position: absolute; top: 80px; left: 30px; overflow: hidden; width: 800px; list-style: none; }

#footerCntr ul.menu li { margin-right: 5px; float: left; display: inline; }

#footerCntr ul.menu li a { display: block; float: left; height: 23px; line-height: 23px; text-transform: uppercase; text-decoration: none; color: #bbb6a9; }

#footerCntr ul.menu li a span { padding: 0px 10px 0px 10px; display: block; float: left; height: 23px; }

#footerCntr ul.menu li a:hover { color: #fff; background: url('../images/footerL.gif') #090909 no-repeat left; }

#footerCntr ul.menu li a:hover span { background: url('../images/footerR.gif') no-repeat right; }