*{
	margin: 0px;
	padding: 0px;
}

/*------------ Standaard ------------*/

body
{
	font-family: Arial;
	font-size: 10pt;
	line-height: 150%;
	
	background-color: #400000;
	
	background: url("http://student-kmt.hku.nl/~jens/portfolio5/images/background.jpg");
}

ul
{
	list-style-type: none;
}

h1
{
	font-family: Arial;
	font-size: 22pt;
	font-weight: normal;
	line-height: 150%;
	color: #800000;
}

h2
{
	font-family: Arial;
	/*font-size: 18pt;*/
	font-size: 14pt;
	font-weight: normal;
	line-height: 150%;
	color: #800000;
}

h3
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	/*font-size: 14pt;
	font-weight: normal;*/
	line-height: 150%;
	color: #800000;
}

img
{
	border: none;	
}

td
{
	vertical-align: top;
}

#tdfirst
{
	border-right: 1px solid #800000;
	padding-right: 30px;
}

#tdsecond
{
	padding-left: 30px;
}

/*------------ Hyperlink pseudo-classes ------------*/

a:link 		{ color: #800000; }  /* unvisited link */
a:visited 	{ color: #804040; }  /* visited link */

a:hover 		{ color: #FF0000; }	 /* mouse over link */
  
a:active 	{ color: #FFFFFF; }  /* selected link */

/*------------ IDs ------------*/

/* File */

#container
{
	position: relative;
	/*top: 20px;*/
	
	margin: auto;
	
	width: 800px;
}

#content
{
	position: absolute;
	top: 200px;
	left: 230px;
	
	padding: 10px;	
	
	width: 500px;
	
	background-image: URL("http://student-kmt.hku.nl/~jens/portfolio5/images/back.png");
}

/* overall.inc */

#hoofdmenu
{
	position: absolute;
	top: 130px;
	/*left: 50px;*/
	left: 230px;
	
	width: 520px; /* 520 */
	height: 60px; /* 60 */
}

#hoofdmenu ul li
{
	display: inline;
	
	margin-right: 10px;
}

#under_construction
{
	position: absolute;
	top: 40px;
	left: 0px;
	
	width: 600px;
	height: 40px;
	
	padding-left: 5px;
	padding-right: 5px;
}

#under_construction h3
{	
	font-size: 26pt;
	
	color: #FFFF00;
}

#parasiet
{
	z-index: -20;
}

#header
{
	position: absolute;
	top: 10px;
	left: 50px;
	
	width: 600px;
	height: 110px;
}

.menu_button
{
	border: none;
}

#home { position: absolute; top: 0px; left: 0px; }
#me { position: absolute; top: 0px; left: 111px; }
#projects { position: absolute; top: 0px; left: 196px; }
#work{ position: absolute; top: 0px; left: 408px; }

/* projects_menu.inc */

#submenu
{
	position: absolute;
	top: 200px;
	left: 50px;
	
	width: 150px;
	
	padding: 10px;
	
	text-align: right;
	
	background-image: URL("http://student-kmt.hku.nl/~jens/portfolio5/images/back.png");
}

#submenu ul li
{
	display: block; /* inline;*/
	
	/*margin-right: 10px;*/
}

/* index.php */

#updates ul
{
	list-style-type: circle;
	
	margin-left: 15px;
}

#homepic
{
	float: left;
	margin-right: 20px;
}

#content.index_text
{
	position: absolute;
	top: 200px;
	left: 430px;
	
	width: 300px; /* 320 - 20px padding */
	height: 595px; /* 615 - 20px padding */
}

#me_pic
{
	position: absolute;

	top: 200px;
	left: 230px;
	
	width: 190px;
	height: 615px;
}

#contactIcons
{
	position: absolute;
	
	top: 200px;
	left: 0px;
	
	width: 220px;
	height: 200px;
	
	text-align: right;
}

#footer
{
	position: absolute;
	
	top: 748px;
	left: 140px;
	
	width: 88px;
	height: 64px; /* 31 + 31 + extra 2 */
	
	text-align: right;
}

/* sell_it.php */

#sell_it_movie
{
	border: 1px #000 solid;
}

/* showImage.php */

#imageContainer
{
	position: relative;
	top: 20px;
	
	margin: auto;
	
	background-image: URL("http://student-kmt.hku.nl/~jens/portfolio5/images/back.png");
}

/* work.php*/
.item
{
	width:245px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

#spacer
{
	width:500px;
	height:10px;
}

/*------------ Classes ------------*/

.opvallen
{
	font-size: 20pt;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.notes
{
	font-style: italic;
}

.list_in_text
{
	list-style-type: circle;
	
	margin-left: 45px;
}

.menu_title
{
	font-weight: bold;
	color: #800000;
}

.thumb
{
	width: 20px;
	height: 20px;
}

.a_img
{
	text-decoration:none;
}

/*.imgText <- pop up img screen
{
	font-size: 72pt;
	font-style: italic;
}*/

.clickable
{
	cursor: pointer;
}

.caption
{
	font-size: 8pt;
	font-style: italic;
}

.img_in_text
{
	width: 250px;
	height: 140px;
}