#debug {
	display: none;
}

html {
	padding: 0;
	margin: 0;
	width: 100%;
	overflow:auto;
	font: 10pt "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}
html, input {
	font: 10pt "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}
body {
	margin: 0;
	background-color: #eff9ff;
	width:100%;
	overflow:auto;
}

h1 {
	clear: both;
	margin: 0;
	padding-top: 16px;
	padding-bottom: 10px;
	font: 200% Georgia;
	float: left;
}
h1+p {
	color: #00b6f4;
	font: 100% Georgia;
	float: left;
	padding-top: 0.8em;
	padding-left: 2em;
}
h1+p+* {
	float: left;
	clear: both;
}


h2 {
	clear: both;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 2px;
	font: 120% Georgia;
}

a, a:visited, a:link {
	font-size:inherit;
	text-decoration:inherit;
	color: #006bac;
}

img {
	border:0px solid #262626;
}
img.icon {
	height:10pt; 
	width:10pt;
}


input[type=text] {
	width: 60ex;
}

fieldset legend {
	font-style: italic;
	font-size:small;
}

label input,label textarea {
	float: left;
}

div#blatt {
	padding: 20px 20px 0px;
}
#appname {
	font: italic 50px Georgia;
	height: 70px;
	padding-left: 6px;
	float:left;
	position:relative;
	color: black;
}
#appname span {
	background: url(../pix/gradient-bg.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
}
#username {
	display:none;
}


#suche_form {
		font-size:120%;
		float:right;
		padding-top:6px;
}
#suche_form span, input[type=submit], form a, form a:visited, form a:link {
	 background-color: #00b6f4;
	 color: white;
	 font-weight:bold;
	 font-size:80%;
	 text-transform:uppercase; 
	 -moz-border-radius: 8px; 
	 -webkit-border-radius: 8px;
	 border: none; 
	 padding: 8px 16px;
	 margin-left: 20px;
	 cursor:pointer;
	 float: left;
}


#suche_form input[type=text] {
	background-color: white;
	color: #00b6f4;
	font-weight:bold;
	font-size:inherit;
	height:30px;
	padding-top:0;
	padding-bottom:0;
	width: 19em;
}


div#topbar {
	background-color: #262626;
	margin: 0;
	height:35px;
	overflow: visible;
	width: 100%;
	font-weight: bold;
	color: #CBE8F8;
}

div#topbar_heli {
	margin: 0;
	margin-top: 6px;
	padding: 0;
	margin-right: 20px;
	float:right;
}
#topbar_heli .rui-selectable-container {
	color: #F0F8FF;
	background-color: #999999;
	border: none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	min-width: 3em;
}
#topbar_heli .rui-selectable-handle {
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

#topbar_heli div.rui-selectable-container ul.rui-selectable-display {
		float:right;
		margin-right: 0em;
}

#topbar_heli .rui-dd-menu {
	background-color: #666666;
	border:none;
	min-width: 3em; 
}
#topbar_heli .rui-dd-menu li:hover {
	color: black;
}
#topbar_heli .rui-dd-menu li.rui-selectable-selected {
	color: black;
}


div#topbar_datum {
	float:right;
	background-color: #999999; 
	margin:0;
	margin-top: 6px;
	margin-right: 10%;
	height: 23px;
	 -moz-border-radius: 4px; 
	 -webkit-border-radius: 4px;
	vertical-align: middle;
	padding: 0 5px; 
}
div#topbar_datum input {
	width: 8em;
	color: #F0F8FF;
	font-weight: bold;
	border: none;
	text-align: center;
	background: transparent;
	vertical-align: middle;
	height: 100%;
}
div#topbar_datum img {
	margin-top: 0px;
	vertical-align: middle;
}
div#topbar_datum.stichtag input.start {
	color: #AAAAAA;
}
div#topbar_datum.stichtag img.start {
	visibility: hidden;
}
div#topbar_datum.stichtag span.vonbis {
	visibility: hidden;
}
div#topbar_datum .rui-panel {
	background-color: #999999;
}
div#topbar_datum .rui-button, div#topbar_datum table.month td {
	background-color: #CCCCCC;
}
div#topbar_datum table.month td.selected {
	background-color: #EFEFEF;
	text-align: center;
}
div#topbar_datum table.month td.blank, div#topbar_datum table.month td.blank:hover {
	background: transparent;
}
div#topbar_datum table.month caption {
	color: white;
}

div#topbar_datum table.month td:hover, div#topbar_datum .rui-button:hover {
	background-color: white;
}

div#topbar div#nav1 {
	float:left;
	padding-top: 8px;
	padding-bottom: 4px;
	
}
div#topbar a {
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-decoration: none;
	color:inherit;
}
div#topbar a:hover {
	color:white;
}

.rui-panel caption {
		color: black;
}

div.menu {
	display:block;
	float: left;
	width: auto;
	clear: both;
	height: 35px;
	overflow: hidden;
	background-color: #EBEBEB;
	color:#262626;
	font-weight:bold;
}

div.menu a {
	float: left;
	padding: 10px 10px 10px;
	border-right: solid  #eff9ff 2px;
	margin: 0 0em;
	height: 15px;
	color: inherit;
}
div.menu a.current {
	color: #04B2F7;
	background-color:#262626;
}
div.menu a:hover {
	background-color: #AFAFAF;
}
div.menu a.current:hover {
	background-color: #262626;
}

div.menu span.menuitems span:hover {
	border-color: white #262626 #262626 white;
}




#databar {
	background-color:#262626;
	color: #CFCFCF;
	padding-top:11px;
	padding-bottom:8px;
	width: 100%;
	height: 20px;
	clear:both;
}
#databar div.option {
	float: left;
	margin-right: 6em;
}
#databar div.option:last-child {
	margin-right: 0;
}

#databar div.option a {
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	cursor: pointer;
	background-color: #CFCFCF;
	color: #262626;
	padding: .1em 1em;
	margin: .1em 1em;
}
#databar div.option a:hover {
	background-color: #00B8F5;
}
#databar div.option a.current {
	background-color: #00B8F5;
	color: white;
}

#exporttools {
	float:right;
}
#exporttools span {
	padding-bottom:2px;
	border-bottom: solid white 1px;
	margin-right: 10px;
	cursor: pointer;
}
#exporttools span:first-child {
	border-bottom: none;
	cursor: default;
}
#exporttools span:last-child {
	margin-right: 40px;
}








#detailblock {
	background-color:white;
	background-image:url(../pix/fade.png);
	background-repeat:repeat-x;
	background-position:left top;
	padding-left:20px;
	padding-right:20px;
	clear:both;
	height:10%;
	overflow:auto;
}
div#detail {
	clear: both;
}

/*
th.th_0, td.td_0_0, td.td_0_1 { width: 1px; padding-left: 5px; padding-right:5px; }
th.th_4, td.td_4_0, td.td_4_1 { width: 1px; padding-left: 5px; padding-right:5px; }
th.th_5, td.td_5 { width: 1px; padding-left: 5px; padding-right:5px; }
th.th_6, td.td_6_0, td.td_6_1 { width: 1px; padding-left: 5px; padding-right:5px; }
th.th_7, td.td_7 { width: 1px; padding-left: 5px; padding-right:5px; }

tr.header_group1 td.td_1_0 { width: 1px; padding-left: 5px; padding-right:5px; }
tr.header_group1 td.td_1_1 { width: 1px; padding-left: 5px; padding-right:5px; }
tr.header_group1 td.td_2 { width: 1px; padding-left: 5px; padding-right:5px; }
*/
table.FixTable {
	clear:both;
	border-collapse:collapse;
	width:100%;
	font: 10pt "Lucida Sans Unicode", "Trebuchet MS";
	margin-bottom: 2em;
}
table.VTable {
	width: auto;
}

table td {
	border:none;
	padding:0.4em;
	vertical-align: top;
}

td.amount, td.value, td.part, td.price, td.currency, td.fx, td.decimal, td.icon, td.source, td.date, td.hours, td.code {
	width: 1px;		/* bewirke Spalte so schmal wie möglich */
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
td.amount, td.value, td.part, td.price, td.currency, td.fx, td.decimal, td.hours {
	text-align: right;
}
td.icon, td.source {
	text-align: center;
}
td.date {
	text-align: left;
}

thead {
	font-size:70%;
}
thead th {
	font-weight:200;
	text-align: left;
	padding: 10px 5px 12px 5px;
	color: #3F3F3F;
	white-space: nowrap;
}
tbody {
}
tr.header_group1 td {
	background-color: #cde8f9;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
}
tr.header_group1.closed {
	border-bottom: solid white 1px; /* #AFAFAF 1px;*/
}
tr.header_group1 td:first-child {
	padding-left:2em;
}

tr.header_group1 td:first-child div.klapp {
	margin-top: 2px;
	margin-right:2em;
	padding-left:0.5em;
	padding-right:0.5em;
	display:block;
	float: left;
	width: 8em; 
	text-align: center;
	font-size:70%;
	font-weight:normal;
	background-color:white;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	cursor:pointer;
}
tr.header_group1 td:first-child div.klapp:hover {
	background-color: #93CCEA;
	color:white;
}
tr.detail {
	background-image:url(../pix/graypix.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
tr.detail:hover {
	background-color: #EFEFEF;
}
/* Die .closed dürfen nicht ganz verschwinden - sie müssen in der Breite gleich bleiben, sonst
   springen die Überschriften beim Ein- und Ausklappen hin und her 
 */
tr.detail.closed td {
	padding-top: 0;
	padding-bottom: 0;
	display: none;
	visibility:hidden;
}
tr.detail.closed {
	line-height:0px;
}
tr.detail.closed img {
	display:none;
}

tr.header_group1 td:first-child:before {
	content: "";
}
tr.footer_group0 td, tr.header_group0 td {
	font-weight:bold;
}
tr.footer_group0 td {
	margin-top: 20px;
	border-top: solid #565656 2px;
	border-bottom: double #565656 5px;
}
tr.footer_group0 td:first-child, tr.header_group0 td:first-child {
	padding-left: 8em;
}
table.VTable th {
	text-align: left;
	font-size: 70%;
	font-weight: normal;
}


ul.rui-autocompleter li {
	font-size:70%;
	overflow: hidden;
	white-space: nowrap;
}


object.perfchart {
	float: left;
	clear: both;
	width: 100%;
	height: 680px;
	max-width: 1200px;
}







.hidden, .hidden * {
	display: none;
}

.disabled, .disabled * {
	visibility: hidden;
}

@media print {
	#topbar,#suche_form,#menu,#databar {
		display: none;
	}
	#appname {
		float:right;
		font-size:100%;
	}
}