html {
	overflow-y: scroll;
}
body {
margin-top:40px;
font-family: 'Droid Sans', arial, serif; 
font-size:14px;
line-height:20px;
color:#636468;
margin-bottom:100px;


	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-color: #e9e9e9;
}
body.page-id-infoseat {
	background-image:url(projects/infoseat/background.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-color: #b4b4b4;
}
body.page-id-afstuderen {
	background-image:url(projects/unplugged/background.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-color: #b5c2c7;
}
body.page-id-2018 {
	background-image:url(projects/2018/background.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-color: #b5b5b5;
}
#container {
margin-left:auto;
margin-right:auto;
width:950px;
height:100%;
}
#header {
width:100%;
height:57px;
margin-top:60px;
overflow:hidden;
margin-bottom:20px;
}
#headerlogo {
width:200px;
float:left;
margin-left:8px;
}
#contentboven {
height:100%;
overflow:hidden;
padding:10px;
}
#showreel {
width:500px;
height:320px;
float:left;
overflow:hidden;
margin-right:30px;
margin-bottom:10px;
}
#keywords {
width:350px;
}
#contentmidden {
height:100%;
padding:10px;
margin-bottom:10px;
overflow:hidden;
}
#contentbeneden {
height:100%;
padding:10px;
margin-top:50px;
overflow:hidden;
background-image:url(bgrnd_fade.png);
background-repeat:repeat-x;
border:#444444 1px solid;
}
#biografie {
width:500px;
float:left;
text-align:justify;
display:none;
}
#meerinfo {
display:none;
}
#projectencontainer {
display:block;
float:right;
width:350px;
margin-right:30px;
margin-top:-3px;
}
#projecteninhoud {
display:block;
float:left;
width:350px;
height:200px;
margin-right:30px;
margin-top:5px;
}
#portfolioenprofielcontainer {
width:505px;
float:left;
}
#portfolio {
margin-top:30px;
width:350px;
overflow:hidden;
float:left;
margin-bottom:30px;
}
#portfoliobody {
width:515px;
float:left;
text-align:justify;
}
#portfolioindex {
display:block;
float:right;
margin-top:33px;
padding:10px;
width:350px;
}
#profiel {
width:500px;
float:left;
margin-bottom:30px;
font-size:11px;
}
#contact {
width:350px;
float:left;
}
#footer {
margin-top:20px;
width:100%;
height:100px;

}
#footerdisclaimer {
width:300px;
height:50px;
float:left;
margin-top:20px;
font-size:smaller;
padding:10px;
}
/*TOOLTIP*/
pre{
	display:block;
	padding:10px;
	border:1px solid #bae2f0;
	background:white;
	color:black;
	margin:.5em 0;
	overflow:auto;
	width:800px;
	z-index:99;
}

#tooltip{
	position:absolute;
	background:#5c6063;
	color:white;
	padding:2px 5px;
	display:none;
	z-index:99;
	}	


li{
margin-left:-40px;
padding:0;
list-style: square inside;
}

h1{
font-family: 'Droid Sans', arial, serif; 
text-decoration:none;
font-size:18px;
margin:0px;
margin-bottom:5px;
}
h4 {
font-family: 'Droid Sans', arial, serif; 
font-size:10px;
margin:0px;
}
a:link { 
color:#636468;
} 
a:visited { 
color:#636468;
} 
a:hover { 
color:#FFFFFF;
} 
a:active { 
color:#636468;
text-decoration : none; 
} 

a:link img,
a:visited img{border:none;font-decoration:none;}
a:focus img,
a:hover img,
a:active img{border:none;font-decoration:none;}

a:link img.noborder,
a:visited img.noborder{border:none;text-decoration:none;}
a:focus img.noborder,
a:hover img.noborder,
a:active img.noborder{border:none;}

.hover {
opacity:1.0;
filter:alpha(opacity=100);
}
.hover:hover {
opacity:0.4;
filter:alpha(opacity=40);
}

.input {
border:0px;
background: #FFFFFF;
}
.input:hover {
border:0px;
background:#d8dcdb;
}
.button {
	letter-spacing:-1px;
	border:0px;
	padding-left:5px;
	padding:3px;
	text-align:left;
	background:#5c6063;
	color:white;
	cursor:pointer;
	font-family: 'Droid Sans', arial, serif; 
	font-size:16px;
}
.button:hover {
	letter-spacing:-1px;
	border:0px;
	padding-left:5px;
	padding:3px;
	text-align:left;
	background:#ffffff;
	color:#5c6063;
	cursor:pointer;
	font-family: 'Droid Sans', arial, serif; 
	font-size:16px;
}
.greytextbgrnd{background-color: #adb5bb;}