/* <style type="text/css"> */

/* td, th {font-family: sans-serif;} */
pre {margin: 0px; font-family: monospace;}
table {border-collapse: collapse;}

.p {text-align: left;}
.e {background-color: #ccccff; font-weight: bold; color: #000000;}
.h {background-color: #9999cc; font-weight: bold; color: #000000;}
.v {background-color: #cccccc; color: #000000;}
.vr {background-color: #cccccc; text-align: right; color: #000000;}
hr {width: 600px; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}

body {
	margin:0px;
}

img, button, input {
	margin:0px;
	padding:0px;
}

a {
	text-decoration: none;
	display:inline;
	margin: 0px 0em;
	padding: 0px 0em;
	border: 1px solid transparent;
}

a:hover {
	border: 1px solid transparent;
}

a.link {
	text-decoration: none;
	display:inline;
	margin: 0px 0em;
	padding: 0px 0em;
	border: 1px solid transparent;
}

div.normalframe, div.innerframe {
	border: 1px solid grey;
	padding: 0.1em;
}

div.innerframe {
	border-radius: 0.5em;
	background-color: transparent;
}

div.normalframe {
	border-radius: 0.5em;
	background-color: transparent;
}

div.filterframe {
	/* padding: 0.1em; */
	padding:0;
	z-index:1;
}

iframe {
	border: 1px transparent;
}

table.header {
	width:100%;
}

table.noborder {
	width:100%;
	border:0px;
	/* border-top-left-radius:1em; */
	/* border-top-right-radius:1em; */
}

table.solidborder {
	width:100%;
	border:1px solid grey;
}

td.top {
	vertical-align:top;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
}

td.topleft {
	vertical-align:top;
	text-align:left;
}

td.topcenter {
	vertical-align:top;
	text-align:center;
}

td.topright {
	vertical-align:top;
	text-align:right;
}

td.topblock {
	vertical-align:top;
	text-align:justify;
}

td.leftbutton {
	vertical-align:top;
	width:20px;
}

button {
	background-color: transparent;
	border: 1px solid transparent;
}

button:hover {
	border: 1px outset;
}

input[type="checkbox"] {
	margin-left: 0px;
}

select.record {
	#margin-left: 3px;
}

input.button:hover {
	border: 1px solid;
}

input.subTabs {
	margin: 1px 0em;
	margin-bottom: 0px;
	position: relative;
	text-decoration: none;
}

input.subTabs:hover {
	margin: 1px 0em;
	margin-bottom: 0px;
	position: relative;
	text-decoration: none;
	text-margin: 1px 1em;
}

input.subTabActive {
	top: 1px;
	margin: 1px 0em;
	margin-bottom: 0px;
	margin-top: 2px;
	position: relative;
	text-decoration: none;
	border-bottom-style: none;
	#font-weight: bold;
}

div.mainMenu {
	/* padding: 0.1em; */
	padding: 0;
	/* z-index:150; */
}

table.mainMenu {
	/* width:100%; */
	border:0px;
}

ul.mainMenu, ul.mainMenu ul {
	cursor: default;
}

ul.mainMenu li {
	list-style-type: none;
	position: relative;
	text-decoration: none;
	white-space:nowrap;
}

ul.mainMenu li > ul {
	display: none;
	position: absolute;
	top: 0px;
	left:-5px;
}

ul.mainMenu ul.CSStoShow {
	display: block;
}

ul.mainMenu li:hover > ul {
	display: block;
	z-index:150;
}

ul.mainMenuhori li {
	display: inline;
	/* Dies ist der Test - rechts/links senkrechte Striche */
	/* margin-left: 1px;
	border-left: 2px ridge red;
	border-right: 2px ridge red; */
}

ul.mainMenuvert {
	/* border: none; */
	display:block;
	margin-right:0px;
}

ul.mainMenuvert li {
	display: outline;
}

ul.subMenu, ul.subMenu ul {
	cursor: default;
}

ul.subMenu li {
	list-style-type: none;
	position: relative;
	display: block;
	z-index:150;
}

ul.subMenu li > ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 100%;
}

ul.subMenu li:hover, ul.subMenu li.CSStoHighlight {
	display: block;
	margin:0px;
	margin-left: 1px;
}

ul.subMenu ul.CSStoShow {
	display: block;
}

ul.subMenu li a {
	display: block;
	text-decoration: none;
	white-space:nowrap;
}

ul.subMenu li a:hover, ul.subMenu li a.CSStoHighLink {
	display: block;
}

ul.subMenu li:hover > a {
	display: block;
}

hr.fullwidth {
	width:100%;
	height:1px;
	background:grey;
	border-style:double solid dotted dashed;
}

/* <!--[if IE]> */
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.mainMenuIE li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
/*  behavior: url( IEmen.htc ); */
}
ul.mainMenuIE ul {  /* copy of above declaration without the > selector, except le
ft position is wrong */
	display: none; position: absolute; top: 20px; left: 78px;
}
ul.subMenuIE li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
/*  behavior: url( IEmen.htc ); */
	width:200px;
}
ul.subMenuIE ul {  /* copy of above declaration without the > selector, */
/* except left position is wrong */
	display: none; position: absolute; top: 20px; left: 78px;
}
/* <![endif]--> */

table.sortable
{
	border-collapse: collapse;
}
table.sortable th
{
	text-decoration:underline;
}
table.sortable th.no_sort
{
	text-decoration:none;
}
<!--
table.sortable tfoot td
{
	color: #666;
	background-color: #ccc;
}
-->

<attach event="onmouseover" handler="rollOver" />
<attach event="onmouseout" handler="rollOff" />


/* CSS Tree menu styles */
ul.tree {
	padding: 0 0 0 30px;
	width: 20%;
}
li.tree { 
	position: relative; 
	margin-left: -30px;
	list-style: none;
	white-space:nowrap;
}
a.tree {
	color: lightgrey;
	text-decoration: none;
}
a.wwwurl {
	color: lightgrey;
	text-decoration: none;
}
li.file {
	margin-left: -1px !important;
}
li.file a {
	background: url('s_document.png') 15px 1px no-repeat;
	color: lightgrey;
	padding-left: 37px;
	text-decoration: none;
	display: block;
}
li.file a[href *= '.pdf']	{ background: url('s_document.png') 15px 1px no-repeat; }
li.file a[href *= '.html']	{ background: url('s_document.png') 15px 1px no-repeat; }
li.file a[href $= '.css']	{ background: url('s_document.png') 15px 1px no-repeat; }
li.file a[href $= '.js']	{ background: url('s_document.png') 15px 1px no-repeat; }
li.tree input {
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}
li.tree input + ul {
	background: url('s_toggle-small-expand.png') 40px 0 no-repeat;
	margin: -0.938em 0 0 -44px; /* 15px */
	height: 1em;
}
li.tree input + ul > li {
	display: none;
	margin-left: -14px !important;
	padding-left: 1px;
}
li.tree label {
	background: url('s_folder-horizontal.png') 15px 1px no-repeat;
	cursor: pointer;
	display: block;
	padding-left: 37px;
}
li.wwwurl label {
	background: url('wwwurl.png') 15px 1px no-repeat;
	cursor: pointer;
	display: block;
	padding-left: 37px;
}

li.tree input:checked + ul {
	background: url('s_toggle-small.png') 40px 5px no-repeat;
	margin: -1.25em 0 0 -44px; /* 20px */
	padding: 1.563em 0 0 80px;
	height: auto;
}
li.tree input:checked + ul > li {
	display: block;
	margin: 0 0 0.125em;  /* 2px */
}
li.tree input:checked + ul > li:last-child {
	margin: 0 0 0.063em; /* 1px */
}