/*  Reset */
html, body, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }	
img { border: 0; }
	
	/*  Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: url('../images/bg_body.png') repeat-x; font-family: arial; font-size: 12px; line-height: 20px; } 
div#container { width: 900px; padding: 50px 0 0 0; margin: auto; overflow: visible; }
div.clearer { clear: both; }

	/*  Branding */ 
div#logo { float: left; overflow: visible;  width: 272px; height: 221px; background: url('../images/logo_cspm.png') no-repeat left top; }	
div#branding { float: left; overflow: visible; padding: 0 0 0 0px; width: 288px; height: 120px; }
div#branding span.contact { display: block; padding: 5px 5px 0px 70px; font-family: "Arial", "Trebuchet MS"; font-size: 14px; }
div#branding ul li { list-style-type: none; }
		
	/*  Header */
div#header_home { float: right; width: 525px; height: 250px; text-align: center; background: url('../images/bg_header.png') no-repeat center center; }
div#header_office { float: right; width: 525px; height: 250px; text-align: center; background: url('../images/bg_office.png') no-repeat center center; }
div#header_project { float: right; width: 525px; height: 250px; text-align: center; background: url('../images/bg_project.png') no-repeat center center; }
div#header_contact { float: right; width: 525px; height: 250px; text-align: center; background: url('../images/bg_contact.png') no-repeat center center; }

div#header img { margin-top: 12px; }

	/*  Navigation */
#navigation { float: left; display: block; clear: both; overflow: visible; width: 245px; padding-left: 20px; margin: 18px 0 10px 0; font-family: arial; font-size: 14px; font-weight: bold; }
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { width: 240px; float: left; white-space: nowrap; padding: 10px 10px; margin: 0; clear: both; }
#navigation ul li a { white-space: nowrap; padding: 10px; color: black; text-decoration: none; border-bottom: 1px #a2a2a2 dashed; font-size: 14px; text-transform: uppercase; }
#navigation ul li.selected { list-style-image: url("../images/menu_pijl.png"); color: red; }

	/*  Subnavigation */
#navigation ul ul { display: none; }

	/*  Hyperlinks */
a { color: #2374d7; }
a:hover { color: #036797; text-decoration: none; }

	/*  Content */
div#content { float: right; width: 506px; padding: 15px; } 
h1, .h1 { padding-bottom: 3px; margin-top: 10px; color: #57444e; font-family: Arial; font-size: 30px; line-height: 26px; }
h2, .h2 { padding: 2px; margin-top: 10px; color: #000000; font-family: Arial; font-size: 19px; line-height: 18px; }
h3, .h3 { padding: 1px; margin-top: 10px; color: #000000; font-family: Arial; font-size: 12px; line-height: 14px; }
p { padding: 3px; text-align: justify; }

	/*  Footer */
div#footer { clear: both; overflow: visible; width: 900px; height: 23px; line-height: 23px; padding: 20px 11px 0 0; font-size: 12px; }
div#footer div#copyright { float:left;}
div#footer div#extra { float:right;  }
div#footer div#extra ul { padding: 0; margin: 0; float: right; list-style: none; }
div#footer div#extra ul li { padding: 0; margin: 0; float: left; }
div#footer div#extra ul li a { display: block; height: 33px; line-height: 33px; padding-left: 10px; text-decoration: none; }
div#footer div#extra ul li a:hover { text-decoration: underline; }
div#footer div#extra ul li.active a { text-decoration: underline; }

	/*  Maps */
div#map { width: 520px;	height: 400px; }