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;
	font-family: 'trebuchet ms', sans-serif;
}

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#container.prinsjesdag{
	background: #000 url(../images/backgrounds/prinsjesdag.jpg) no-repeat center top;
}

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;
		marg in-bottom: .5em;
		margin-top: 1em;
	}
		div#mainColumn ul.publications h3{
			color: #066;
			font-size: 1.6em;
			font-weight: 400;
			ma rgin-bottom: .5em;
			margin-top: 1em;
		}
	div#mainColumn h4{}
	div#mainColumn h5{}
	div#mainColumn h6{}
	div#mainColumn ul,
	div#mainColumn ol{
		color: #333;
		margin-bottom: 1em;
		line-height: 150%;
		font-size: 1.2em;
	}
	div#mainColumn ul{
		list-style: none;	
	}
		
	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{
		ma rgin-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{
		mar gin: 0 auto 1em;
		wi dth: 90%;
		back ground: #fff;
		text-align: left;
	}
		div#mainColumn table th{
			tex t-align: left;
			col or: #066;
			bor der-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{
		li st-style: none;
		backgr ound: #ccc url(../images/bg_list_top_grey.gif) no-repeat;
		paddi ng-top: 5px;
		mar gin-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: 10px;
		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;
		fon t-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 se lect{
		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{
		p adding: 2px;
	}
	
	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: 'trebuchet ms', sans-serif;
	width: 200px;
}
select {
	color: #786e64;
	font-size: 10px;
	font-family: 'trebuchet ms', sans-serif;
	width: 200px;
}

h3		{ font-weight:normal; font-size:18pt; border-bottom:1px #ccc solid; margin:0 0 18px 0; }

table td{
	vertical-align: middle;
	text-align: left;
}	

table td img{
	padding-left: 5px;	
}

form		{ margin:0; }
textarea	{ 
		width:98%; 
		height:120px; 
		padding:2px 3px 2px 3px; 
		border:1px solid #809db9; 

		font-family: 'trebuchet ms', sans-serif;
		font-size: 1.2em;
}

#bmarks	{ list-style:none; }
#bmarks li	{ display:inline; margin:0 4px; }
#bmarks img	{ border:0; }

#side		{ float: right; width:170px; font-size:8pt; margin-right: 10px; clear: right;}
.box		{ margin:0 0 20px 0; width: 150px; padding:10px; border:1px solid #ddd; background-color:#fafafa; }
.box strong	{ font-size:12pt; }
.box strong a	{ color:#333333; text-decoration:none; }
.box p		{ margin:10px 0 5px 0; }
.box label 	{ width: 150px; };
#login_em,#login_pw { width:150px; padding:2px 3px 2px 3px;  border:1px solid #809db9; }
.inputtext	{ width:300px; padding:2px 3px 2px 3px; border:1px solid #809db9; }
#login_sm	{ font-size:8pt; }
#side	 ul{ list-style: none;}


#main		{ float:left; width:530px; }
p.published	{ margin-top:-15px; font-size:10em; color:#444444; }
.commview	{ margin-bottom:50px; }
#comments	{ background-color:#f8f8f8; border:1px solid #b9b9b9; margin-top:50px; padding:15px 12px 10px 12px; }
.comment	{ border:1px solid #b9b9b9; background-color:#ffffff; margin:19px 0; padding:8px; }
.commentdetails { background:transparent url('comment.gif') no-repeat top left; margin:-20px 0 20px 0; padding:10px 0 8px 0px; font-size:8pt; }

#stickys	{ margin:0 0 20px 0; font-size:13pt; list-style:none; }
#stickys li	{ margin:0 0 5px 0; width:100%; border-bottom:1px #ccc solid; }

.article	{ margin-bottom:0px; }
.article p	{ line-height:1.4em; font-size: 1.2em;}
.article p.published	{ margin-t op:-15px; font-size:10px; color:#444444; }
.topictitle	{ font-size:12pt; font-weight:bold; }

#pages		{ list-style:none; font-size:8pt; padding-top:20px; }
#pages li	{ display:inline; }
#pages li a	{ text-align:center; float:left; width:15px; text-decoration:none; background-color:#eee; margin:3px; padding:3px; border:1px solid #bbb; }
#pages li.on a{ background-color:#d6d6d6; }
#pages li.clear { text-align:center; float:left; width:15px; text-decoration:none; margin:3px; padding:3px; background-color:#fff; border:0; width:15px; }

#tags li	{ display:inline; margin:0; padding:0 3px; }

#albums,#album { list-style-type:none; width:100%; }
#albums li,#album li { display:inline; margin:0 4px 4px 0; padding:0; }
#albums img,#album img { border:#666666 1px solid; }
#side #albums li { margin:4px 4px 0 0; }

#photo		{ border:#666666 1px solid; max-width:520px; }

#smilies	{ list-style:none; }
#smilies li	{ display:inline; margin:0 3px 0 0; }
#smilies img	{ border:0; }

#login_em, #login_pw{
	width: 120px;
}

p	{ color: #333;
		margin-bottom: 1em;
		line-height: 150%;
		font-size: 1.2em; }