/*
//
// LAYOUT STYLES
//
*/

#container {
	position: absolute;
	width: 771px;
	margin-left: -385px;
	margin-right: auto;
	bottom: 0px;
	top: 0px;
	left: 50%;
	background: url(../img/header_background.gif) repeat-y left;
}

#header {
	position: relative;
	height: 100px;
}

#paulderuiter {
	position: absolute;
	left: 28px;
	bottom: 0px;
}

#logo {
	position: absolute;
	right: 28px;
	bottom: 0px;
}

#menu {
	position: relative;
	z-index: 100;
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/menu_background.gif) repeat-x top;
	height: 28px;
}

.submenu {
	display: none;
	position: absolute;
	background: url(../img/submenu_background.gif) repeat-x #a0a0a0 top;
	width: 350px;
	overflow: hidden;
	left: 345px;
	top: 28px;
	padding: 10px;
}

.submenu_list {
	position: relative;
	left: 0px;
	top: 0px;
}

.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.submenu ul li {
	float: none;
	height: 15px;
}

.submenu a {
	display: block;
	color: #666a73;
	font-size: 10px;
}

.submenu a.selected {
	display: block;
	color: white;
	font-size: 10px;
}

.submenu a:hover {
	color: #ffffff;
	text-decoration: none;
}

.large_seperator {
	background-color: #393d46;
	padding-top:4px;
}

.small_seperator {
	background-color: #393d46;
	padding-top:1px;
}

#sub {
	width: 715px;
	padding-top: 1px;
	margin-left: auto;
	margin-right: auto;
	height: 29px;
	background-color: #393d46;
}

#project_name_block {
	width: 379px;
	height: 13px;
	float: left;
	background: url(../img/projectname_background.gif) repeat-x top;
	padding: 8px;
	font-size: 10px;
}

#category_block {
	width: 303px;
	height: 13px;
	margin-left: 1px;
	float: left;
	background: url(../img/category_background.gif) repeat-x top;
	padding: 8px;
	font-size: 10px;
}

#content {
	z-index: 50;
	position: relative;
	width: 715px;
	height: 327px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/content_background.gif) repeat-x top #747880;
}

#image_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 395px;
	height: 327px;
}

#video {
  width: 100%;
  background: #3a3e45;
}

#movie_center {
  width: 495px;
  margin: 0 auto;
}

#movie_center embed {
  width: 495px !important;
	height: 327px !important;
}

#text {
	position: absolute;
	width: 299px;
	top: 0px;
	left: 396px;
	padding: 10px;
}

#scrolling {
	position: absolute;
	top: 10px;
	left: 700px;
}

#scrollbar {
	position: absolute;
	width: 1px;
	height: 307px;
	background: #555960;
	top: 0px;
	left: 0px;
}

#scroll {
	position: absolute;
	top: 0px;
	left: -3px;
	width: 10px;
	height: 27px;
	cursor: pointer;
}

#footer_nav {
	width: 715px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
}

#image_nav {
	width: 395px;
	height: 28px;
	float: left;
	background: url(../img/footer_nav_background.gif) repeat-x;
}

#image_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#image_nav ul li {
	float: left;
}

#image_nav ul li.text {
	padding: 8px;
	font-size: 10px;
}

#extra_nav {
	width: 319px;
	height: 28px;
	margin-left: 1px;
	float: left;
	background: url(../img/footer_nav_background.gif) repeat-x;
}

#extra_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#extra_nav ul li {
	padding: 8px 16px 0px 0px;
	font-size: 10px;
	float: right;
}

#extra_nav ul li a {
	color: white;
}

#extra_nav ul li a:hover {
	color: #f26522;
}

#footer {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	top: 1.5em;
	position: relative;
}

#website_by {
	width: 200px;
	float: left;
	padding: 8px;
	font-size: 8px;
}

#website_by a {
	font-size: 8px;
}

#newsletter {
	float: right;
	width: 188px;
	padding: 6px;
	font-size: 10px;
}

#newsletter ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#newsletter ul li {
	float: left;
	margin-right: 5px;
}

#language {
	width: 114px;
	float: right;
	padding: 6px 0 0 0;
	font-size: 10px;
}

#language ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#language ul li {
	float: right;
	padding-right: 6px;
}

/*
//
// CONTENT STYLES
//
*/

ul#news {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#news li {
	padding-bottom: 40px;
}

ul#news li:last-child {
	padding: 0;
}

ul#news .time {
	padding-top: 20px;
}

ul#publications {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#publications li.item {
	margin-left: 20px;
	list-style-image: url(../img/pdf.gif);
}

ul#publications li.project {
	padding-top: 30px;
}

ul#publications li.project:first_child {
	padding: 0;
}

ul#employees {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#employees li.category {
	padding-top: 30px;
}

ul#employees li.category:first_child {
	padding: 0;
}

ul#vacancies {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#vacancies li {
	padding-bottom: 40px;
}

ul#vacancies li:last-child {
	padding: 0;
}

ul#vacancies .time {
	padding-top: 20px;
}

ul#projects {
	list-style: none;
	padding: 0;
	margin: 0;	
}

ul#projects li {
	margin-bottom: 5px;
	border-bottom: 1px solid #393d46;
	padding-bottom: 5px;
}

ul#projects li:last-child {
	padding: 0;
	margin: 0;
	border: none;
}

ul#animations {
	list-style: none;
	margin-top: 20px;
}

#links {
	list-style: none;
}

#links li {
	margin: 0 0 10px 0;
}

#links li a {
	font-weight: bold;
}