html {
	overflow:auto;
}

body {
	font-family:Verdana,Arial,Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#000033;
}

td {
	font-family:Verdana,Arial,Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#000033;
	vertical-align:top;
}

td p {
	margin:0px;
	padding:0px;
}

table {
	width:auto;
	height:auto;
}

.align-right {
	text-align:right;
}

#toptext {
	position:absolute;
	width:380px;
	height:120px;
	left:50%;
	top:50%;
	margin:-176px 0px 0px 60px;
	overflow:hidden;
	background-color:#5ae85a;
	z-index:12;
	display:none;
}

#bg {
	position:absolute;
	width:940px;
	height:590px;
	left:50%;
	top:50%;
	margin:-295px 0px 0px -470px;
	overflow:hidden;
	z-index:1;
	color:#ffffff;
	background:#5ae85a;
}

#remote {
	position:absolute;
	width:92px;
	height:422px;
	left:50%;
	top:50%;
	margin:-206px 0px 0px -46px;
	overflow:hidden;
	z-index:2;
}

#logo {
	position:absolute;
	width:240px;
	height:20px;
	left:50%;
	top:50%;
	margin:-265px 0px 0px -440px;
	overflow:hidden;
	z-index:100;
}

#content {
	position:absolute;
	width:380px;
	height:440px;
	left:50%;
	top:50%;
	margin:-176px 0px 0px 60px;
	overflow:hidden;
	z-index:10;
}

#div2scroll {
	position:absolute;
	height:auto;
	width:380px;
	left:0px;
	top:0px;
	overflow:visible;
}

#leftcontent {
	position:absolute;
	width:380px;
	height:316px;
	left:50%;
	top:50%;
	margin:-50px 0px 0px -440px;
	overflow:auto;
	z-index:10;
}

#artworks {
	position:absolute;
	width:116px;
	height:auto; /* 30px */
	left:50%;
	top:50%;
	margin:183px 0px 0px -175px;
	padding-right:35px;
	overflow:hidden;
	z-index:11;
	background:url('../images/knob-rollover.gif') right top no-repeat;
	text-align:right;
}

#artworks p {
	padding:0px;
	margin:0px;
}

h1, h2, h3 {
	font-family:Verdana,Arial,Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:bold;
	color:#000033;
	margin:0px;
	padding:0px;
}

#menu {
	position:absolute;
	width:476px;
	height:105px;
	left:50%;
	top:50%;
	margin:-176px 0px 0px -440px;
	overflow:hidden;
	z-index:90;
	text-align:right;
}

.mbuttons a {
	background:url('../images/knob-inactive.gif') left top no-repeat;
	padding-bottom:2px;
}

.mbuttons a:hover, .mbuttons .simulateHover {
	background:url('../images/knob-rollover.gif') left top no-repeat;
}

.mbuttons .knobactive {
	background:url('../images/knob-active.gif') left top no-repeat;
}

.menuitem, .mbuttons {
	height:20px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	float:right;
}

.menuitem img, .mbuttons img {
	vertical-align:text-bottom;
}

.menuitem a {
	background:url('../images/button-inactive.gif') right top no-repeat;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	padding-bottom:2px;
}

.menuitem a:hover {
	background:url('../images/button-rollover.gif') right top no-repeat;
	font-weight:bold;
	text-decoration:none;
	color:#000033;
}

.menuitem .menuactive {
	background:url('../images/button-active.gif') right top no-repeat;
	color:#000033;
}

.submenu {
	line-height:14px;
	color:#ffffff;
}

.submenu a {
	color:#ffffff;
	text-decoration:none;
}

.submenu a:hover, .submenu .simulateHover {
	color:#000033;
	text-decoration:none;
}

.submenu .submenuactive {
	color:#000033;
}

.menuclear {
	clear:both;
}

.submenuhide .submenu {
/*	display:none; */ /* ausgeblendet, nur mit mouse-over einblenden */
	display:block;
}

.submenushow .submenu {
	display:block;
}

#scrollup {
	position:absolute;
	width:46px;
	height:14px;
	left:50%;
	top:50%;
	margin:-56px 0px 0px -23px;
	overflow:hidden;
	z-index:91;
}

#scrolldown {
	position:absolute;
	width:46px;
	height:14px;
	left:50%;
	top:50%;
	margin:0px 0px 0px -23px;
	overflow:hidden;
	z-index:91;
}

#scrollup a {
	background:url('../images/scroll-up.gif') left top no-repeat;
	display:block;
}

/*#scrollup a:hover {    --- mit javascript
	background:url('../images/scroll-up-active.gif') left top no-repeat;
}*/

#scrolldown a {
	background:url('../images/scroll-down.gif') left top no-repeat;
	display:block;
}

/*#scrolldown a:hover {    --- mit javascript
	background:url('../images/scroll-down-active.gif') left top no-repeat;
}*/

a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#000033;
	text-decoration:none;
}

/* ######## RIGHTMENU ############# */
.rightmenu {
	list-style-type:none;
	margin:128px 0px 0px 0px; /* 128px 0px 0px 0px */
	padding:0px;
}

.rightmenu li {
	display:block;
	float:left;
	width:182px;
	height:27px;
	padding:0px;
	margin:0px 3px 3px 0px;
	overflow:hidden;
	line-height:34px;
}

.rightmenu a {
	display:block;
	width:182px;
	height:27px;
	padding:0px;
	margin:0px;
	background-image:url(../images/rightmenu_bg.gif);
}

.rightmenu a:hover, .rightmenu .refmenuactive {
	background-image:url(../images/rightmenu_bg-act.gif);
	color:#000033;
}

/* ########## FILE_LIST ######## */

.tx-filelist-pi1-header-icon, .tx-filelist-pi1-header-filename, 
.tx-filelist-pi1-header-info, .tx-filelist-pi1-header-last_modification {
	font-weight:bold;
}

.tx-filelist-pi1 tr, .tx-filelist-pi1 td {
	height:20px;
}

.tx-filelist-pi1-header-icon {
	width:15px;
}

.tx-filelist-pi1-icon {
	width:30px;
}

.tx-filelist-pi1-icon img, 
.tx-filelist-pi1-filename a, .tx-filelist-pi1-filename font,
.tx-filelist-pi1-info a, .tx-filelist-pi1-info font,
.tx-filelist-pi1-last_modification a, .tx-filelist-pi1-last_modification font {
	vertical-align:text-bottom;
	line-height:20px;
}

.tx-filelist-pi1-header-filename {
	width:90px;
}

.tx-filelist-pi1-header-info {
	width:100px;
}

.tx-filelist-pi1-header-last_modification {
	width:100px;
}

/* ########### FLIESSTEXT ################# */

p, .bodytext {
	line-height:140%;
}