/*
    Website: BJ Projectmanagement
    URL: http://www.bj-projectmanagement.nl/
    Omschrijving: Website voor BJ projectmanagement te Driebergen.
    Versie: 1.0
    Design door: Jalo Media
    URL: http://www.jalomedia.nl/
*/

body{ margin: 0; padding: 0; background: #FFF url(img/bg.gif) repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #656565; }

.clear{ clear: both; }
a{ color: #3883c8; text-decoration: none; }

#hoofdblok{ width: 1088px; margin: 0;}

#nieuwsblok{width: 210px; height: 100%; margin-top: 145px; float: left; padding: 20px; font-size: 9px}

#standaardblok{ width: 838px; margin: 0; float: right;}

#menu{ margin: 52px 0 0 0; float: left; }

	#menu ul{ list-style: none; margin: 0; padding: 0; }
	#menu ul li{ float: left; }
	#menu ul li a{ display: block; padding: 10px 20px 13px 20px; color: #FFF; text-decoration: none; }
	#menu ul li a#current{ background: url(img/menu_bottom.gif) no-repeat center bottom; }
	#menu ul li a:hover{ background: url(img/menu_bottom.gif) no-repeat center bottom; }
	
#header{ float: right; width: 388px; height: 89px; background: url(img/header.gif) no-repeat; margin: 24px 0 0 0; }

#top_left{ float: left; width: 500px; margin: 20px 0 0 0; line-height: 1.3; }

	#top_left h1{ font: 18px Helvetica; font-weight: normal; margin: 5px 0 10px 0; padding: 0; }
	#top_left h1 a{ color: #2c77bc; text-decoration: none; }

#top_right{ float: right; width: 310px; margin: 25px 0 0 0; text-align: right; background: url(img/seperate.gif) no-repeat left center; }

#laatste_projecten{ width: 838px; height: 190px; background: url(img/laatste_projecten.gif) no-repeat; }
	
	#laatste_projecten a{ display: block; float: left; width: 230px; height: 190px;  }
	#laatste_projecten span{ display: none; }
	#laatste_projecten #laatste_projecten_img{ float: left; margin: 13px 0 0 9px; }
	#laatste_projecten #laatste_projecten_img img{ border: 0; }

#bottom_left{ width: 375px; float: left; padding: 0 0 0 30px; }
	
	#bottom_left h1, #bottom_right h1{ font: 18px Helvetica; font-weight: normal; margin: 5px 0 10px 0; padding: 0; color: #2c77bc; }

	#bottom_left ul{ list-style: url(img/arrow.gif); margin: 0 0 0 20px; padding: 0; }
	#bottom_left ul li{ margin: 6px 0; }
	
	.meer_button{ border: 0; margin: 0 0 0 270px; }
	
#bottom_right{ background: url(img/seperate.gif) no-repeat left center; padding: 0 0 0 20px; margin: 0 0 0 20px; float: left; }
	
	address{ font-style: normal; }
	
	#bottom_right .contact{ background: url(img/contact.gif) no-repeat; width: 383px; height: 128px; }
	
	#bottom_right .address_left{ width: 175px; float: left; padding: 23px 0 0 15px; line-height: 1.6; letter-spacing: -1px; }
	#bottom_right .address_right{ width: 175px; float: left; padding: 23px 0 0 15px; line-height: 1.6; letter-spacing: -1px; }

#footer{ width: 100%; border-top: 1px solid #cdcdcd; background: #fafafa; text-align: center; padding: 10px 0 200px 0; margin: 30px 0 0 0; }


/* SUBPAGE */

#content{ line-height: 1.2; }

	#content h1{ font: 30px Helvetica; color: #2c77bc; margin: 10px 0; padding: 0 0 8px 0; font-weight: normal; border-bottom: 1px solid #e4e4e4; }
	#content .right_img{ margin: 0 0 0 30px; }
	
#grey_box{ background: #e1e1e1 url(img/grey_seperator.gif) no-repeat center; width: 838px; padding: 0 0 15px 0; margin: 0 auto; color: #393939; line-height: 1.6; }

	#grey_box ul{ list-style: square; margin: 0 0 0 10px; padding: 0; }

#grey_box #left{ float: left; width: 380px; padding: 15px 0 0 20px }
#grey_box #right{ float: left; width: 380px; padding: 15px 0 0 40px; }