body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #DDDDDD;
}

table {

	border-collapse:collapse;
}

td {
	valign:middle;
}

a {

	text-decoration:none;
}

td a {

	padding-left:6px;
	color: black;
}

.toc table {

	font-size:75%;
	position: absolute;
	top:128px;
	left:16px;
	width:256px;
}

.toc-sub table {

	font-size:75%;
	position: absolute;
	top:149px;
	left:106px;
	width:166px;
}

.toc td {

	border:1px solid black;
	background-color: white;
}

.toc td:hover {

	background-color: #EEE;
}

.whole {
	height:31px;
}

.toc-sub td {

	height:18px;
}

td.half {

	background-color: black;
}

td.edge {

	background-color: #222;
	width:10px;
}

td.empty {

	width:0px;
	background-color: none;
}

td.half a {

	width: 150px;
	color: white;
	display: block;
}

td.half:hover {

	background-color: #222;
}

#selected-app {

	font-weight: bold;
	background-color: #DDD;
}

#selected-topic {

	font-weight: bold;
	background-color: #333;
}

#social {

	position: absolute;
	top:16px;
	left:300px;
}

#social div {

	display:inline;
}

#main {

	position: absolute;
	top:32px;
	left:300px;
}

#imprint {

	font-size:75%;
	position: relative;
	top: 10px;
	left: 10px;
}

span.hidden {

	display:none;
}

#content {

	font-size:80%;
	margin-right:40px;
	margin-bottom:40px;
}