/*
  Grafisch Arnhem
  Copyright (C) 2009 by Systemantics, Bureau for Informatics

  Lutz Issler
  Mauerstr. 10-12
  52064 Aachen
  GERMANY

  Web:    www.systemantics.net
  Email:  mail@systemantics.net

  Permission granted to use the files associated with this
  website only on your webserver.

  Changes to these files are PROHIBITED due to license restrictions.
*/

* {
	margin: 0;
	padding: 0;
}
a {
	color: black;
	text-decoration: none;
}
img {
	border: none;
}
#header a:hover {
	color: black !important;
}
#menu a:hover {
	text-decoration: underline;
}
#menu,
#recent {
	list-style: none;
}
#menu li,
#recent li,
#recent dl,
#recent .image,
#header h1 {
	float: left;
}
#recent li {
	clear: left;
	margin-bottom: 20px;
	width: 800px;
}
#menu li,
#header h1 {
	margin-right: 0.25em;
}
#menu li:after {
	content: " /";
}
#menu li {
	text-transform: lowercase;
}
#header,
#recent,
#list,
#text,
#text h3,
#selection,
#work,
#image.text,
#properties,
#axis,
th {
	position: absolute;
}
#header {
	left: 15px;
	top: 20px;
	width: 600px;
	z-index: 1000;
}
#header h1 {
	font: bold 22px "Times New Roman", Times, serif;
}
#header h2 {
	font: normal 22px "Times New Roman", Times, serif;
}
#menu {
	font: 15px/16px "Times New Roman", Times, serif;
	width: 500px;
}
#properties,
#text p,
#text h4,
td {
	font: 13.3px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: .4px;
}
#recent,
#list {
	top: 90px;
}
#text {
	padding-top: 90px;
}
#recent {
	left: 65px;
	top: 90px;
	width: 600px;
}
#recent .image {
	display: block;
	margin-right: 20px;
	width: 240px;
}
dt {
	display: none;
}
dd {
	font: 24px/30.7px Helvetica, Arial, sans-serif;
	white-space: nowrap;
}
#recent.clickable dd span,
#image.clickable img {
	cursor: pointer;
}
#recent .image,
#image {
	text-align: right;
}
#image .quicktime {
	float: right;
}
#image .quicktime a:hover {
	color: white !important;
}
a:hover,
a.selected,
span.selected,
.selected a,
.xed .x,
.category {
	color: red;
}
.xed a.selected {
	color: black;
}
#list,
#selection {
	left: 490px;
	width: 550px;
}
#selection {
	height: 40px;
	text-align: left;
	top: 40px;
}
#selection,
#list th,
#text h3 {
	font: normal 12px/13.3px Arial, Helvetica, sans-serif;
	text-align: center;
}
#text h3 {
	display: block !important;
	text-decoration: underline;
}
h3,
th,
td {
	display: none;
}
#list th,
#text h3 {
	top: -50px;
	width: 550px;
}
tr,
td {
	float: left;
}
td:after {
	content: ",";
	margin-right: .25em;
}
#image,
#properties {
	height: 100%;
}
#image {
	background: url(/elements/overlay.png);
	padding-top: 80px; 
	width: 725px;
}
#properties {
	padding-top: 32px;
}
.secondlayer {
	background: white;
	left: 725px;
	padding: 50px 20px 0 20px; 
	top: 0;
	width: 245px;
}
#properties p,
#text p {
	margin-bottom: 16px;
}
.arrow {
	font: 24px/30.7px Helvetica, Arial, sans-serif;
}
#axis {
	background: red;
	width: 1px;
}
#text h4,
.category {
	font-weight: bold;
}
.hidden {
	display: none;
}
#list th,
.category {
	text-transform: capitalize;
}
#list th,
#selection {
	font-size: 16px;
}
#list th {
	text-align: right;
}
.category {
	font-family: Helvetica, Arial, sans-serif;
}