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

* {
	margin:0;
	padding:0;
}
body {
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	background: #FFF;
}
img {
	border:0;
}
.inside {
	width: 960px;
	margin:auto;
}
#header {
	background: #fff;
	height: 90px;
	display: block;
	margin:0;
}
#logo {
	padding: 5px 0 0 0;
	float: left;
}
#nav {
	float:left;
	margin:30px 0 0 60px;
}
#nav ul li a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
#nav ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
	padding-bottom: 3px;
}
#nav ul li:hover a {
	color: #9d9d9d;
}
#content {
	margin: 10px 0 30px 0;
}
#content h1 {
	color:	#000;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid white;
	margin:0 0 15px 0;
}
#content img.profile {
	float: left;
	margin:0 15px 75px 0;
}
#content .bigleft {
	width: 650px;
	float:left;
}
p {
	color: #000;
	margin:0 0 15px 0;
	line-height: 1.6;
}
a, a:visited, a:active {
	color: #9d9d9d;
	text-decoration: none;
	border-bottom: 0px solid #e5e5e5;
}
a:hover {
	border-bottom: 0px dotted #fff;
}
#content .smallright {
	margin:0 0 0 700px;
}
#content .smallright img {
	margin: 0 0 15px 0;
}
.clear {
	clear:both;
}

.grey {
	color:#999;
}
/****************************
Updates on homepage
****************************/

.update {
	background:url(images/bg_update.gif) bottom repeat-x;
	padding:0 0 1px 0;
	margin: 0 0 15px 0;
}
.update h2 {
	color: #000;
	font-size: 11px;
}
.update p {
	color: #000;
}
.updateidea {
	padding:0 0 1px 0;
	margin: 0 0 15px 0;
}
.updateidea h2 {
	color: #000;
	font-size: 11px;
}
.updateidea p {
	color: #000;
}
/****************************
Portfolio on homepage
****************************/

#portfolio {
}
#portfolio table {
	border-spacing:20px;
	margin:0 0 0 -20px;
}
#portfolio img {
}
#portfolio a {
	border-bottom: 3px solid #fff;
}
#portfolio a:hover {
	border-bottom: 3px #fff;
}
/****************************
Individual work
****************************/

a.back {
	text-transform:uppercase;
	font-weight: bold;
}
img.work {
	margin:0 0 15px 0;
}
/*****************************
Tweede row in content incl.
Kolom "one", "two" en "three"

****************************/

#onetwo {
	float:left;
	margin:30px 0 0 0;
}
#one {
	float:left;
	width: 280px
}
.green {
	color: #000;
}
#one ul li, #two ul li, #three ul li {
	list-style:none;
	color: #9d9d9d;
}
#two {
	margin:0 0 0 315px;
	width: 290px;
}
#two ul {
	margin:0 0 15px 0;
}
#three {
	margin:45px 0 0 640px;
}
#three img {
	margin:0 0 17px 0;
}
/*************************
Footer
*************************/

#footer {
	background: #FFF;
	height: 150px;
	margin: 50px 0 0 0;
	padding: 30px 0 0 0;
}
#footer p {
	color: #999;
	float:right;
}
#footer img {
	margin:0 15px 0 0;
}
#footer ul.nav {
	list-style: none;
}
#footer ul.nav li {
	float:left;
	margin:0 20px 0 0;
}
#footer ul.nav li a, #footer ul.nav li a:visited, #footer ul.nav li a:active {
	color: #9d9d9d;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 3px;
}
#footer ul.nav li a:hover {
	border-bottom: 0px solid #9d9d9d;
}
/*******************
Form
*******************/


form input {
	border: 1px solid #999;
	background: #9d9d9d;
	display: block;
	padding: 5px;
	margin:10px 0 10px 0;
	color: #FFF;
	width: 300px;
	border:0;
}
form fieldset {
	border:0;
}
form {
	color: #9d9d9d;
	display: block;
}
form textarea {
	background: #9d9d9d;
	width: 500px;
	height: 200px;
	color: #FFF;
	padding: 5px;
	margin: 10px 0 10px 0;
	display: block;
	border:0;
}
form input.button {
	width: 100px;
	background: #000;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}
form input.button:hover {
	background:#9d9d9d;
}
.error {
	color:#F00;
}


p.block {
	display:block;	
}

.addthis_toolbox {
	height: 25px;	
}