@charset "UTF-8";
/* CSS Document */

/* Typografie */
/* -Algemeen */
	body { background-color: black; margin: 0; }
	p, a, span, h1, h2, h3, b, strong, div, td, input, textarea { font-family: arial, verdana, sans-serif; }
	p { line-height: 18px; }
	h1 { color:#aaacac; font-size: 20px; font-weight: normal; letter-spacing: 1px; }
	h3 { font-size: 30px; letter-spacing: 1px; font-weight: normal; margin-bottom: 15px; }
	h6 { font-weight: bold; font-size: 12px; margin: 10px 0 0 0; }
	a img { border: 0; }
	div.container { width: 950px; margin: 0 auto; overflow: hidden; }
/* -Header */
	div.header_div { height: 115px; background-image: url(../img/header_background.jpg); background-repeat: repeat-x; background-position: top; }
	div.header_div div.container { height: 115px; }
	div.header_div div.container img { float: left; margin: 30px 0 0 220px; }
/* -----Main menu */
		div.header_div div.container ul.main_menu { float: right; list-style-type:none; margin: 30px 0; }
		div.header_div div.container ul.main_menu li { float: left; }
		div.header_div div.container ul.main_menu li a { background-repeat: no-repeat; overflow: hidden; display: block; text-indent: -400px; margin-left: 10px; height: 24px; }
		a.home { width: 94px; background-image: url(../img/menu/home.gif); }
		a.home_active { background-image: url(../img/menu/home_active.gif); width: 94px; }
		a.referenties { width: 112px; background-image: url(../img/menu/referenties.gif); }
		a.referenties_active { background-image: url(../img/menu/referenties_active.gif); width: 112px; }
		a.contact { width: 54px; background-image: url(../img/menu/contact.gif); }
		a.contact_active { background-image: url(../img/menu/contact_active.gif); width: 54px; }
/* -Submenu */
	div.submenu_div { height: 30px; background-image: url(../img/submenu_background.jpg); background-repeat: repeat-y; background-position: top; border-bottom: 1px solid #272727; text-align: center; }
	div.submenu_div div.container a { text-decoration: none; color: #737373; font-size: 12px; line-height: 30px; margin: 0 10px; cursor: pointer; }
	div.submenu_div div.container a.jFlowControl.jFlowSelected { color: white; }
	div.submenu_div div.container a:hover, div.submenu_div div.container a.active { color: #fff; }
/* -Body */
	div.body_div { height: 472px; background-image: url(../img/body_background_bottom.jpg); background-repeat: repeat-x; background-position: bottom; }
	div.body_div { color: #aaacac; font-size: 12px;}
	div.body_div_block { width: 174px; padding-right: 20px; float: left; background-image: url(../img/footer_block_separator_background.jpg); background-repeat: no-repeat; background-position: 184px 10px; color: #fff; font-size: 12px; color: #e6e6e6; }
	div.body_div_block.last { width: 174px; padding: 0; background-image: none; }
	div.home_body { height: 472px; background-image: url(../img/body_background_top.gif); background-repeat: repeat-x; background-position: top; }
	div.home_body div.container { padding-top: 30px;}
	div.home_banner { width: 475px; float: left; }
	div.body_services { width: 950px; clear: both; }
	div.home_advertisements { float: right; width: 352px; overflow: hidden; }
	div.home_advertisements div.advertisement { height: 90px; margin-bottom: 20px; background-image: url(../img/home_advertisment.gif); background-repeat: no-repeat; }
	div.home_advertisements div.advertisement div.icon { width: 60px; height: 60px; float: left; margin-left: 15px; margin-top: 15px; }
	div.home_advertisements div.advertisement div.text { width: 247px; float: left; margin-left: 15px; margin-top: 15px; color: #e6e6e6; font-size: 12px; line-height: 19px; letter-spacing: 1px; text-transform:uppercase; }
	div.home_advertisements div.advertisement div.text a { text-transform: none; color: #e6e6e6; letter-spacing: 0; line-height: 22px; }
/* -----Contact form */
		div.form { width: 390px; float: right; padding-top: 30px; }
		div.form_label, div.form_input { padding-bottom: 10px; }
		div.form_label { clear: left; width: 150px; color: #e6e6e6; float: left; font-size: 12px; line-height: 25px; }
		div.form_input { width: 230px; float: left; clear: right; font-size: 12px; color: #e6e6e6; }
		div.form_submit { clear: both; width: 380px; text-align: right; }
		div.form_input input, div.form_input textarea { padding: 4px; background-color: #121212; border: 1px solid #272727; color: #e6e6e6; width: 100%; vertical-align: middle; }
		input.field_checkbox { border: 0; padding: 0;	 }

/* -----Referenties */
		div.body_div div.project_info { text-align: right; width: 315px; margin: 210px 0 0 120px; float: left; }
		div.body_div div.project_image { text-align: right; width: 456px; float: right; margin-right: 40px; }
		div.view_project { width: 189px; height: 39px; position: absolute; right: 40px; bottom: 50px; }
/* -Footer */
	div.footer_div { height: 150px; border-top: 1px solid #4e4e4e; background-image: url(../img/footer_background.jpg); background-repeat: repeat-x; background-position: top; color: #979797; font-size: 12px; }
	div.footer_div_block { width: 194px; padding-right: 0px; float: left; background-image: url(../img/footer_block_separator_background.jpg); background-repeat: no-repeat; background-position: 184px 10px; }
	div.footer_div div.footer_div_block.last { width: 174px; padding: 0; background-image: none; }
	div.footer_div a { color: #717171; text-decoration: none; }
	div.footer_div a:hover { text-decoration: underline; }
	div.footer_div ul { padding-left: 20px; list-style-image:url(../img/footer_ul_arrow.gif) }
	div.footer_div ul li { margin-top: 7px; margin-bottom: 7px; }