/* General */

html {
	height: 100%;
}

body {
	min-width: 700px;
	height: 100%;
	background-color: white;
	color: black;
	font-size: 0.9em;
}

/* Page structure */

#page {
	position: relative;
	min-height: 100%;
}

/* For Internet Explorer */
* html #page {
	height: 100%;
}

#header {
	position: relative;
	height: 110px;
	background: url("../img/header.png") top left repeat-x #f5eedd;
}

#container {
	padding-bottom: 2.5em;
}

#container.with-sidebar {
	padding-left: 210px;
}

#primary {
	position: relative;
	float: left;
	width: 100%;
}

#secondary {
	position: relative;
	float: left;
	margin-left: -100%;
	width: 210px;
}
html>/**/body #secondary {
	left: -210px; /* for standard-compliant browsers! */
}


#footer {
	position: relative;
	height: 1.5em;
	margin-top: -1.9em;
	width: 100%;
	padding: 0.2em 0;
	background: url("../img/footer.png") top left repeat-x #f5eedd;
	clear: both;
	font-size: 0.9em;
	text-align: center;
}

#footer a {
	text-decoration: underline;
}

/* Header */

#headerlogo {
	position: absolute;
	top: 0;
	left: 0;
	height: 110px;
	width: 700px;
	background: url("../img/headerlogo.png") top left no-repeat transparent;
}

#mgi-logo {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 88px;
	height: 88px;
	background: url("../img/logo-mgi.png") top left no-repeat transparent;
}

#games-logo {
	position: absolute;
	top: 11px;
	left: 20px;
	width: 153px;
	height: 85px;
	background: url("../img/logo-games.png") top left no-repeat transparent;
}

#mgi-title {
	position: absolute;
	top: 50%;
	margin-top: -1.2em;
	left: 122px;
}

#rwth-logo {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 201px;
	height: 55px;
	background: url("../img/logo-rwth.png") top left no-repeat transparent;
}

#esf-logo {
	position: absolute;
	top: 11px;
	right: 20px;
	width: 200px;
	height: 85px;
	background: url("../img/logo-esf.png") top left no-repeat transparent;
}

#header img {
	border: none;
}

#header h3, #header h4 {
	margin: 0;
	padding: 0;
	color: black;
	font-size: 1.1em;
	line-height: 1.1em;
}

/* Parent navigation */

#parentnav {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#parentnav ul {
	margin: 0;
	padding: 10px 20px 0 5px;
	list-style: none;
}

#parentnav li {
	display: inline;
	float: left;
	background: url("../img/taboff1.png") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
}

#parentnav a, #parentnav span {
	font-size: 0.9em;
	display: block;
	color: black;
	background: url("../img/taboff2.png") no-repeat right top;
	padding: 8px 15px 3px 8px;
	text-decoration: none;
	font-weight: bold;
}

#parentnav li:hover {
	background-image: url("../img/tabhov1.png");
}

#parentnav li:hover a, #parentnav li:hover span {
	background-image: url("../img/tabhov2.png");
}

#parentnav li.selected {
	background: url("../img/tabon1.png") no-repeat left top;
}

#parentnav li.selected a, #parentnav li.selected span {
	background: url("../img/tabon2.png") no-repeat right top;
}

/* Content */

#content {
	padding: 20px;
}

#content a, a:link, a:active, a:visited, a:hover {
	color: #700;
}

#content h3, h4 {
	color: #700;
}

#content div.bt-container {
	float: right;
	margin-top: -1.3em;
	position: relative; /* needed for z-index to apply */
	z-index: 10;
}

#content table.form {
	background-color: #faf7eb;
	border: 1px solid #cdc6b9;
	padding: 1em;
}

#content table.form .button {
	border: 1px solid #000;
	background: #700;
	color: white;
}

#content div.examinfo {
	background-color: #faf7eb;
	border: 1px solid #cdc6b9;
	padding: 0.5em 1em;
	margin: 0em 0 1.5em 0;
	width: 23em;
}

/*

#content div.examinfo strong {
	font-size: 2em;
	color: #700;
}

*/


#googlemap {
	border: 1px solid #700;
}

/* Sidebar */

#sidebar {
	padding: 20px 0 5px 20px;
}

.childnav {
	width: 100%;
	padding: 0 0 12px 0;
	margin: 0 0 15px;
	background-color: #faf7eb;
	font-size: 0.9em;
	background: url("../img/childnav-bottom.png") no-repeat left bottom #faf7eb;
}

.childnav-top {
	width: 100%;
	height: 12px;
	background: url("../img/childnav-top.png") no-repeat left bottom white;
}


.childnav ul {
	padding: 0 15px;
	position: relative; /* needed by IE6 */
	list-style: none;
}

.childnav ul ul {
	display: none;
	padding: 4px 0 0 10px;
}

.childnav li.selected ul {
	display: block;
}

.childnav ul ul ul {
	padding: 2px 0;
}

.childnav ul ul ul ul ul {
	list-style: square;
	margin-left: 1em;
}

.childnav li {
	padding: 4px 0;
}

.childnav li li {
	padding: 2px 0;
}

.childnav a {
	color: black;
}

.childnav a.menu-top, .childnav span.menu-top {
	font-size: 1.2em;
	font-weight: bold;
	color: #807b73;
}

.childnav a.menu-top:hover {
	text-decoration: none;
	color: black;
}

.childnav li.selected a.menu-top, .childnav li.selected span.menu-top {
	color: black;
}

.childnav a.menu-title, .childnav span.menu-title {
	font-weight: bold;
}

.childnav a.menu-subsub, .childnav span.menu-subsub {
	margin-left: 1em;
}

.childnav li.item-prevgames-author {
	margin-left: 1em;
}

/* Footer */

#footer a {
	color: black;
}

.highlight { 
	color: #700;
}

/* emphasize changed information */
.changed {
	font-weight: bold;
}

/* emphasize new list items */
li.new {
	font-weight: bold;
}