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

body {
	background: #dae3de ;
	margin: 0px;
	font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	font-size-adjust: none;
	word-spacing:0.25em;
}

#centreren {
	width: 630px;
	left: 50%;
	margin-left: -370px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 0px;
	
}

#content {
	clear: both;
	position: relative;
	padding-top: 0px;
	top: -50px;
	margin-bottom: 30px;
	clear: both;
	
}

h1 {
	font-style: none;
	font-weight: normal;
	font: normal normal 24px Georgia, "Times New Roman", Times, serif;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #505050;
	word-spacing:-0.125em
}

h2 {
	font-style: none;
	font-weight: normal;
	font: normal normal 17px Georgia, "Times New Roman", Times, serif;
	
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 0px 0px;
	color: #c8c8c8;
	word-spacing:-0.125em
}

h3 {
	font-style: none;
	font-weight: normal;
	font: normal normal 17px  georgia, "lucida bright", "times new roman", serif;
	
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	color: #505050;
	word-spacing:-0.125em
}

img {
	border: none;
	padding-bottom: 0px;
}

a {
	color: #0066FF;
	text-decoration: none;
	font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: none;
}

a:hover {
	background-color: #0066FF;
	color: #ffffff;
}

b { color: #666666;}

.hightlight {
	background-color: #f1f1f1;
	padding: 1px 2px 1px 2px;
}



#p1next, #p2next, #p3next, #p4next, #p5next, #p6next, #p7next, #p8next, #p9next, #p10next, #p11next, #p12next, #p13next, #p14next, #p15next, #p16next, #p17next, #p18next, #p19next, #p20next, #p21next, #p22next, #p23next, #p24next, #p25next, #p26next, #p27next, #p28next  {
	float:left;
	padding-top: 10px;
	}

#p1back, #p2back, #p3back, #p4back, #p5back, #p6back, #p7back, #p8back, #p9back ,#p10back, #p11back, #p12back, #p13back, #p14back, #p15back, #p16back, #p17back, #p18back, #p19back, #p20back, #p21back, #p22back, #p23back, #p24back, #p25back, #p26back, #p27back, #p28back ,#contactback, #overDIDback, #mail {
	float: right;
	text-align: right;
	padding-top: 10px;
}

.clear {
	clear: both;
	height: 50px;
}

#linkedin {
	position: fixed;
	left: 10px;
	top: 0px;
}

#navigatie {
	position: fixed;
	width: 250px;
	left: 50%;
	margin-left: 280px;
	top: 50px;
	font-style: italic;
	
}

#navigatie a {
	background-color: #dae3de;
	color: #666666;
	padding: 2px 2px 2px 2px;
	line-height: 16px;
	border-bottom: none;
	
}

#navigatie a:hover {
	background-color: #0066FF;
	border-bottom: none;
	color: #ffffff;
}

#navigatie a:active {
	background-color: #FFffFF;
	border-bottom: none;
}

.actief {
	border: 1px solid #ffffff;
	margin-left: 0px;
	}

.inactief {
	border: 1px solid #dae3de;
	margin: 0px;
	
}

#navigatiedrie a {
	background-color: #999999;
	color: #ffffff;
	line-height: 18px;
}

.hide {
	display: none;
}

.show {
	display: block;
	width: 590px;
}

#logovertical {
	position: fixed;
	width: 180px;
	height: 450px;
	left: 50%;
	margin-left: -440px;
	top: 50px;
}

hr {
height: 0;
border: 0;
border-top: 1px solid #999999;
margin-top: 20px;
margin-bottom: 15px;
}

#project28, #project27, #project26, #project25, #project24, #project23, #project22, #project21, #project20, #project19, #project18, #project17, #project16, #project15, #project14, #project13, #project12, #project11, #project10, #project9, #project8, #project7, #project6, #project5, #project4, #project3, #project2, #project1, #overDID, #contact {
	background: #ffffff;
	padding: 50px 20px 20px 20px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#intro {
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-style: none;
	font-weight: normal;
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	color: #505050;
	word-spacing:-0.125em
}

#bovenkant {
	height: 60px;
}