.topicListContainer {
	position: absolute;
	right: 5px;
	top: 69px;
	width: 160px;
}

.collapsed .togglebutton {
	background-image: url('../images/chevronDown.png');
}

.collapsed .topiclist {
	display: none;
}

.expanded .togglebutton {
	background-image: url('../images/chevronUp.png');
}

.expanded .topiclist {
	display: block;
}

.togglebutton {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	float: right;
	width: 25px;
	height: 19px;
}

.togglebutton:active {
}

.topicframe {
	margin: 2px 2px 5px 2px;
}
/* das ganze um 90 Grad drehen mit Hilfe von XML (Ein Versuch)
.topicFrame.collapsed
{	right: 5px;
	writing-mode: tb-rl;
	filter: flipv fliph;
	height: 160px;
	width: 25px;
}
*/
.topiclist {
	border: 1px solid #6699cc;
	margin: 0;
	padding: 2px 2px 2px 20px;
	background-color: #f0f0f0;
}

.topiclist li {
	margin-bottom: 2pt;
}

.top {
	height: 19px;
}

.expanded .top {
	background-image: url('../images/6699cc-1x1.png');
}

.collapsed .top {
	background-image: url('../images/tp-bar.png');
	background-repeat: repeat-x;
		height: 160px;
	width: 25px;
}

.topleft {
	background-position: top left;
	background-repeat: no-repeat;
}

.expanded .topleft {
	background-image: url('../images/gripblue.png');
}

.collapsed .topleft {
	background-image: url('../images/gripgray.png');
}

.topright {
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url('../images/downlevel.png');
	font-weight: bold;
}

.expanded .topright {
	color: white;
}

.collapsed .topright {
	color: #003399;
}

.optionheading {
	padding-left: 16px;
	padding-top: 3px;
}