html, body {
	min-height: 100%;
	_height: 100%;
	background-color: #000000;	
}

div#container{
	background: #000 url(../images/backgrounds/freelance.jpg) no-repeat center top;
	margin: 0 auto;
	width: 1000px;
	padding-top: 35px;
	position: relative;
	min-height:575px;
	_height: 575px;
}
div#container.why{
	background: #000 url(../images/backgrounds/why.jpg) no-repeat center top;
}
div#container.what{
	background: #000 url(../images/backgrounds/what.jpg) no-repeat center top;
}
div#container.how{
	background: #000 url(../images/backgrounds/how.jpg) no-repeat center top;
}
div#container.when{
	background: #000 url(../images/backgrounds/when.jpg) no-repeat center top;
}
div#container.hklife{
	background: #000 url(../images/backgrounds/hklife.jpg) no-repeat center top;
}
div#container.home{
	background: #000 url(../images/backgrounds/freelance.jpg) no-repeat center top;
}
div#container.case{
	background: #000000;
}
div#bar{
	background: #980204 url(../images/bg_bar.gif) repeat-x;
	min-height: 51px;
	margin: 0 0 18px;
	position: relative;
	z-index: 5;
}
	div#bar h1 a{
		background: url(../images/logo.gif) no-repeat;
		width: 145px;
		height: 39px;
		text-indent: -1000em;
		float: left;
		margin-right: 20px;
	}
div#shadow{
	width: 707px;
	margin-left: 158px;
	overflow: hidden;
	position: relative;
	z-index: 100;
}
	div#shadow_right{
		float: right;
		width: 7px;
		height: 8px;
		padding-bottom: 1000px;
		margin-bottom: -1000px;
		background: url(../images/bg_shadow_right.png) no-repeat;
	}
	div#shadow_bottom{
		width: 810px;
		height: 8px;
		background: url(../images/bg_shadow_bottom.png) no-repeat;
		margin-left: 177px;
		margin-bottom: 32px;
	}
	div#columns{
		padding: 7px 0 0 0;
		padding-bottom: 1000px;
		margin-bottom: -1000px;
		background: #f0f0f0;
		width: 707px;
		float: left;
	}
		div#mainColumn{
			width: 485px;
			padding: 0 20px 20px;
			float: left;
			
		}
		div#secondaryColumn{
			width: 149px;
			float: right;
			margin-right: 30px;
			display: inline;
		}
/* */
	
/* Text styles - Main column */
	div#mainColumn h2{
		color: #066;
		font-size: 2.636em;
		font-weight: 400;
		margin-bottom: .5em;
	}
	div#mainColumn h3{
		color: #066;
		font-size: 2em;
		font-weight: 400;
		margin-bottom: .5em;
		margin-top: 1em;
	}
		div#mainColumn ul.publications h3{
			color: #066;
			font-size: 1.6em;
			font-weight: 400;
			margin-bottom: .5em;
			margin-top: 1em;
		}
	div#mainColumn h4{}
	div#mainColumn h5{}
	div#mainColumn h6{}
	div#mainColumn table,
	div#mainColumn ul,
	div#mainColumn ol,
	div#mainColumn p{
		color: #333;
		font-size: 1.2em;
		margin-bottom: 1em;
		line-height: 150%;
	}
	div#mainColumn ul{
		list-style: none;	
	}
		div#mainColumn ul li{
			background: url(../images/list_bullet.gif) no-repeat 0 .5em;
			padding-left: 13px;
			margin-bottom: 5px;
		}
	div#mainColumn ul.imagelist,
	div#mainColumn ul.publications{
		list-style-position: outside;
		margin-left: 0;
	}
		div#mainColumn ul.imagelist li,
		div#mainColumn ul.publications li{
			background: 0;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #ccc;
			overflow: hidden;
		}
			div#mainColumn ul.imagelist li p,
			div#mainColumn ul.publications li p{
				font-size: 1em;
			}
				div#mainColumn ul.publications li ul{
					margin: 0 0 10px 7px;
					overflow: hidden;
					float: left;
					color: #066;
					width: 183px;
				}
				div#mainColumn ul.publications li li{
					border: 0;
				}
					div#mainColumn ul.publications li li a{
						background: url(../images/publication_bullet.gif) no-repeat left .5em;
						padding-left: 10px;
					}
	div#mainColumn div.publicationContent{
		width: 279px;
		float: left;
		border-right: 1px solid #ccc;
		padding-right: 10px;
	}
	div#mainColumn ul.imagelist{
		margin-top: 20px;
		float:left;
	}
	div#mainColumn ul.imagelist h3{
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1em;
	}
	div#mainColumn ul.imagelist img{
		float:left;
		margin:3px 5px 5px 0;
	}
	div#mainColumn ul.imagelist li{
		margin-bottom: 20px;
		margin-right:20px;
		width:222px;
	}
	div#mainColumn ul.imagelist .left{
		margin-right: 10px;
	}
	div#mainColumn ul.imagelist div.field-item{
		float: left;
		margin-right: 10px;
	}
		div#mainColumn ul.imagelist ul.moreBar{
			margin-bottom: 10px;
			margin-left: 0;
		}
		div#mainColumn ul.imagelist ul.moreBar li{
			border: 0;
			margin: 0;
		}
	div#mainColumn ul.imagelist a.iconRead,
	div#mainColumn ul.publications a.iconRead{
		background: url(../images/icons/doc.gif) no-repeat;
		display: block;
		padding: 5px;
		padding-left: 30px;
	}
	div#mainColumn ul.imagelist a.iconPdf,
	div#mainColumn ul.publications a.iconPdf{
		background: url(../images/icons/pdf.gif) no-repeat;
		display: block;
		padding: 5px;
		padding-left: 30px;
	}
	div#mainColumn p.intro{
		color: #066;
		font-size: 1.4em;
	}
	div#mainColumn div#heading{
		overflow: hidden;
	}
		div#heading img{
			margin-bottom: 15px;
		}
	div#mainColumn ul,
	div#mainColumn ol{
		margin-left: 2em;
	}
		div#mainColumn ul ul,
		div#mainColumn ul ol,
		div#mainColumn ol ul,
		div#mainColumn ol ol{
			font-size: 1em;
			margin: 0 0 0 2em;
		}
		div#mainColumn ol ol{
			list-style-type: lower-roman;
		}
	div#mainColumn table{
		margin: 0 auto 1em;
		width: 90%;
		background: #fff;
	}
		div#mainColumn table th{
			text-align: left;
			color: #066;
			border-bottom: 1px solid #f0f0f0;
		}
	div.cta{
		width: 210px;
		float: right;
		margin: 0 0 10px 10px;
			background: url(../images/cta/bg_body.jpg) repeat-y;
	}
		div.cta div{
		background: url(../images/cta/bg_bottom.jpg) no-repeat left bottom;
		}
		div.cta div a{
			font-size: 1.5em;
			font-weight: 700;
			color: #9C0204 !important;
		}
		div.brief a{
			display: block;
			background: url(../images/cta/send_brief.jpg) no-repeat;
			padding: 25px 10px 15px 70px;
			letter-spacing: -1px;
		}

/* Text styles - Secondary column */
	div#secondaryColumn h2{
		color: #9C0204;
		font-size: 1.7em;
		font-weight: 400;
		margin-bottom: 1em;
	}
	div#secondaryColumn h3{}
	div#secondaryColumn h4{}
	div#secondaryColumn h5{}
	div#secondaryColumn h6{}

/* List styles - Main column */	
/* List styles - Secondary column */
	div#secondaryColumn ul{
		list-style: none;
		background: #ccc url(../images/bg_list_top_grey.gif) no-repeat;
		padding-top: 5px;
		margin-bottom: 2em;
	}
			div#secondaryColumn ul li a{
				color: #333;
				text-decoration: none;
				font-size: 1.2em;
				display: block;
				padding: 0 8px;
			}
			div#secondaryColumn ul li a:hover,
			div#secondaryColumn ul li a:focus{
				color: #066;
				text-decoration: underline;
			}
		div#secondaryColumn ul li.also a{
			color: #066;
		}
		div#secondaryColumn ul li.last{
			background: url(../images/bg_list_bottom_grey.gif) no-repeat left bottom;
			padding-bottom: 5px;
		}
	div#secondaryColumn ul.related{
		list-style: none;
		background: #fff url(../images/bg_list_top.gif) no-repeat;
		padding-top: 5px;
		margin-bottom: 2em;
	}
		div#secondaryColumn ul.related li{}
		div#secondaryColumn ul.related li.last{
			background: url(../images/bg_list_bottom.gif) no-repeat left bottom;
			padding-bottom: 10px;
		}
			div#secondaryColumn ul.related li a{
				color: #333;
				text-decoration: none;
				font-size: 1.2em;
				display: block;
				padding: 5px 8px 5px 35px;
				background: url(../images/icons/default.gif) no-repeat 15px 1em;
			}
			div#secondaryColumn ul.related li.doc a{
				background: url(../images/icons/doc.gif) no-repeat 7px center;
			}
			div#secondaryColumn ul.related li.email a{
				background: url(../images/icons/email.gif) no-repeat 7px center;
			}
			div#secondaryColumn ul.related li.tel a{
				background: url(../images/icons/tel.gif) no-repeat 12px center;
			}
			div#secondaryColumn ul.related li.info a{
				background: url(../images/icons/info.gif) no-repeat 10px center;
			}
			div#secondaryColumn ul.related li a:hover,
			div#secondaryColumn ul.related li a:focus{
				color: #066;
				text-decoration: underline;
			}

/* Form styles */
form#search{
	float: right;
	display: inline;
	margin: 15px 136px 0 0;
	width: 160px;
}
	form#search fieldset{
		text-align: right;
	}
	form#search input.text{
		border: 1px solid #fff;
		background: #CD6767;
		color: #fff;
		width: 116px;
		font-size: 1.23em;
		font-family: 'trebuchet ms', sans-serif;
		margin-right: 7px;
		padding: 0 3px;
	}
	form#search input.submit{
		background: url(../images/form_search_submit.gif) no-repeat;
		width: 25px;
		height: 21px;
		border: 0;
		color: #fff;
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.054em;
		font-weight: 700;
		cursor: pointer;
	}
	form#search input.submithover{
		background: url(../images/form_search_submit_b.gif) no-repeat;
		width: 25px;
		height: 21px;
		border: 0;
		color: #fff;
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.054em;
		font-weight: 700;
		cursor: pointer;
	}
	div#mainColumn form fieldset legend{
		display: none;
	}
	div#mainColumn div.form-item{
		clear: left;
		margin-bottom: 2em;
		overflow: hidden;
	}
		div#mainColumn div.form-item div.form-item{
			margin-bottom: 0;
		}
	div#mainColumn div.form-item div{
		float: left;
	}
	div#mainColumn form label{
		width: 141px;
		font-size: 1.4em;
		display: block;
		float: left;
		color: #666;
	}
		div#mainColumn form p em,
		div#mainColumn form label em{
			color: #900;
		}
		div#mainColumn form div.form-item div.form-item label{
			float: none;
			display: inline;
			font-size: 1.2em;
		}
	div#mainColumn form input.form-text,
	div#mainColumn form input.form-file,
	div#mainColumn form select{
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.2em;
		font-weight: 400;
		width: 281px;
		border: 1px solid #848484;
		border-width: 2px 1px 1px 2px;
		border-color: #848484 #cccccc #cccccc #848484;
	}
	div#mainColumn form input.form-file{
		width: auto;
	}
	div#mainColumn form select{
		padding: 2px;
	}
	div#mainColumn form textarea{
		color: #000;
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.2em;
		font-weight: 400;
		width: 281px;
		border: 1px solid #848484;
		border-width: 2px 1px 1px 2px;
		border-color: #848484 #cccccc #cccccc #848484;
	}
	div#mainColumn form input.form-submit{
		background: url(../images/form_submit.gif) no-repeat;
		width: 80px;
		height: 23px;
		border: 0;
		color: #fff;
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		cursor: pointer;
	}
	div#mainColumn form input.form-submithover{
		background: url(../images/form_submit_b.gif) no-repeat;
		width: 80px;
		height: 23px;
		border: 0;
		color: #fff;
		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		cursor: pointer;
	}

.left{
	float: left;
}
.right{
	float: right;
}


/* Alumni */

a.smoelLink {
	color: #c91a1b;
	font-weight: bold;
	font-size:12px;
}

span.smoelSpan {
	font-size:12px;
}

.smoel {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 12px;
}
.smoel_foto {
	width: 160px;
	float: left;
}
.smoel_foto img {
	max-width: 150px;
	_width: 150px;
}
.clear {
	clear: both;
}

/* Formulieren */
form {
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}
form div {
	margin-bottom: 2px;
}

label {
	float: left;
	width: 180px;
	vertical-align: top;
}
div.error label {
	color: red!important;
}

.veld {
	margin-bottom: 2px;
	border: solid 1px #dcd2c8;
	padding: 3px;
	color: #786e64;
	font-size: 12px;
	font-family: Arial;
	width: 200px;
}
select {
	color: #786e64;
	font-size: 12px;
	font-family: Arial;
	border: solid 1px #dcd2c8;
}

#transactionsItem {
	width: 146px;
	min-height: 140px;
	_height: 140px;
	float: left;
}

#transactionsItem img {
	width: 140px;
	min-height: 109px;
	border: 1px solid #000000;
}