/* CREATIONAL */

/* CSS: General Styles */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #AFAFAF; background: #000;
	}

html, body { height: 100%; }

body#home,
body#page,
body#general,
body#section, {
	text-align: center;
	}

a, a:link, a:visited, a:active { color: #FFF; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; }
a:focus, a:active { outline: none; }

img, a img { border: 0; }

ul { padding-left: 2em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { }

h1 { font-size: 1em; padding-bottom: 1em; color: #CFCFCF; text-transform: uppercase; }
h2 { font-size: 1em; padding-bottom: 1em; color: #CFCFCF; }
h3 { font-size: 1em; color: #BFBFBF; }
h4 { font-size: 1em; color: #BFBFBF; }

p { font-size: 1em; padding-bottom: 1em; }

.clear { clear: both; height: 0px; visibility:hidden; }

u { text-decoration: none; }

table td, table th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	}

.footnote {
	font-size: 84%;
	}

/* CONTAINER */

#container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 960px;
	height: 100%;
	}

/* CONTAINER > HEADER */
#header {
	height: 60px;
	}

#home #header,
#general #header {
	height: 120px;
	}

/* topnav */
#topnav {
	padding-top: 22px;
	float: right;
	}
	
#home #topnav,
#general #topnav {
	padding-top: 52px;
	}
	
#topnav ul {
	margin: 0; padding: 0; list-style: none;
	}
#topnav li {
	float: left; margin-left: 16px;
	}

/* CONTAINER > MAIN */
#main {
	position: relative; width: 960px; height: 480px; overflow: hidden;
	}

#home #main { height: 420px; }
#general #main { height: 140px; }
#section #main { height: 380px; }
#section_3 #main { height: 570px; }
#section_4 #main { height: 760px; }
		
/* logo */
#logo_outer {
	padding-right: 20px; padding-bottom: 20px;
	}
#logo {
	width: 120px; height: 120px; overflow: hidden;
	}

/* CONTAINER > MAIN > LEFTNAV */
#leftnav outer {
	padding-right: 20px; padding-bottom: 20px;
	}
#leftnav {
	width: 120px; height: 320px; overflow: hidden;
	background: #586062;
	}
	
#section #leftnav { height: 220px; }
#section_3 #leftnav { height: 410px; }
#section_4 #leftnav { height: 600px; }

#leftnav ul {
	margin: 0; padding: 0; list-style: none;
	}
#leftnav li {
	margin: 0; padding: 0;
	}
* html #leftnav li { margin-bottom: -3px; }

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited {
	display: block; width: 120px;
	}


/* CONTAINER > MAIN > IMAGES */

#images {
	position: absolute; top: 0; left: 140px; width: 840px; height: 480px; overflow: hidden;
	}

#home #images { height: 420px; }
#general #images { height: 140px; }
#section #images { height: 380px; }
#section_3 #images { height: 570px; }
#section_4 #images { height: 760px; }

#images div {
	float: left; margin-right: 20px; margin-bottom: 20px;
	}

#home #images div,
#general #images div {
	margin-right: 17px;
	}

.image_section a {
	display: block; float: left; width: 265px; height: 265px; overflow: hidden;
	background: #586062;
	}
.image_section_170 a {
	display: block; float: left; width: 170px; height: 170px; overflow: hidden;
	background: #586062;
	}

#home #images .image a,
#home #images .image a:link,
#home #images .image a:visited,
#general #images .image a,
#general #images .image a:link,
#general #images .image a:visited {
	display: block; float: left; width: 120px; height: 120px; overflow: hidden;
	background: #586062;
	}

.image_column_home,
.image_column_general {
	margin-right: 0px !important; width: 15px; height: 420px;
	}
	
.image_column_home {
	width: 155px;
	}

.image_column_woningbouw {
	margin-right: 0; width: 250px; height: 460px;
	}

.image_column_1 { margin-right: 0; width: 180px; height: 460px; }
.image_column_2 { margin-right: 0; width: 250px; height: 740px; }

.column_A { float: left; display: inline; width: 400px; }
.column_B { float: left; display: inline; width: 400px; }

/* CONTAINER > CONTENT */
#content {
	padding-bottom: 20px; width: 960px; overflow: hidden;
	}

#home #content,
#general #content {
	padding-top: 30px;
	}
	
#content_column_A {
	float: left; padding-right: 20px; overflow: hidden;
	
	width: 140px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 120px;	
	}
html>body #content_column_A {
	width: 120px;
	}

#home #content_column_A,
#general #content_column_A {
	float: left; padding-right: 20px; overflow: hidden;
	
	width: 155px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 135px;	
	}
html>body #home #content_column_A,
html>body #general #content_column_A {
	width: 135px;
	}

#content_column_A p span {
	display: block;
	}
	
#content_column_B {
	float: left; padding-right: 20px; overflow: hidden;
	text-align: justify; line-height: 1.3em;
	
	width: 360px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 340px;	
	}
html>body #content_column_B {
	width: 340px;
	}	

#home #content_column_B,
#general #content_column_B {
	padding-right: 17px;
	width: 548px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 531px;	
	}
html>body #home #content_column_B,
html>body #general #content_column_B {
	width: 531px;
	}	


#content_column_C {
	padding-left: 500px;
	text-align: justify; line-height: 1.3em;
	}

#home #content_column_C,
#general #content_column_C {
	padding-left: 700px;
	}	
	
#general #content_column_C ul { margin: 0; padding: 0; list-style: none; }
#general #content_column_C li { padding-bottom: 1em; text-transform: uppercase; font-size: 11px; letter-spacing: .2em; }
#general #content_column_C a,
#general #content_column_C a:link,
#general #content_column_C a:visited {
	text-decoration: none;
	color: #FFF;
	}	
#general #content_column_C a:hover {
	color: #AFAFAF;
	}	

#general #content_column_C li.current a,
#general #content_column_C li.current a:link,
#general #content_column_C li.current a:visited {
	color: #AFAFAF;
	}
	
table td, table th { text-align: left; padding-bottom: .7em; padding-right: 10px;vertical-align: top; line-height: 1.2em; }
	
#general #content_column_B table a,
#general #content_column_B table a:link,
#general #content_column_B table a:visited {
	text-decoration: none;
	}	
#general #content_column_B table a:hover {
	text-decoration: underline;
	}
	
/* CONTAINER > FOOTER */
#footer {
	padding-top: 10px; padding-bottom: 20px;
	font-size: 10px;
	color: #666;
	}

#home #footer {
	text-align: right;
	}
#home #footer,
#general #footer {
	letter-spacing: .1em;
	}
	
#footer_column_A {
	float: left; padding-right: 20px; overflow: hidden;
	
	width: 140px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 120px;	
	}
html>body #footer_column_A {
	width: 120px;
	}

#home #footer_column_A,
#general #footer_column_A {
	width: 155px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 135px;	
	}
html>body #home #footer_column_A,
html>body #general #footer_column_A {
	width: 135px;
	}

#footer_column_B {
	float: left; padding-right: 20px; overflow: hidden;
	text-align: right; letter-spacing: .1em;
	
	width: 360px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 340px;	
	}
html>body #footer_column_B {
	width: 340px;
	}	

#footer_column_C {
	padding-left: 500px;
	text-align: justify; line-height: 1.3em;
	}

#home #footer_column_B,
#general #footer_column_B {
	text-align: left; padding-right: 17px;
	
	width: 548px;
 	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 531px;	
	}
html>body #home #footer_column_B,
html>body #general #footer_column_B {
	width: 540px;
	}	

#home #footer_column_C,
#general #footer_column_C {
	padding-left: 700px;
	}

#footer .footer_right {
	float: right;
	}

#footer a,
#footer a:link,
#footer a:visited {
	color: #666; text-decoration: underline;
	}
#footer a:hover {
	color: #999; text-decoration: none;
	}

/* FORMS */

form { margin: 0; margin-top: 2em; padding: 0; color: #000; font-size: 1em; }

fieldset { border: 0px none; margin: 0; padding: 0; padding-bottom: 1.6em; }
* html fieldset { padding-bottom: 1em; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 300px; padding: 2px; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #FAFAFA; color: #000;
	}
fieldset select { width: 306px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding-right: 10px; padding-top: 4px;
	display: block; float: left;
	width: 100px;
	text-align: left;
	}
        
fieldset div.cr label {
	margin-left: 113px;
	text-align: left;
	width: auto;
	float: none;
	}
	
fieldset div span { display: block; margin-left: 108px; padding-top: 4px; }
* html fieldset div span { margin-left: 111px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 87%;
	color: #666; 
	}

fieldset.buttons { padding-top: 2em; clear: both; width: 100%; }
fieldset.buttons label { width: 80px; float: left; }
fieldset.buttons input { 
	width: 110px; font-weight: bold;
	border: 1px solid #CCC; border-right: 1px solid #666; border-bottom: 1px solid #666;
	background: #EAF4F8 url(../img/cl_button.gif) repeat-x; color: #080A40; margin-left: 20px; 
	}
fieldset.buttons input.inactive { 
	border: 1px solid #DDD; border-right: 1px solid #637595; border-bottom: 1px solid #637595;
	background: #DBEDF3 url(../img/cl_button_inactive.gif) repeat-x; 
	}
fieldset.buttons .remark {
	display: inline;
	}

fieldset .error { color: #F00; font-weight: bold; }

fieldset .badinput { color: #F00; }
fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #EEE; color: #000;
	border: 1px solid #F00; border-right: 1px solid #F00; border-bottom: 1px solid #F00;
	}