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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #3d3d3d; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #aaa; }
body { background: url('../images/bodyBg.png') #d9d9d9 repeat-x; padding-top: 138px; }
img { border: 0px; display: block; }

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

h1.menu { display: none }
/* ### MAIN CONTAINER ### */
#mainCntr { position: relative; margin: 0 auto; width: 1000px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { z-index: 1; position: absolute; top: -138px; width: 1000px; height: 138px; background: url('../images/headerBg.png') no-repeat; }
	#logo { width: 500px; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 102px; left: 0px; width: 1000px; }
		#menuCntr ul { overflow: hidden; width: 1000px; list-style: none; }
		#menuCntr li { padding-right: 16px; float: left; display: inline; }
		#menuCntr li.last { padding-right: 0px; }
		#menuCntr li a { display: block; float: left; height: 30px; padding: 0 5px 0 5px; line-height: 30px; background: no-repeat center top; font-size: 14px; font-weight: bold;}
		#menuCntr li a { color: #000; text-decoration: none; }
		#menuCntr li a:hover, #menuCntr li.selected a { background-position: center bottom; }      
		#menuCntr li a:hover, #menuCntr li.selected a { background: #d72323; color: #fff; } 
		
		/* ### ZOEK CONTAINER ### */

		#zoek { position: absolute; z-index: 2; top: -112px; right: 0px; width: 509px; overflow: hidden; width: 509px; border: 0px; }
		#zoek input.field { padding: 14px 10px 0px 10px; float: left; width: 392px; height: 27px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		#zoek input.submit { float: right; background: url(../images/zoek.gif) no-repeat; height: 41px; border: none; width: 97px; text-indent: -1000em; cursor: pointer  }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { position: relative; padding: 5px; overflow: hidden; width: 990px; background: #fff; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 506px; }
		
			/* ### ARTIKEL BOX ### */
			.artikelBox { width: 468px; }
			.artikelBox h2 { margin-bottom: 15px; height: 40px; line-height: 40px; font-size: 24px; font-weight: normal; border-bottom: 1px solid #d9d9d9; }
			
			.artikelBox div.artikel { position: relative; padding-top: 27px; margin-bottom: 10px; overflow: hidden; width: 468px; height: 143px; background: url('../images/artikelBg.gif') no-repeat; }
			.artikelBox div.green { background-image: url('../images/artikelBg.gif'); }
			.artikelBox div.green h3 { color: #fff; }
			.artikelBox div.blue { background-image: url('http://www.laatstebeursnieuws.nl/static/images/artikelBg.gif'); }
			.artikelBox div.blue h3 { color: #fff; }
			.artikelBox a img { margin-bottom: 10px; }
			.artikelBox span.date { left: 0px; top: 0px; position: absolute; display: block; width: 71px; height: 27px; line-height: 27px; text-indent: 8px; font-size: 10px; color: #fff; }
			.artikelBox h3 { position: absolute; top: 0; left: 71px; display: block; width: 397px; height: 27px; line-height: 27px; font-weight: bold; font-size: 14px; color: #3d3d3d; }
			.artikelBox em { padding-left: 23px; height: 35px; line-height: 35px; font-size: 11px; font-style: normal; color: #686868; background: url('../images/time.gif') no-repeat 8px 2px; }
			.artikelBox em span { color: #d0d0d0; }
			.artikelBox em span.stripe { display: none }
			.artikelBox em a { cursor: pointer; text-decoration: underline; color: #686868; }
			.artikelBox em a:hover { text-decoration: none; }
			.artikelBox div.pic { margin-left: 8px; display: inline; width: 100px; }
			
			.artikelBox ul { margin-left: 30px; }
			.artikelBox div.text img { float: left; }
			/*.artikelBox div.text img { position: absolute; left: 8px; top: 63px; width: 96px; padding: 1px; border: 1px solid #dadbda; background: #fff; }*/
			.artikelBox div.text { margin: 3px 8px 8px 6px; display: block; overflow: hidden; }
			
			.artikelBox p { padding-bottom: 5px; line-height: 20px; }
			.artikelBox div.text a { float: right; font-weight: bold; color: #d72323; }
			.artikelBox div.text a:hover { text-decoration: none; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 468px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 496px; padding-left: 10px; }
			.nieuwsBox h1 { margin-bottom: 15px; height: 40px; line-height: 40px; font-size: 24px; font-weight: normal; border-bottom: 1px solid #d9d9d9; }
			.nieuwsBox h2 { margin-bottom: 10px; padding-left: 15px; font-size: 12px; font-weight: bold; background: url('../images/time.gif') no-repeat left; }
			.nieuwsBox ul { padding-bottom: 15px; list-style: none; }
			.nieuwsBox li { padding: 5px 0px 5px 0px; line-height: 16px; font-size: 11px; color: #aeaeae; background: url('../images/dots.gif') repeat-x bottom; }
			.nieuwsBox li a { cursor: pointer; padding-left: 5px; font-size: 11px; text-decoration: none; font-weight: bold; color: #3d3d3d; background: no-repeat 5px 1px; }
			.nieuwsBox li a.title { font-size: 14px;}
			.nieuwsBox li a.more { color: #d72323; }
	 		.nieuwsBox li a:hover { text-decoration: underline; }
			.nieuwsBox span { padding-left: 35px; font-size: 11px; color: #d0d0d0; }
			#rightCntr div.nieuwsBox span a { padding: 0px; font-size: 11px; font-weight: normal; color: #767676; background: none; }
			
			.nieuwsBox li ul {
			     padding-left: 30px; 
			}
			
			.nieuwsBox li ul li {
			     background: none;
			     height: 12px;
			     
			}
			
			.nieuwsBox li ul li a {
			 color: green;
			 font-size: 11px;
			}
			
			.nieuwsBox li.eu a { background-image: url('../images/eu.gif'); }
			.nieuwsBox li.be a { background-image: url('../images/be.gif'); }
			
            /* ### PAGE BOX ### */
            .pageBox { width: 496px; padding-left: 10px; }
            .pageBox h1 { margin-bottom: 15px; height: 40px; line-height: 40px; font-size: 24px; font-weight: normal; border-bottom: 1px solid #d9d9d9; }
            .pageBox h2 { margin-bottom: 10px; padding-left: 15px; font-size: 12px; font-weight: bold; background: url('../images/time.gif') no-repeat left; }
            .pageBox ul { padding-bottom: 15px; list-style: none; }
            .pageBox li { padding: 5px 0px 5px 0px; line-height: 20px; font-size: 11px; color: #aeaeae; background: url('../images/dots.gif') repeat-x bottom; }
            .pageBox li a { padding-left: 5px; font-size: 11px; text-decoration: none; font-weight: bold; color: #3d3d3d; background: no-repeat 5px 1px; }
            .pageBox li a.title { font-size: 14px;}
            .pageBox li a.more { color: #d72323; }
            .pageBox li a:hover { text-decoration: underline; }
            .pageBox span { padding-left: 35px; font-size: 11px; color: #d0d0d0; }
            .pageBox p { padding-bottom: 15px; }
            #rightCntr div.pageBox span a { padding: 0px; font-size: 11px; font-weight: normal; color: #767676; background: none; }			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: relative; padding: 0px 5px 5px 5px; width: 990px; background: #fff; }
	#footerCntr div.bar { padding: 0px 10px 0px 5px; overflow: hidden; width: 975px; height: 32px; line-height: 32px; font-size: 11px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr div.bar ul { float: left; overflow: hidden; width: 550px; list-style: none; }
	#footerCntr div.bar li { float: left; display: inline; color: #fff; padding-left: 15px; }
	#footerCntr div.bar li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #fff; }
	#footerCntr div.bar li a:hover { text-decoration: underline; }
	
	#footerCntr p.copyright {
	   text-align: right; color: #fff;
	   position: absolute;
	   right: 14px;
	   top: 8px;
	}
	
	#footerCntr p.copyright a { font-weight: bold; color: #fff; }
    #footerCntr p.copyright a:hover { text-decoration: none; }
    
	#footerCntr ul.logo { padding: 10px 0px 5px 5px; overflow: hidden; width: 985px; list-style: none; }
	#footerCntr ul.logo li { padding-right: 31px; float: left; display: inline; }
	#footerCntr ul.logo li a { display: block; float: left; width: 25px; height: 24px; text-indent: -9999px; background: no-repeat center top; }
	#footerCntr ul.logo li a:hover, #footerCntr ul.logo li.selected a { background-position: center bottom; }